Tips Cara Mempersingkat Artikel Postingan dengan Read More

By | 6 Mei

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,

20 thoughts on “Tips Cara Mempersingkat Artikel Postingan dengan Read More

  1. Hanif

    udah saya followback bro, sorry bro link exchange saya sudah penuh -_- udah gak buka tuker link lagi

    Reply
    1. curvasud sansiro

      ok gak papa sob makasih dah berkunjung

      Reply
  2. Padli Knalpot

    follback bro … jangan lupa

    Reply
  3. Mangs Aduls

    okeh kang terimakasih. saya coba dulu kang.

    Reply
  4. Mangs Aduls

    susah banyak sricpnya di templete saya jadi bingung.

    Reply
    1. Yanto Cungkup Post author

      bila banyak kode ditemplate coba taruh diatas kode yg pertama mang lalu coba dilihat hasilnya.

      Reply
      1. Mangs Aduls

        scrip tipy 1 kebuka katanya kang jawabannya.

        Reply
      2. Mangs Aduls

        gini kang keterangnanya
        Tidak dapat memuat pratinjau template: Kesalahan saat mengurai XML, baris 1009, kolom 14: Open quote is expected for attribute “{1}” associated with an element type “type”.

        Reply
          1. Mangs Aduls

            okeh kang. hehehe dapat nih. saya sudah ganti tempelete kang. tapi read morenya kayanya masih gitu aja. saya kirim ya kang.

            Reply
  5. Mangs Aduls

    kirim ke mana kang yanto

    Reply
      1. Mangs Aduls

        baik banget kang yanto inih…

        Reply

Tinggalkan Balasan

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.