Template pertama saya namakan
Johny Darkmusic dibuat khusus untuk teman blogger yang mempunyai blog konten musik atau selebritis. Dan template kedua
Johny Darkgamer 2 sesuai namanya template ini cocok untuk blog yang mempunyai konten game atau sejenisnya.
Kedua template ini saya lengkapi dengan fitur slider carousel otomatis,
anda tinggal memasukkan kode script yang sudah saya siapkan di bawah
pada kotak HMTL/Javascript. Slider carousel yang saya gunakan disini adalah Tiny Carousel dari Maarten Baijs yang sudah dimodifikasi oleh seorang master blogger Indonesia Taufik Nurrohman,
sehingga kita tidak perlu lagi memasukkan keterangan dan URL slider
satu persatu. Baiklah, langsung saja karena saya juga sudah ngantuk
berat, berikut ini kedua template tersebut :
Johny Darkmusic
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">
showPostDate_g = false;
showComm_g = false;
slideOpenNewTab = true;
idMode = true;
slidebyLabels = false;
var slideLabelName = "label",
pBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgClxBXpc8X8L_L6qFJ0R-0tVcX-DZEx5-0NXHRXuhpjurvgXfffmNC3AmN5brpK5XqM6tWxTRn4ilyaTzN0WLUCnWStKzCzICE-kO1LqP5P5toyLOaQ1BKPApGZCFyxTU9vv3Y9YjHx78/s1600/no+image.jpg",
text = "comment",
numposts_g = 12,
numchars_g = 0,
showText = "Show at",
postText = "Posts",
tinyprevNav = "<",
tinynextNav = ">",
home_page = "http://johnydarkmusic.blogspot.com/";
</script>
<script src="http://yourjavascript.com/123714512522/tinycarousel-hompimpa.js" type="text/javascript"></script>
Ganti URL warna biru diatas dengan URL blog Anda, kemudian save.
- Kategory dengan thumbnail (Category with thumbnail)
Letaknya di sidebar tengah (satu thumbnail), cara pasangnya add gadget >> HTML/Javascript kemudian masukkan kode di bawah ini :
<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/-/
jazz?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://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.
Johny Darkgamer 2
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.
home
Home
