Tapike.com

Tapike Template: Simple Responsive Blogger Template

Tapike Template: Simple Responsive Blogger Template
Tapike Template: Simple Responsive Blogger Template - Pada kali saya akan memposting sebuah template blogger hasil desain saya sendiri. Template blogger ini saya beri nama sesuai dengan nama blog saya yaitu Tapike. Template ini khusus untuk blogspot dan cocok bagi blogger pemula karena mudah didesain perancang template blogger. Tapike Template mendukung tampilan responsive dan memiliki menu navigasi responsive dengan tampilan premium. Blog page numbernya juga responsive pada tampilan mobile.

Fitur Tapike Template

Template ini sengaja saya buat untuk blogger pemula yang ingin menggunakan template blogger responsive dengan tampilan sedikit premium. Tentu template ini bukan template flat desain. Mungkin ini yang membedakan template yang saya desain dengan template-template lainnya. Ada tujuh desain warna yang saya berikan dan Tapike Template ini 100% gratis. Berikut fitur dari Tapike Template.

Desain Responsive

Template dengan desain responsive tentu paling banyak dicari pada saat ini karena kompatibel dengan smartphone dan tablet. Tapike Template juga mendukung tampilan untuk versi mobile dan tablet. Untuk melihat tampilan versi mobile bisa di check disini. Untuk tampilan tablet bisa dicek disini.

SEO Template

Template blogger yg SEO juga tentu menjadi pertimbangan para blogger untuk menggunakannya. Tapike Template juga 100% SEO menurut chkme. Untuk memastikannya bisa dicek disini. Untuk menunjang SEO blog, rich snippet google pun harus valid serta tidak boleh ada kesalahan. Silakan cek disini untuk melihat Tapike Template valid atau tidak.

Fast Loading template

Untuk mengetes kecepatan loading dari Tapike Template saya menggunakan GT Metrix. Berikut screenshotnya.
Tapike Template: Simple Responsive Blogger Template

Easy Design

Tapike Template mudah untuk didesain dengan menggunakan alat perancang template blogger. Untuk desainnya sendiri hanya mendesain warna, ukuran font, jenis font, lebar template dan lainnya. Untuk mendesainya klik template > Klik tombol sesuaikan > Klik tingkat lanjut. Nanti akan terlihat seperti berikut.
Tapike Template: Simple Responsive Blogger Template

Fitur Lainnya

  • Auto Read More Dengan Gambar.
  • Related Post Dengan Gambar.
  • Mobile Related Post.
  • Iklan Ditengah Postingan.
  • Costum Sosial Share.
  • Costum Search Box.
  • Costum Menu Navigation.
  • Costum Subscribe Box.
  • Tombol Back To Top.
Ada beberapa fitur yang harus anda aktifkan terlebih dahulu karena saya tidak mengaktifkan. Untuk cara pengaktifannya dan demonya bisa dilihat pada link dibawah.

Demo

Aktifkan Template Seluler

Agar Tapike Template responsive pada versi mobile anda harus mengaktifkan template seluler blogger.
  • Masuk ke menu template
  • Klik icon gear.
  • Pilih Ya. Tampilkan template seluler di perangkat seluler.
  • Kemudian pilih template seluler khusus.
  • Simpan.

Iklan Di Tengah Postingan Pada Tapike Template

Untuk menampilkan iklan ditengah postingan pada versi mobile ikuti langkah dibawah ini.
  • Masuk ke menu template > Klik Edit HTML.
  • Cari  <!-- ads middle post for mobile -->.
  • Ganti dengan kode iklan khusus mobile.
  • Iklan haruslah responsive
Untuk menampilkan iklan ditengah postingah pada versi dekstop ikuti langkah berikut.
  • Masuk ke menu template > Klik Edit HTML.
  • Cari  <!-- Ads middle post for deksop version -->.
  • Ganti dengan kode iklan untuk tampilan dekstop.
  • Iklan haruslah responsive.
Setelah memasang kode iklan, masukkan tag komentar <!-- tapike.com--> saat menulis konten. Anda bisa meletakkan tag tersebut dimana saja tapi tetap harus didalam postingan. Untuk lebih mudah, masukkan saja tag komentar tadi ke dalam template entri.

Aktifkan Tombol Back To Top

Untuk mengaktifkan tombol back to top, copy dan pastekan kode html berikut dimana saja. Tapi lebih bagus meletakkannya di atas kode </body>.
<div class="back-top"><span class="back-top-inner">
<img src="http://3.bp.blogspot.com/-52q3mtu1piY/VmMK2cGhxzI/AAAAAAAADfM/VMvPxn3N3dE/s1600/up-arrow.png" alt="Back to Top" title="back to top" width="50" height="50"/></span></div>
Demikianlah penjelasan saya mengenai Tapike Template. Semoga Tapike Template dapat bermanfaat bagi blog anda. Jika ada pertanyaan atau ada error pada Tapike Template jangan sungkan-sungkan untuk bertanya melalui halaman Contact Us. Untuk mendownload templatenya bisa langsung dihalaman demo.
15 Comments Blogger
Disqus
  1. Wih keren!

    mas, kalau bkin iklan + sampingnya ada random post seperti blog tapike.com caranya bagaimana?

    BalasHapus
    Balasan
    1. Gampang mas, tinggal tambahin aja script random post disamping iklan ditengah postingan. Untuk script random postnya bisa di lihat di http://www.tapike.com/2015/11/cara-membuat-random-post-ringan-di-blog.html

      Hapus
    2. gagal mas tutorial di "cara buat random post ringan"
      cuma keluar gambar yang loading.gif

      Hapus
    3. Mas kodenya udah saya fix. Kalo random postnya mau di pasang di sidebar text/Javascript, kode javascript random postnya juga harus dipasang bersamaan kode HTMLnya. Tapi kalo mas mau pasang random postnya di tengah postingan, javascript random postnya bisa di pasang diatas < / head > atau pun < / body >.

      Hapus
  2. cara download thema bloggernya dimana gan ???

    BalasHapus
    Balasan
    1. Untuk mendownload temanya bisa di blog demo. Ada menu download di bawah header.

      Hapus
  3. Keren gan template nya.
    jheymt.blogspot.com

    BalasHapus
  4. Sangat bermanfaat gan. Langsung di eksekusi.Terima kasih

    BalasHapus
  5. Gan maaf saya kembali lagi. Templatenya sangat bagus.Saya sudah menggunakannya di blog pribadi saya, tapi saya di hadapkan pada satu masalah. Masalahnya, kolum komentar diqousnya tidak tamipl di versi mobile. Mohon sulusinya Gan. Terima kasih


    BalasHapus
    Balasan
    1. Pada tampilan mobile, memang sengaja saya non-aktifkan komentarnya mas. Untuk mengaktifkan komentar pada tampilan mobile, coba cari kode ini class='comments' id='comments'. Kalo sudah ketemu, diatas kode tersebut ada kode . Hapus kode beserta .

      Hapus
  6. Terima kasih banyak gan. Sangat membantu.

    BalasHapus
  7. Gan maaf saya kembali lagi. saya sudah berusaha untuk menampilkan kolom komentar disqus versi mobile dengan cara diatas tapi saya masih belum berhasil. Selain itu saya juga bingung jada mohon tanggapan yang lebih jelas. Maaf sudah mengganggu waktu luangnya. Maklum, soal ngeblog saya masih pemula. Terima kasih

    BalasHapus
    Balasan
    1. Coba baja ini postingan ini gan, http://www.tapike.com/2016/04/cara-membuat-komentar-disqus-onclick.html. Kalo gak bisa juga, nanti saya bantu pasang gan.

      Hapus
  8. oke gan. saya percaya sama gan.Saya akan kirim email dan passwor blog saya via hangoust.Supa gan nanti tolong pasang kolum kementar disgus yang dapat tampil di versi mobile dan destop. Salam kenal. Terima kasih banyak gan.

    BalasHapus
    Balasan
    1. Oke gan, silahkan kirim. Nanti saya pasang komentar disqus dengan even onclick saja ya, biar loading blog tidak lambat.

      Hapus


Join This SiteInstagram