Kompi Males - Blogger Template Responsive Dan Valid Html5

Satu lagi aku bagikan sebuah template gratis yang responsive dan valid HTML5 yang aku namai dengan Kompi Males. Berawal dikala penyakit males aku kambuh dan cari obat di apotek dan warung ternyata tidak ada obatnya heheheh... 

Akhirnya aku coba obati dengan kutak-katik template Kompi Banget untuk menciptakan tampilan lainnya. Selain itu juga untuk memperbaiki beberapa kesalahan yang ada pada template sebelumnya.

Template Kompi Males ini aku buat dengan warna putih abu-abu semoga jadinya lebih kalem. Beberapa kesalahan pada template sebelumnya aku perbaiki termasuk responsivenya. Dan penampakannya menyerupai pada gambar di bawah ini.

DEMO

Download

Fitur Template Kompi Banget:

• Responsive
• Valid HTML5 (homepage dan postpage)
• Valid CSS3
• Full title tag pada link blog.
• Title blog dan postingan yang dinamis.
• Breadcrumb
• Print this page
• Tombol Back To Top dan Go To Down
• Toggle Sidebar
• Custom Pager di postpage.
• Error Page 404
• Slot Iklan
• Dll.

Kustomisasi

Untuk mengganti logo blog silahkan ganti url gambarnya pada instruksi di bawah ini. Silahkan buat logo blog dengan tinggi dan lebar yang sama.

                      <b:includable id='title'>
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
 <img alt='logo blog' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5MoVWSdpOIVAZ7EPUETvUd7EPksWHQQ1VO3TECdhEODzBYq7nTs9tFIVXR0gZPXVAPUFdYEUwwemon9YdAPdtEnzEGSeCm7MT5UknuaL_6lN1eY-AAqCCSp78qVGMDVP3EdnE6Fq2NQ0/s1600/titlekompimales.png' title='Kompi Males' width='212'/>
   <b:else/>
     <a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><img alt='logo blog' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5MoVWSdpOIVAZ7EPUETvUd7EPksWHQQ1VO3TECdhEODzBYq7nTs9tFIVXR0gZPXVAPUFdYEUwwemon9YdAPdtEnzEGSeCm7MT5UknuaL_6lN1eY-AAqCCSp78qVGMDVP3EdnE6Fq2NQ0/s1600/titlekompimales.png' title='Kompi Males' width='212'/></span></a>
   </b:if>
 </b:includable>

Untuk merubah feed blog pada kotak subscribe di bawah postingan silahkan simak pada postingannya di link di bawah ini.

• Simple Email Subscribe Di Bawah Postingan Blog

Dan aku juga menambahkan slot ekstra dengan lebar 100% di bawah header sajian dan di atas footer. Bisa Anda gunakan untuk slot iklan atau lainnya dengan menambahkan gadget HTML/JavaScript di tata letak.

UPDATE

Ma'af ada yang kelupaan hehehee... aku lupa menyimpan instruksi showDummy di templatenya. Bagi yang telah memakai template ini silahkan copy instruksi di bawah ini:

   <b:if cond='data:top.showDummy'>
     <data:top.dummyBootstrap/>
   </b:if>
 

Dan simpan pada instruksi berikut sempurna di atas epilog </b:includable> untuk instruksi <b:includable id='main' var='top'> sehingga menjadi menyerupai berikut ini:

           <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
             <b:includable id='main' var='top'>
   .......................
   .......................
   .......................
 
   <b:if cond='data:top.showDummy'>
     <data:top.dummyBootstrap/>
   </b:if>
 
 </b:includable>
 

Atau silahkan simak postingannya: https://komporajaibku.blogspot.com//search?q=kompi-banget-template-blogger-valid5-dari-kode.html atau silahkan download ulang (link downloadnya sudah aku perbaiki dengan file yang sudah diupdate/diperbaiki).

UPDATE Ke-2 (15 Maret 2014)

Ada perbaikan untuk responsive pada Firefox, untuk mengatasi sidebar yang tidak mau turun silahkan cari instruksi berikut:

 @media screen and (max-width: 770px){ 

Kemudian geser ke bawah sedikit temukan instruksi di bawah ini:

 #sidebar-wrapper{float:none;text-align:center;margin:0 auto} 

Kemudian ganti dengan instruksi di bawah ini:

 #sidebar-wrapper,.sidebar1-wrapper,.sidebar2-wrapper,.sidebar3-wrapper{width:100%;text-align:center;margin:0 auto}

Atau silahkan download ulang (link downloadnya sudah aku perbaiki dengan file yang sudah diupdate/diperbaiki).

UPDATE Ke-3 (16 Maret 2014)

Ada perbaikan untuk logo blog template Kompi Males, untuk mengatasi silahkan simak postingannya pada link di bawah ini

• Silahkan simak: Update Perbaikan Untuk Logo Blog Kompi Males

Atau silahkan download ulang templatenya pada link download di atas (link downloadnya sudah aku perbaiki dengan file yang sudah diupdate/diperbaiki).

UPDATE Ke-4 (01 Juli 2015)

Perbaikan di beberapa bab untuk meningkatkan kecepatan loading blog diantaranya dengan menghilangkan Jquery Library untuk menghindari blocking render js di PageSpeed Insights.

Untuk beberapa bab yang memakai show hide, mengganti jquery dengan pure javascript. Mengganti jenis Google Font dan menambahkan font Awesome, dan mengganti beberapa bab lainnya yang dapat Anda lihat pada demonya.

Bagi yang ingin mencoba template Kompi Males dengan update terbaru kali ini, silahkan download pada tombol download di atas.

UPDATE Ke-5 (21 Februari 2016)

Silahkan simak postingan perihal update template Kompi Males v5.00 ini pada link postingan di bawah ini.

• Update Template Kompi Males v5.00

Sumber https://www.kompiajaib.com/

Share this post