{"id":31,"date":"2009-05-22T09:29:00","date_gmt":"2009-05-22T09:29:00","guid":{"rendered":"https:\/\/bloggeruser.com\/?p=31"},"modified":"2009-05-22T09:29:00","modified_gmt":"2009-05-22T09:29:00","slug":"recent-posts-widget-with-images-for-blogger","status":"publish","type":"post","link":"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/","title":{"rendered":"Recent posts Widget with images for Blogger"},"content":{"rendered":"

\"Recent<\/a> Are you tired of using the recent posts widget for blogger that only displays recent post Titles with links? Here\u2019s one new widget that displays the recent posts along with the thumbnail included in your post. Isn\u2019t it interesting widget? Of course it is. Well, recent posts widget is the most have widget for your blog and this thumb nailed widget is more interactive to showcase your recent posts. I am sure you gonna drive some more traffic through this widget by displaying your recent posts with adjacent to the thumbnails. One more interesting thing is that if you have added recent posts widget through that RSS method, it only has the option to display up to five posts and now with this widget you can display as many posts as you want along with your desired colors and proper customization.<\/p>\n

Widget Adding Instructions: <\/h3>\n

Follow these simple steps to get this widget on your blog.<\/p>\n

1. Login to your Blogger Dashboard<\/p>\n

2. Click on the blog\u2019s Layout on which you want to add this widget.
\n\"Blogger<\/a><\/p>\n

3. click Add a Page Element on spot you want to add this widget
\n\"Blogger<\/a><\/p>\n

4. Add Html\/ Javascript (click \u201cadd to blog\u201d under the page element Feed)
\n\"Blogger<\/a><\/p>\n

5. Just copy and paste this code.<\/p>\n

\n\n<script language="JavaScript">\n\nimgr = new Array();\n\n\nimgr[0] = "http:\/\/i43.tinypic.com\/orpg0m.jpg";\n\nimgr[1] = "http:\/\/i43.tinypic.com\/orpg0m.jpg";\n\nimgr[2] = "http:\/\/i43.tinypic.com\/orpg0m.jpg";\n\nimgr[3] = "http:\/\/i43.tinypic.com\/orpg0m.jpg";\n\nimgr[4] = "http:\/\/i43.tinypic.com\/orpg0m.jpg";\nshowRandomImg = true;\n\nboxwidth = 298;\n\ncellspacing = 8;\n\nborderColor = "#ffffff";\n\nbgTD = "#000000";\n\nthumbwidth = 40;\n\nthumbheight = 40;\n\nfntsize = 12;\n\nacolor = "#666";\n\naBold = true;\n\nicon = " ";\n\ntext = "comments";\n\nshowPostDate = false;\n\nsummaryPost = 40;\n\nsummaryFontsize = 10;\n\nsummaryColor = "#666";\n\nicon2 = " ";\n\nnumposts = 5;\n\nhome_page = "http:\/\/bloggeruser.blogspot.com\/";\n\n<\/script>\n\n<script src="http:\/\/myblogtalk.com\/bloggertemplates\/js\/recentposts_thumbnail.js" type="text\/javascript"><\/script>\n\n<\/pre>\n
6. Save the Widget.<\/p>\n
 Widget Customization <\/h3>\n
Customize Blogger Widget Edit the values under the following headings in the above html code to make the widget suitable for your blog.
\n(Edit the values to fit your blog)<\/p>\n
boxwidth \u2013 Width of the widget
\ncellspacing \u2013 Space between cells (default one is good)
\nborderColor \u2013 Border color (add the background color of your template to perfectly blend it in the template)
\nthumbwidth & thumbheight \u2013 Width and Height of the thumbnail (default are good)
\nfntsize \u2013 Font size of the title
\nacolor \u2013 Color of the title
\naBold \u2013 you want bold titles? (true or false)
\nnumposts – How many posts you want to show?
\nhome_page : http:\/\/yourblogurl.com\/ (change this to your blog url)
\nPlease download this script ( http:\/\/myblogtalk.com\/bloggertemplates\/js\/recentposts_thumbnail.js )and upload to your server or some free pages.<\/p>\n
 Help and Comment <\/h3>\n
This widget is developed by Kranthi<\/a> for her blog Blogger Tricks. Really thanks. If you have any problems or any queries related to this widget, Please leave a comment below and I would be glad to help you !You can also comment if this widget has really helped you as i said.
\nYou may also be interested in exploring the Rss method of adding recent posts widget.<\/p>\n","protected":false},"excerpt":{"rendered":"
Are you tired of using the recent posts widget for blogger that only displays recent post Titles with links? Here\u2019s one new widget that displays the recent posts along with…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12],"tags":[42,118],"yoast_head":"\nRecent posts Widget with images for Blogger – Blogger User<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Recent posts Widget with images for Blogger – Blogger User\" \/>\n<meta property=\"og:description\" content=\"Are you tired of using the recent posts widget for blogger that only displays recent post Titles with links? Here\u2019s one new widget that displays the recent posts along with...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/\" \/>\n<meta property=\"og:site_name\" content=\"Blogger User\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pradeepdotco\" \/>\n<meta property=\"article:published_time\" content=\"2009-05-22T09:29:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bloggeruser.com\/media\/Recent-Posts-with-Images-Blogger-300x241.jpg\" \/>\n<meta name=\"author\" content=\"Pradeep Singh\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pradeep Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/\",\"url\":\"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/\",\"name\":\"Recent posts Widget with images for Blogger – Blogger User\",\"isPartOf\":{\"@id\":\"https:\/\/bloggeruser.com\/#website\"},\"datePublished\":\"2009-05-22T09:29:00+00:00\",\"dateModified\":\"2009-05-22T09:29:00+00:00\",\"author\":{\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a\"},\"breadcrumb\":{\"@id\":\"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bloggeruser.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Recent posts Widget with images for Blogger\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bloggeruser.com\/#website\",\"url\":\"https:\/\/bloggeruser.com\/\",\"name\":\"Blogger User\",\"description\":\"Blogger Users Guide | Blogger\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bloggeruser.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a\",\"name\":\"Pradeep Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g\",\"caption\":\"Pradeep Singh\"},\"description\":\"Pradeep is your host at BloggerUser helping you to build your blog by providing Blogger tips, tutorials, guides, free blogger templates and more.\",\"sameAs\":[\"https:\/\/Pradeep.co\",\"https:\/\/www.facebook.com\/pradeepdotco\",\"https:\/\/twitter.com\/pradeepdotco\"],\"url\":\"https:\/\/bloggeruser.com\/author\/bloggeruser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Recent posts Widget with images for Blogger – Blogger User","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/","og_locale":"en_US","og_type":"article","og_title":"Recent posts Widget with images for Blogger – Blogger User","og_description":"Are you tired of using the recent posts widget for blogger that only displays recent post Titles with links? Here\u2019s one new widget that displays the recent posts along with...","og_url":"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/","og_site_name":"Blogger User","article_author":"https:\/\/www.facebook.com\/pradeepdotco","article_published_time":"2009-05-22T09:29:00+00:00","og_image":[{"url":"https:\/\/bloggeruser.com\/media\/Recent-Posts-with-Images-Blogger-300x241.jpg"}],"author":"Pradeep Singh","twitter_misc":{"Written by":"Pradeep Singh","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/","url":"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/","name":"Recent posts Widget with images for Blogger – Blogger User","isPartOf":{"@id":"https:\/\/bloggeruser.com\/#website"},"datePublished":"2009-05-22T09:29:00+00:00","dateModified":"2009-05-22T09:29:00+00:00","author":{"@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a"},"breadcrumb":{"@id":"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bloggeruser.com\/recent-posts-widget-with-images-for-blogger\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bloggeruser.com\/"},{"@type":"ListItem","position":2,"name":"Recent posts Widget with images for Blogger"}]},{"@type":"WebSite","@id":"https:\/\/bloggeruser.com\/#website","url":"https:\/\/bloggeruser.com\/","name":"Blogger User","description":"Blogger Users Guide | Blogger","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bloggeruser.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a","name":"Pradeep Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g","caption":"Pradeep Singh"},"description":"Pradeep is your host at BloggerUser helping you to build your blog by providing Blogger tips, tutorials, guides, free blogger templates and more.","sameAs":["https:\/\/Pradeep.co","https:\/\/www.facebook.com\/pradeepdotco","https:\/\/twitter.com\/pradeepdotco"],"url":"https:\/\/bloggeruser.com\/author\/bloggeruser\/"}]}},"_links":{"self":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts\/31"}],"collection":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":0,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts\/31\/revisions"}],"wp:attachment":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/categories?post=31"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/tags?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}