Friday, April 19, 2013

Cara Memasukan Label Tertentu pada Widget Blogspot


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>

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.
  • <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.
4. Klik Simpan.

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>


Tulisan warna merah diganti dengan Label atau topik sobat....
=========================================
sumber : http://rexroom.blogspot.com

0 comments:

Post a Comment

| Guru Madrasah Blog © 2013. All Rights Reserved | Template Style by My Blogger Tricks .com | Edited by Abdul Hanan | Back To Top |