Cara Membuat Blogroll Memakai Scroll

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://lh5.googleusercontent.com/-6GZ7VoEO2KM/UXuvwcb4LzI/AAAAAAAAArc/WIvc3sh-Zaw/h89/BLOGGER%2BMr17.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

repost : http://blog17lamers.blogspot.com
Bagikan artikel ini :


Newer Post Older Post Home

0 comments:

Post a Comment