Easy Ways to Make "READ MORE AUTOMATICALLY" on the Blog (Latest Findings)

Easy Ways to Make "READ MORE AUTOMATICALLY" on the Blog (Latest Findings)

Here are some easy ways to encourage readers to read more automatically on your blog:

1. Use catchy headlines: Your headline is the first thing that your readers will see, so make it catchy and engaging to grab their attention and entice them to read more.

2. Break up your content: Use subheadings, bullet points, and numbered lists to break up your content into easily digestible chunks. This will make it easier for readers to scan your post and find the information they're looking for.

3. Include images and videos: Including images and videos in your blog posts can help break up the text and make your content more engaging. Additionally, they can help to illustrate your points and make your content more visually appealing.

4. Use internal linking: Include internal links to other relevant content on your blog within your posts. This can help to keep readers engaged with your site and encourage them to read more of your content.

5. Optimize for mobile: With more and more people accessing the internet on their mobile devices, it's important to ensure that your blog is optimized for mobile viewing. This can help to make your content more accessible and easier to read on a smaller screen.

6. Use a clean design: A clean, easy-to-navigate design can help to keep readers engaged with your blog and encourage them to read more of your content. Make sure your blog is easy to read, with clear fonts and a simple layout.

7. Keep your posts concise: While it's important to provide valuable information in your blog posts, it's also important to keep them concise. Try to keep your posts to around 500-700 words to avoid overwhelming your readers and keep them engaged.

By implementing these strategies, you can make it easier for readers to engage with your blog and encourage them to read more of your content automatically.

Read More: Sundar Pichai Biography

Read more in Indonesian means Read in full, more or less that means. In a blog read more/read more is used to shorten the display of a post on the homepage (front/start page) of a blog, so that the blog appears neater and more attractive.

READ MORE

There are two ways that I know of to make a readmore, especially on blogger/blogspot, namely the manual method, which is a method where we have to edit one by one the blog post which must be added INSERT JUMP BREAK to each of our blog posts/articles.

Meanwhile, the second way is by editing the html code on the blog template with several new scripts added

Easy Ways to Make "READ MORE AUTOMATICALLY" on the Blog (Latest Findings)

1. Open your Blog > enter into the Blogger Dashboard

2. Select  Template then click  Edit Html

3. Search for Code </head> (press CTRL + F or F3 to make it easier to search)

4. Place the Script Code below right above the </head> code

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 100;
summary_img = 100;
img_thumb_height = 60;
img_thumb_width = 90;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>

Description in blue colour:

summary_noimg = 100; is the number of letters if there are no pictures

summary_img = 100; is the number of letters if there are pictures

img_thumb_height = 60; image height

img_thumb_width = 90; the width of an image

5. Next Search for the code <data:post.body/> (Click 2x/ or try the code one by one)

6. Replace the code <data:post.body/> with the code below

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'> <a expr:href='data:post.url'><b>Readmore</b> &#8594; <data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Note: if you have installed the Read More Code before, please delete the code first!!, and you can also replace the writing read more, with other text such as Read more, etc. 

7. Then Save the Template and See the Results

I have tried this method on my other blog and it worked!!