Tampilkan postingan dengan label slider. Tampilkan semua postingan
Tampilkan postingan dengan label slider. Tampilkan semua postingan

Blogpress Free Template Blog

Tidak ada spesifikasi khusus pada template ini kalau template pertama warna dasar hitam dan kuning untuk memperindah tampilan. Blogpress free template warna dasar hitam dan biru gambarnya seperti di bawah :

blogpress free template



  1. Slider Image Otomatis
    Untuk menampilkan slider di homepage, cari kode berikut :
    numposts1 = 6;
    label1 = "magazine";
    Keterangan :
    Angka 6 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera. magazine adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan.
  2. Kotak feedburner di bawah postingan
    Cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
    <div class='subscribe'>
    <p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
    <b>click here</b></a>, or subscribe to receive more great content just like it.</p>
    <p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='uri' type='hidden' value='JohnyTemplate'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
    <input id='botsubbutton' type='submit' value='Submit'/><br/>
    <small>Your information will not be shared. Ever.</small>
    </form>
    </div>
    Keterangan :
    Warna biru : ganti dengan alamat feed anda.
    Warna merah : ganti dengan URL anda.
  3. Ganti URL feed http://feeds.feedburner.com/blogspot/htbgh dengan URL feed Anda.
Tidak ada spesifikasi khusus pada template ini kalau template pertama warna dasar hitam dan kuning untuk memperindah tampilan. Blogpress free template warna dasar hitam dan biru gambarnya seperti di bawah :

blogpress free template



  1. Slider Image Otomatis
    Untuk menampilkan slider di homepage, cari kode berikut :
    numposts1 = 6;
    label1 = "magazine";
    Keterangan :
    Angka 6 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera. magazine adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan.
  2. Kotak feedburner di bawah postingan
    Cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
    <div class='subscribe'>
    <p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
    <b>click here</b></a>, or subscribe to receive more great content just like it.</p>
    <p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='uri' type='hidden' value='JohnyTemplate'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
    <input id='botsubbutton' type='submit' value='Submit'/><br/>
    <small>Your information will not be shared. Ever.</small>
    </form>
    </div>
    Keterangan :
    Warna biru : ganti dengan alamat feed anda.
    Warna merah : ganti dengan URL anda.
  3. Ganti URL feed http://feeds.feedburner.com/blogspot/htbgh dengan URL feed Anda.

Martin Template Blog

Template pertama ini saya beri nama Martin Template, di design khusus untuk blog dengan konten galery template tapi jika ada mau isi dengan gellery photo juga silahkan.

martin template

  1. Slider Image Otomatis
    Untuk menampilkan slider di homepage, cari kode berikut :
    numposts1 = 6;
    label1 = "magazine";
    Keterangan :
    Angka 6 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera. magazine adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan.
  2. Kotak feedburner di bawah postingan
    Cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
    <div class='subscribe'>
    <p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
    <b>click here</b></a>, or subscribe to receive more great content just like it.</p>
    <p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='uri' type='hidden' value='JohnyTemplate'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
    <input id='botsubbutton' type='submit' value='Submit'/><br/>
    <small>Your information will not be shared. Ever.</small>
    </form>
    </div>
    Keterangan :
    Warna biru : ganti dengan alamat feed anda.
    Warna merah : ganti dengan URL anda.
  3. Ganti URL feed http://feeds.feedburner.com/blogspot/htbgh dengan URL feed Anda.
Template pertama ini saya beri nama Martin Template, di design khusus untuk blog dengan konten galery template tapi jika ada mau isi dengan gellery photo juga silahkan.

martin template

  1. Slider Image Otomatis
    Untuk menampilkan slider di homepage, cari kode berikut :
    numposts1 = 6;
    label1 = "magazine";
    Keterangan :
    Angka 6 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera. magazine adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan.
  2. Kotak feedburner di bawah postingan
    Cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
    <div class='subscribe'>
    <p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
    <b>click here</b></a>, or subscribe to receive more great content just like it.</p>
    <p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='uri' type='hidden' value='JohnyTemplate'/>
    <input name='loc' type='hidden' value='en_US'/>
    <input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
    <input id='botsubbutton' type='submit' value='Submit'/><br/>
    <small>Your information will not be shared. Ever.</small>
    </form>
    </div>
    Keterangan :
    Warna biru : ganti dengan alamat feed anda.
    Warna merah : ganti dengan URL anda.
  3. Ganti URL feed http://feeds.feedburner.com/blogspot/htbgh dengan URL feed Anda.

Johny Simplemag Template Blog

Template ini modifikasi dari Johny Magazine 2 yang masih memakai slider Yahoo yang manual, Johny Simplemag saya buat sedemikian rupa sehingga semua widget yang ada lebih dinamis dan otomatis dengan masih memasang slider Yahoo. Slider Yahoo disini saya buat lebih sederhana, karena hanya 4 post yang bisa ditampilkan pada slider tapi secara tampilan masih sama.

johny simplemag


Sekarang langsung saja pada pemasangannya :
Slider

slider yahoo

Di dashboard masuk ke layout
Kemudian pilih featured today yang ada di layout


Setelah itu masukkan atau ketik label yang ingin ditampilkan pada slider contohnya seperti gambar di bawah ini :


Keterangan :
Ganti sport dengan label yang Anda inginkan (ingat besar kecil huruf harus sama dengan label yang sudah anda buat)
Demikian juga untuk judul widget, anda bisa menggantinya sesuaikan dengan label.
Label 1 - Label 6


Untuk memasang Label 1 sampai dengan Label 6 caranya sama seperti diatas, Anda tinggal mengetikkan label yang ingin ditampilkan pada widget tersebut. Lihat gambar dibawah ini :


Keterangan :
Ganti news dengan label Anda, dan ganti judul widget (label 1) dengan judul yang sesuai dengan label.

Penting :

Karena dari template yang kemarin masih ada yang error dalam penataan widget, isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan.
Template ini modifikasi dari Johny Magazine 2 yang masih memakai slider Yahoo yang manual, Johny Simplemag saya buat sedemikian rupa sehingga semua widget yang ada lebih dinamis dan otomatis dengan masih memasang slider Yahoo. Slider Yahoo disini saya buat lebih sederhana, karena hanya 4 post yang bisa ditampilkan pada slider tapi secara tampilan masih sama.

johny simplemag


Sekarang langsung saja pada pemasangannya :
Slider

slider yahoo

Di dashboard masuk ke layout
Kemudian pilih featured today yang ada di layout


Setelah itu masukkan atau ketik label yang ingin ditampilkan pada slider contohnya seperti gambar di bawah ini :


Keterangan :
Ganti sport dengan label yang Anda inginkan (ingat besar kecil huruf harus sama dengan label yang sudah anda buat)
Demikian juga untuk judul widget, anda bisa menggantinya sesuaikan dengan label.
Label 1 - Label 6


Untuk memasang Label 1 sampai dengan Label 6 caranya sama seperti diatas, Anda tinggal mengetikkan label yang ingin ditampilkan pada widget tersebut. Lihat gambar dibawah ini :


Keterangan :
Ganti news dengan label Anda, dan ganti judul widget (label 1) dengan judul yang sesuai dengan label.

Penting :

Karena dari template yang kemarin masih ada yang error dalam penataan widget, isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan.

New Johny Darkgamer Template Blog

new johny darkgamer


Slider


Masuk ke Layout kemudian pilih kotak slider


Caranya seperti pemasangan slider pada template Johny Simplemag diatas, anda tinggal ketikkan label yang ingin anda tampilkan dalam slider carousel ini, seperti gambar dibawah :


Demikian juga dengan Label 1 dan Label 2 yang ada di layout template ini, masukkan labelnya kemudian save/simpan.

Itu tadi dua template gratis yang saya bagikan kepada teman-teman blogger kali ini,  selamat mencoba dan semoga bermanfaat.

Pesan dari bang Johny :

Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa

Salam - Johny Template
new johny darkgamer


Slider


Masuk ke Layout kemudian pilih kotak slider


Caranya seperti pemasangan slider pada template Johny Simplemag diatas, anda tinggal ketikkan label yang ingin anda tampilkan dalam slider carousel ini, seperti gambar dibawah :


Demikian juga dengan Label 1 dan Label 2 yang ada di layout template ini, masukkan labelnya kemudian save/simpan.

Itu tadi dua template gratis yang saya bagikan kepada teman-teman blogger kali ini,  selamat mencoba dan semoga bermanfaat.

Pesan dari bang Johny :

Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa

Salam - Johny Template

Gamer Darkpaper, The Best Template Gamer I Ever Made

Sekali-kali judulnya pakai bahasa Inggris biar keren, dan mohon maaf kalau judulnya agak sedikit narsis. Karena memang template ini template terbaik yang pernah saya buat, itu dari sudut pandang saya sendiri, entah bagaimana pandangan teman-teman semua. Sebenarnya saya sempat bingung, template ini sudah jadi sejak kemarin. Saya mau cerita sebentar, ternyata template ini ada yang mau beli, tapi dengan syarat template ini tidak dishare secara gratis di internet, tapi kalau ada orang lain yang mau beli lagi baru boleh, alias template ini mesti dibuat premium pemakainya mesti bayar.

gamer darkpaper

Setelah saya pikir-pikir, kesepakatan gagal. Saya tetap mau share template ini secara gratis. Itu cerita sore tadi, sekarang langsung saja tentang template ini. Namanya Gamer Darkpaper, terus terang saya asal kasih nama ke template ini, lagi nggak ada ide. Secara tampilan sama persis dengan template Mas Paper magazine 2 yang membedakan hanya warna dominan yang ada pada template. Dengan warna dasar hitam dan merah membuat template ini kelihatan lebih hidup daan menyala, biar orang yang melihat ngantuknya jadi ilang. Template ini saya desain khususnya untuk para pecinta games (seperti saya) tapi kalau mau diisi dengan konten lain silahkan saja. Fiturnya juga sama persis yang membedakan hanya pada kotak feedburner dan related artikel yang ada di bawah postpage.  Saya akan ulang lagi tutorialnya disini

Fitur :
  1. Slider carousel dan featured slider otomatis
  2. Multi level drop down menu.
  3. Automatic widget per category
  4. Pagination ready
  5. Ads ready dan widget twitter
  6. Dan masih banyak lagi
Slider

Menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>
Keterangan :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan.

Widget Label

Perhatikan layout template diatas, untuk kolom Your label here, Label 1, Label 2, Label 3 sampai dengan Label 6 Anda tinggal masukkan label pada kotak HTML/Javascript seperti contoh gambar di bawah ini :
Untuk contoh dari gambar diatas, label 3 Anda ganti dengan judul widget. entertainment silahkan diganti dengan label Anda sendiri. Perlu diingat besar kecil huruf harus sama dengan label yang sudah Anda buat sebelumnya. Jadi disini anda tinggal memasukkan label bukan kode script, misalnya sport, news, culture dan lain-lain ke dalam kotak HTML/Javascript, kemudian sve lihat hasilnya.

Twitter Widget

Twitter widget untuk template ini sedikit berbeda dengan versi sebelumnya, tapi pemasangannya sama. Untuk membuat twitter widget masukkan kode di bawah ini pada kotak HTML/Javascript :
<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdND-ZnURi_hY7Q7_3BZ7fWVB7uFDGHM4SHJwgrFuVeiQRjr8hxgolkmXdJ_XJuQWyRLuap91s2o7-1oqcWdwyaeF_imyh6bbrZYs0FA5497jSWDLmvlKc58a5InrQPFQlxbqzRDwoqOA/s1600/twitter+me.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('maskolis').start();
</script>
</div>
Ganti maskolis dengan twitter username anda.


Kotak feedburner di bawah postingan

Cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small>
</form>
</div>
Keterangan :
Warna biru : ganti dengan alamat feed anda.
Warna merah : ganti dengan URL anda.
Ganti juga URL feed http://feeds.feedburner.com/blogspot/htbgh dengan URL feed Anda.

Saran saya, dalam menggunakan template ini. Buka  xml template ini, terus copy ke notepad kemudian buka Edit HTML template, kemudian copykan yang ada di notepad kesitu. Setelah itu save templates >> deleted widget. Langkah selanjutnya masuk ke layout, kosongkan semua widget kecuali, Your label here, Label 1 sampai dengan Label 6 jangan dihapus. setelah itu preview template. Hal ini dilakukan agar kode bawaan template lama tidak ikut sehingga mempersulit dalam penataan widget nantinya. Baru kemudian pasang widgetnya satu persatu. Setelah normal silahkan template ini dimodifikasi sesuka hati. Dan yang perlu diingat template ini banyak sekali menggunakan kode javascript, jadi jika Anda ingin memasukkan widget baru yang juga menggunakan javascript, lihat dulu apakah ada kode yang sama meskipun serinya berbeda. Pakai saja salah satunya. Selamat mencoba dan semoga bermanfaat...... happy weekend

Iklan template baru, kalau ada yang mau dishare kalau nggak ada dipakai sendiri (serba otomatis dari mulai slider sampai ke recent categories_tinggal masukin label ke widget)

Pesan dari bang Johny :
Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa

Salam - Johny Template

Penting :

Karena dari template yang kemarin masih ada yang error dalam penataan widget, isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan.

Sekali-kali judulnya pakai bahasa Inggris biar keren, dan mohon maaf kalau judulnya agak sedikit narsis. Karena memang template ini template terbaik yang pernah saya buat, itu dari sudut pandang saya sendiri, entah bagaimana pandangan teman-teman semua. Sebenarnya saya sempat bingung, template ini sudah jadi sejak kemarin. Saya mau cerita sebentar, ternyata template ini ada yang mau beli, tapi dengan syarat template ini tidak dishare secara gratis di internet, tapi kalau ada orang lain yang mau beli lagi baru boleh, alias template ini mesti dibuat premium pemakainya mesti bayar.

gamer darkpaper

Setelah saya pikir-pikir, kesepakatan gagal. Saya tetap mau share template ini secara gratis. Itu cerita sore tadi, sekarang langsung saja tentang template ini. Namanya Gamer Darkpaper, terus terang saya asal kasih nama ke template ini, lagi nggak ada ide. Secara tampilan sama persis dengan template Mas Paper magazine 2 yang membedakan hanya warna dominan yang ada pada template. Dengan warna dasar hitam dan merah membuat template ini kelihatan lebih hidup daan menyala, biar orang yang melihat ngantuknya jadi ilang. Template ini saya desain khususnya untuk para pecinta games (seperti saya) tapi kalau mau diisi dengan konten lain silahkan saja. Fiturnya juga sama persis yang membedakan hanya pada kotak feedburner dan related artikel yang ada di bawah postpage.  Saya akan ulang lagi tutorialnya disini

Fitur :
  1. Slider carousel dan featured slider otomatis
  2. Multi level drop down menu.
  3. Automatic widget per category
  4. Pagination ready
  5. Ads ready dan widget twitter
  6. Dan masih banyak lagi
Slider

Menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>
Keterangan :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan.

Widget Label

Perhatikan layout template diatas, untuk kolom Your label here, Label 1, Label 2, Label 3 sampai dengan Label 6 Anda tinggal masukkan label pada kotak HTML/Javascript seperti contoh gambar di bawah ini :
Untuk contoh dari gambar diatas, label 3 Anda ganti dengan judul widget. entertainment silahkan diganti dengan label Anda sendiri. Perlu diingat besar kecil huruf harus sama dengan label yang sudah Anda buat sebelumnya. Jadi disini anda tinggal memasukkan label bukan kode script, misalnya sport, news, culture dan lain-lain ke dalam kotak HTML/Javascript, kemudian sve lihat hasilnya.

Twitter Widget

Twitter widget untuk template ini sedikit berbeda dengan versi sebelumnya, tapi pemasangannya sama. Untuk membuat twitter widget masukkan kode di bawah ini pada kotak HTML/Javascript :
<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdND-ZnURi_hY7Q7_3BZ7fWVB7uFDGHM4SHJwgrFuVeiQRjr8hxgolkmXdJ_XJuQWyRLuap91s2o7-1oqcWdwyaeF_imyh6bbrZYs0FA5497jSWDLmvlKc58a5InrQPFQlxbqzRDwoqOA/s1600/twitter+me.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('maskolis').start();
</script>
</div>
Ganti maskolis dengan twitter username anda.


Kotak feedburner di bawah postingan

Cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small>
</form>
</div>
Keterangan :
Warna biru : ganti dengan alamat feed anda.
Warna merah : ganti dengan URL anda.
Ganti juga URL feed http://feeds.feedburner.com/blogspot/htbgh dengan URL feed Anda.

Saran saya, dalam menggunakan template ini. Buka  xml template ini, terus copy ke notepad kemudian buka Edit HTML template, kemudian copykan yang ada di notepad kesitu. Setelah itu save templates >> deleted widget. Langkah selanjutnya masuk ke layout, kosongkan semua widget kecuali, Your label here, Label 1 sampai dengan Label 6 jangan dihapus. setelah itu preview template. Hal ini dilakukan agar kode bawaan template lama tidak ikut sehingga mempersulit dalam penataan widget nantinya. Baru kemudian pasang widgetnya satu persatu. Setelah normal silahkan template ini dimodifikasi sesuka hati. Dan yang perlu diingat template ini banyak sekali menggunakan kode javascript, jadi jika Anda ingin memasukkan widget baru yang juga menggunakan javascript, lihat dulu apakah ada kode yang sama meskipun serinya berbeda. Pakai saja salah satunya. Selamat mencoba dan semoga bermanfaat...... happy weekend

Iklan template baru, kalau ada yang mau dishare kalau nggak ada dipakai sendiri (serba otomatis dari mulai slider sampai ke recent categories_tinggal masukin label ke widget)

Pesan dari bang Johny :
Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa

Salam - Johny Template

Penting :

Karena dari template yang kemarin masih ada yang error dalam penataan widget, isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan.

Mas Paper Magazine 2 Blogger Template



Fitur :
  1. Slider carousel dan featured slider otomatis
  2. Multi level drop down menu.
  3. Automatic widget per category
  4. Pagination ready
  5. Ads ready dan widget twitter
  6. Dan masih banyak lagi
Slider

Menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>
Keterangan :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan.

Widget Label

Perhatikan layout template diatas, untuk kolom Your label here, Label 1, Label 2, Label 3 sampai dengan Label 6 Anda tinggal masukkan label pada kotak HTML/Javascript seperti contoh gambar di bawah ini :
Untuk contoh dari gambar diatas, label 3 Anda ganti dengan judul widget. entertainment silahkan diganti dengan label Anda sendiri. Perlu diingat besar kecil huruf harus sama dengan label yang sudah Anda buat sebelumnya.

Twitter Widget

Untuk membuat twitter widget masukkan kode di bawah ini pada kotak HTML/Javascript :
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhevxrF8fE-ATX7W265PXukpCiu5aIJBTHi8DCw1Q2LbAdZ4UkCiuYRjU39VdScGEjH3iyTSa_jPtNifgy-5LTSP6M_y-tQtmUrRddK0b-NS5zQzeJ7LzE1cuYqLPfOp4hyphenhyphenVd6cMvyivdU/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('maskolis').start();
</script>
</div>
Ganti maskolis dengan twitter username anda.

Mohon maaf sebelumnya karena buru-buru soalnya disuruh bos ke bandara jemput tamu penting katanya. jika ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar. Sementara itu aja dulu, nanti malam disambung lagi.

Penting :

Isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan lainnya.

Pesan dari bang Johny :
Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa


Fitur :
  1. Slider carousel dan featured slider otomatis
  2. Multi level drop down menu.
  3. Automatic widget per category
  4. Pagination ready
  5. Ads ready dan widget twitter
  6. Dan masih banyak lagi
Slider

Menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>
Keterangan :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan.

Widget Label

Perhatikan layout template diatas, untuk kolom Your label here, Label 1, Label 2, Label 3 sampai dengan Label 6 Anda tinggal masukkan label pada kotak HTML/Javascript seperti contoh gambar di bawah ini :
Untuk contoh dari gambar diatas, label 3 Anda ganti dengan judul widget. entertainment silahkan diganti dengan label Anda sendiri. Perlu diingat besar kecil huruf harus sama dengan label yang sudah Anda buat sebelumnya.

Twitter Widget

Untuk membuat twitter widget masukkan kode di bawah ini pada kotak HTML/Javascript :
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhevxrF8fE-ATX7W265PXukpCiu5aIJBTHi8DCw1Q2LbAdZ4UkCiuYRjU39VdScGEjH3iyTSa_jPtNifgy-5LTSP6M_y-tQtmUrRddK0b-NS5zQzeJ7LzE1cuYqLPfOp4hyphenhyphenVd6cMvyivdU/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('maskolis').start();
</script>
</div>
Ganti maskolis dengan twitter username anda.

Mohon maaf sebelumnya karena buru-buru soalnya disuruh bos ke bandara jemput tamu penting katanya. jika ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar. Sementara itu aja dulu, nanti malam disambung lagi.

Penting :

Isi semua Label 1 sampai dengan Label 6 dan  usahakan dalam meletakkan label, pilih yang jumlahnya minimal 5. Sehingga untuk blog yang baru dan belum memiliki banyak postingan,  penataan widget akan tersusun ke bawah, jadi perbanyak postingan dan label terlebih dahulu sebelum mengajukan pertanyaan lainnya.

Pesan dari bang Johny :
Mohon jangan dihilangkan atau diganti kredit link yang ada di bagian bawah sebelah kanan, kalau yang kiri ada tiga itu silahkan diganti dengan bloglist Anda nggak apa-apa

Johny Darkmovie Template

johny darkmovie

TEMPLATE FEATURES

Johny Darkmovie is another free blogger template from Creating Website with elegant black style blogger template for movies content blog with auto recent per category. This template design with an automatic image slider category, 3/4 column blogger template with right sidebar, 3 column footer, magazine black elegant style blogspot template, featured content slider, ads ready, pagination for blogger ready, dropdown menu, clean design template, and more. But you can used this template for any content just as like you wanted blog with daily updates

Template Name : Johny Darkmovie
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

johny darkmovie

TEMPLATE FEATURES

Johny Darkmovie is another free blogger template from Creating Website with elegant black style blogger template for movies content blog with auto recent per category. This template design with an automatic image slider category, 3/4 column blogger template with right sidebar, 3 column footer, magazine black elegant style blogspot template, featured content slider, ads ready, pagination for blogger ready, dropdown menu, clean design template, and more. But you can used this template for any content just as like you wanted blog with daily updates

Template Name : Johny Darkmovie
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Johny Darkfire Template

This template names Johny Darkfire because the basic black and a little extra yellow light like a flame to the look. The features on this template similar to the template Johny Darkgamer only slider I replace the automatic carousel slider that allows you to display the post on the slider.

johny darkfire

TEMPLATE FEATURES

Johny Darkfire is a free blogger template with elegant black style blogger template for any content blog with auto recent per category. This template design with an automatic image slider feature, 4 column blogger template with right sidebar, 3 column footer, elegant style blogspot template, featured content slider, ads ready, pagination for blogger ready, dropdown menu, clean design template, and more. This template designed for any content just as like you wanted blog with daily updates

Template Name : Johny Darkfire
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

This template names Johny Darkfire because the basic black and a little extra yellow light like a flame to the look. The features on this template similar to the template Johny Darkgamer only slider I replace the automatic carousel slider that allows you to display the post on the slider.

johny darkfire

TEMPLATE FEATURES

Johny Darkfire is a free blogger template with elegant black style blogger template for any content blog with auto recent per category. This template design with an automatic image slider feature, 4 column blogger template with right sidebar, 3 column footer, elegant style blogspot template, featured content slider, ads ready, pagination for blogger ready, dropdown menu, clean design template, and more. This template designed for any content just as like you wanted blog with daily updates

Template Name : Johny Darkfire
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Johny Magazine 2

For those who like the darker colors, especially black, I am providing another template for you. This template names Johny Magazine 2, Darkmatter Template For Your Site. As its name suggests this template further than the first version of Johnny Magzine on previous versions of the header and footer only are black, but this version of the post body all black

johny magazine 2

TEMPLATE FEATURES

Free Johny Magazine 2 blogger template is magazine style blogger template for portal news blog with auto recent per category with dark color background. It's a 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, accordion style, ads ready, pagination for blogger ready, news ticker ready, dropdown menu, and more. This template designed for portal news blog with daily updates

Template Name : Johny Magazine 2
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

For those who like the darker colors, especially black, I am providing another template for you. This template names Johny Magazine 2, Darkmatter Template For Your Site. As its name suggests this template further than the first version of Johnny Magzine on previous versions of the header and footer only are black, but this version of the post body all black

johny magazine 2

TEMPLATE FEATURES

Free Johny Magazine 2 blogger template is magazine style blogger template for portal news blog with auto recent per category with dark color background. It's a 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, accordion style, ads ready, pagination for blogger ready, news ticker ready, dropdown menu, and more. This template designed for portal news blog with daily updates

Template Name : Johny Magazine 2
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Mas Paper Template

mas paper template

TEMPLATE FEATURES

Mas Paper is a free blogger template with magazine style blogger template for portal news blog with auto recent per category. This template comes with an automatic image slider feature, 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, tabber sidebar ready, ads ready, pagination for blogger ready, dropdown menu, newsticker ready, clean design template, and more. This template designed for portal news blog with daily updates

Template Name : Mas Paper
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com
mas paper template

TEMPLATE FEATURES

Mas Paper is a free blogger template with magazine style blogger template for portal news blog with auto recent per category. This template comes with an automatic image slider feature, 2/3 column blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, tabber sidebar ready, ads ready, pagination for blogger ready, dropdown menu, newsticker ready, clean design template, and more. This template designed for portal news blog with daily updates

Template Name : Mas Paper
Author : Maskolis
Url Instruction : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Johny Simple Music Template

johny simple music

TEMPLATE FEATURES

Free Johny Simple Music blogger template is magazine style blogger template for music blog with black color background. It's a blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, pagination for blogger ready, dropdown menu, breadcrumb navigation ready, and more. This template designed for music reviews and info blogs

Template Name : Johny Simple Music
Author : Maskolis
Url Author : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

johny simple music

TEMPLATE FEATURES

Free Johny Simple Music blogger template is magazine style blogger template for music blog with black color background. It's a blogger template with right sidebar, 3 column footer, magazine style blogspot template, featured content slider, pagination for blogger ready, dropdown menu, breadcrumb navigation ready, and more. This template designed for music reviews and info blogs

Template Name : Johny Simple Music
Author : Maskolis
Url Author : Creating Website
Designer : Creating Website
Url Designer : creatingwebsite-maskolis.blogspot.com

Johny Simple Magazine 2 Template

This template design in magazine style, names Johny Simple Magazine 2 because the header view similar to the first series. On the homepage there are 5 widgets to put the sidebar as you want and there's a sidebar for ad size 650 x 80 which is located under the main wrapper. On the right sidebar I added a accordion sidebar from dezinerfolio.com, for more details please see the demo. In the postpage, you have no longer need to add codes related posts that usually put in the bottom of the posts, this template is to provide such features and columns for size 300 x 250 ad next to (see demo).

johny simple magazine 2

Features :
  • Image content slider
  • News ticker
  • Page navigation
  • Ads ready
  • 2/3 columss widget
  • 3 columns footer
  • Accordion sidebar
  • Widget subscription ready
  • Category with thumbnail
  • This template work with no static page
  • and more
For more detail please visit this link

This template design in magazine style, names Johny Simple Magazine 2 because the header view similar to the first series. On the homepage there are 5 widgets to put the sidebar as you want and there's a sidebar for ad size 650 x 80 which is located under the main wrapper. On the right sidebar I added a accordion sidebar from dezinerfolio.com, for more details please see the demo. In the postpage, you have no longer need to add codes related posts that usually put in the bottom of the posts, this template is to provide such features and columns for size 300 x 250 ad next to (see demo).

johny simple magazine 2

Features :
  • Image content slider
  • News ticker
  • Page navigation
  • Ads ready
  • 2/3 columss widget
  • 3 columns footer
  • Accordion sidebar
  • Widget subscription ready
  • Category with thumbnail
  • This template work with no static page
  • and more
For more detail please visit this link

Johny Darkgamer Template

This time I am providing another template for gamers mania. This template names Johny Darkgamer, according to the color black and yellow little orange to make some amazing. view This was very simple template feature, under the header I put the carousel slider on the sidebar there is a live set of four tabber widget that you want to display there.

Here is a screenshot view of the template Johny Darkgamer (click to enlarge):
Home Page

johny darkgamer

Postpage

johny darkgamer

This template contains not for the game only, but you can also used this template with another contains, such as news, tutorials, or online store also can be filled up just like what you want. For more detail about this template visit the designer here.

This time I am providing another template for gamers mania. This template names Johny Darkgamer, according to the color black and yellow little orange to make some amazing. view This was very simple template feature, under the header I put the carousel slider on the sidebar there is a live set of four tabber widget that you want to display there.

Here is a screenshot view of the template Johny Darkgamer (click to enlarge):
Home Page

johny darkgamer

Postpage

johny darkgamer

This template contains not for the game only, but you can also used this template with another contains, such as news, tutorials, or online store also can be filled up just like what you want. For more detail about this template visit the designer here.

Trilogi Template Johny, Tiga Template Gratis Sekaligus

Hari ini saya akan berbagai template kepada teman-teman blogger semua tiga template sekaligus, dengan tiga model konten yang berbeda-beda tapi masih dalam satu kompisisi warna yang sama, yaitu putih dan biru. Sengaja saya buat tiga untuk memenuhi permintaan teman-teman blogger via email dan semoga berkenan. Ketiga template ini di bagian header dan footer hampir sama. dengan kombinasi warna biru dan putih dengan sedikit tambahan warna abu-abu untuk memperindah tampilan. Baiklah langsung saja berikut ini ketiga template tersebut :

Johny Papers Magazine

johny papers magazine


Template pertama ini saya desain terutama untuk untuk blog yang memiliki konten berita, dan seperti template magazine saya yang lain tidak ada fitur static page atau halaman statis. Cara pemasangan widget-widget yang ada  pada template ini adalah :
  1. Latest Post
    Letaknya di sebelah kiri, fitur ini otomatis, maksudnya jika anda membuat postingan terbaru maka artikel itu akan muncul otomatis pada latest post. Cara setting agar seperti dalam demo template sebagai berikut (blogger new interface) :
    Di dashboard pilih setting kemudian klik formatting and language kemudian pada timestamp format pilih hanya jam saja, karena lebar pada timestamp di latest post saya setting untuk tampilan jam (lihat demo). Untuk mengatur jumlah post yang akan ditampilkan masih pada setting, pilih post and comment >> show at most pilih berapa post yang akan ditampilkan pada kolom latest post.
  2. Slider
    Untuk mengganti image pada slider, cari kode berikut :
    numposts1 = 7;
    label1 = "kesehatan";
    Keterangan :
    Angka 7 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera. kesehatan adalah label atau kategori yang ditampilkan pada slider, silahkan Anda ganti dengan label yang ingin ditampilkan pada slider (Ingat hurufnya harus sama dengan label yang sudah Anda buat).
  3. Label 1, label 2 dan label 3
    Letaknya di bawah banner 468 x 69 dan twitter follow. Untuk menampilkannya pada widget masukkan kode berikut pada layout >> add gadget pilih HTML/Javasxript  :
    <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 0; i < json.feed.entry.length; i++)
     {
        for (var j = 0; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
    var entryTitle = json.feed.entry[i].title.$t;
    var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
     document.write(item);
     }
     document.write('</ul>');
     }
    </script>
    <script src="http://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna biru : adalah label atau kategori yang ditampikan pada widget. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna merah : Ganti URL dengan URL blog anda.
  4. Label 4 dan label 5
    Masukkan kode di bawah ini :
    <script type="text/javascript">
    var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;
    </script>
    <script src="/feeds/posts/default/-/serba serbi?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript">
    </script>
    <a href="http://test-maskolis.blogspot.com/search/label/serba serbi" style="float:right;font:normal 10px Arial;padding:5px 0;">More on this category</a>
    Warna merah : adalah label atau kategori yang ditampikan pada widget. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna biru : Ganti URL dengan URL blog anda.
  5. Tab view menu
    Letaknya pada sidebar sebelah kanan atas, Anda tinggal membuat 4 widget yang ingin dipasang otomatis akan menjadi tabber sidebar, saya sarankan untuk diberi judul pada widget tersebut.
  6. Twitter Widget
    Untuk membuat twitter widget seperti pada demo masukkan kode di bawah ini pada kotak HTML/Javascript :
    <div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrhQ0cWEokXx24gbeuKA_3NNp6L5fdZyr8s5aDp9vDD4FJCl2ZAF4rlP7RdPGTKM6TD3IQSvOGGGZ22Wfd5SakgywWaLOA93vVTYZLeFFPKoYTu7FW_ikBmYQoJr5Ro688n2iNAAPlhrlF/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
    <script src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 10,
    interval: 3000,
    width: 285,
    height: 123,
    theme: {
    shell: {
    background: 'transparent',
    color: '#000000'
    },
    tweets: {
    background: 'transparent',
    color: '#000000',
    links: '#135a9e'
    }
    },
    features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
    }
    }).render().setUser('maskolis').start();
    </script>
    </div>
    Ganti maskolis dengan twitter username anda.
  7. Untuk mengganti iklan atau adsense yang ada di bawah postingan disamping related articles pada Edit HTML (centang expand widget templates) cari kode berikut :
    <div id="banner-ads">
    <script type='text/javascript'><!--
    google_ad_client = "ca-pub-9608487840337104";
    google_ad_host = "pub-1556223355139109";
    /* johny samping */
    google_ad_slot = "1127342458";
    google_ad_width = 300;
    google_ad_height = 250;
    //-->
    </script>
    <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
    </script>
    Ganti kode warna biru diatas dengan kode script iklan Anda.
Gallery Johny

gallery johny template


Template kedua dari trilogi template Johny ini saya beri nama Gallery Johny, sesuai dengan namanya template ini khusus untuk blog yang berisi gallery template maupun theme. Template ini juga tidak ada fitur static page (halaman statis), tidak ada fitur khusus yang terdapat pada template ini yang perlu diperhatikan adalah cara dalam membuat postingan agar seperti terlihat pada blog demo. 
  1. Untuk membuat postingan pastikan Anda dalam posisi HTML (bukan compose). Di bawah ini adalah contoh dalam membuat postingan pada template Gallery Johny ini :
    <div align="center">
    </div>
    <div class="badge sblogger">
    </div>
    <img class="latest_img" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYgXAYGdfzq3dwh6hmvQ4QWkZVK65YQ4CuF_eSiq6uvB_-6VwxXmLw2tg-uwWelj7KXZTRm0ZJxgvxHw10UWjewShgXlDcZTkI85SKeqf8a7AtFie8FW9JNRspGA2yn58nRgRqdGSojmo/s1600/Johny+Darkmovie.jpg" width="310" />
    <div class="fullpost">
    <ul class="postbuttons">
    <li><a class="livedemo" href="http://johny-darkmovie.blogspot.com/" rel="nofollow" target="_blank">Live Demo</a> </li>
    <li><a class="download" href="http://www.box.com/s/qjhv758fzmne8lt3xpa8" rel="nofollow" target="_blank">Download Theme</a></li>
    </ul>
    </div>
    <b>TEMPLATE FEATURES</b>
    Silahkan diisi deskripsi template atau terserah anda.........
    Perhatikan kode script yang saya beri warna diatas :
    Warna hijau : adalah URL gambar yang harus anda ganti. Setalah gambar anda upload masukkan URL gambar pada kode yang berwana hijau.
    Warna biru : adalah URL blog demo
    Warna merah : URL untuk download
  2. Untuk menenampilkan widget share dan subscribe yang ada pada sidebar kanan atas, masukkan kode berikut pada kotak HTML/Javascript :
    <style type="text/css">.maskolis{width:288px;float:left;margin:0 0 2px;padding:0 5px;}
    .maskolis .count{margin:0px;padding:10px 0px 0px 0;}
    .maskolis .subicons{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6AXqUKMUswQOZa794r9r3tVri8yTU0Wqo936re09LlvmgoKq9czBl4yGqu5T_gRMOHax9o6Kj6-Wt0U-p_gHNdIVv9uGNlt7iODvquh-xyxkAr68eYpSwz_UEqQhsBeZXFzkEGGu4xmeu/s1600/batas.png) repeat-x scroll bottom;margin:0px 0 0px 0;float:left;width:288px;font-family:Helvetica, Arial;font-size:12px;}.maskolis .subicons a{text-decoration:none;color:#333333;}.maskolis .subicons a:hover{text-decoration:underline;color:#333333;}.maskolis .subicons .rssicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .googleicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .fbicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 7px 0px 28px;margin:0 0 0 5px;}.maskolis .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.maskolis .emailsub .emailicon{background:url(http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px;float:left;padding:0px 20px 0px 50px;margin:0 5px;width:288px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.maskolis .emailsub .emailupdatesform{margin:15px 5px 5px 5px;width:288px;float:left;}.maskolis .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #afafaf;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.maskolis .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#b4c5fa,0),color-stop(#0f46fa,1));background:-webkit-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-moz-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-o-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-webkit-gradient(linear,left top,left bottom,from(#567dfc),to(#0f46fa));border:1px solid #1143a8;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}</style><div class="maskolis"><div class="subicons"><div class="rssicon">&nbsp;<a rel="nofollow" href="http://feeds.feedburner.com/Maskolis" target="_blank">  RSS</a></div><div class="googleicon">&nbsp;<a href="https://plus.google.com/u/0/ID GOOGLE +" rel="author" target="_blank"> G+</a></div><div class="fbicon"> &nbsp;<a href="https://www.facebook.com/URL Facebook" target="_blank" rel="nofollow">FB</a></div><div class="twittericon">&nbsp;<a href="https://www.twitter.com/TWITTER USERNAME" target="_blank" rel="nofollow">Twitter</a></div></div><div class="emailsub"><div class="emailicon"><p style=" width:250px; color:#3A3A3A; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial;  padding-right:5px; margin:0;">If you enjoyed this article subscribe to receive more great content from us</p></div><div class="emailupdatesform"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="Maskolis" name="uri" type="hidden" /><input value="Submit" class="joinemailupdates" type="submit" /></form><div class="count"><a rel="nofollow" href="http://feeds.feedburner.com/Maskolis"><img style="border:0" alt="" src="http://feeds.feedburner.com/%7Efc/Maskolis?bg=aeaeae&amp;fg=000&amp;anim=1" height="26" width="88" /></a></div></div></div> </div>
    Keterangan :
    Tulisan yang saya cetak dengan huruf tebal silahkan Anda ganti dengan ID dan username Anda.
    Tulisan warna merah (Maskolis) adalah ID feedburner blog demo, ganti dengan ID feedburner anda.
  3. Untuk membuat popular post seperti pada demo, masuk ke layout >> add gadget kemudian pilih popular posts. Disini yang harus Anda centang hanya thumbnail, biarkan snippet kosong.
Johny Soulmater

johny soulmater


Template ketiga ini sangat sederhana, yang ada pada sidebar kanan hampir sama dengan Johny Papers Magazine. Pada tabber sidebar Anda tinggal memasukkan 4 widget pada sidebar. Untuk twitter widget cara pemasangannya sama dengan template Johny Papers Magazine diatas. Sedangkan untuk mengganti feedburner yang terdapat di bawah postingan, cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small>
</form>
</div>
Keterangan :
Warna biru : ganti dengan alamat feed anda.
Warna merah : ganti dengan URL anda.

Itu tadi tiga template yang saya share hari ini, jika ada yang kurang jelas dalam pemasangan widget silahkan tinggalkan pesan Anda pada kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat, maaf kalau template-template itu kurang berkenan karena kemampuan saya dalam membuat template masih segitu beda sama master-master blogger lain yang udah jagoan.... hehehehehehe

Sebagai referensi tambahan untuk sahabat blogger semua dalam kegiatan ngeblog bisa dibaca pada dua artikel di bawah ini :
Hari ini saya akan berbagai template kepada teman-teman blogger semua tiga template sekaligus, dengan tiga model konten yang berbeda-beda tapi masih dalam satu kompisisi warna yang sama, yaitu putih dan biru. Sengaja saya buat tiga untuk memenuhi permintaan teman-teman blogger via email dan semoga berkenan. Ketiga template ini di bagian header dan footer hampir sama. dengan kombinasi warna biru dan putih dengan sedikit tambahan warna abu-abu untuk memperindah tampilan. Baiklah langsung saja berikut ini ketiga template tersebut :

Johny Papers Magazine

johny papers magazine


Template pertama ini saya desain terutama untuk untuk blog yang memiliki konten berita, dan seperti template magazine saya yang lain tidak ada fitur static page atau halaman statis. Cara pemasangan widget-widget yang ada  pada template ini adalah :
  1. Latest Post
    Letaknya di sebelah kiri, fitur ini otomatis, maksudnya jika anda membuat postingan terbaru maka artikel itu akan muncul otomatis pada latest post. Cara setting agar seperti dalam demo template sebagai berikut (blogger new interface) :
    Di dashboard pilih setting kemudian klik formatting and language kemudian pada timestamp format pilih hanya jam saja, karena lebar pada timestamp di latest post saya setting untuk tampilan jam (lihat demo). Untuk mengatur jumlah post yang akan ditampilkan masih pada setting, pilih post and comment >> show at most pilih berapa post yang akan ditampilkan pada kolom latest post.
  2. Slider
    Untuk mengganti image pada slider, cari kode berikut :
    numposts1 = 7;
    label1 = "kesehatan";
    Keterangan :
    Angka 7 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera. kesehatan adalah label atau kategori yang ditampilkan pada slider, silahkan Anda ganti dengan label yang ingin ditampilkan pada slider (Ingat hurufnya harus sama dengan label yang sudah Anda buat).
  3. Label 1, label 2 dan label 3
    Letaknya di bawah banner 468 x 69 dan twitter follow. Untuk menampilkannya pada widget masukkan kode berikut pada layout >> add gadget pilih HTML/Javasxript  :
    <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 0; i < json.feed.entry.length; i++)
     {
        for (var j = 0; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
    var entryTitle = json.feed.entry[i].title.$t;
    var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
     document.write(item);
     }
     document.write('</ul>');
     }
    </script>
    <script src="http://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna biru : adalah label atau kategori yang ditampikan pada widget. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna merah : Ganti URL dengan URL blog anda.
  4. Label 4 dan label 5
    Masukkan kode di bawah ini :
    <script type="text/javascript">
    var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;
    </script>
    <script src="/feeds/posts/default/-/serba serbi?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript">
    </script>
    <a href="http://test-maskolis.blogspot.com/search/label/serba serbi" style="float:right;font:normal 10px Arial;padding:5px 0;">More on this category</a>
    Warna merah : adalah label atau kategori yang ditampikan pada widget. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna biru : Ganti URL dengan URL blog anda.
  5. Tab view menu
    Letaknya pada sidebar sebelah kanan atas, Anda tinggal membuat 4 widget yang ingin dipasang otomatis akan menjadi tabber sidebar, saya sarankan untuk diberi judul pada widget tersebut.
  6. Twitter Widget
    Untuk membuat twitter widget seperti pada demo masukkan kode di bawah ini pada kotak HTML/Javascript :
    <div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrhQ0cWEokXx24gbeuKA_3NNp6L5fdZyr8s5aDp9vDD4FJCl2ZAF4rlP7RdPGTKM6TD3IQSvOGGGZ22Wfd5SakgywWaLOA93vVTYZLeFFPKoYTu7FW_ikBmYQoJr5Ro688n2iNAAPlhrlF/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
    <script src="http://widgets.twimg.com/j/2/widget.js"></script>
    <script>
    new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 10,
    interval: 3000,
    width: 285,
    height: 123,
    theme: {
    shell: {
    background: 'transparent',
    color: '#000000'
    },
    tweets: {
    background: 'transparent',
    color: '#000000',
    links: '#135a9e'
    }
    },
    features: {
    scrollbar: false,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
    }
    }).render().setUser('maskolis').start();
    </script>
    </div>
    Ganti maskolis dengan twitter username anda.
  7. Untuk mengganti iklan atau adsense yang ada di bawah postingan disamping related articles pada Edit HTML (centang expand widget templates) cari kode berikut :
    <div id="banner-ads">
    <script type='text/javascript'><!--
    google_ad_client = "ca-pub-9608487840337104";
    google_ad_host = "pub-1556223355139109";
    /* johny samping */
    google_ad_slot = "1127342458";
    google_ad_width = 300;
    google_ad_height = 250;
    //-->
    </script>
    <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
    </script>
    Ganti kode warna biru diatas dengan kode script iklan Anda.
Gallery Johny

gallery johny template


Template kedua dari trilogi template Johny ini saya beri nama Gallery Johny, sesuai dengan namanya template ini khusus untuk blog yang berisi gallery template maupun theme. Template ini juga tidak ada fitur static page (halaman statis), tidak ada fitur khusus yang terdapat pada template ini yang perlu diperhatikan adalah cara dalam membuat postingan agar seperti terlihat pada blog demo. 
  1. Untuk membuat postingan pastikan Anda dalam posisi HTML (bukan compose). Di bawah ini adalah contoh dalam membuat postingan pada template Gallery Johny ini :
    <div align="center">
    </div>
    <div class="badge sblogger">
    </div>
    <img class="latest_img" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSYgXAYGdfzq3dwh6hmvQ4QWkZVK65YQ4CuF_eSiq6uvB_-6VwxXmLw2tg-uwWelj7KXZTRm0ZJxgvxHw10UWjewShgXlDcZTkI85SKeqf8a7AtFie8FW9JNRspGA2yn58nRgRqdGSojmo/s1600/Johny+Darkmovie.jpg" width="310" />
    <div class="fullpost">
    <ul class="postbuttons">
    <li><a class="livedemo" href="http://johny-darkmovie.blogspot.com/" rel="nofollow" target="_blank">Live Demo</a> </li>
    <li><a class="download" href="http://www.box.com/s/qjhv758fzmne8lt3xpa8" rel="nofollow" target="_blank">Download Theme</a></li>
    </ul>
    </div>
    <b>TEMPLATE FEATURES</b>
    Silahkan diisi deskripsi template atau terserah anda.........
    Perhatikan kode script yang saya beri warna diatas :
    Warna hijau : adalah URL gambar yang harus anda ganti. Setalah gambar anda upload masukkan URL gambar pada kode yang berwana hijau.
    Warna biru : adalah URL blog demo
    Warna merah : URL untuk download
  2. Untuk menenampilkan widget share dan subscribe yang ada pada sidebar kanan atas, masukkan kode berikut pada kotak HTML/Javascript :
    <style type="text/css">.maskolis{width:288px;float:left;margin:0 0 2px;padding:0 5px;}
    .maskolis .count{margin:0px;padding:10px 0px 0px 0;}
    .maskolis .subicons{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6AXqUKMUswQOZa794r9r3tVri8yTU0Wqo936re09LlvmgoKq9czBl4yGqu5T_gRMOHax9o6Kj6-Wt0U-p_gHNdIVv9uGNlt7iODvquh-xyxkAr68eYpSwz_UEqQhsBeZXFzkEGGu4xmeu/s1600/batas.png) repeat-x scroll bottom;margin:0px 0 0px 0;float:left;width:288px;font-family:Helvetica, Arial;font-size:12px;}.maskolis .subicons a{text-decoration:none;color:#333333;}.maskolis .subicons a:hover{text-decoration:underline;color:#333333;}.maskolis .subicons .rssicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .googleicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .fbicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 28px;margin:0 0 0 5px;}.maskolis .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrPkBhRtMRWCuAazTS82yoGre655B-q0AdJNrUU920frTkZ2YHApHV-EWGMMrbcxWoTF58s32B-h725YSgMfGmS_aynLzmz6EfWHc3EFMDM87qYXleyc-k-fpXPakwQUUlq4ypIKE0mKC7/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 7px 0px 28px;margin:0 0 0 5px;}.maskolis .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.maskolis .emailsub .emailicon{background:url(http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px;float:left;padding:0px 20px 0px 50px;margin:0 5px;width:288px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.maskolis .emailsub .emailupdatesform{margin:15px 5px 5px 5px;width:288px;float:left;}.maskolis .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #afafaf;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.maskolis .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#b4c5fa,0),color-stop(#0f46fa,1));background:-webkit-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-moz-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-o-linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:linear-gradient(top,#b4c5fa 0%,#0f46fa 100%);background:-webkit-gradient(linear,left top,left bottom,from(#567dfc),to(#0f46fa));border:1px solid #1143a8;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}</style><div class="maskolis"><div class="subicons"><div class="rssicon">&nbsp;<a rel="nofollow" href="http://feeds.feedburner.com/Maskolis" target="_blank">  RSS</a></div><div class="googleicon">&nbsp;<a href="https://plus.google.com/u/0/ID GOOGLE +" rel="author" target="_blank"> G+</a></div><div class="fbicon"> &nbsp;<a href="https://www.facebook.com/URL Facebook" target="_blank" rel="nofollow">FB</a></div><div class="twittericon">&nbsp;<a href="https://www.twitter.com/TWITTER USERNAME" target="_blank" rel="nofollow">Twitter</a></div></div><div class="emailsub"><div class="emailicon"><p style=" width:250px; color:#3A3A3A; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial;  padding-right:5px; margin:0;">If you enjoyed this article subscribe to receive more great content from us</p></div><div class="emailupdatesform"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="Maskolis" name="uri" type="hidden" /><input value="Submit" class="joinemailupdates" type="submit" /></form><div class="count"><a rel="nofollow" href="http://feeds.feedburner.com/Maskolis"><img style="border:0" alt="" src="http://feeds.feedburner.com/%7Efc/Maskolis?bg=aeaeae&amp;fg=000&amp;anim=1" height="26" width="88" /></a></div></div></div> </div>
    Keterangan :
    Tulisan yang saya cetak dengan huruf tebal silahkan Anda ganti dengan ID dan username Anda.
    Tulisan warna merah (Maskolis) adalah ID feedburner blog demo, ganti dengan ID feedburner anda.
  3. Untuk membuat popular post seperti pada demo, masuk ke layout >> add gadget kemudian pilih popular posts. Disini yang harus Anda centang hanya thumbnail, biarkan snippet kosong.
Johny Soulmater

johny soulmater


Template ketiga ini sangat sederhana, yang ada pada sidebar kanan hampir sama dengan Johny Papers Magazine. Pada tabber sidebar Anda tinggal memasukkan 4 widget pada sidebar. Untuk twitter widget cara pemasangannya sama dengan template Johny Papers Magazine diatas. Sedangkan untuk mengganti feedburner yang terdapat di bawah postingan, cari kode script di bawah ini pada edit HTML (jangan lupa centang expand widget templates) :
<div class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small>
</form>
</div>
Keterangan :
Warna biru : ganti dengan alamat feed anda.
Warna merah : ganti dengan URL anda.

Itu tadi tiga template yang saya share hari ini, jika ada yang kurang jelas dalam pemasangan widget silahkan tinggalkan pesan Anda pada kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat, maaf kalau template-template itu kurang berkenan karena kemampuan saya dalam membuat template masih segitu beda sama master-master blogger lain yang udah jagoan.... hehehehehehe

Sebagai referensi tambahan untuk sahabat blogger semua dalam kegiatan ngeblog bisa dibaca pada dua artikel di bawah ini :

Johny Darkmovie, Template for Movie Review

Sebelumnya saya ingin minta maaf dulu sama mas Andreas (Komud) dan Blogger Mobile (Wandhy) karena belum memenuhi permintaan untuk membuat tutorial navigasi menu dan membuat template gallery seperti Mas Template. Soalnya antri ya mas, hal ini juga karena template yang saya buat ini (Johny Darkmovie) juga atas permintaan seorang sahabat via email, dia meminta agar saya membuat sebuah template yang bisa dipakai untuk review atau download film. Nah, jadilah seperti template gambar di bawah ini (klik gambar untuk melihat demonya) :

johny darkmovie

Baiklah, langsung saja pada fitur-fitur yang ada pada template ini dan cara pemasangan widgetnya :
  1. Memasang Slider Image Otomatis
    Untuk mengganti image pada slider, cari kode berikut :
    numposts1 = 5;
    label1 = "best seller";
    Keterangan :
    Angka 5 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera.
    best seller adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan (perhatikan besar kecil huruf yang ada pada label yang sudah Anda buat harus sama).
  2. Kategory dengan thumbnail (Box office dan action movies)
    Letaknya di sebelah kiri image slider dan di bawah widget random movies, cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :
    <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/action?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
    Keterangan :
    Warna biru (action) adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
  3. Widget Random Movies (Sidebar kanan atas)
    cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :
    <script type="text/javascript">
        var randarray = new Array();var l=0;var flag;
        var numofpost=7;function randomposts(json){
        var total = parseInt(json.feed.openSearch$totalResults.$t,10);
        for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
        if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
        for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
        for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
        document.write(item);}}
        }document.write('</ul>');}
        </script>
        <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
    Keterangan :
    Perhatikan angka 7 diatas, itu adalah jumlah random post yang ditampilkan pada sidebar silahkan ganti sesuai dengan keinginan Anda.
  4. Latest Movies (Di bawah navigasi menu atau news ticker)
    Untuk menggantinya dashboard >> Design >> Edit HTML jangan lupa centang expand widget templates kemudian cari dengan menggunakan control + F. Kemudian cari URL http://johny-darkmovie.blogspot.com ganti dengan URL anda.
  5. Untuk mengatur jarak antara akhir postingan dengan kotak komen, yang biasanya terlalu lebar caranya adalah klik design, biarkan pada posisi page element setelah itu anda pilih blog post (kolom paling besar) kemudian klik edit. Setelah terbuka halaman baru centang hanya tanggal, comments dan label biarkan yang lain kosong.
  6. Untuk mengganti kotak pencari (search box) yang ada di pojok atas kanan, masuk lagi ke Edit HTML cari http://johny-darkmovie.blogspot.com dan ganti dengan URL blog Anda..
  7. Untuk mengaktifkan fungsi reply pada kotak komentar, cari kode di bawah ini pada edit HTML template :
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=8548828380568749844&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
    Perhatikan kode yang berwarna merah, itu adalah ID blog demo template Johny Darkmovie. Anda harus ganti dengan ID blog anda yang terletak pada browser.
Template ini juga sudah ada fitur halaman statis (static page) klik sample page yang ada pada navigasi paling atas dan jika Anda download template ini, script-script untuk widget sudah saya sertakan tinggal dipasang dan ganti dengan label atau URL blog anda, jangan lupa untuk membaca instruksinya ! Saya kira hanya itu yang harus diperhatikan dalam menggunakan template ini, jika masih kurang jelas silahkan tinggalkan pesan di kotak komentar di bawah. Dan bagi Anda yang tertarik untuk mencobanya silahkan langsung saja menuju link demo dan download template ini, Sekian, selamat mencoba dan semoga bermanfaat.... happy blogging (habis pulang kantor ne belum mandi.... hehehehehehe)

Sebelumnya saya ingin minta maaf dulu sama mas Andreas (Komud) dan Blogger Mobile (Wandhy) karena belum memenuhi permintaan untuk membuat tutorial navigasi menu dan membuat template gallery seperti Mas Template. Soalnya antri ya mas, hal ini juga karena template yang saya buat ini (Johny Darkmovie) juga atas permintaan seorang sahabat via email, dia meminta agar saya membuat sebuah template yang bisa dipakai untuk review atau download film. Nah, jadilah seperti template gambar di bawah ini (klik gambar untuk melihat demonya) :

johny darkmovie

Baiklah, langsung saja pada fitur-fitur yang ada pada template ini dan cara pemasangan widgetnya :
  1. Memasang Slider Image Otomatis
    Untuk mengganti image pada slider, cari kode berikut :
    numposts1 = 5;
    label1 = "best seller";
    Keterangan :
    Angka 5 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera.
    best seller adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan (perhatikan besar kecil huruf yang ada pada label yang sudah Anda buat harus sama).
  2. Kategory dengan thumbnail (Box office dan action movies)
    Letaknya di sebelah kiri image slider dan di bawah widget random movies, cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :
    <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/action?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
    Keterangan :
    Warna biru (action) adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
  3. Widget Random Movies (Sidebar kanan atas)
    cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :
    <script type="text/javascript">
        var randarray = new Array();var l=0;var flag;
        var numofpost=7;function randomposts(json){
        var total = parseInt(json.feed.openSearch$totalResults.$t,10);
        for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
        if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
        for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
        for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
        document.write(item);}}
        }document.write('</ul>');}
        </script>
        <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
    Keterangan :
    Perhatikan angka 7 diatas, itu adalah jumlah random post yang ditampilkan pada sidebar silahkan ganti sesuai dengan keinginan Anda.
  4. Latest Movies (Di bawah navigasi menu atau news ticker)
    Untuk menggantinya dashboard >> Design >> Edit HTML jangan lupa centang expand widget templates kemudian cari dengan menggunakan control + F. Kemudian cari URL http://johny-darkmovie.blogspot.com ganti dengan URL anda.
  5. Untuk mengatur jarak antara akhir postingan dengan kotak komen, yang biasanya terlalu lebar caranya adalah klik design, biarkan pada posisi page element setelah itu anda pilih blog post (kolom paling besar) kemudian klik edit. Setelah terbuka halaman baru centang hanya tanggal, comments dan label biarkan yang lain kosong.
  6. Untuk mengganti kotak pencari (search box) yang ada di pojok atas kanan, masuk lagi ke Edit HTML cari http://johny-darkmovie.blogspot.com dan ganti dengan URL blog Anda..
  7. Untuk mengaktifkan fungsi reply pada kotak komentar, cari kode di bawah ini pada edit HTML template :
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=8548828380568749844&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
    Perhatikan kode yang berwarna merah, itu adalah ID blog demo template Johny Darkmovie. Anda harus ganti dengan ID blog anda yang terletak pada browser.
Template ini juga sudah ada fitur halaman statis (static page) klik sample page yang ada pada navigasi paling atas dan jika Anda download template ini, script-script untuk widget sudah saya sertakan tinggal dipasang dan ganti dengan label atau URL blog anda, jangan lupa untuk membaca instruksinya ! Saya kira hanya itu yang harus diperhatikan dalam menggunakan template ini, jika masih kurang jelas silahkan tinggalkan pesan di kotak komentar di bawah. Dan bagi Anda yang tertarik untuk mencobanya silahkan langsung saja menuju link demo dan download template ini, Sekian, selamat mencoba dan semoga bermanfaat.... happy blogging (habis pulang kantor ne belum mandi.... hehehehehehe)

Johny Darkfire, Template Gratis Warna Hitam Elegan

Template ini sebenarnya pesanan teman Jogang via email yang meminta untuk memodifikasi agar template Johny Darkmatter kolom postnya di homepage dibuat seperti tampilan template Johny Darkgamer. Template ini saya beri nama Johny Darkfire karena dengan dasar warna hitam dan sedikit tambahan warna kuning menyala seperti api untuk memperindah tampilan. Fitur yang terdapat pada template ini hampir sama dengan template Johny Darkgamer hanya slider carousel saya ganti dengan otomatis slider yang memudahkan Anda untuk menampilkan post pada slider.

johny darkfire

Di atas adalah gambar screenshot dari template ini, tidak banyak perubahan memang sengaja saya minimalisir agar lodingnya tidak terlalu berat, kapasitas template ini hanya 76.0 kb. Berikut ini adalah hal-hal yang perlu diperhatikan untuk menggunakan template ini.
  1. Mengganti Slider
    Untuk meletakkan postingan kategori tertentu pada slider, cari kode berikut :
    numposts1 = 5;
    label1 = "sport";
    Keterangan :
    Angka 5 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera.  
    Sport adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan.
  2. Category with thumbnail (Sidebar kanan atas)
    Seperti pada template-template saya sebelumnya, saya selalu menyertakan fitur ini, cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :
    <script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <a href="http://johny-darkfire.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna biru : adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna merah : Ganti URL dengan URL blog anda.
  3. Untuk mengatur jarak antara akhir postingan dengan kotak komen, yang biasanya terlalu lebar caranya adalah klik design, biarkan pada posisi page element setelah itu anda pilih blog post (kolom paling besar) kemudian klik edit. Setelah terbuka halaman baru centang hanya tanggal, comments dan label biarkan yang lain kosong.
  4. Jika Anda ingin menambahkan halaman statis untuk template ini sangat mudah, baca tutorialnya disini.
Script yang perlu dipasang di sidebar dan instruksi lainnya sudah saya sertakan pada link download yang ada di bawah. Jika masih ada yang kurang jelas, silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Untuk mas Jogang semoga bisa Anda nikmati template ini walaupun ada sedikit perubahan pada header dan navigasi.

Template ini sebenarnya pesanan teman Jogang via email yang meminta untuk memodifikasi agar template Johny Darkmatter kolom postnya di homepage dibuat seperti tampilan template Johny Darkgamer. Template ini saya beri nama Johny Darkfire karena dengan dasar warna hitam dan sedikit tambahan warna kuning menyala seperti api untuk memperindah tampilan. Fitur yang terdapat pada template ini hampir sama dengan template Johny Darkgamer hanya slider carousel saya ganti dengan otomatis slider yang memudahkan Anda untuk menampilkan post pada slider.

johny darkfire

Di atas adalah gambar screenshot dari template ini, tidak banyak perubahan memang sengaja saya minimalisir agar lodingnya tidak terlalu berat, kapasitas template ini hanya 76.0 kb. Berikut ini adalah hal-hal yang perlu diperhatikan untuk menggunakan template ini.
  1. Mengganti Slider
    Untuk meletakkan postingan kategori tertentu pada slider, cari kode berikut :
    numposts1 = 5;
    label1 = "sport";
    Keterangan :
    Angka 5 adalah jumlah image yang ditampilkan pada slider, Anda bisa menggantinya sesuai dengan selera.  
    Sport adalah label atau kategori yang ditampilkan pada slider, Anda juga bisa merubahnya sesuai kebutuhan.
  2. Category with thumbnail (Sidebar kanan atas)
    Seperti pada template-template saya sebelumnya, saya selalu menyertakan fitur ini, cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :
    <script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <a href="http://johny-darkfire.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna biru : adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna merah : Ganti URL dengan URL blog anda.
  3. Untuk mengatur jarak antara akhir postingan dengan kotak komen, yang biasanya terlalu lebar caranya adalah klik design, biarkan pada posisi page element setelah itu anda pilih blog post (kolom paling besar) kemudian klik edit. Setelah terbuka halaman baru centang hanya tanggal, comments dan label biarkan yang lain kosong.
  4. Jika Anda ingin menambahkan halaman statis untuk template ini sangat mudah, baca tutorialnya disini.
Script yang perlu dipasang di sidebar dan instruksi lainnya sudah saya sertakan pada link download yang ada di bawah. Jika masih ada yang kurang jelas, silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Untuk mas Jogang semoga bisa Anda nikmati template ini walaupun ada sedikit perubahan pada header dan navigasi.