Cara Menampilkan Read More di Blogspot Menggunakan HTML

Read More adalah istilah yang tidak asing bagi para penulis, maupun pembaca khususnya bagi mereka yang aktif pada dunia blog, istilah read more atau dalam bahasa indonesia berarti baca selanjutnya biasa digunakan oleh para penulis untuk mengarahkan pembaca ke halaman artikel yang lebih lengkap.

Untuk kesempatan kali ini saya akan menjelaskan Cara Menampilkan Read More Pada Blogspot Menggunakan HTML.

Cara Menampilkan Read More di Blogspot Menggunakan HTML

Langkah 1. Buka Template.

Jika sudah membuka template, kemudian klik Edit HTML, setelah itu masskan kode yang tertera pada langkah ke dua, terserah anda menginginkan copy paste, atau rewrite kode-kode ini.

Langkah 2. Masukan Kode HTML ini.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 280;
summary_img = 250;
img_thumb_height = 70;
img_thumb_width = 100;
</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 2px 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>
</b:if>
</b:if>

 

 

Langkah 3. Beri Tanda Centang.

Untuk langkah ini mash bread pada halaman EDIT HTML, lula beri tand centen pada “ Expand Widget Template ” setelah itu cari Kode dibawah ini.

<p><data:post.body/></p>

Langkah 4. Penggantian Kode.

Jika anda sudah kode tersebut untuk menampilkan read more anda dianjurkan dengan kode dibawah ini :

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

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed

Copyright © 2020 Inwepo - All Rights Reserved.

To Top