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
0 comments:
Post a Comment