Thursday , December 14 2017
Home / blogger / How To Increase Post Thumbnail size Blogger

How To Increase Post Thumbnail size Blogger

blog post look beautiful by increasing thumbnail size
many peoples want to increase popular post thumbnail size
but without having css knowledge they can’t do it
but don’t worry because today i will show you how to increase
popular posts thumbnail size.

How To Increase Post Thumbnail Size..

login to blogger
go to template

now save backup of your template

now click on edit html

in next page you will see your template code

click on template code and press ctrl+F
and search


copy and past following code just before </head>

<style type=‘text/css’> .PopularPosts .item-thumbnail a { clip: auto; display: block; height: 120px; overflow: hidden; width: 180px; margin-left: -8px; } .PopularPosts .item-thumbnail img { position: relative; top: -30px; transition:all .2s linear; -o-transition:all .5s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; } .PopularPosts .item-thumbnail img:hover{ opacity:.5; filter:alpha(opacity=60) } .PopularPosts .widget-content ul li { color: #333;} .PopularPosts .item-title { clear:both; font: 12px verdana; color: #222222;text-transform: uppercase; text-align: center; margin-right: 8px
; } .PopularPosts .item-snippet { display: none; } .widget .widget-item-control a img { height: 18px; width: 18px; } </style> <script type=‘text/javascript’> function changeThumbSize(id,size){ var blogGadget = document.getElementById(id); var replacement = blogGadget.innerHTML; blogGadget.innerHTML = replacement.replace(/s72-c/g,&quot;s&quot;+size+&quot;-c&quot;); var thumbnails = blogGadget.getElementsByTagName(&quot;img&quot;); for(var i=0;i&lt;thumbnails.length;i++){ thumbnails[i].width = size; thumbnails[i].height = size; } } changeThumbSize(&quot;PopularPosts1&quot;,180);   </script>

How To Customize  Thumbnail Size?

in above css just replace red area 120 with thumbnail size and 180 with thumbnail width

that’s it if you get any error you can ask me,

Check Also

Auto Post

Blogger Post Auto Post On Your Google puls

Today i will tell you how to Blogger Post Auto Post On Your Google puls. …

Leave a Reply

Your email address will not be published. Required fields are marked *