Create Blogroll Box

After previously posted Create Dropdown Menu, this time we posted Create Blogroll Box. As the name, on the box we fill link. But other than link, we can fill such as Content Articles etc.

How to make it :

• Login to Blogger.com / Blogspot.com
• Click "Page Element"
• Select Add Page Elements --> HTML/JavaScript
• Copy the following script:
  

<div style="overflow:auto;width:95%;height:130px;padding:10px;border:1px solid #eee; background:#FFCCFF">
<a href="http://secretbloggertips.blogspot.com/2009/03/remove-blogspot-navigation-bar.html">1. Remove Nav Bar Blogspot</a><br/>
<a href="http://secretbloggertips.blogspot.com/2009/03/html-color-code-table.html">2. HTML Color Code Table</a><br/>
<a href="http://secretbloggertips.blogspot.com/2009/03/making-border-style.html">3. Making Border Style</a><br/>
<a href="http://secretbloggertips.blogspot.com/2009/04/making-label-cloud.html">4. Making Label Cloud</a><br/>
<a href="http://secretbloggertips.blogspot.com/2009/04/making-text-area.html">5. Making Text Area</a><br/>
<a href="http://secretbloggertips.blogspot.com/2009/04/install-time-on-blog.html">6. Install Time On Blog</a><br/>
<a href="http://secretbloggertips.blogspot.com/2009/04/create-snow-effect-on-your-blog-1.html">7. Create Snow Effect On Your blog 1</a><br/>
<a href="http://secretbloggertips.blogspot.com/2009/04/displaying-ip-address.html">8. displaying IP Address</a><br/>
<a href="http://secretbloggertips.blogspot.com/2009/04/install-google-translator.html">9. Install Google Translator</a><br/>
<a href="http://secretbloggertips.blogspot.com/2009/04/give-highlight-articles.html">10. Give Highlight Articles</a><br/>
</div>

note:
Text blue is script to create blogroll.
Text red is script your link, please change with your link

• Save

---

Result:

1. Remove Nav Bar Blogspot
2. HTML Color Code Table
3. Making Border Style
4. Making Label Cloud
5. Making Text Area
6. Install Time on Blog
7. Create Snow Effect On Your Blog
8. Displaying IP Address
9. Install Google Translator
10. Give Highlight Articles

Description:

<div style="overflow:auto;width:95%;height:130px;padding:10px;border:1px solid #eee; background:#FFCCFF">


width:95% is the width of the box you can change the use pixels, eg 250px
height:130px is the height of the box

background:#FFCCFF is the background of the box. See HTML Color Table click here. Or code background:#FFCCFF can be removed if not like.

solid on code border:1px solid is a type / style border, you can replace with another style. See border style click here.

Related Posts