SEBELUM "cuti" lama sekali, mastah desain template blog yang sangat dikenal di kalangan blogger, Maskolis, menyedekahkan empat Template SEO Friendly Terbarunya yang Responsive & Fast Loading.
Keandalan template karya maskolis tidak diragukan lagi dari sisi tampilan --baik yang simple maupun/apalagi yang magazine style-- dan dari segi SEO (pengoptimalan mesin telusur). Sangat baik dan teruji cepat dan mudah terindeks Google.
Blog Komunikasi Praktis ini sendiri menggunakan template johny wuss yang sudah dimodifikasi, sebagaimana tertera di bagian footer (bagian paling bawah halaman blog ini).
Tidak pernah tergoda untuk ganti template, meski kini banyak sekali template baru bermunculan dan "mengklaim" seo friendly.
Template SEO Friendly Terbaru Maskolis: Responsive & Fast Loading
Berikut ini empat template terbaru Mas Kolis sebelum ia "cuti lama" dari dunia blogging --dibilang cuti lama karena memang sudah lama ia tidak update blog dan lama juga tidak membuat template baru.Keempat template seo friendly dan responsive ini menggunakan framework template johny wusss yang melegenda itu.
1. Johny Ajaib
Template blog Johny Ajaib ini menggabungkan dua model tampilan. Pertama adalah tampilan readmore blogger menggunakan javascript
seperti biasa yang hanya menampilkan satu buah post.
Kedua, tampilan recent post yang mirip "featured post" di bagian paling atas halaman depan untuk mengantisipasi mesin telusur dalam membaca struktur
kode pada template.
Untuk kustomisasi recent post paling atas itu, lakukan Setting > posts and comments > show at mosts, pilih angka 1 (jika Anda ingin tampilan seperti pada demo) :
Anda bisa mengubah 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 merah diatas. Sesuaikan dengan jumlah show at
most yang Anda pilih.
Untuk setting widget daftar posting di bawahnya, cari kode
berikut ini pada Template > Edit HTML:
var showPostDate = true,Keterangan :
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";
- Warna Merah : Ganti dengan URL blog Anda
- Warna Hijau : Jumlah postingan keseluruhan pada halaman muka.
- Warna Biru : Jumlah karakter huruf pada widget daftar isi.
2. Johny Asal Responsive
Setiap
gambar yang Anda sertakan pada postingan di template Johny Asal Responsive ini harus diupload di blogger. Jangan disimpan di situs lain apalagi copy URL image dari blog lain!
3. Pakdhe Johny - Responsive Blogger Template
Fitur Template Pakdhe Johny Responsive ini antara lain:
- Fully Responsive Design
- Auto resize thumbnail image
- Optimize SEO
- Grid based Design
- Custom Error 404 Page
- Camera Slideshow
- Floating Social Bookmark
- Responsive Layout (menurut saya)
- Banner iklan 728 x 90 di bawah header
- Artikel terkait dengan thumbnail
- Tag H1 dan H2 juga sudah dipasang
- Coba klik salah satu gambar di homepage, fitur apa itu namanya?
- Dan masih banyak lagi yang masih belum dipasang
blogURL:'http://pakdhe-johny.blogspot.com/'
Ganti URL dengan alamat blog Anda.
4. Johny Ribet - Simple SEO Responsive Blogger Template
Meskipun namanya pakai Ribet, sebenarnya ini template blog seo friendly dan responsive terbaru dari Maskolis ini paling simple di
antara template-template yang pernah dibuat.
Demikian ulasan tentang Template SEO Friendly Terbaru Maskolis: Responsive & Fast Loading. Layak sekali dipertimbangkannya untuk digunakan di blog baru Anda agar lebih cepat dan mudah diindeks Google atau mesin pencari lainnya.
Anda tinggal memodifikasi sisi warna, ukuran huruf jika perlu, juga elemen lain, terutama Navigasi Menu yang tampaknya harus disesuaikan dengan responsive navigation menu terbaru. (http://www.komunikasipraktis.com).*