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 dominan 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 langsung terdetek oleh search engine seperti 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 kode 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 ketika halaman discroll ke bawah. Penampakannya seperti gambar di bawah ini.

Kompi Centil

Instalasinya sama dengan template Kompi Imut yang bisa 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 kode 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='http://1.bp.blogspot.com/-Ao1pq3WWP80/UYkTi_lThZI/AAAAAAAAYYs/MAnvRxtxcoc/s1600/close.png' title='close'/></a></span>
        <span><a href='javascript:void(0);' id='sticky-minimize' title='minimize'><img alt='minimize button' src='http://4.bp.blogspot.com/-GOrrILFH09c/UYkVuWmzk0I/AAAAAAAAYY8/v3FimwutPv0/s1600/minimize.png' title='minimize'/></a></span>
        <span><a href='javascript:void(0);' id='sticky-maximize' title='maximize'><img alt='maximize button' src='http://3.bp.blogspot.com/-bJ8cWb-cIn0/UYkV99a2VwI/AAAAAAAAYZE/buv0P0KyM6I/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='http://3.bp.blogspot.com/--19yIx5ubUc/UYkWL_gZiNI/AAAAAAAAYZM/e5iARlsnd8g/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='http://3.bp.blogspot.com/-HOzVcqB_HIY/UYkWcDqO_SI/AAAAAAAAYZU/YHWdcn0PoqQ/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='http://4.bp.blogspot.com/-BEym89PDoo0/UYktj5MSg1I/AAAAAAAAYZk/6hPZPk-h1G0/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 bisa Anda rubah sesuka hati Anda.

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

Silahkan cari kode seperti di bawah ini:
http://4.bp.blogspot.com/-LAGOPpd8H_o/UUVvnuO4yEI/AAAAAAAAAfE/Q26j4shYyzE/s1600/readmore.png

Kemudian silahkan ganti dengan kode di bawah ini:
http://3.bp.blogspot.com/-f1oWGHM4rLQ/Ue95Z-McjoI/AAAAAAAAZjQ/RTvo5n0H6W4/s1600/readmore.png

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments