Yellow Color Cloud Label Widget For Blogger

In this post im gonna explain how to add attractive Yellow cloud label widget for blogger. So this labels are neat and nice looking, peoples can find the any categories easily. Few months ago i published few post with different style cloud labels with various colors. If this is not match for you. you can find best one from below list. I cant provide demo for this tutorial. If you have any problem with this tutorial. Just leave a comment or contact me.

Green Cloud Label widget for blogger
Orange Cloud Label widget for blogger
Blue Cloud Label widget for blogger
Get All here.

1. Log in to blogger account and Click drop down.

2. Now select "Template" Like Below.

3. Now you can see Live on blog, Click EDIT HTML Button"

4. Now click Proceed button.

5. Find this tag by using Ctrl+F ]]></b:skin>

6. Paste below code Before ]]></b:skin> tag

/*-----Custom Labels widget by www.bloggertrix.com----*/

#Label1 a{float: left;
    font-size: 11px!important;
    line-height: 1em!important;
    display: block;
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 7px;
    background: #ffd964 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLWYa7m9rdAHWlBWshNZ9OfICWq_nG9ScPX7vB2ZszNm2VnMK6ig_MEpT3mVxpm4P_0z3638pntQnA8B6mVmrWKauJ1IoJz_SFuVwq6rWl5_4mtf3eS626jWTiifO-r2TSIdRliPjLcN0/s1600/yellow-btrix.png);
    border: 1px solid #F9B653;
    color: #9C6533!important;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#Label1 a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3L8KnjvDZeBsKALbpx80jrTL3yJdlys4rj5D4JtBDB1XLMLFZjFEzGeCpxZatjEcCxl3VHCjqcv5kEGnDjxWu7ichqVzODiPW8b2n4Fl4DXszGQ9m99Elw2QY3jS-MbcdLxttyxTHXC4/s1600/yellow-btrix-hover.png);}
#Label1 a:active { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioOvMlaVyNOsfSOgC88MucLzF95ZZpbkfbMOVam1IF03hei52ZF4KrhR_eZ21uHNjCmif_LqymUuAT0_IYIgvX5XDIhcdPMEufd1Wav-jMdb6cRQuKjFnZ7XPcRUGhOUYQd9Iu5UBQO9U/s1600/yellow-btrix-active.png); }

7. Now Click Save Template.

You are done...