Cara Mudah Membuat Readmore di Blog

Untuk mempercantik tampilan artikel,biasanya akan di selipkan script yang bisa memotong artikel kita,dan di teruskan text link readmore yang akan menuju pada kelanjutan atikel tersebut.Gimana cara membuatnya..??

Sebenarnya mudah sekali.
Cara yang pertama:

1. Buat artikel seperti biasa.
2. Setelah menulis 1 paragraf/ terserah berapa, masukkan kode script di bawah pada tulisan yang anda kehendaki di potong dan di jadikan Readmore:

<!--more-->

3. Teruskan menulis artikel sampai beres.

Yang kedua pasang Readmore secara otomatis, caranya adalah sebagai berikut:

1. Login ke Account Blogger Anda;
2. Masuk ke halaman Edit HTML, lalu cari kode </head> letakkan script di bawah ini diatas kode tadi:

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

3. Cari dan ganti kode <data:post.body/> dengan semua 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'>READMORE - <data:post.title/></a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Keterangan:

Kode : <data:post.body/> biasanya berada di bawah kode: <div class='post-body'>, maka untuk memudahkan pencarian kode tersebut gunakan tombol Find seperti penjelasan di atas.
4. Simpan/Save Template, selesai.

Keterangan:

Kita dapat menentukan letak tumbnail (gambar), jumlah karakter tulisan baik tanpa maupun dengan tumbnail serta tinggi
dan lebar tumbnail pada postingan dengan cara merubah kode merah tebal di atas dan berikut penjelasannya :

1. var thumbnail_mode = "float";: Letak thumbnail berada di ­float­ kiri atau jika tidak silahkan ganti dengan ­no-float­;
2. summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di
posting tanpa gambar / thumbnail; 3. summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
4. img_thumb_height = 120;: Tinggi thumbnail dalam ukuran piksel;
5. img_thumb_width = 120;: Lebar thumbnail dalam ukuran piksel;
6. READMORE-<data:post.title/>: Tulisan READMORE bisa diganti misalnya dengan Baca
­Selengkapnya­ dan apabila anda
tidak ingin menampilkan judul
dibelakang Readmore, Anda bisa
menghapus code script ini <data:post.title/>.

Semoga bermanfaat..!!!



Artikel terkait:

• 
  $. Bom sms gaul..
• 
  $. koleksi kamus berbagai bahasa.
• $. koleksi software islamy.
• $. Yg kesulitan download di 4shared.masuk sini
• $. Lcg X-plorer fullversion
• $. Dvd Digital kitab kuning dan software islami murah..
• $. Jasa pembuatan blog,email,akun fb,twitter,kaskus dll..murah gan.
• $. Koleksi Aplikasi Pembaca Dokumen Di HP

Kata kunci:

Cara buat redmore di blogspot, trik buat redmore, cara terbaru buat redmore