Selasa, 19 Maret 2013

2 Simple Template Blogger Responsive


Awalnya template ini memenuhi permintaan Pakdhe saya, dia minta dibuatkan sebuah tampilan blog untuk perusahaan property. Tapi karena pertimbangan kelayakan, saya menyarankan untuk membuat blog dengan platform lain. Akhirnya dia memutuskan untuk memakai CMS website template untuk situs perusahaan propertynya. Di samping masalah kredibelitas (masa perusahaan yang notabene punya duit pakai blogspot?) juga karena banyaknya keterbatasan yang dimiliki blogspot, misalnya belum tersedianya form login dan register, fleksibelitas untuk merubah tampilan blog,  dan masih banyak lagi fitur lain dari blogger yang tidak bisa dirubah sesuai keinginan pemilik blog.




Namanya juga blogspot, mau dirubah seperti apapun tetap saja blogspot, dimana masih banyak kekurangan disana-sini dan masih jauh dari layak untuk disebut sebagai salah satu platform blog yang dinamis. Apalagi sekarang aturan penggunaan produk-produk dari Google lebih diperketat dan bagi pengguna blogspot sangat resistance atau rentan dengan amukan alogaritma Google Panda. Kenapa mesti namanya panda? Padahal panda adalah salah satu spesies binatang yang lucu dan nggak suka ngamuk-ngamuk. Harusnya diganti namanya jadi Google Kebo, karena binatang itu yang suka ngamuk kalau lagi lapar.




Kembali lagi ke template yang mau saya bagikan, karena templatenya sudah terlanjur dibuat, agar tidak mubadzir saya share disini saja, siapa tahu ada yang mau makai. Ini juga salah satu alasan kenapa saya tidak pernah melakukan komersialisasi template blogger. Disamping kualitas template buatan saya dibawah rata-rata, juga karena rasa pesimis yang berlebihan, bagaimana nanti kalau tidak laku coba? Yang akhirnya menjadi sebuah hasil karya yang sia-sia karena tidak bisa difungsikan secara maksimal oleh orang lain. Karena sebuah template atau apapun bila sudah dikasih tarif akan menjadi tidak etis jika akhirnya nanti dibagikan secara gratis, setidaknya itu menurut opini saya.



Pakdhe Johny




blogger template responsive







Karena template ini awalnya permintaan Pakdhe saya, namanya Pakdhe Johny. Fitur-fitur yang tersedia pada template ini :


  1. Camera Slideshow

  2. Floating Social Bookmark

  3. Responsive Layout (menurut saya)

  4. Banner iklan 728 x 90 di bawah header

  5. Artikel terkait dengan thumbnail

  6. Tag H1 dan H2 juga sudah dipasang

  7. Coba klik salah satu gambar di homepage, fitur apa itu namanya?

  8. Dan masih banyak lagi yang masih belum dipasang


Untuk mengaktifkan camera slideshow, cari kode ini di Edit HTML :


blogURL:'http://pakdhe-johny.blogspot.com/',

Ganti URL warna kuning diatas, dengan URL blog Anda. Dan untuk mengganti floating social bookmark dengan data-data Anda cari kode berikut di Edit HTML :






 <div class='sosmed-kananblogger' onmouseout='this.className=&apos;sosmed-kananblogger&apos;' onmouseover='this.className=&apos;sosmed-kananbloggerc&apos;'><div class='sosmed-isiblogger'><a href='https://www.facebook.com/your facebook' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhERf0W4KxctffGTWO7lKgoUwBfOMy78r04kepNXR66RnhteeYJ-mzO8vS_Pt1iqOYF46j3RR-1slSPIAiKIXHzHCkmSAmMoBCZQ9Y_bwKPWWQRZC1dBxYv3Enj7WdtsDTkZvTKy7wu2wjS/s1600/FB-open-new.png' title='Like us on Facebook'/></a><br/>

</div></div><div class='sosmed-kanantwitter' onmouseout='this.className=&apos;sosmed-kanantwitter&apos;' onmouseover='this.className=&apos;sosmed-kanantwitterc&apos;'><div class='sosmed-isitwitter'><a href='https://twitter.com/maskolis' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn59-T-M0VrG5yDZcXMXP5BHu8L0URBYs6CprLE6gUQCfpJoZcRcZHb2dZ6B44f3ya0pzNtJ5-3dtSVwiShm85PuFVrZ_EMt7Y6P_63SOOmT4Eo1andVxm2RLWjtxYMrUm9tn3AiRjQAO5/s1600/TW-open-new.png' title='Follow us on Twitter'/></a><br/>

</div></div><div class='sosmed-kananfacebook' onmouseout='this.className=&apos;sosmed-kananfacebook&apos;' onmouseover='this.className=&apos;sosmed-kananfacebookc&apos;'><div class='sosmed-isifacebook'><a href='https://plus.google.com/your googleplus/posts' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhodMuL8fPC22DnwratGHFRqazvLy8BXdcuISah7kLXsJQYdZDrlCwLvN3LvLf6y8SlGPRoFsauep0TOBxpnFXVcQjRiv-OpD_AHtl8UBCKVWeiXVr7WxCkCX5BEI2l9kmZD8htbOu3uoTs/s1600/G+-open-new.png' title='Recommend us on Google Plus'/></a><br/>

</div></div><div class='sosmed-kananrss' onmouseout='this.className=&apos;sosmed-kananrss&apos;' onmouseover='this.className=&apos;sosmed-kananrssc&apos;'><div class='sosmed-isirss'><a href='http://feeds.feedburner.com/maskolis/iqBg' target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-MDAVOH3vOYU/UUa9UYMZCJI/AAAAAAAAAjA/YicU-mlZMrY/s1600/RSSjosspendek.png' title='Subscribe me'/></a><br/>

</div></div>



Ganti semua tulisan warna merah di atas dengan ID Anda.



Johny Ribet




blogger template responsive







Meskipun namanya pakai Ribet, sebenarnya ini template paling simple di antara template-template yang pernah saya buat. Template ini side effect atau efek samping dari pembuatan template Pakdhe Johny. Karena setiap saya membuat template pasti tidak pernah lepas dengan yang namanya jurus coba-coba. Eksperimen dalam memadukan warna atau fitur terkadang memunculkan sebuah kombinasi yang enak dilihat, daripada merubah yang sudah jadi mending dibuat template baru, ya hasilnya seperti template Johny Ribet diatas.




Tidak ada penambahan fitur baru pada template ini, untuk mengganti floating social bookmark cara seperti pada template Pakdhe Johny diatas.




Saya akan ulangi lagi disini, masalah akurasi responsivitas kedua template diatas saya tidak jamin 100% karena teknologi dan kualitas mobile phone saya yang tidak menunjang untuk mengecek secara langsung. Jadi, harap maklum dan jika ada yang merasa tampilan responsif-nya kurang enak dilihat, silahkan protes pada kolom komentar dibawah. Berhubung hujan sudah reda sekarang waktunya pulang ke rumah masing-masing......



TAMBAHAN :

Mas Adhy (Kompi Ajaib) dan mas Panjz (Panjz Online) demo template yang mau dibagi mana ya?

0 komentar:

Posting Komentar

 

Subscribe to our Newsletter

Contact our Support

Email us: youremail@gmail.com

Our Team Memebers