Kompi Simple Blogger Template Seo Ringan Cocok Untuk Publisher Adsense

Kompi Simple Blogger Template Seo Ringan Cocok Untuk Publisher Adsense - Kompi Simple adalah template terbaru yang di desain oleh kang +Adhy Suryadi  admin dari blog kompi ajaib pasti bagi anda para blogger sudah pada kenal dengan beliau, pada postingan kali ini saya akan share template tersebut di blog ini agar para blogger semakin gampang untuk mencari template simple, seo ,responsive dan ringan untuk bermain adsense pokoknya banyak sekali kelebihan dari semua template hasil karya kang adhy walaupun template yang di share versi free.

Kompi Simple di desain dengan menu melayang seperti menu yang terdpat pada google plus dan widget melayang pada sidebar yang akan menarik pengunjung untuk mengunjungi postingan lain di blog, pada tampilan mobile template ini tidak menampilkan sidebar dengan alasan karena pengunjung yang mengakses dari perangkat mobile hanya memperdulikan konten tidak akan memperhatikan sidebar .

Demo Template Kompi Simple

Fitur Template Kompi Silmlpe 

Untuk Mengetahui seberapa responsive tempalate silahkan anda cek menggunakan quirktools.com
Untuk Test kecepatan saat di load bisa anda cek menggunakan tools google PageSpeed Insight
Untuk Test struktur data dari template kompi simple cek dengan Struktured Data Testing Tool
Untuk test validasi html 5 silahkan cek dengan Nu HTML Checker jika terdapat error hapus widget featured posts

Kostumasi Template Kompi Simple

Download

# Menu

Pada tampilan desktop, template ini memiliki 2 buah menu yaitu page menu di samping header dan menu di bawah header. Namun untuk tampilan mobile, menu-nya saya buat menjadi 1 buah menu dengan show hide.

Untuk menu dengan class='mobile-menu' adalah dari menu di bawah header untuk tampilan mobile.

# Sosial Media

Silahkan isikan url profil sosial media Anda seperti Facebook, Twitter, Google+, Linkedin, atau Youtube pada kode di bawah ini.

<ul>
  <li><a href='https://www.facebook.com/your-username' itemprop='sameAs' target='_blank' title='Facebook'><i class='fa fa-facebook fa-lg'/></a></li>
  <li><a href='https://twitter.com/your-username' itemprop='sameAs' target='_blank' title='Twitter'><i class='fa fa-twitter fa-lg'/></a></li>
  <li><a href='https://www.google.com/your-username' itemprop='sameAs' target='_blank' title='Google+'><i class='fa fa-google-plus fa-lg'/></a></li>
  <li><a href='id.linkedin.com/in/your-username' itemprop='sameAs' target='_blank' title='LinkedIn'><i class='fa fa-linkedin fa-lg'/></a></li>
  <li><a href='//www.youtube.com/c/your-username' itemprop='sameAs' target='_blank' title='Youtube'><i class='fa fa-youtube fa-lg'/></a></li>
  </ul>

Pasang Iklan Adsense

Ada 3 kotak iklan,

Header, Atas Postingan, Bawah Postingan cari kode

<div class='content-wrapper'>
<div class='iklan-bawahheader'> 
  <!--Kode Iklan Adsense-->
  </div>
  </div> 

Ganti kode

 <!--Kode Iklan Adsense--> 

dengan script iklan yang sudah di parse html .

4. Sticky Widget Sidebar

Ini untuk widget sidebar yang paling bawah. Di demo menggunakan widget feature post blogger, jika ingin mengganti dengan lainnya silahkan ganti kode FeaturedPost1 pada javascript di bawah ini dengan ID widget-nya.

function makemeSticky2(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking2",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky2("FeaturedPost1");

Jika fitur sticky tidak bekerja anda harus memasang featured posts blogger agar widget sticky bekerja pada template Kompi Simple .