Follow simple and easy step to adding this style to your blog
* First go to your blogger 'Dashboard'.
* Now click in design tab and edit 'HTML'.
* Click in small box to 'Expand' your blogger Template.
* Now find this code ']]</b:skin>' by 'ctrl+f ' key.
* Copy below code and paste before ']]</b:skin>'
#Label1 h2 {margin-top:10px;margin-left:15px;background:transparent url(http://icons.iconarchive.com/icons/iconcubic/dnd-dice/48/d20-icon.png) no-repeat scroll left top;
height:52px;margin-bottom:10px;text-indent:20px;1px solid #000000;color:#000000;
font-size:20px;
font-family:arial;
font-weight:bold;
letter-spacing:-1px;
text-transform:none;}
#Label1 a{color:#000000;background-color:#ffffff; padding:1px 2px 1px 2px;font-size:12px;border:1px solid #000000;}
#Label1 a:hover{font-size:12px;color:#ffffff;background-color:#3399FF; text-decoration:none;border:1px solid #000000;}
.label-size{line-height:1.5}
.h2head-text {margin:-40px 10px 8px 55px;color:#666666;font-family:arial;font-size:13px;}
#Label1{padding-bottom:-35px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIJiEfm9AQnKazqXSUDDgEKupCqaJFF-WNxZPw4IUXr-kK-aQtGWTgOk1uwkU2aqQhvuYpKmFRVetIZzjIR_eNANI2heJnpOMEyTDXGygvX00U9Ns9beFZexhtxKmeZSDojCc8qsZSHSc/") no-repeat scroll bottom center transparent}
.h2head-text {margin:-40px 10px 4px 65px;color:#666666;font-family:arial;font-size:13px;}
.h2head-text1 {margin:-30px 10px 4px 65px;color:#666666;font-family:arial;font-size:13px;}
.h2head-text2 {margin:-30px 10px 4px 75px;color:#666666;font-family:arial;font-size:13px;}
* Now click to your blogger Template.
* And after above step change your lable setting as below image .
* Click to now and now you are done man , CHEERS :)
No comments:
Post a Comment