{"id":128,"date":"2016-01-11T10:39:00","date_gmt":"2016-01-11T10:39:00","guid":{"rendered":"http:\/\/www.heerentanna.com\/2012\/05\/18\/use-auto-jump-break-in-blogger-to-reduce-home-page-loading-time\/"},"modified":"2022-12-19T15:12:30","modified_gmt":"2022-12-19T09:42:30","slug":"read-more-home-page-blogger","status":"publish","type":"post","link":"https:\/\/www.heerentanna.com\/blog\/read-more-home-page-blogger.html","title":{"rendered":"How to Set Automatic “Read More” Link on Home Page."},"content":{"rendered":"

[dropcap]A[\/dropcap]uto jump break a\u00a0\u00a0great feature that every one should have to use. While formatting blogger post<\/a>, many bloggers are habitual to add “read more” tag after first paragraph. But if you want to add automated “read more” tag than you just need to add following code in your blogger template. \u00a0This will also going to reduce your blogger blog load time<\/a>\u00a0as it will reduce the content on the home page.<\/p>\n

If you are seriously bother about your blogging career than I will advice you to start your focus on Search engine optimization. Loading speed of the website is a part of on page optimization<\/a>.<\/p>\n

Auto Jump Break For Blogger<\/h2>\n

Step 1:<\/strong> Backup your template: (How to backup your blogger template ?<\/a>)<\/p>\n

Step 2:<\/strong>\u00a0Go to Blogger > Template<\/strong> > Edit HTML<\/strong><\/p>\n

Step 3:<\/strong>\u00a0Find <\/head><\/strong> by pressing (Ctrl + f )<\/p>\n

Step 4:<\/strong>\u00a0Copy following code and past it above or below the code.<\/p>\n

\n

<script type=”text\/javascript”>
\nvar thumbnail_mode = “no-float” ;
\nsummary_noimg = 440;
\nsummary_img = 350;
\nimg_thumb_height = 150;
\nimg_thumb_width = 150;
\n<\/script>
\n<script src=”http:\/\/tips-via-blogging.googlecode.com\/files\/auto_jumpbreack_readmore_blogger.js” type=”text\/javascript”>
\n<\/script><\/p>\n<\/blockquote>\n

Note :<\/strong> Customize your given code as per your requirement that matches with blogger design.
\nsummary_ noimg= 440<\/strong>; –> The length of the post (if the post does not have a any image).
\nsummary_img = 350<\/strong>; –> The length of the post (if there is an image in the post).
\nnull_thumb_height = 150<\/strong>; –> The height of the image.
\nnull_thumb_width = 150<\/strong>; –> The width of the image.<\/p>\n

Step 5:<\/strong>\u00a0Find <data:post.body\/><\/strong> by pressing (Ctrl + f ).<\/p>\n

Step 6:<\/strong>\u00a0Replace this code with Below mentioned code.<\/p>\n

\n

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
\n<data:post.body\/>
\n<b:else\/>
\n<b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
\n<data:post.body\/>
\n<b:else\/>
\n<div expr:id=’&quot;summary&quot; + data:post.id’>
\n<data:post.body\/>
\n<\/div>
\n<script type=’text\/javascript’>
\ncreateSummaryAndThumb(&quot;summary<data:post.id\/>&quot;);
\n<\/script>
\n<div style=’clear: both;’\/>
\n<span class=’rmlink’ style=’font-weight:bold;padding:5px;float:right;text-align:right;’><a expr:href=’data:post.url’ ><img src=’https:\/\/www.heerentanna.com\/blog\/wp-content\/uploads\/2015\/09\/cooltext686292215.png<\/span>‘ style=’border: 0 none;vertical-align: middle;’\/>
\n<\/a><\/span>
\n<\/b:if>
\n<\/b:if><\/p>\n<\/blockquote>\n

Note :<\/strong> Replace green highlighted link with your own read more image.<\/p>\n

Step 7:<\/strong>\u00a0Save and View your blog. \ud83d\ude42<\/p>\n

Conclusion:<\/h2>\n

There are many free templates available on internet for a blogger blog in which you will find pre-install auto jump break. You need this tutorial when you don’t want to change your feel and look of your blogspot site. I hope this will be proved to be helpful to you. \ud83d\ude42<\/p>\n

How To Add Adsense After Jump Break In Every Blogger Post.<\/a><\/h3>\n","protected":false},"excerpt":{"rendered":"[dropcap]A[\/dropcap]uto jump break a\u00a0\u00a0great feature that every one should have to use. While formatting blogger post, many bloggers…","protected":false},"author":1,"featured_media":14870,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[5],"tags":[],"class_list":{"0":"post-128","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-blogging-tips","8":"cs-entry"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":0,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media\/14870"}],"wp:attachment":[{"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heerentanna.com\/blog\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}