Template Kompi Males Ala Wayan Susandiarta

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

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

Template Kompi Males ini saya buat dengan warna putih abu-abu biar kesannya lebih kalem. Beberapa kesalahan pada template sebelumnya saya perbaiki termasuk responsivenya. Dan penampakannya seperti pada gambar di bawah ini.

DEMO DOWNLOAD

Perhatian! Untuk mendownload di DataFileHost silahkan hilangkan tanda centang pada tulisan "Use our download manager and get recommended downloads" di bawah tombol 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 kode 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/AVvXsEhxmalqEi4ahry-Po29N5tUnP6AfAyfaTWNlZAkH6zjsnm_ZV-NYO-P7QB-mex45JLXsz9yNgS1gjSNUiF_1wx75xAVrM2nHYCfqA7JbOJmYD91-UKA1askjXzaSpQaFio8eXA3hYngtCg/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/AVvXsEhxmalqEi4ahry-Po29N5tUnP6AfAyfaTWNlZAkH6zjsnm_ZV-NYO-P7QB-mex45JLXsz9yNgS1gjSNUiF_1wx75xAVrM2nHYCfqA7JbOJmYD91-UKA1askjXzaSpQaFio8eXA3hYngtCg/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 saya juga menambahkan slot ekstra dengan lebar 100% di bawah header menu 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... saya lupa menyimpan kode showDummy di templatenya. Bagi yang telah menggunakan template ini silahkan copy kode di bawah ini: 

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

    <data:top.dummyBootstrap/>

  </b:if>

Dan simpan pada kode berikut tepat di atas penutup </b:includable> untuk kode<b:includable id='main' var='top'> sehingga menjadi seperti 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: http://www.kompiajaib.com/2014/02/solusi-error-validasi-html5-dari-kode.html atau silahkan download ulang (link downloadnya sudah saya 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 kode berikut: 

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

Kemudian geser ke bawah sedikit temukan kode di bawah ini: 

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

Kemudian ganti dengan kode 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 saya 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 saya perbaiki dengan file yang sudah diupdate/diperbaiki).