How to add a blogroll to your blog.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Wsxfmmlg8JcItzg_jYWV-cEyxJPxABF4M-6mQl0-vaUppUEYQIGYxZ-XoYss90U9_CI21ojKO6hPeow3dkDXEL42gz6KE_2mZWaRCaeFJzSpPgR9rXBTWaw9rHatUTj2fLPWFe7KpXZw/s400/blogroll.jpg)
There's some simple way to making blogroll to your blog. It's can be useful because adding a blogroll can make your blog efficiently arranged and can hold more room for other widget. It's only simple code that's must be added to your blog. To start making this blogroll you can try with this step :
a. Sign in to your blogger id.
b. Go to layout menu.
c. Add a page element.
d. choose add html/javascript widget.
e. Then copy paste this code.
<div id="scroll" style="border: 1px solid rgb(255, 255, 255);
(you can place anycode here)
</div>
f. Example for banner blogroll
g. Example for text blogroll
<div id="scroll" style="border: 1px solid rgb(255, 255, 255);
h. You also can change the size by change their width and height in pixel. 160 px mean 160 pixel for width and 150 pixel for height.
h. Ok, it's maybe an easy way to make a blogroll scroll. Let's trying.
i. Regards.
a. Sign in to your blogger id.
b. Go to layout menu.
c. Add a page element.
d. choose add html/javascript widget.
e. Then copy paste this code.
<div id="scroll" style="border: 1px solid rgb(255, 255, 255);
overflow: auto; width: 160px; height: 150px;
background-color: rgb(255,255,255);">(you can place anycode here)
</div>
f. Example for banner blogroll
<div id="scroll" style="border: 1px solid rgb(255, 255, 255);
overflow: auto; width: 160px; height: 150px;
background-color: rgb(255,255,255);">
<a href="http://safelistprofit.blogspot.com" target="_blank">
<img border="0" alt="safelist profit" src="http://yusa95.googlepages.com/safelistprofit.jpg"/></a>
<a href="http://ngumpulindolar.blogspot.com" target="_blank">
<img border="0" alt="ngumpulin berburu dolar" src="http://yusa95.googlepages.com/ngumpulindolar.jpg"/>
</div>
overflow: auto; width: 160px; height: 150px;
background-color: rgb(255,255,255);">
<a href="http://safelistprofit.blogspot.com" target="_blank">
<img border="0" alt="safelist profit" src="http://yusa95.googlepages.com/safelistprofit.jpg"/></a>
<a href="http://ngumpulindolar.blogspot.com" target="_blank">
<img border="0" alt="ngumpulin berburu dolar" src="http://yusa95.googlepages.com/ngumpulindolar.jpg"/>
</div>
g. Example for text blogroll
<div id="scroll" style="border: 1px solid rgb(255, 255, 255);
overflow: auto; width: 160px; height: 150px;
background-color: rgb(255,255,255);"><a href="http://safelistprofit.blogspot.com" target="_blank">Safelist Profit</a><br/>
<a href="http://ngumpulindolar.blogspot.com" target="_blank">Ngumpulin Dolar</a><br/>
</div>h. You also can change the size by change their width and height in pixel. 160 px mean 160 pixel for width and 150 pixel for height.
h. Ok, it's maybe an easy way to make a blogroll scroll. Let's trying.
i. Regards.
great, i learn something new again! thank for your information!
BalasHapusOk no problem..thanks..
BalasHapusGracias Senor....very informatife and very helpful, many thanks bro
BalasHapusMakasih banget om buat infonya, maklum newbie, baru coba-coba ngeblogs...again great post!
BalasHapusini Mas yang ditunggu juga infonya. Biar tampilannya gak terlalu banyak. Makasih.
BalasHapus@Imam:thanks ..:)
BalasHapus@Destra:Sama2 yah..thanks..:D
@Treen : ok..thanks mas Treen..
weleh........ gampang benar!
BalasHapusok, thanks yah..:D
BalasHapus