Pingin membuat Label otomatis update pada widget sobat...??
Apalagi label ini bisa di masukan terpisah, alias sesuai dengan keinginan, yang mana sesuai dengan label pilihan sobat ....
penasaran??
langsung aja duech cara membuat label tersebut, sebagai berikut :
1. Login ke blog sobat.
2. Masuk ke Tata Letak > Tambah Gadget > pilih HTML/JavaScript..
3. Pastekan Scrit dibawah ini :
<h3 class="menuheader expandable"><center><blink>○ Turtorial BLOGGER ○</blink></center></h3>
<li><div style="padding-right: 23px; padding-left: 0px; padding-bottom: 10px; overflow: auto; width: auto; padding-top: 10px; height:170px" 1px="1px" solid="solid">
<ul>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
</ul>
<script type='text/javascript' src='http://kang-onk.googlecode.com/files/label-post.js'></script><ol>
<script src="http://rexroom.blogspot.com/feeds/posts/default/-/Tips%20dan%20Trick?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</div></li>
</div>
<li><div style="padding-right: 23px; padding-left: 0px; padding-bottom: 10px; overflow: auto; width: auto; padding-top: 10px; height:170px" 1px="1px" solid="solid">
<ul>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
</ul>
<script type='text/javascript' src='http://kang-onk.googlecode.com/files/label-post.js'></script><ol>
<script src="http://rexroom.blogspot.com/feeds/posts/default/-/Tips%20dan%20Trick?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</div></li>
</div>
Keterangan :
- ○ Turtorial BLOGGER ○ adalah judul Label
- width:auto : menunjukkan bahwa lebar scroll box akan menyesuaikan dengan lebar sidebar.
- height:170px : tinggi scroll box. silahkan sobat ganti sesuai keinginan.
- border:1px solid : adalah ukuran, jenis dan warna dari border. 1px adalah tebal border, solid adalah jenis border ( jenis - jenis border lihat di sini!)
- <ol> : adalah Numbered LIst , sobat bisa menggantinya menjadi bullet list dengan kode <ul>
- <script src="http://rexroom.blogspot.com/feeds/posts/default : Tulisan berwarna merah di ganti dengan URL sobat.
- Ganti Tips%20dan%20Trick dengan
label yang sobat inginkan. Perhatikan penulisan labelnya. sesuaikan
dengan yang terterah, jika satu huruf saja salah penulisannya, makan
daftar isinya tak akan muncul. %20 adalah Spasi jadi ganti spasi dengan
kode %20.
Contoh jika sobat ingin membuat atau menggabungkan beberapa label pilihan sekaligus....
<h3 class="menuheader expandable"><center><blink>○ Turtorial BLOGGER ○</blink></center></h3>
<li><div style="padding-right: 23px; padding-left: 0px; padding-bottom: 10px; overflow: auto; width: auto; padding-top: 10px; height:170px" 1px="1px" solid="solid">
<ul>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
</ul>
<script type='text/javascript' src='http://kang-onk.googlecode.com/files/label-post.js'></script>
<ol>
<script src="http://rexroom.blogspot.com/feeds/posts/default/-/Tentang%20BLoG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</div></li>
<h3 class="menuheader expandable"><center><blink>○ Tips & TriCK for BLOGGER ○</blink></center></h3>
<li><div style="padding-right: 23px; padding-left: 0px; padding-bottom: 10px; overflow: auto; width: auto; padding-top: 10px; height:170px" 1px="1px" solid="solid">
<ul>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
</ul>
<script type='text/javascript' src='http://kang-onk.googlecode.com/files/label-post.js'></script>
<ol>
<script src="http://rexroom.blogspot.com/feeds/posts/default/-/Tips%20dan%20Trick?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</div></li>
<h3 class="menuheader expandable"><center><blink>○ Aksesoris blog keren ○</blink></center></h3>
<li><div style="padding-right: 23px; padding-left: 0px; padding-bottom: 10px; overflow: auto; width: auto; padding-top: 10px; height:170px" 1px="1px" solid="solid">
<ul>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
</ul>
<script type='text/javascript' src='http://kang-onk.googlecode.com/files/label-post.js'></script>
<ol>
<script src="http://rexroom.blogspot.com/feeds/posts/default/-/aksesoris%20blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</div></li>
</div>
<li><div style="padding-right: 23px; padding-left: 0px; padding-bottom: 10px; overflow: auto; width: auto; padding-top: 10px; height:170px" 1px="1px" solid="solid">
<ul>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
</ul>
<script type='text/javascript' src='http://kang-onk.googlecode.com/files/label-post.js'></script>
<ol>
<script src="http://rexroom.blogspot.com/feeds/posts/default/-/Tentang%20BLoG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</div></li>
<h3 class="menuheader expandable"><center><blink>○ Tips & TriCK for BLOGGER ○</blink></center></h3>
<li><div style="padding-right: 23px; padding-left: 0px; padding-bottom: 10px; overflow: auto; width: auto; padding-top: 10px; height:170px" 1px="1px" solid="solid">
<ul>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
</ul>
<script type='text/javascript' src='http://kang-onk.googlecode.com/files/label-post.js'></script>
<ol>
<script src="http://rexroom.blogspot.com/feeds/posts/default/-/Tips%20dan%20Trick?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</div></li>
<h3 class="menuheader expandable"><center><blink>○ Aksesoris blog keren ○</blink></center></h3>
<li><div style="padding-right: 23px; padding-left: 0px; padding-bottom: 10px; overflow: auto; width: auto; padding-top: 10px; height:170px" 1px="1px" solid="solid">
<ul>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
</ul>
<script type='text/javascript' src='http://kang-onk.googlecode.com/files/label-post.js'></script>
<ol>
<script src="http://rexroom.blogspot.com/feeds/posts/default/-/aksesoris%20blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</div></li>
</div>
Tulisan warna merah diganti dengan Label atau topik sobat
sumber : http://rexroom.blogspot.com
No comments:
Post a Comment