Membuat Spoiler Blogroll

Berikut cara Membuat Spoiler Blogroll :

• Login ke blogger, klik Design > Page Element.
  
• Klik Add a Widget dan pilih HTML/Javascript.
  
• Lalu letakkan kode berikut di area konten widget :
  <div style="margin: 1px;"><div class="smallfont" style="margin-bottom: 2px;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Blogroll'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 150px;" type="button" value="Blogroll" /></div>
  <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; text-align: left;">
  <div style="display: none;  height: 250px; overflow: auto;">
  
  <ul>
  <li><a href="http://wadahtutorial.blogspot.com/" target="_blank">Tutorial Blog</a></li>
  <li><a href="ALAMAT BLOG" target="_blank">TEXT</a></li>
  <li><a href="ALAMAT BLOG" target="_blank">TEXT</a></li>
  </ul>
  
  <div style="text-align: right;"><a href="http://wadahtutorial.blogspot.com/" style="font-size:4px; text-decoration:none; color: #333333;">Tutorial Blog</a></div></div></div></div>
  Silakan ganti ALAMAT BLOG dan TEXT dengan alamat blog Sobat Anda.
• Terakhir klik Save.
  
  Selesai...
  Berikut contoh hasilnya :
  • Tutorial Blog Uang
  • Google
  • Yahoo

Sekian tutorial tentang Membuat Spoiler Blogroll.