Membuat Read More Pada Blog

Cara Membuat Read More Pada Blog - Membuat kata read more pada blog agar blog terkesan rapi dan tidak terlihat acak-acakan dan menurut opini blogger, jika sobat memasang ini di blog, itu akan berdampak dengan seo. Jika menginginkannya, silahkan sobat ikuti langkah Cara Membuat Read More Pada Blog.

 

Cara Membuat Read More Pada Blog:

1. Login ke blogger sobat

2. Pilih Template --> Edit HTML

3. Lalu cari kode </head> (tekan CTRL+F biar lebih mudah mencarinya)

4. Masukan kode dibawah ini dan simpan DIATAS kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script>

5. Kemudian sobat cari lagi kode <data:post.body/>, lagu di ganti dengan kode <data:post.body/> dengan kode dibawah ini:

<b:if cond='data:blog.pageType != &quot;item&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:right;padding-top:20px;'> <a expr:href='data:post.url'> <b> Readmore</b> &#187;&#187;&#160;&#160; <data:post.title/></a> </span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> </b:if>

Perhatian: 

1. Untuk tulisan: span style="float:left; Berarti posisi gambar ada dikiri, ubah menjadi "right" jika ingin disebelah kanan
2. Untuk tulisan: style=float:right; Berarti letak tulisan "Read more" berarda di posisi "kanan" ubah menjadi "left" jika ingin berada di kiri
   Untuk tulisan: Readmore: Tulisan Read more bisa diganti misal menjadi “Baca Selengkapnya” “Selanjutnya” dsb.
3. Untuk kode <data:post.body/> biasanya kode ini ada 2 atau 3, saran saya sobat pilih kode yang ke 2. 

6. Prantijau terlebih dahulu (untuk meyakinkan tidak terjadi error)

7. Jika sudah yakin sobat tekan tombol: Save
  
Itulah postingan tentang Membuat Read More Pada Blog yang bisa saya berikan untuk sobat Semoga berhasil dan paham.