{"id":117,"date":"2013-08-20T10:55:00","date_gmt":"2013-08-20T10:55:00","guid":{"rendered":"http:\/\/www.arhixe.com\/?p=117"},"modified":"2013-08-20T10:55:00","modified_gmt":"2013-08-20T10:55:00","slug":"add-automatic-read-more-with-thumbnail-to-blogger","status":"publish","type":"post","link":"https:\/\/thefaddism.com\/?p=117","title":{"rendered":"Add Automatic Read More With Thumbnail To Blogger"},"content":{"rendered":"
Almost every blogger or webmaster uses Automatic read more with thumbnail feature in their blog because it add more functionality and give a professional look to the blog. Beside this it has many advantages like it shows only post summary (excerpt or snippet) with thumbnail on the blog homepage, labels and archive page that increase your blog page views, it help to reduce blog load time of your blog by reducing the long lengthy posts into a short summary with first image of the post at homepage. It also help to reduce bounce rate of blogger blog because if reader is interesting to read the full post then he\/she have to click on read more link hence less bounce rate. As you know now the benefits of adding read more link into blogger, let see how to add it with very simple steps.<\/div>\n
<\/a><\/div>\n

Add Auto Read More To Blogger<\/h3>\n
<\/div>\n
    \n
  1. Go to your Blogger Dashboard<\/b> > Template<\/b>.<\/li>\n
  2. Backup blog template to prevent the template by any crash during making changes to add read more.<\/li>\n
  3. Click Edit HTML<\/b> > Proceed<\/b>.<\/li>\n
  4. Check Expand Widget Template<\/b> checkbox.<\/li>\n
  5. Press Ctrl<\/kbd>+F<\/kbd> and find the below code in your template.<\/li>\n
    <\/div>\n
    \n
    <\/div>\n<\/blockquote>\n
    and paste the below code just above \/ before it.<\/div>\n
    \n
    <\/div>\n<\/blockquote>\n
    <\/div>\n
  6. Now search <\/data:post><\/b>and replace it with the below code.<\/li>\n
    <\/div>\n

    <\/data:post><\/span>
    <\/p>\n


    Read More<\/a><\/span>


    <\/b:if><\/b:else><\/b:if><\/p>\n

    <\/div>\n<\/blockquote>\n
  7. Now preview your template and save.<\/li>\n<\/ol>\n
    Customization:  Below are some customization tips that you can do in the first code to achieve the following results.<\/div>\n
      \n
    1. showImage: true, This code will show summary with thumbnail. If you don\u2019t want to show thumbnail then change true to false.<\/li>\n
    2. imgFloat: \u2018left\u2019, To change image location replace left with right.<\/li>\n
    3. imgWidth: 120, imgHeight: 90, Default width and height of the thumbnail. Change these values according to your need.<\/li>\n
    4. defaultThumb: \u2018https:\/\/lh3.googleusercontent.com\/-GRP8IcURRsw\/T9MjiNWXUcI\/AAAAAAAAB88\/QEDpDHxI55o\/s1600\/no-thumb.jpg\u2019, If there will no any image in the post then the default image will be show as a thumbnail. You can change it by replacing it with your own image url.<\/li>\n
    5. words: 65, No of words shown along with thumbnail.<\/li>\n
    6. wordsNoImg: 80, No of words without thumbnail.<\/li>\n
    7. skip: 0, If you not want to show read more on some starting posts then change 0 with no. of posts. For example if you change 0 with 2, then read more function will not work for first 2 posts.<\/li>\n
    8. showHome:true,Change true to false if you don\u2019t want to show read more on Homepage.<\/li>\n
    9. showLabel:true,Change true to false if you don\u2019t want to show read more on Label Page.<\/li>\n<\/ol>\n
      <\/div>\n

      Output<\/h4>\n
      Once you save your template, visit your blog. The read more link with thumbnail will look like this:
      \"auto<\/div>\n
      <\/div>\n","protected":false},"excerpt":{"rendered":"

      Almost every blogger or webmaster uses Automatic read more with thumbnail feature in their blog because it…<\/p>\n","protected":false},"author":1,"featured_media":456,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-117","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogger-guide"],"yoast_head":"\nAdd Automatic Read More With Thumbnail To Blogger - The Faddism<\/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:\/\/thefaddism.com\/?p=117\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add Automatic Read More With Thumbnail To Blogger - The Faddism\" \/>\n<meta property=\"og:description\" content=\"Almost every blogger or webmaster uses Automatic read more with thumbnail feature in their blog because it...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thefaddism.com\/?p=117\" \/>\n<meta property=\"og:site_name\" content=\"The Faddism\" \/>\n<meta property=\"article:published_time\" content=\"2013-08-20T10:55:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thefaddism.com\/wp-content\/uploads\/2013\/08\/Read-More-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"560\" \/>\n\t<meta property=\"og:image:height\" content=\"287\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thefaddism.com\/?p=117\",\"url\":\"https:\/\/thefaddism.com\/?p=117\",\"name\":\"Add Automatic Read More With Thumbnail To Blogger - The Faddism\",\"isPartOf\":{\"@id\":\"https:\/\/thefaddism.com\/#website\"},\"datePublished\":\"2013-08-20T10:55:00+00:00\",\"dateModified\":\"2013-08-20T10:55:00+00:00\",\"author\":{\"@id\":\"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44\"},\"breadcrumb\":{\"@id\":\"https:\/\/thefaddism.com\/?p=117#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thefaddism.com\/?p=117\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thefaddism.com\/?p=117#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thefaddism.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Automatic Read More With Thumbnail To Blogger\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thefaddism.com\/#website\",\"url\":\"https:\/\/thefaddism.com\/\",\"name\":\"The Faddism\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thefaddism.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/thefaddism.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/thefaddism.com\"],\"url\":\"https:\/\/thefaddism.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add Automatic Read More With Thumbnail To Blogger - The Faddism","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:\/\/thefaddism.com\/?p=117","og_locale":"en_US","og_type":"article","og_title":"Add Automatic Read More With Thumbnail To Blogger - The Faddism","og_description":"Almost every blogger or webmaster uses Automatic read more with thumbnail feature in their blog because it...","og_url":"https:\/\/thefaddism.com\/?p=117","og_site_name":"The Faddism","article_published_time":"2013-08-20T10:55:00+00:00","og_image":[{"width":560,"height":287,"url":"https:\/\/thefaddism.com\/wp-content\/uploads\/2013\/08\/Read-More-1.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thefaddism.com\/?p=117","url":"https:\/\/thefaddism.com\/?p=117","name":"Add Automatic Read More With Thumbnail To Blogger - The Faddism","isPartOf":{"@id":"https:\/\/thefaddism.com\/#website"},"datePublished":"2013-08-20T10:55:00+00:00","dateModified":"2013-08-20T10:55:00+00:00","author":{"@id":"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44"},"breadcrumb":{"@id":"https:\/\/thefaddism.com\/?p=117#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thefaddism.com\/?p=117"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/thefaddism.com\/?p=117#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thefaddism.com\/"},{"@type":"ListItem","position":2,"name":"Add Automatic Read More With Thumbnail To Blogger"}]},{"@type":"WebSite","@id":"https:\/\/thefaddism.com\/#website","url":"https:\/\/thefaddism.com\/","name":"The Faddism","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thefaddism.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thefaddism.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/thefaddism.com"],"url":"https:\/\/thefaddism.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/posts\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=117"}],"version-history":[{"count":0,"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/posts\/117\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/media\/456"}],"wp:attachment":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}