2 Template Blogger Responsive Gratis ~ Baladra-Baladri

Karena template responsif sepertinya memang sedang menjadi komoditas unggulan bagi para Blogger,kali ini saya akan memberikan 2 buah template yang RESPONSIVE dan sederhana tapi enak dipandang untuk anda :)
oke jangan banyak bicara lagi lansung saja cikidot.......

1. Johny Ajaib

DEMO | DOWNLOAD

Memang cuma Kompi saja yang bisa ajaib? Johny juga bisa, ini buktinya template ini saya kasih namaJohny Ajaib. Template ini bisa juga dibilang sebagai bentuk apresiasi saya ke Kang Adhy pemilik blogKompi Ajaib. Pada halaman muka template ini saya menggabungkan dua model tampilan, yang pertama adalah tampilan readmore blogger menggunakan javascript seperti biasa yang hanya menampilkan 1 buah post, dengan tampilan widget daftar isi dari Taufik Nurrohman seorang jagoan Blogger Indonesia pemilik situs http://www.dte.web.id.

Hal ini saya maksudkan agar fitur preview atau pratinjau pada blogger dapat berfungsi tanpa harus menyembunyikan post pada halaman muka, dan yang kedua untuk mengantisipasi mesin telusur dalam membaca struktur kode pada template. Karena jika Anda hanya meletakkan postingan berupa link yang dibangun dari javascript pada halaman muka, itu tidak akan terbaca atau diabaikan oleh mesin telusur, dan tentu saja hal itu tidak bagus untuk SEO. Kira-kira begitu yang saya tangkap dari salah satu komentar Kang Taufik pada salah satu artikelnya. (mohon dikoreksi kalau salah).

Untuk kustomisasi recent post paling atas, silahkan masuk ke setting >> posts and comments >> show at mosts, pilih angka/jumlah 1 (jika Anda ingin tampilan seperti pada demo), seperti pada gambar di bawah ini :

Anda bisa merubah jumlah post itu sesuai keinginan. Tapi mesti diingat, Anda harus sesuaikan juga dengan jumlah tampilan post widget daftar isi yang ada di bawahnya agar tidak terjadi double post pada halaman muka. Caranya, perhatikan kode ini pada Edit HTML (centang expand widget templates) :

for(var o=1;o<postsperpage;o++)

Perhatikan angka warna kuning diatas, sesuaikan dengan jumlah show at most yang Anda pilih. Dan untuk setting widget daftar isi, cari kode berikut ini pada Edit HTML (centang expand widget templates):

var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "",
    loadingText    = "Loading...",
    totalPostLabel = "Total Post :",
    jumpPageLabel = "Page",
    commentsLabel = "Comments",
    rmoreText      = "Read more ►",
    prevText       = "Prev",
    nextText       = "Next",
    siteUrl        = "http://johny-ajaib.blogspot.com/",
    postsperpage   = 9,
    numchars       = 160,
    imgBlank       = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";

Keterangan :

Warna Merah : Ganti dengan URL blog Anda
Warna Hijau : Jumlah postingan keseluruhan pada halaman muka.
Warna Biru : Jumlah karakter huruf pada widget daftar isi.

Untuk keterangan yang lain saya kira mudah, silahkan Anda sesuaikan dengan kebutuhan atau keinginan

2. Johny Asal Responsive

Demo | Download

Note :
Beberapa artikel pada demo template ini berdosis tinggi, bagi Anda yang belum bisa menerima perbedaan pendapat, sebaiknya jangan dibaca

Seperti namanya, yang penting responsive, mau dipakai atau enggak yang penting template responsive. Mungkin kira-kira itu yang ada di pikiran saya waktu bikin template ini. Tidak ada yang baru, juga tidak ada tutorial khusus untuk template ini. Yang perlu diperhatikan, disarankan untuk memakai gambar pada setiap postingan yang Anda buat. Dan setiap gambar yang Anda sertakan pada postingan harus diuploaddi Blogger, jangan disimpan di situs lain apalagi copy URL image dari blog lain.

Itu tadi 2 template responsive yang saya bagi kali ini. Silahkan diunduh bagi Anda yang suka atau berminat, siapa tau setelah memakai template ini Anda mendapat hadiah liburan selama 2 minggu ke Hawaii atau ke Paris, ya siapa tau karena jika Tuhan berkehendak, apapun pasti terjadi. Diatas sudah saya sertakan semua tutorial cara pemasangan untuk kedua temlplate tersebut.

for(var o=1;o<postsperpage;o++)

var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "",
    loadingText    = "Loading...",
    totalPostLabel = "Total Post :",
    jumpPageLabel = "Page",
    commentsLabel = "Comments",
    rmoreText      = "Read more ►",
    prevText       = "Prev",
    nextText       = "Next",
    siteUrl        = "http://johny-ajaib.blogspot.com/",
    postsperpage   = 9,
    numchars       = 160,
    imgBlank       = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";