CARA MEMBUAT BLOGROLL MEMAKAI SCROLL

Posted by : Unknown Sabtu, 31 Agustus 2013

1.Masuk ke Blogger.
2.Pilih Tata Letak.
3.Pilih HTML/JAVASCRIPT.
4.Masukan/pilih salah satu code dibawah ini.

• Blogroll Biasa(tidak memakai open link in new tab).

<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://Blog17Lamers.blogspot.com/">BLOGGER Mr.17</a></li>
<li><a href="Edit">Judul Blog</a></li>
<li><a href="Edit">Judul Blog</a></li>
</ul>
</div>

• Blogroll memakai open link in new tab.

<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://Blog17Lamers.blogspot.com/" target="new">BLOGGER Mr.17</a></li>
<li><a href="Edit" target="new">Judul Blog</a></li>
<li><a href="Edit" target="new">Judul Blog</a></li>
</ul>
</div>

Scroll untuk Gambar/Banner.

<div style="border:1px solid#000000;overflow:auto;width:170px;height:100px;">
<ul>
<li><a href="http://Blog17Lamers.blogspot.com/" target="new"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKTQenOnDLTFPZLYsKC2KN1IwGyMrHXn3uADSpD1m58kpH4NL1peYNzDOe1oFZZeFXniM5yn3yA13TioZZWi0wVRDtxjvfWKFRj_sPR-1XmaBBThhuaXwU2yFaTgDDEUdjEjfaUMMfu7M/h89/BLOGGER+Mr17.png" height="75" width="200"/></a></li>
<li><a href="Edit" target="new"><img src="Url Gambar" height="150" width="200"/></a></li>
</ul>
</div>

warna Biru : untuk mengatur warna border dan tipe nya
warna Ungu : mengubah ukuran lebar dan Tinggi widget
warna Merah : ubah menjadi URL/LINK
warna Hijau : ubah dengan Judul