Kompi Centil - Template Blog Yang Centil

Setelah kemarin saya memodif Kompi Ajaib menjadi Kompi Imut yang sepertinya cocok untuk blog pribadi kaum pria, kini saya modif tampilannya bagi para gadis dengan warna lebih banyak didominasi pink berbunga-bunga (sedikit alay enggak apa-apa lah heheheh...).

Seperti halnya Kompi Imut, template centil ini masih dengan lebar 750px dengan sidebar 200px. Kerangka aslinya dari Johny Wusss dan dikembangkan oleh Maskolis menjadi Bukan Johny. Nah template Bukan Johny itu yang saya pakai untuk Kompi Ajaib. Dan sekarang Kompi Ajaib menjadi centil dengan warna pink yang bertaburan bunga hehehe...

Breadcrumb Kompi Centil sudah eksklusif terdetek oleh search engine menyerupai halnya Kompi Imut. Sudah terpasang tag h1, h2, h3. Sudah saya lengkapi juga dengan related posts, share buttons, tombol scroll to top, translator ringan dan kotak subscribe di bawah postingan. Dan sudah saya sertakan instruksi js untuk SMILEY pada komentar blog. Dan untuk skor SEO template di Chkme udah 100% dan validasi HTML5 tinggal menyisakan 2 buah error.

Dan pada template Kompi Centil ini ada penambahan widget sliding statis yang akan muncul saat halaman discroll ke bawah. Penampakannya menyerupai gambar di bawah ini.

DEMO | DOWNLOAD

Instalasinya sama dengan template Kompi Imut yang mampu Anda lihat DI SINI. Dan untuk deskripsi blog silahkan isi pada Dashboard >> Settings >> Search Preferences >> pada Description silahkan pilih radio button "Yes" pada Enable Search Description. Dan silahkan isikan deskripsi blog Anda pada kotak di bawahnya. Terakhir silahkan klik tombol Save Change.

Untuk mengatur widget sliding statis silahkan cari instruksi di bawah ini:

<div class='show' id='sticky'>
    <div class='sticky-title sticky-www'>
        <span style='float: left;margin:10px 0 0 15px;'>Kompi Ajaib on Social Media</span>
        <span><a href='javascript:void(0);' id='sticky-close' title='close'><img alt='close button' class='a' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAiU8M00Ycmqa9Y5A64nKkSWRnzbQkEKLHzBUit5gGnI-s3-G8EbAMzsjDvyLLLufuz5M_G8aaE3RNveKTSAPNC2nZCrQE3RrDBr5pE7hqnbsjdRcU4PJyLmzP1At5Av85O39Na8N-IrgO/s1600/close.png' title='close'/></a></span>
        <span><a href='javascript:void(0);' id='sticky-minimize' title='minimize'><img alt='minimize button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdyaa-oYCKkrw79MltHZfKashgVavY7T4BxebRRjz1smC9IWXF_i-g2RtJTsa9jJ8ZbnRrseW93Un0s9G2CSGZZYWB0Si8HqmejnjUBcQwFGvFePwg3a0Hjo2txgO_doJ7Uj8ysc98ZFRN/s1600/minimize.png' title='minimize'/></a></span>
        <span><a href='javascript:void(0);' id='sticky-maximize' title='maximize'><img alt='maximize button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieRSOL9ZOJZ9Vxn5PK9LN3TK2AWKGz08zmcPP7m_RuB_Hw8HvD4aAQncPkZANv2QzLL_ku9V2-sIiEc4ja25wISs8fZm_fHyzuMTlAsFkTArOdo-NjFCkIS0Uz4imm_Jbk_noYMpW2gH2e/s1600/maximize.png' title='maximize'/></a></span>
    </div>
    <div class='sticky-container'>
      <div><a href='http://www.facebook.com/pages/Kompi-Ajaib/395526477133955' target='_blank' title='facebook'><img alt='fb' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj45y1zF88TZGt0QlaZuiDUVh65UXsTEsiENYCrqzbeG9J4Xug0aS4In2fqaj5Kdmo4uNpLzXkHY71czFqtDnOMXr1QWjKsSxmqkllkvS7p_4Ga-55zrPvOlj3es93NHewhjiljWdkkgc1V/s1600/facebook.png' title='facebook'/><span>Like us on Facebook</span></a><br/>
         <span class="fb-like" data-href="https://www.facebook.com/pages/Kompi-Ajaib/395526477133955" data-send="false" data-layout="button_count" data-width="250" data-show-faces="false">                      
                           </span></div>
        <div><a href='https://twitter.com/KompiAjaib' target='_blank' title='twitter kompiajaib'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSVNCTihmCC8U_lTZAKVqwsvDrTsUj-1rpkZlVSsygahgdUJ96XGAEICOyL1fitgj8OPm2N7ztF2eXarAFsqk8Ksz1FkGDxfY_Yj8vaN_UaxcoVQ2NH6cM3aHKAsGiv5a6LgzporAqAnwo/s1600/twitter.png' title='twitter kompiajaib'/><span>Follow us on Twitter</span></a><br/>
        <span>      
          <a class='twitter-follow-button' data-show-count='true' href='https://twitter.com/kompiajaib' title='Follow Kompi Ajaib'>Follow @kompiajaib</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);</script>
        </span>
        </div>
      <div><a href='https://plus.google.com/117950600521728942551' target='_blank' title='G+ kompiajaib'><img alt='G+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid8htlJ2oQfrV6meVaHIbdy2E-FYdP-QdIJeCKV04vLb47hZgLOl6lmXdg_Km34tVqDaXT5MP79WVx6dODcdgJ4x441t6asD42C_qB6oHJ6zsl7gtdWW81SNLabM3yesscwrPjkbgOPJ1q/s1600/g+.png' title='Google plus'/><span>Follow us on Google+</span></a><br/>
        <span class='g-plusone' data-annotation='inline' data-size='tall' data-width='250'>      
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
        </span>
        </div>
    </div>
</div>

Tulisan yang berwarna merah silahkan ganti dengan url atau akun Facebook, Twitter, dan Google+ Anda.

Seperti biasa, dimohon untuk tidak menghilangkan atau merubah credit link di kanan bawah blog. Namun untuk kredit link di sebelah kiri mampu Anda rubah sesuka hati Anda.

UPDATE:
Bagi pengguna template yang mengalami duduk perkara pada tombol Readmore-nya, silahkan atasi dengan cara menyerupai di bawah ini:

Silahkan cari instruksi menyerupai di bawah ini:

http://4.bp.blogspot.com/-LAGOPpd8H_o/UUVvnuO4yEI/AAAAAAAAAfE/Q26j4shYyzE/s1600/readmore.png

Kemudian silahkan ganti dengan instruksi di bawah ini:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheIz3fxNf3_pcrQ5kO9qDH5gxqJ1Y3VYiNsifsRnKBmWujYr8mdOw5tgi4uM3jeuGrdTJXAqi4oAnpuLRbreyWCZXM8zCuoHOBkl_XH3FvoqfYrF-uWM140wFMa0DVmbK9Rgz_RTTJNtc8/s1600/readmore.png