Membuat Spoiler Blogroll |

Untuk menghemat kawasan di blog dalam memajang daftar artikel, Link dari hasil tukar link, Recent Comment, dll, kita sanggup memakai Kotak Blogroll, Kali ini saya akan menyebarkan ihwal tutorial Membuat Widget Blogroll Menggunakan Spoiler, widget ini sangat berkhasiat untuk menghemat kawasan di sidebar.

Berikut cara Membuat Spoiler Blogroll :

Login ke blogger, klik Design > Page Element.
Klik Add a Widget dan pilih HTML/Javascript.
Lalu letakkan arahan 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="https://medialearningwe.blogspot.com//" target="_blank"></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="https://medialearningwe.blogspot.com//" style="font-size:4px; text-decoration:none; color: #333333;"></a></div></div></div></div>
Silakan ganti ALAMAT BLOG dan TEXT dengan alamat blog Sobat Anda.
Terakhir klik Save.

Selesai...
Berikut pola karenanya :
- Google
- Yahoo

Sekian tutorial ihwal Membuat Spoiler Blogroll.