Kompi Centil - Template Blog Yang Centil
Setelah kemarin saya memodif Kompi Ajaib menjadi Kompi Imut yang tampaknya cocok untuk blog pribadi kaum pria, kini saya modif tampilannya bagi para gadis dengan warna mayoritas 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 kini Kompi Ajaib menjadi centil dengan warna pink yang bertaburan bunga hehehe...
Breadcrumb Kompi Centil sudah pribadi 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 isyarat 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 dikala halaman discroll ke bawah. Penampakannya menyerupai gambar di bawah ini.
Instalasinya sama dengan template Kompi Imut yang dapat 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 isyarat 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/AVvXsEgK_DT9BRZkT3WO37xoIixkO9F7yXG1TbH2pnG0OZxG9jkHX45xYYLQO5wyzHKSj8qLpDfCRQU2VSQvxFKtMjFfqw-e8u43ARdEhqjMAZXS3Hhw9CA-pCriBlj15X5JNoj6M3yyjEsI5oTD/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/AVvXsEgtqy8ER_Jfua-Pr8PFZTcKsQm44C6MpGLzPq64Oo8bacMo6L0Wl4Xs3HYZfx4s3J7EXHfd74GRxaX5jtOxirhBELsi0pWdqBnNoRAxhbshSXoyH4CP5YD3RQhjwM7qSmPKVZGzvHgVeI96/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/AVvXsEhpjnO1x25H-B9c_dtWpNSX9x7wi992KBIp42FENg60Dx6eSfYsU6SBEC7uhn1x7t46nJHlSMLN7jm4tpepSsStkkny5I7-soJfDpaRcABJh9e0r951Kq7uo-Fl-8BtFSXtfPSZqYzxgfon/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/AVvXsEgg7Q7eiXjw96pNrn4GJmO7_NrYiv5qY_6738kKDwvDEomjNpjeD-veC4_Bops2x3ONr8WzdaOznIEapWOJYiSRWRFKIYADf3nOrnK-ImNKamwV77AcHn4aHZ2N11wBjvxum5m7CIkPfm7Z/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/AVvXsEicvwhGtHuvc6rvPXkq70mkq0wej-5Kl3xSeJiG5ILjYyX1BIYn6NJJAEvi2GOMqgpf5RQDW7w3IheGNNBQ7ml0pExzsWs0N_S1oQA-E4e3ASBREkMOKIvZVR_Sdzr2o5OJAI-GZBTond81/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)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</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/AVvXsEg9Yo2EyQ0JNCwR9nUKxFBG_XdzY-7qJ4usuJ0gvoz2hcCsHPqRrRcJS1ZD6D8cd9n1OZWml_Uotf6CS_A4XWacFOrDBMWmBvbNM0PL92FrhE10wzOAuEX8Dmp3aXbZYGD0MN0AQ0hd55Cl/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('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[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 dapat Anda rubah sesuka hati Anda.
UPDATE:
Bagi pengguna template yang mengalami duduk kasus pada tombol Readmore-nya, silahkan atasi dengan cara menyerupai di bawah ini:
Silahkan cari isyarat menyerupai di bawah ini:
Kemudian silahkan ganti dengan isyarat di bawah ini:
Sumber https://www.kompiajaib.com/
UPDATE:
Bagi pengguna template yang mengalami duduk kasus pada tombol Readmore-nya, silahkan atasi dengan cara menyerupai di bawah ini:
Silahkan cari isyarat menyerupai di bawah ini:
http://4.bp.blogspot.com/-LAGOPpd8H_o/UUVvnuO4yEI/AAAAAAAAAfE/Q26j4shYyzE/s1600/readmore.png
Kemudian silahkan ganti dengan isyarat di bawah ini:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRHbojP3lgia0uq2LMRaWS9ny-RoUPEmv6OzYOIbdI6wF_DV95gLFNK_dJL2P6J1LstiHrU1s4L_euAoRQWPOFT4UCcMsI49pVBRz3Ez1sOdILqdl5TEO1K2KLf3yUzFrfukZ-_ROPglBb/s1600/readmore.png
0 Response to "Kompi Centil - Template Blog Yang Centil"
Posting Komentar