Template Blogspot Fast Load

Jumat, Desember 28, 2012

Fast load blogspot template mungkin banyak yang mengidam idamkan terutama para blogger yang kepingin mengejar peringkat serp di Search Engine terutama google. Tidak di pungkiri fast template blogspot sangat membantu untuk mengubah posisis blog kita di serp. Kalau memang anda tidak percaya bahwa kecepatan loading berpengaruh juga di SERP maka silahkan bebani template anda dengan widget-widget berat.

Google sendiripun juga sangat peduli dengan kecepatan sebuah halaman blog, hal ini di tandai dengan adanya google speed test online yang akan memberikan penilaian kecepatan blog kita. Di tambah lagi di webmastertools google pun menyinggungnya juga. Jika memang anda tidak ingin make blogspot load faster dan hanya ingin menulis saja saya kira ada yang harus di rubah pada diri anda. Sudah capek menulis, eh tidak ada yang baca.

Dalam beberapa hari ini saya kembali ingin nostalgila membuat template blogspot keren klasik. Akhirnya kemarin beberapa jam melihat kembali tag template blogspot klasik. Dan kemudian membuat template blogspot sendiri dengan tag tag template klasik. Walau agak canggung sudah lama tidak megang blogger classic template tags sudah hampir 7 tahun dari tahun 2005-2006 an.

Rupanya template klasik blogspot ini agak sedikit kurang user friendly di banding template blogspot modern XML. Ada beberapa tag yang mungkin belum saya ketahui jadi belum sepenuhnya maksimal. Namun kalau melihat dari help template blogger sudah saya ubek ubek namun tidak ketemu juga. Tapi semua itu tidak menyusutkan niat untuk membuatnya.

Disini ada 2 versi yang saya buat. Jadi nanti anda bisa bandingkan kalaupun anda berminat. Template blogspot klasik ini memang saya buat sesederhana mungkin dan minimalis banget agar mudah dalam opreknya nanti. Mungkin para pemuja tampilan tidak akan menemukan sesuatu yang enak di pandang. Dan pasti tidak bisa membedakan kedua versei tersebut. Namun untuk yang senang dengan teknis pasti mengerti perbedaannya. Coba lihat gambar berikut.

Fast load blogspot template

Jika anda ingin melihat sendiri hasil tes tersebut silahkan buka beberapa link berikut

  1. Test kecepatan di gtmetrix.com
  2. Test Struktur Data Untuk Template Versi 1
  3. Test Struktur Data Untuk Template Versi 2
  4. Validasi Template Versi 1
  5. Validasi Template Versi 2

Disini silahkan membandingkan. Dan saya yakin anda akan tahu perbedaannya. Dan saya sarankan anda meretest sendiri karena setiap kali update artikel kemungkinan akan membuat hasil yang berbeda.

Cara Edit Template Blog

Mungkin agak sedikit ribet untuk mengedit template ini namun saya yakin anda yang memang kepingin bisa pasti akan mengikuti langkah langkah berikut. Yang perlu di pahami adalah anda tahu blogID blog anda tersebut. Untuk mengetahui blogID pilih saja blog yang ingin anda pasang template ini dan pilih menu bagian template. Misal saya membuka blogsaya dan url yang didapatkan

http://www.blogger.com/blogger.g?blogID=7441370922243472887#classictemplate/src=dashboard

Bisa diketahui blogIDnya adalah 7441370922243472887. Sekarang berlanjut ke beberapa perubahan template

Merubah Favicon

Yang perlu anda lakukan adalah coba membuka link berikut di tambah blogID

http://www.blogger.com/change-favicon.g?blogID=

Contoh untuk link yang dibuka adalah sebagai berikut

http://www.blogger.com/change-favicon.g?blogID=7441370922243472887

Tinggal upload image bujur sangkar kecil saja ukuran ikon. Tidak usah ukuran besar karena nanti yang di hasilkan juga ukuran kecil sekitar 16px x 16px

Membuat Form Komentar

Untuk lebih memaksimalkan penggunaan form komentar memang saya sengaja membuatnya manual biar lebih enak saja. Untuk bisa mengaktifkan form komentar tersebut maka cari kode [ line 118 ]

  1. <iframe class='from-post' height='220' src='http://www.blogger.com/comment-iframe.g?blogID=18425040472477816&postID=<$BlogItemNumber$>' width='600'></iframe>

Disitu ganti blogID dengan blogID blog anda dengan lebar sesuai kebutuhan disini saya mengambil nilai 600px. Contoh misal

  1. <iframe class='from-post' height='220' src='http://www.blogger.com/comment-iframe.g?blogID=7441370922243472887&postID=<$BlogItemNumber$>' width='600'></iframe>

Mengedit Deskripsi Halaman

Untuk yang satu ini memang di sengaja saya memberikan manual juga. Kalau sudah otomatis maka kemungkinan anda tidak akan bekerja dan memahami tag tag template blogger klasik ini. Coba anda lihat kode berikut [ line 8 ]

  1. <meta content="<$BlogDescription$>" name="description"/>

Ini memang saya sengaja mengambil deskripsi pengaturan. Namun saya sarankan anda mengubah sesuai kehendak anda dengan mengganti <$BlogDescription$> sesuai deskripsi blog anda. Lanjut lagi mengubah untuk deskripsi halaman lain yaitu itempage. Coba anda lihat kode berikut [ line 13 ]

  1. <meta content="<$BlogItemTitle$> <$BlogItemTitle$>" name="description"/>

Disitu sudah tersedia 2 tag template blogger klasik. Nah Sekarang waktunya kreasi anda membuat deskripsi biar orang tertarik dan mengerti deskripsi halaman anda tersebut. Misal saja saya membuat judul artikel Pria Tampan Indonesia dan judul blog Blogger Sragen. Masak nanti deskripsinya Pria Tampan Indonesia - Blogger Sragen - Pria Tampan Indonesia. Jelek banget menurut saya. Mending deskripsinya seperti Pria Tampan Indonesia sedang di ulas Blogger Sragen, jika anda suka silahkan buka.

Dari contoh hasil deskripsi tersebut anda milih yang mana. Kalau saya memilih yang bisa di baca orang alias yang kedua. Contoh kodenya seperti berikut

  1. <meta content="<$BlogItemTitle$> sedang di ulas <$BlogItemTitle$>, jika anda suka silahkan buka." name="description"/>

Merubah Navigation.

Disini anda akan manual lagi. Anda bisa merubah navigasi blog sesuai dengan yang anda inginkan. Bisa ngelink blog lain atau melink artikel ataupun direktori blog. Terserah anda kepingin yang mana. Lihat kode berikut

  1. <ul id="menu">
  2. <li><a href="<$BlogURL$>" title="<$BlogTitle$>">Home</a></li>
  3. </ul>

Misal saya akan menambah kategori / label dengan nilai lucu contohnya sebagai berikut

  1. <ul id="menu">
  2. <li><a href="<$BlogURL$>" title="<$BlogTitle$>">Home</a></li>
  3. <li><a href="<$BlogURL$>search/label/lucu" title="Cerita Lucu">Lucu</a></li>
  4. </ul>

Misal saya akan menambahkan blog saya yang lain misalnya http://www.bloggersragen.com/ adalah sebagai berikut.

  1. <ul id="menu">
  2. <li><a href="<$BlogURL$>" title="<$BlogTitle$>">Home</a></li>
  3. <li><a href="<$BlogURL$>search/label/lucu" title="Cerita Lucu">Lucu</a></li>
  4. <li><a href="http://www.bloggersragen.com/" title="Blogger Sragen">Sragen</a></li>
  5. </ul>

Belum pusing kan :D. Kalau sudah silahkan download saja.

Download Template

Untuk yang tertarik buat tahu, ngembangin ataupun pingin memakai template klasik blogspot fast load ini silahkan download saja. Untuk download versi 1 saya berikan gratis silahkan saja melalui link berikut.

Download Template Blogspot Klasik

Untuk versi ke 2 mohon maaf saja saya tidak bisa memberikan gratis. Jika anda memang tertarik kepingin punya yang versi 2 anda bisa membelinya. Ada 2 metode pembayaran yang bisa anda lakukan.

Transfer Bank Lokan BNI

Saya yakin anda sudah tahu metodenya. Bisa mengirimkan dana transfer melalui bank BNI sebesar Rp 50.000,- + 3 digit no hp anda. Misal nomer hp anda 081234567890 maka dana yang dikirimkan Rp 50.890,- Dan nanti bisa konformasi ke saya melalui SMS dan lihat no rekening dan HP di link Contact Us.

Membuat Artikel

Pembayaran bisa anda lakukan dengan mengirimkan artikel mengenai anda dan blog anda. Ceritakan apa saja tentang diri anda dan aktifitas ngeblog anda. Serta kenalkan juga blog yang anda punya dan yang paling anda sayangi / review blog sendiri. Jangan lupa juga sertakan Nama jelas, alamat dan FB atau twitter, dan ini wajib. Kalau memang tidak memenuhi syarat tersebut saya tidak akan mengirimkan template klasik versi 2. Kirimkan tulisan melalui email saya lihat di halaman Contact Us. Kasih judul artikel yang menarik karena nanti akan saya posting di blog saya ini wkwkwk

Komentar Template Blogspot Fast Load

Jangan menaruh live link dikomentar dan sampai saat ini baru 4 komentar untuk update Template Blogspot Fast Load dengan id 7509922137384135990.

rangga

mantaaaaaaaap

28/12/12 23:55
Bimasakti85

aku oleh melu ngirim artikel ora mbah ? :D

29/12/12 00:24
Bowo Ekowidodo Sragen

Oleh wae .. monggo .. semua orang boleh asal ra sara :v

29/12/12 00:27
ciungtips

kirim artikel ah sekalian menggalau ahahahaha

30/12/12 09:45