Cara Memasang Readmore Didalam Posting Blog

Bang Dro

4 Apr, 2018

Setelah gres posting Download Template Slider SEO Friendly Gratis saya akan memposting lagi dengan label gres yaitu Tips Blogger, melalui tips blogger saya akan posting tips seputar dunia Blogger dan akan membantu orang-orang mengedit atau mengkreasikan blog mereka masing-masing dan menambah widget atau aplikasi yang diinginkan oleh pemilik blog.

Langsung saja tema yang diangkat pada artikel ini adalah Cara Memasang ReadMore Didalam Posting Blog. Para sobat Blogger mungkin kesusahan dalam menciptakan fungsi ReadMore pada setiap Postingan, tetapi disini saya akan memberitahu caranya.

Download Template Slider SEO Friendly Gratis Cara Memasang ReadMore Didalam Posting Blog

Readmore atau yang biasa dikenal dengan istilah Baca Selanjutnya, Baca Selengkapnya, Selengkapnya dan sebagainya ini, saya temukan dari blog sobat junior-hc.blogspot.com pada salah satu blog saya yang lain, dan alhamdulillah berhasil tanpa meninggalkan persoalan apa - apa. Nah untuk itu maka saya akan memperlihatkan tutorial ini kepada kalianselalu gagal dalam mencobanya.

Baiklah, silahkan simak langkah - langkah berikut ini :
Masuk ke akun blogger anda.
Klik Template kemudian Edit HTML.
Kemudian cari instruksi </head> dengan memakai derma Ctrl F.
Setelah instruksi tersebut ketemu segera letakkan instruksi dibawah ini sempurna diatas kode</head> tadi.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 200;
summary_img = 200;
img_thumb_height = 80;
img_thumb_width = 120;
</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>

Apabila anda ingin melaksanakan pengeditan pada instruksi diatas, anda sanggup mengikuti cara dibawah ini :

summary_noimg = banyaknya abjad kalau tidak ada gambar
summary_img = banyaknya abjad kalau ada gambar
img_thumb_height = Ukuran tinggi gambar
img_thumb_width = Ukuran lebar gambar

Dan sebagai langkah terakhir, cari pula instruksi <data:post.body/> dan ganti instruksi tersebut dengan instruksi dibawah ini.

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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'><b>Readmore</b> → <data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

biasanya instruksi ini terdapat dua atau tiga buah pada template, nah saat saya mencoba saya memakai instruksi <data:post.body/> yang terkahir.
Simpan Template dan Selesai.

Semoga postingan Cara Memasang ReadMore Didalam Posting Blog sanggup bermanfaat.

Baca artikel yang lain di .

FAST DOWNLOADads