Friday, June 15, 2012

How To Add Brick Style Tags Cloud In Blogger Blog Using CSS

Author: Gagan Masoun
How To Add Brick Style Tags Cloud in Blogger Using CSSBrick Style Tags is a Blogger Widget which shows your labels of your blog in Bricks Style. This tutorial will guide you How To Add Brick/box Style label/Tags Cloud in Blogger Using CSS. Currently, I am using this widget on BD (Blogs Daddy) also. You will also see hover effect in this blogger widget.

You can easily install this Label Widget on your blogger blog. 

How To Add Brick/Box Style Tags Cloud in Blogger Using CSS

  • Go To Blogger Dashboard > Design > Edit HTML > Expand Widget Templates (For New Interface Templates > Edit HTML
  • Backup Your Template Before Making Any Changes
  • Click (Ctrl + F) Search Give Below Code
]]></b:skin>
  • Copy The Code shown below and paste Before/Above it
#Label1 a{color:#333;padding:2px 8px;line-height:24px;margin:0 2px;background:#eee url(http://4.bp.blogspot.com/-zE4vnPuJG7k/T4g-d6ctUtI/AAAAAAAAAHY/RlNUI-BKJlU/s1600/tagbtn.png) center center repeat-x;border:1px solid #ddd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:10px !important;text-decoration:none;}#Label1 a:hover{color:#666;background:none #fff;text-decoration:none;}

How to Add Labels Gadget In Blogger Blog

  • First Of All, Go To Blogger Dashboard
  • Click On Layout Tab
  • Now Click On Add Gadget Button
  • Add Labels Gadget
  • Unchecked Show Number Of Post Per Label And Save
How To Add Brick/Box Style Tags Cloud in Blogger Using CSS
  • Its Done, Check Your Blog Now. Enjoy :)
Need any help? Just comment below, I am happy to help you. See you with more tutorials & tricks.

1 comment:

  1. Thanks for sharing,
    here is the new sliding tagstutorial for blogger you may find useful
    http://premium-stuff-guru.blogspot.com/2012/10/sliding-tags-for-your-blog-tutorial.html

    ReplyDelete