3 Template Blogger Sakit Gigi

Hujan terus dari tadi, kapan redanya ya? Daripada manyun nunggu hujan, mending ini saya kasih lagi gratis 3 template blogger yang saya buat sambil sakit gigi. Dari kemarin, kalau lagi musim hujan dan cuaca dingin-dingin empuk, gigi ini pasti kambuh.... sompret. Jangan heran ya, tiap kali saya bikin artikel pasti arah tulisannya kemana-mana, namanya juga orang sakit gigi jadi bebas dong mau ngapain (nggak ada hubungannya). Sebenarnya, saya nulis asal-asalan begini punya maksud tertentu, agar tidak terlalu kaku antara pemilik blog dengan pengunjung, jadi biar tidak terkesan formal dan lebih interaktif, sehingga pengunjung tidak sungkan-sungkan berkomunikasi dengan pemilik blog lewat komentar, asalkan masih dalam tahap yang sopan dan wajar.

"Saya, Anda dan teman-teman blogger lain statusnya sama, tidak ada newbie ataupun senior, tidak ada master maupun blogger abal-abal. Yang ada adalah pemakai platform blogspot gratis yang berusaha menyampaikan apa yang ada di benaknya lewat tulisan untuk memberikan informasi yang bermanfat bagi para pembaca." Itu tadi sambutan pendek dari bapak ketua RT kita, jika ada kata-kata yang kurang berkenan mohon dimaafkan, namanya juga manusia pasti ada salah-salah kata, wajar kan. Lhah... ini templatenya mana...?

Sabar, ini juga mau dibagikan. Tiga template ini, seperti yang saya janjikan kemarin pada artikel Mau Backlink dari Maskolis? salah satunya sudah saya pajang di artikel itu. Dan dengan tidak disangka-sangka, template itu menjadi bahan pembicaraan di forum blogger Thailand (http://www.thaiseoboard.com/index.php?topic=303857.msg4193918;topicseen). Oke langsung saja, daripada nanti ada yang bilang saya orang sombong, inilah ketiga template yang saya buat sambil sakit gigi.

Johny Jogos

Jogos berasal dari bahasa Portugal yang berarti Games. Template ini saya buat atas permintaan teman blogger dari Brasil, sebenarnya dia sudah lama minta dibuatkan template blogger untuk mini games online, bahkan sebelum saya libur panjang 3 bulan kemarin mintanya. Karena kesibukan di dunia nyata, baru sekarang saya realisasikan, entah masih ingat apa nggak dianya.

Demo | Download

Slider

Untuk memasang slider, masukkan kode berikut ini pada kolom dibawah header yang panjang :

<div id='slider'>
<div id='loopedSlider'>
<div class='container'>
<script>
document.write("<script src=\"/feeds/posts/default/-/hot games?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
<a class='previous' href='#'></a>
<a class='next' href='#'></a>
<ul class='pagination'>
<script>
document.write("<script src=\"/feeds/posts/default/-/hot games?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<script type='text/javascript'>
    $(function(){
        $('#loopedSlider').loopedSlider();
    });
</script>
</div>
</div>

Kode warna biru diatas adalah label yang saya masukkan pada slider, silahkan Anda ganti dengan label Anda, atau jika Anda ingin slider menampilkan postingan terbaru, hapus kode /-/hot games diatas.

Tab Widget Kategori

Untuk merubah judul tab (Adventur, Action, Bike Game dan sebagainya) cari kode berikut ini di Edit HTML :

Title1="Adventure";Title2="Action";Title3="Bike Game";Title4="Dress-Up";Title5="Strategy";Title6="Sport Game"

Setelah ketemu ganti tulisan warna biru diatas dengan judul yang ingin Anda tampilkan pada tab view widget kategori. Dan untuk mengisi widget tab view dengan label yang ingin Anda pasang disitu, cari kode berikut pada Edit HTML (jangan lupa centang expand widget templates) :

<div id='tabber-wrapper'>
<ul class='tab-view'>
<li><a href='#tab1'><script>document.write(Title1);</script></a></li>
<li><a href='#tab2'><script>document.write(Title2);</script></a></li>
<li><a href='#tab3'><script>document.write(Title3);</script></a></li>
<li><a href='#tab4'><script>document.write(Title4);</script></a></li>
<li><a href='#tab5'><script>document.write(Title5);</script></a></li>
<li><a href='#tab6'><script>document.write(Title6);</script></a></li>
</ul><div class='clear'/>
<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/hot games?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/play station?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab3'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/review?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab4'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/hot games?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab5'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/play station?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab6'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/hot games?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='clear'/>
</div></div>

Ganti tulisan warna merah diatas dengan Label yang ingin anda tampilkan.

Widget Label

Yang dimaksud dengan widget label pada template ini adalah : Game Category dan widget sidebar kanan atas. Caranya sangat mudah, anda tinggal memasukkan atau ketik nama label yang sudah Anda buat pada kotak tersebut. Seperti contoh gambar di bawah :

Johny Coba Dulu

Fitur yang ada pada template ini sama dengan Johny Jogos dan cara pemasangan widget pun juga sama jadi saya tidak perlu mengulangnya kembali.

Demo | Download

Kedua template untuk mini game online ini menggunakan fungsi reply threaded komentar bawaan blogger jadi Anda tidak perlu merubah Blog ID, karena memang tidak ada pada template diatas.

Johny Si Ganteng

Template ini khusus buat orang-orang ganteng seperti saya.dan Kang Beben Koben yang anu ganteng pisan, katanya. Saya mau cerita sedikit tentang Kang Beben, dia salah satu blogger yang mempunyai perilaku yang layak ditiru oleh blogger lain, selain penguasaan coding yang handal tentunya (sumpah ini bukan isapan jempol, dia memang ahlinya). Banyak sih memang blogger-blogger lokal yang ahli dan menguasai kode-kode CSS, HTML maupun Javascript, tapi sifatnya tipikal seperti lainnya, beda sama Kang Beben Koben. Salah satu yang paling bikin saya terkesan dengan dia adalah, ketika Kang Beben walking in the prettt, dia selalu meninggalkan komentar dimanapun dia singgah, entah itu blog para master dari luar negeri ataupun ketika berkunjung ke blog abal-abal seperti blog ini. Pokoknya maju terus kang Beben, bahasa Inggrisnya keep goin' kang, saya ada di belakangmu, tapi kalau ada apa-apa saya lari duluan.... hahahahahaha.

Template Johny Si Ganteng fiturnya sama persis dengan Johny Sompret Banget, tapi ada beberapa perbedaan yang mendasar sehingga template ini lebih keliatan ramping kodenya, meskipun tampilannya sama. Salah satunya adalah penggunaan Tag H1 untuk setiap judul postingan, silahkan di cek nanti jika Anda berminat. Bagi Anda yang ingin menggunakan template ini silahkan dibuka lagi artikel 2 template kurang kerjaan untuk cara pemasangan widgetnya.

Untuk pemasangan widget recent post pada sidebar kanan, masuk ke Layout >> pilih sidebar >> HTML/Javascript kemudian masukkan kode berikut ke dalamnya :

<ul>
<script type='text/javascript'>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts6+"&orderby=published&alt=json-in-script&callback=showrecentposts7\"><\/script>");
</script>
</ul>

 

Demo | Download

Template Cuztomisation

Saya berasumsi bahwa teman-teman blogger sudah bisa merubah atau mengganti navigasi menu yang ada pada ketiga template diatas, jadi saya tidak perlu lagi menjelaskan satu persatu langkah-langkahnya, bakalan panjang nanti artikelnya. Oke itu tadi 3 template yang saya bagikan hari ini, Sabtu malam Minggu, 19 Januari 2013. Puisi pendek malam Minggu :

Ini malam Minggu kelabu, dari tadi hujan melulu.
Mau apel nggak jadi, malu aku.
Dikiranya nanti aku cowok yang nggak laku
Padahal banyak sekali cewek yang selalu menungguku

Jika ada yang kurang jelas silahkan tinggalkan pesan pada kotak komentar dibawah. Selamat mencoba dan semoga bermanfaat.

Note :

Ketiga template diatas support lisensi dari http://creativecommons.org jadi dimohon untuk tidak menghilangkan kredit link yang ada di sebelah kanan bawah. Yang tiga kiri itu silahkan diganti dengan blog list Anda.