Bootstrap Responsive Blogger Template For Lyrics Blog

Masih dengan tema Bootstrap untuk template Blogger, kali ini saya mengembangkan Kompi Safelink Template menjadi template untuk blog lirik lagu. Hal ini dikarenakan saya melihat masih banyak blogger yang share lirik lagu.

Karena biasanya blog lirik lagu hanya menampilkan lirik lagu, maka bagian postingan dibuat lebih sempit dan 2 sidebar di kiri dan kanan blog. Meskipun menggunakan 2 sidebar di kiri dan kanan blog, namun bagian yang pertama di-load adalah bagian postingan, baru sidebar kiri kemudian sidebar kanan. Begitu pun di tampilan mobile, bagian sidebar kiri dan kanan berada di bawa postingan.

Untuk sistem komentar, saya menyematkan 3 sistem komentar untuk Disqus, Blogger, dan Facebook dengan tab pemilihan komentar menggunakan tab Bootstrap.

Template ini dilengkapi juga dengan contact form dan sitemaps yang otomatis, sehingga admin blog tidak perlu melakukan apapun untuk contact form dan sitemaps.

Untuk urusan berbagi ke sosial media, template ini menggunakan float button sharing dengan count sharing dari Donreach.

Karena template ini untuk berbagi lirik lagu, maka untuk memudahkan pengunjung untuk menyalin lirik untuk dihafalkan (misalnya hehehe...), template ini dilengkapi tombol untuk copy to clipboard untuk bagian post-body di bawah judul postingan. Namun jika Anda risih dengan tombol ini, tentu saja Anda bisa menghilangkannya.

Template ini saya bagikan gratis, namun jika Anda ingin menghapus credit link dan mendapatkan full support dan update bisa dengan premium dengan harga Rp. 100.000,-


Untuk tutorialnya saya sertakan pada file downloadnya. Bagi yang ingin premium silahkan hubungi saya lewat contact form blog ini.

Dan yang terakhir, template ini sudah valid HTML5 di homepage dan postingan serta sudah valid struktur data.

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