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 :
<div id='featured'>
<ul class="ui-tabs-nav">
<script>
document.write("<script src=\"/feeds/posts/default/-/play station?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script>
</ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/play station?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 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'>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/-/play station?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<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>
<script type="text/javascript" src="/feeds/posts/default/-/play station?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<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 :
<form action='http://feedburner.google.com/fb/a/mailverify'
id='subscribe' method='post'
onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh',
'popupwindow',
'scrollbars=yes,width=550,height=520');return true'
target='popupwindow'><input id='subbox' name='email' onblur='if
(this.value == '') {this.value = 'Enter your
email address...';}' onfocus='if (this.value == 'Enter
your email address...') {this.value = '';}'
type='text' value='Enter your email address...'/><input name='uri'
type='hidden' value='blogspot/htbgh'/><input
name='loc' type='hidden' value='en_US'/><input id='subbutton'
type='submit' value='Enter'/></form>
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.
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) :
<b:if cond='data:blog.pageType == "item"'>
<div style='font:normal 12px Georgia;font-style:Italic;padding:8px 10px 8px 70px;font-weight:normal;color:#333;margin-top:10px;'>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-9608487840337104";
google_ad_host = "pub-1556223355139109";
/* jamumartin */
google_ad_slot = "9319314062";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</b:if>
<div style='font:normal 12px Georgia;font-style:Italic;padding:8px 10px 8px 70px;font-weight:normal;color:#333;margin-top:10px;'>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-9608487840337104";
google_ad_host = "pub-1556223355139109";
/* jamumartin */
google_ad_slot = "9319314062";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</b:if>
0 komentar:
Posting Komentar