Kompi Centil - Template Blog Yang Centil

Kompi Centil - Template Blog Yang Centil

Bola Hero Gawai

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

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

53 Comments Add Comment

knapa ga bahenol om namanya..eakakakak....

Balas

Bahenol bagian mas Panjz aja wkwkwkwkw.... =))

Balas

keduaxx yah mas kompi, tapi sebelumnya saya sudah lihat.. hehehe!!

Balas

om ... kan om jago ps nih.. masalah edit gambar.. boleh minta editin gambar header blog saya ga om.. biar transfaran...jd ga warna putih.. saya mah acak2n mulu kalau edit pk ps..haha.. mau iah..heheheh

Balas

hehe..lucu bgt ni template namanya sicentil.tp emang pas sama pemnampilannya om :D

Balas

maaf mas Kompi, ini penting sekali mas kompi, Tiba2 Artikel terkait KOMPIANA, nggak tahu nih, kayak gini :
http://2.bp.blogspot.com/-BBjHJpM1srE/UYn7CPhN0hI/AAAAAAAACig/RsbvXLtHUeI/s1600/cara+compres+HTML+untuk+mengurangi+Berat+Blog+-+OTFS+HOT+2013-05-08+15-12-30.png
Kalau boleh tahu saya mau ganti aja nih artikel terkaitnya, dan ganti dengan artikel terkait yang mas pernah share,
dan tolong mas kompi caranya gimana? kode HTML yang sudah ada di Kompiana, mana yang harus saya hapus..!!
makasih!

Balas

Kode CSS-nya cari #related-posts, kode javascriptnya yang persis di atas kode </head> , untuk pemanggilnya cari kode <div id='related-posts'>

Balas

Tapi maaf ya, saya mah tidak centil wkwkwkw... =))

Balas

Boleh, nanti saya kasih tahu kalo udah ya... :D

Balas

Wahh cepet banget mas, baru yang kemarin di publish, btw mas bikin template desainya pake ps ya?

Balas

Untuk image iya pake PS atau Corel

Balas

panjz.mackenzie@gmail.com

maksih om sebelom nya..dan maaf komentar nya loncat2 soalnya pk hp heheh

Balas

Logonya udah terkirim ke email mas... :D

Balas

Mas Mahfid mau centil juga wkwkwkwkw...

Balas

Wah memang centil templatenya jadi pingin cubit......kic kic

Balas

Wah mas Mahfid ternyata centil juga wkwkwkwk....

Balas

oke deh.. sudah saya tangani, ternyata gara2 sering kota-katik jadinya gini!!

Balas

mas cara buat kotak lke facebook yang hide itu gmna mas?he templatenya bagus mastah,,he

Balas

wkwkwkw.,., aku suka footernya mas yang di bawah tulisan label
Kayaknya om kompi suka yang imut2 ya ??

Balas

ini yang lucu namanya wawan tapi profil nya wiwin..he he he pissss

Balas

Mas bagimana bila artikel nya dirubah seperti betuk artikel template kompi wide... ? terimakasih

Balas

Silahkan baca komentar Mas Hairul Chairul di atas... silahkan ganti kode2 tersebut.

Balas

Bukan related post mas tapi Posting di home . Blog saya hanya judulnya saja gimana merubah nya seperti Kompiwide ?

Balas

Oh itu yah hehehe...
Ganti kode css khusus di bawah ]]></b:skin>

Ganti kode javascript untuk cutter thumbnail
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 180;summary_img =180;img_thumb_width = 100;img_thumb_height = 100;
</script>

Dengan kode javascript untuk postingan thumbnail kompi wide, ini agak banyak kodenya, ada sekitar 3 kode javascript berurutan (lihat di kode template kompi wide)

Ganti kode dari kode <div class='post hentry'> sampai kode <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Dengan kode dari Kompi wide template

Balas

susah mas ga berhasil... kalau membuat seperti Post template johny ajaib Kode apa saja y mas yang di ganti?

Balas

Kira2 sama seperti itu ..... kita harus lebih teliti... tidak mutlak hanya copy paste, tapi harus melihat apakah ada kode penunjang lainnya seperti kode css tambahan dan lainnya, harus melihat apakah ada kode lain yang berhubungan dengan itu... harus terus dipelajari kode2-nya sehingga nanti kita biasa dan mengerti kode2 apa saja sebagai pembentuk blog...yang penting jangan menyerah.....

Balas

iya mas kemarin sih udah bisa pakai post yang seperti Johny ajaib tapi kenapa jadinya gepengya... ?

Balas

Mas adhy... mengapa jadinya seperti ini ya...
http://3.bp.blogspot.com/-4kGoau5Gnrs/UYs6FdApsII/AAAAAAAACys/M6hJjnhb7ec/s1600/jadinya+seperti+ini+mas+adhy.png

saya minta pencerahannya terimakasih

Balas

hahaha indah bener yaa, tapi tidak mengurangi nilai seonya

Balas

hehehe lumayan lah .... :D

Balas

ya ampuun...bagus banget templatenya. Ijin pakai ya Om, akan sy pakai di blog saya satunya...... knp saya kok kelewatan postingan ini yah?

Balas

Iya kemana aja tuh mbak hehehe habis dari Holywood yah wkwkwkw

Balas

ternyata eh ternya Kompi Ajaib suka yang centil centil :D..
oh yakang minta bantuan boleh gak ya..
Kompi Ajaib kan jago bikin template, bisa gak ya template johny simple music buatan mas kolis di bikin responsive. soalnya blog aku ini untuk tugas kuliahku juga di perhotelan.. soal tarif bisa di nego sesuai SNI :D. ya kang pleaseeee 100000x

Balas

langsung jatuh cinta ama templaten chibi chibi nya mas, haha
:) hebatnya

Balas

mas, gimana cara atur kotak feedburnernya? susah bener malah error jadinya..
Mohon bantuan dan pencerahannya mas.

Balas

Sumpah gue terharu liat desainya :'(
Izin pake Herpseo.blogspot.com
alapyu sayangkuu :*

Balas

Izin share di blog saya mas :)

Balas

unyu templetenya, gw banget tu

Balas

ijin download mas buat koleksi

Balas
This comment has been removed by the author.

saya mau tambahin mas, kenapa templatenya ada tulisan "test footer" diatas judul posting saya... gimana ya mas cara menghilangkannya...? ini blognya mas http://cara-mela.blogspot.com/

Balas

Sepertinya sekarbang sudah betul ya... itu gadget untuk nyimpan iklan sis :D

Balas

aduh pusing banget utak-atik templatenya mas. maklum ya mas, saya baru punya blog karna cuma iri aja sama temen. :D

Buat ngatur kotak pncariannya g'mana ya mas?

Balas

mas..js smileynya udah gak aktif lagi ya? kok punya saya tidak ada ya? didemonya juga

Balas

Kalo mau menghapus gambar di headernya gmn mas? yang gambar bunga itu :D. Maaf banyak tanya ya? ^_^

Balas

Top Markotop Kang Adhy....
Luar biasa sangat cocok templatenya buat Blog sy,
Cma sy yg ga ngerti knpa test Vealidasi W3.org di blog sy banyak Errornya sedangkan sebaliknya di kompi Centil Succes
Blog : Http://parfum-senayan.blogspot.com

Balas

Keren Mas Adhy..
Templatnya cewek banget..romantis...
Saya sudah pake di blog saya http://www.mywordslicious.com
Tengkyuu..

Balas

hahaha ada-ada ja kang adhy namanya :D

Balas

maaf min download bagaimna ni , kagak ketemu ni linknya :)

Balas

Klik link Download di atas kemudian setelah terbuka jendela baru tunggu sebentar nanti link downloadnya muncul otomatis oleh downloader yang Anda gunakan.

Balas

saya rasa linknya , sedang eror nih , ada cara lain misalnya mediafire atau 4shared :)

Balas

Emang bener-bener centil

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • 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 Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×