How to add borders around each link in a link list widget?

Link widget is very important tool of blogger's template to get connect with crucial sites also offer important information’s about own site, presentation of the links always plays a vital role to find the maximum visibility in the context of site visitor.

Vital Points

(1) Login to Blogger > Go To Dashboard > Edit Html > Expand Widgets

(2) Find the following codes > (Click Ctrl and F for a search bar)

      <li><a expr:href='data:link.target'><data:link.name/></a></li>

(3) Replace all the above mention code with the following code

      <div style="width:80px;border:1px solid black;text-align: center;"><li><a expr:href='data:link.target'><data:link.name/></a></li></div><div style="height:5px;"/>

Please Note that width, size, color of the border can be changed by modifying above mention point (no.3 ) as per need. After appling all firstly see the preview if every thing’s are ok then saves the template.

Back To Top

Tell-Us