Tips Cara Mempersingkat Artikel Postingan dengan Read More

2021 Views

Tips Cara Mempersingkat Artikel Postingan dengan Read MoreTutorial ini sepertinya suda tidak berlaku lagi, karena rata – rata template blog sudah otomatis memberikan script read more. tetapi bagi template bawaan blogger kita mesti menambahkan sendiri, agar pada menu home artikel tidak dipenuhi oleh satu artikel saja, tetapi hanya cuplikan dengan ditambah tombol read more atau lanjutkan membaca.

fungsi mempersingkat artikel postingan dengan menambah tombol read more adalah:

  • bila kita menulis artikel yang panjang akan memakan tempat dihalaman blog kita tetapi apabila ditambah tombol read more cuma sebagian aja yang nampak dihalaman dan akan membuat pembaca menjadi penasaran untuk melihat selengkapnya
  • dengan menambah tombol read more isi postingan halaman utama kita menjadi lebih banyak artikel
  • mempercantik tampilan

Tips Cara Mempersingkat Artikel Postingan dengan Read More

Adapun Tips Cara Mempersingkat Artikel Postingan dengan Read More, adalah sebagai berikut :
  • login ke account blogger kamu
  • pilih template  –> edit html
  • cari kode </head> untuk mempermudah pencarian gunakan tombol ctrl+F
  • kalau sudah ketemu </head> lalu letak kan kode berikut tepat diatasnya:
<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>

ket : tulisan warna merah pada kode dapat diganti menurut selera sobat sendiri
  • lalu cari kode <data:post.body/>  setelah ketemu ganti dengan kode berikut :
<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; </a></span>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/>
</b:if>
ket : tulisan warna merah dikode dapat diganti menurut selera

demikian ulasan dari wongcungkup tentang Tips Cara Mempersingkat Artikel Postingan dengan Read More. semoga artikel ini bermanfaat.
salam,

BURSA MEMBER

Kategori:edit htmlTag

Written by: Yanto Cungkup

Title: Tips Cara Mempersingkat Artikel Postingan dengan Read More
saya hanya manusia biasa yang berusaha berguna bagi sesama dan terbuka untuk menjalin persahabatan dengan siapa saja.
449 Artikel
20 Comments
  1. komentar
  2. komentar
  3. komentar
  4. komentar
    • komentar
      • komentar
      • komentar
        • komentar
          • komentar
          • komentar
  5. komentar
    • komentar
      • komentar
  6. komentar
  7. komentar
  8. komentar

Add a Comment

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *