Gallbladder

Step 1.

Log in to your Blogger account and Go to

your Blogger Dashboard.

Step 2.

Now Click on -> Template -> Edit HTML

Step 3.

Now Search for

by Pressing Ctrl+F keys.

]]></b:skin> or </style>

Remember_{; click on the code area, use ctrl+f for windows or cmd+f for Mac to open a search box on the code area}

Copy the below any style CSS code and

paste it just before the

tag. ]]></b:skin> or </style>

Note;  you must copy any Java script and post it before </body>

[html]<span style="background-color: #f9eb20;"><script type=text/javascript>

//<![CDATA[
function resizeThumbarlina(e,t)
{for(var
s=document.getElementById
(e),r=s.getElementsByTagName
("img"),c=0;c<r.length;c++)r
[c].src=r[c].src.replace(//s72-
c/,"/s"+t),r[c].width=t,r
[c].height=t}resizeThumbbsd
("PopularPosts1",400);
//]]>

</script></span>[/html]

[html]<span style="background-color: #f9eb20;">_{/* Popular Post Style 1 widget by}

_{height:1.3em;font-weight:700}}</span>[/html]

Style 2.

_Javascript 

[html]<span style="background-color: #f9eb20;"><script type=text/javascript>

</script></span>[/html]

[html]<span style="background-color: #f9eb20;">_{/* Popular Post Style 2 widget by}

_{{display:block}}</span>[/html]

Style 3

[html]<span style="background-color: #f9eb20;"><script type=text/javascript>

//<![CDATA[

// Popular Post widget by

http://ift.tt/2g8A4Uq

var newidth=295;var
neweight=180;$(".popular-posts
.item-thumbnail img").each
(function(){var t=$(this).attr
("width");$(this).attr
("width",newidth),$(this).attr
("height",neweight),$(this).attr
("src",$(this).attr("src").replace
("/s72-c/","/w"+newidth+"-
h"+neweight+"-c/"))}),
$(".PopularPosts .item-
snippet").text(function(t,i){return
i.substr(0,70)});
//]]>

</script></span>[/html]

[html]<span style="background-color: #f9eb20;">_{/* Popular Post Style 3 widget by}

_{li{padding:10px 0;margin:0}}</span>[/html]

Please share this post, we need your support us.