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 :
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.
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('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' 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 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 :
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.
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('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' 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 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.
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.
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('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' 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 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.
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.
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('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' 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 URL feed http://feeds.feedburner.com/blogspot/htbgh dengan URL feed Anda.
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.
Sekarang langsung saja pada pemasangannya : Slider
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.
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.
Sekarang langsung saja pada pemasangannya : Slider
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.
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.
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.
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
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.
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
Template ini seperti dijelaskan diatas, tampilannya hampir sama dengan template Joomla Sportapolis, tapi lebih sederhana karena banyak fitur yang saya kurangi karena keterbatasan saya dalam mengolah sebuah template. Untuk pemasangan widgetnya pertama anda harus perhatikan struktur layoutnya seperti gambar berikut :
Perhatikan keempat angka diatas, berikut cara pengisiannya :
Kolom widget nomer 1, adalah slider. Masukkan kode berikut ini ke dalamnya :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti dengan label Anda.
Kolom widget nomer 2, adalah label category otomatis di sebelah slider. Anda tinggal memasukkan/ketik label anda pada kotak tersebut, seperti gambar dibawah ini :
Dari gambar diatas hot games adalah label yang saya masukkan ke dalam widget tersebut, silahkan Anda ganti dengan label Anda.
Widget nomer 3 dan 4, adalah widget category thumbnail biasa yang masih semi otomatis. Saya buat demikian agar tampilannya agak berbeda dan tidak monoton. Untuk menampilkannya masukkan kode dibawah ini pada kotak HTML/Javascript nomer 3 dan 4 :
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 1; i < json.feed.entry.length; i++)
{
for (var j = 1; 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://johny-backup.blogspot.com/feeds/posts/summary/-/play station?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://johny-backup.blogspot.com/search/label/play station" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category »</a>
Keterangan :
Warna merah : adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
Warna biru : Ganti URL dengan URL blog anda.
Untuk mengganti email berlangganan yang ada di bawah navigasi, cari kode dibawah ini pada Edit HTML (jangan lupa untuk mencentang kotak expand widget templates) :
Keterangan :
Warna biru : ganti dengan alamat feed anda.
Untuk mengganti iklan yang ada di bawah postingan, masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
Template ini seperti dijelaskan diatas, tampilannya hampir sama dengan template Joomla Sportapolis, tapi lebih sederhana karena banyak fitur yang saya kurangi karena keterbatasan saya dalam mengolah sebuah template. Untuk pemasangan widgetnya pertama anda harus perhatikan struktur layoutnya seperti gambar berikut :
Perhatikan keempat angka diatas, berikut cara pengisiannya :
Kolom widget nomer 1, adalah slider. Masukkan kode berikut ini ke dalamnya :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti dengan label Anda.
Kolom widget nomer 2, adalah label category otomatis di sebelah slider. Anda tinggal memasukkan/ketik label anda pada kotak tersebut, seperti gambar dibawah ini :
Dari gambar diatas hot games adalah label yang saya masukkan ke dalam widget tersebut, silahkan Anda ganti dengan label Anda.
Widget nomer 3 dan 4, adalah widget category thumbnail biasa yang masih semi otomatis. Saya buat demikian agar tampilannya agak berbeda dan tidak monoton. Untuk menampilkannya masukkan kode dibawah ini pada kotak HTML/Javascript nomer 3 dan 4 :
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 1; i < json.feed.entry.length; i++)
{
for (var j = 1; 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://johny-backup.blogspot.com/feeds/posts/summary/-/play station?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://johny-backup.blogspot.com/search/label/play station" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category »</a>
Keterangan :
Warna merah : adalah label atau kategori yang ditampikan pada sidebar. Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
Warna biru : Ganti URL dengan URL blog anda.
Untuk mengganti email berlangganan yang ada di bawah navigasi, cari kode dibawah ini pada Edit HTML (jangan lupa untuk mencentang kotak expand widget templates) :
Keterangan :
Warna biru : ganti dengan alamat feed anda.
Untuk mengganti iklan yang ada di bawah postingan, masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
Template ini saya desain khususnya untuk konten review film atau game, tapi Anda bisa juga memakainya untuk konten lain. Template sama namanya nggak nyambung blasss..... Namanya juga orang bingung jadi ya terserah mau dikasih nama apa... hehehehehe. Untuk pemasangan widget perhatikan layout template ini seperti gambar di bawah :
Pada template ini hanya ada tiga widget yang perlu diperhatikan, widget nomer satu adalah slider atau di layout namanya Featured content slider. Cara pemasangannya anda tinggal memasukkan atau ketik label yang ingin ditampilkan, seperti pada nomer 2 diatas :
Label yang saya masukkan disini adalah review, silahkan diganti dengan label anda sendiri.
Untuk widget nomer 2 dan 3, cara pemasangannya sama dengan langkah nomer 3 pada template Johny Backup diatas. Demikian juga untuk mengganti email berlangganan, sama seperti langkah nomer 4 diatas.
Karena template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa untuk centang kotak expand widget templates :
Warna merah pada kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :
Untuk mengganti iklan yang ada di bawah postingan (sebelah related post), masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
Tulisan warna biru diatas adalah kode iklan yang ada di bawah postingan blog demo, silahkan Anda ganti dengan iklan Anda ukuran 300 x 250 px.
Itu tadi dua template asal jadi yang saya bagikan kepada teman-teman blogger pada pagi hari ini, mohon maaf sebelumnya kalau tidak begitu menarik, Jika ada pertanyaan silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.
Template ini saya desain khususnya untuk konten review film atau game, tapi Anda bisa juga memakainya untuk konten lain. Template sama namanya nggak nyambung blasss..... Namanya juga orang bingung jadi ya terserah mau dikasih nama apa... hehehehehe. Untuk pemasangan widget perhatikan layout template ini seperti gambar di bawah :
Pada template ini hanya ada tiga widget yang perlu diperhatikan, widget nomer satu adalah slider atau di layout namanya Featured content slider. Cara pemasangannya anda tinggal memasukkan atau ketik label yang ingin ditampilkan, seperti pada nomer 2 diatas :
Label yang saya masukkan disini adalah review, silahkan diganti dengan label anda sendiri.
Untuk widget nomer 2 dan 3, cara pemasangannya sama dengan langkah nomer 3 pada template Johny Backup diatas. Demikian juga untuk mengganti email berlangganan, sama seperti langkah nomer 4 diatas.
Karena template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa untuk centang kotak expand widget templates :
Warna merah pada kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :
Untuk mengganti iklan yang ada di bawah postingan (sebelah related post), masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
Tulisan warna biru diatas adalah kode iklan yang ada di bawah postingan blog demo, silahkan Anda ganti dengan iklan Anda ukuran 300 x 250 px.
Itu tadi dua template asal jadi yang saya bagikan kepada teman-teman blogger pada pagi hari ini, mohon maaf sebelumnya kalau tidak begitu menarik, Jika ada pertanyaan silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.
Sesuai namanya template ini adalah versi kedua dari serial template Johny Darkgamer. Dengan warna dasar hitam dan hijau pada bagian navigasi menu, template ini sangat cocok untuk konten game. Fitur-fitur yang terdapat pada template ini hampir sama dengan template Johny Darkmusic, malah lebih sederhana pada hompage hanya terdapat 3 kolom sidebar yang tidak terlalu sulit untuk memasang widget yang ada disitu. Cara memasang slider pada template ini sama dengan template Johny Darkmusic, anda tinggal memasukkan kode script pada langkah nomer satu ke kotak HTML/Javascript. Demikian juga dengan kotak Feedburner yang ada di bawah postingan cara untuk menggantinya sama pada langkah nomer 4.
Kedua template ini support dengan halaman statis (static page) klik sample page yang terdapat pada navigasi menu atas. Dan juga template ini sudah dilengkapi dengan fitur threaded comment dengan fungsi reply bawaan dari blogger, anda bisa modifikasi sesuai keinginan. Kekurangan template ini belum ada fitur kotak pencari (search box), saya yakin Anda semua pasti bisa untuk menambahkan kotak pencari pada kedua template ini terserah mau memakai bawaan dari blogger atau memodifikasi sendiri.
Tutorial untuk pemasangan fitur-fitur yang ada pada kedua template diatas saya asumsikan Anda memakai blogger new interface bagi yang masih memakai old interface saya kira juga gampang dan mudah dimengerti, sampai disini dulu mas/mbak sudah larut malam selamat mencoba dan semoga bermanfaat.
Sesuai namanya template ini adalah versi kedua dari serial template Johny Darkgamer. Dengan warna dasar hitam dan hijau pada bagian navigasi menu, template ini sangat cocok untuk konten game. Fitur-fitur yang terdapat pada template ini hampir sama dengan template Johny Darkmusic, malah lebih sederhana pada hompage hanya terdapat 3 kolom sidebar yang tidak terlalu sulit untuk memasang widget yang ada disitu. Cara memasang slider pada template ini sama dengan template Johny Darkmusic, anda tinggal memasukkan kode script pada langkah nomer satu ke kotak HTML/Javascript. Demikian juga dengan kotak Feedburner yang ada di bawah postingan cara untuk menggantinya sama pada langkah nomer 4.
Kedua template ini support dengan halaman statis (static page) klik sample page yang terdapat pada navigasi menu atas. Dan juga template ini sudah dilengkapi dengan fitur threaded comment dengan fungsi reply bawaan dari blogger, anda bisa modifikasi sesuai keinginan. Kekurangan template ini belum ada fitur kotak pencari (search box), saya yakin Anda semua pasti bisa untuk menambahkan kotak pencari pada kedua template ini terserah mau memakai bawaan dari blogger atau memodifikasi sendiri.
Tutorial untuk pemasangan fitur-fitur yang ada pada kedua template diatas saya asumsikan Anda memakai blogger new interface bagi yang masih memakai old interface saya kira juga gampang dan mudah dimengerti, sampai disini dulu mas/mbak sudah larut malam selamat mencoba dan semoga bermanfaat.
Template ini saya buat bagi Anda yang suka dengan konten music atau selebritis. Template ini bertipe magazine, terdapat 3/4 kolom sidebar. Fitur-fitur yang terdapat pada template ini antara lain :
Slider Carousel
Untuk mengganti slider anda hanya perlu memasukkan kode di bawah ini pada kotak HTML/Javascript. Di dashboard masuk ke layout kemudian pilih kolom kosong di bawah header >> add gadget >> HTML/Javascript :
<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://johnydarkmusic.blogspot.com/feeds/posts/summary/-/jazz?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://johnydarkmusic.blogspot.com/search/label/jazz" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category »</a>
Keterangan :
Warna biru (jazz) : 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.
Latest Post
Untuk mengatur latest post yang ada di homepage caranya adalah, di dashboard blogger pilih setting, kemudian klik posts and comments. Pada bagian paling atas (Show at most) pilih berapa posts yang ingin ditampilkan pada homepage. Kemudian masuk ke Language and formatting, agar blog Anda seperti pada demo template ini pada Timestamp format pilih hanya jam/waktu (00:00).
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('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' 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.
Headline News (Di bawah navigasi menu atas atau news ticker)
Untuk menggantinya di dashboard pilih template kemudian klik Edit HTML jangan lupa centang expand widget templates kemudian cari dengan menggunakan control + F URL http://johnydarkmusic.blogspot.com ganti dengan blog URL anda.
Template ini saya buat bagi Anda yang suka dengan konten music atau selebritis. Template ini bertipe magazine, terdapat 3/4 kolom sidebar. Fitur-fitur yang terdapat pada template ini antara lain :
Slider Carousel
Untuk mengganti slider anda hanya perlu memasukkan kode di bawah ini pada kotak HTML/Javascript. Di dashboard masuk ke layout kemudian pilih kolom kosong di bawah header >> add gadget >> HTML/Javascript :
<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://johnydarkmusic.blogspot.com/feeds/posts/summary/-/jazz?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://johnydarkmusic.blogspot.com/search/label/jazz" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category »</a>
Keterangan :
Warna biru (jazz) : 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.
Latest Post
Untuk mengatur latest post yang ada di homepage caranya adalah, di dashboard blogger pilih setting, kemudian klik posts and comments. Pada bagian paling atas (Show at most) pilih berapa posts yang ingin ditampilkan pada homepage. Kemudian masuk ke Language and formatting, agar blog Anda seperti pada demo template ini pada Timestamp format pilih hanya jam/waktu (00:00).
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('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' 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.
Headline News (Di bawah navigasi menu atas atau news ticker)
Untuk menggantinya di dashboard pilih template kemudian klik Edit HTML jangan lupa centang expand widget templates kemudian cari dengan menggunakan control + F URL http://johnydarkmusic.blogspot.com ganti dengan blog URL anda.
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.
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 :
Slider carousel dan featured slider otomatis
Multi level drop down menu.
Automatic widget per category
Pagination ready
Ads ready dan widget twitter
Dan masih banyak lagi
Slider
Menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
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 :
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('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' 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)
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
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.
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 :
Slider carousel dan featured slider otomatis
Multi level drop down menu.
Automatic widget per category
Pagination ready
Ads ready dan widget twitter
Dan masih banyak lagi
Slider
Menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
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 :
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('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' 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)
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
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.
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 :
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.
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.
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
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 :
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.
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.
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 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
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
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.
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
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.
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
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
Postpage
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
Postpage
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.
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 :
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 :
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.
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).
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 :
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.
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.
Twitter Widget
Untuk membuat twitter widget seperti pada demo masukkan kode di bawah ini pada kotak HTML/Javascript :
Untuk mengganti iklan atau adsense yang ada di bawah postingan disamping related articles pada Edit HTML (centang expand widget templates) cari kode berikut :
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.
Untuk membuat postingan pastikan Anda dalam posisi HTML (bukan compose). Di bawah ini adalah contoh dalam membuat postingan pada template Gallery Johny ini :
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.
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.
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('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' 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 :
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 :
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.
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).
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 :
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.
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.
Twitter Widget
Untuk membuat twitter widget seperti pada demo masukkan kode di bawah ini pada kotak HTML/Javascript :
Untuk mengganti iklan atau adsense yang ada di bawah postingan disamping related articles pada Edit HTML (centang expand widget templates) cari kode berikut :
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.
Untuk membuat postingan pastikan Anda dalam posisi HTML (bukan compose). Di bawah ini adalah contoh dalam membuat postingan pada template Gallery Johny ini :
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.
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.
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('http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate', 'popupwindow', 'scrollbars=yes,width=550,height=520');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 == "") {this.value = "Enter your email";}' onfocus='if (this.value == "Enter your email") {this.value = "";}' 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 :
Facebook
Twitter
Google+
Rss Feed
