{"id":64,"date":"2011-09-30T15:23:32","date_gmt":"2011-09-30T15:23:32","guid":{"rendered":"http:\/\/www.premiumbloggertemplates.com\/blog\/?p=64"},"modified":"2014-03-03T02:47:21","modified_gmt":"2014-03-03T02:47:21","slug":"how-to-change-width-and-height-of-post-thumbnails","status":"publish","type":"post","link":"https:\/\/www.premiumbloggertemplates.com\/blog\/how-to-change-width-and-height-of-post-thumbnails\/","title":{"rendered":"How To Change Width and Height of Post Thumbnails"},"content":{"rendered":"<p>If you want to change dimensions of thumbnails( auto read more thumbnails), follow these simpe steps.<\/p>\n<figure id=\"attachment_66\" aria-describedby=\"caption-attachment-66\" style=\"width: 514px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-66\" title=\"Auto Read More Thumbnails\" src=\"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-content\/uploads\/2011\/10\/Changed-Width-and-Height-of-Thumbnail.png\" alt=\"Auto Read More Thumbnails\" width=\"514\" height=\"440\" \/><figcaption id=\"caption-attachment-66\" class=\"wp-caption-text\">Auto Read More Thumbnails<\/figcaption><\/figure>\n<p>Now go to \"Design\" --&gt; \"Edit HTML\". (if you are using Blogger new interface go to \"Template\" --&gt; \"Edit HTML\").<\/p>\n<p>Click on \"Expand Widget Templates\".<\/p>\n<p>Find this (some parts of the code can be different,according to your template.):<\/p>\n<pre style=\"width:60%;\">&lt;script type='text\/javascript'&gt;\r\nsummary_noimg = 600;\r\nsummary_img = 500;\r\nimg_thumb_height = 150;\r\nimg_thumb_width = 200;\r\n&lt;\/script&gt;<\/pre>\n<p>Look at the image:<\/p>\n<figure id=\"attachment_65\" aria-describedby=\"caption-attachment-65\" style=\"width: 307px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-65\" title=\"Thumbnail Sizes\" src=\"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-content\/uploads\/2011\/10\/Thumbnail-Sizes-and-Read-More-Summaries.png\" alt=\"Thumbnail Sizes\" width=\"307\" height=\"145\" \/><figcaption id=\"caption-attachment-65\" class=\"wp-caption-text\">To Change Thumbnail Sizes Find This<\/figcaption><\/figure>\n<p>To change width, change the value of \u00a0<strong>img_thumb_width<\/strong>.<br \/>\nTo change height, change the value of\u00a0 <strong>img_thumb_height<\/strong>.<\/p>\n<p>For example I change thumbnail width as 300px and height as 200px. Now code should be:<\/p>\n<pre style=\"width:60%;\">&lt;script type='text\/javascript'&gt;\r\nsummary_noimg = 600;\r\nsummary_img = 500;\r\nimg_thumb_height = 200;\r\nimg_thumb_width = 300;\r\n&lt;\/script&gt;<\/pre>\n<p>save the template. refresh your site.<\/p>\n<figure id=\"attachment_67\" aria-describedby=\"caption-attachment-67\" style=\"width: 514px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.premiumbloggertemplates.com\/blog\/how-to-change-width-and-height-of-post-thumbnails\/changed-width-and-height-of-thumbnail-2\/\" rel=\"attachment wp-att-67\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-67\" title=\"Width and Height of Thumbnail Has Changed\" src=\"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-content\/uploads\/2011\/10\/Changed-Width-and-Height-of-Thumbnail1.png\" alt=\"Width and Height of Thumbnail Has Changed\" width=\"514\" height=\"440\" \/><\/a><figcaption id=\"caption-attachment-67\" class=\"wp-caption-text\">Width and Height of Thumbnail Has Changed<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>If you want to change dimensions of thumbnails( auto read more thumbnails), follow these simpe steps. Now go to \"Design\" --&gt; \"Edit HTML\". (if you are using Blogger new interface go to \"Template\" --&gt; \"Edit HTML\"). Click on \"Expand Widget Templates\". Find this (some parts of the code can be different,according to your template.): &lt;script [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[11],"class_list":["post-64","post","type-post","status-publish","format-standard","hentry","category-post-thumbnails","tag-thumbnails"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/posts\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":0,"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/posts\/64\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/media?parent=64"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/categories?post=64"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/tags?post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}