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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY1IVM3zh0jWIVlUDzjMqxD7os8bYPsr7_NgfOKtYhbxv5Oc_GM0tskD9VCkcuPLMG_pKTK5_bt0zNIennUEYp7DGgtCs8s3QwS-lgSSWF5ANi6CDxwadQLKgd7j8RgtLZ5Cn-AB3xTSY/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 

http://irvangerhana-9g.blogspot.com/2013/08/cara-membuat-blogroll-memakai-scroll.html

0 komentar:

Post a Comment