Bagaimana membuat read more di blog


Bagaimana cara membuat readmore di blog | pembuatan read more di blog cukup meringankan blog kita, karena dengan read more blog tidak terlalu memanjang ke bawah yang nantinya kan membosankan. Nah , kali ini Informasinet berbagi bagaiamana cara cara membuat read more di blog. cara membuat read more di blog ini cukup mudah. berikut tahap-tahap bagaiamana membuat read more di blog.
membuat read more di blog


Bagaimana Membuat read more di Blog

  • - Login ke account  blogger 
  • - Pilih Rancangan atau Tata Letak.
  • - Pilih Edit HTML.
  • - Centang tulisan "expand template widget".
  • - Lalu cari kode </head> :   untuk mempermudah pencarian tekan F3.
  • - Lalu masukkan code di bawah ini tepat di atas  </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>

Kemudian  cari kode <data:post.body/>
Ganti kode ini  <data:post.body/>  dengan kode di bawah 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; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

Terakhir Save template

catatan : 

var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;
summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
img_thumb_height = 120;: Tinggi thumbnail dalam ukuran pixel;
img_thumb_width = 120;: Lebar thumbnail dalam ukuran pixel;
READMORE-: Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang Readmore, sobat bisa menghapus code script ini .

Itulah ulasan singkat dari  Informasi net , semoga cara bagaimana membuat Read more di blog bisa bermanfaat.

0 Response to "Bagaimana membuat read more di blog"

Posting Komentar

Silahkan Tinggalkan komentar anda, jika ada kesalahan pada artikel yang saya posting, atau ada link mati, gambar hilang, dan jika ada saran untuk kemajuan blog ini, silahkan tulis komentar dibawah ini.... Komentar kalian sangat berarti bagi saya...

Format untuk komentar:
1. Pilih profil sebagai Name/URL
2. Isikan nama anda
3. Isikan URL (Blog/Website/Facebook/Twitter/Email/Kosongin)
4. Isikan komentar
5. Poskan komentar