Cara Buat Read More Automatik

Sebelum memasang readmore automatik pada blogspot/blogger Anda, lakukanlah dua perkara penting berikut:

1. Download dan simpan template Anda terlebih dahulu-rujuk cara backup blog. Manalah tau jika tidak menjadi,template anda dapat diselamatkan semula.

2. Buang versi read more lama yang terdapat dalam blog anda untuk mengelakkan pertindihan.

Cara pasang read more/baca lagi/baca seterusnya dll:
1. Login ke Account Blogger Anda;
2. Klik Design dan Edit HTML
3. Klik dalam kotak Expand Widget Template
4. Cari code < head/>.Untuk memudahkan pencarian code, gunakan tombol Find, caranya pada browser Anda klik pada menu Edit lalu pilih Find atau melalui keyboard komputer Anda, tekan Ctrl + F, lalu copy paste code yang hendak dicari (< head/>)ke dalam kotak Find lalu Enter/Next;
5.Seterusnya copy code script di bawah betul-betul di atas code (< head/>) tadi

</span></p><p></p><div style="padding: 10px; border: 2px dotted rgb(42, 0, 255); background: none repeat scroll 0% 0% rgb(223, 193, 249); text-align: justify;"><script type='text/javascript'><br> <b><font color="#ff2a55">var thumbnail_mode = "float" ;<br> summary_noimg = 250;<br> summary_img = 250;<br> img_thumb_height = 120;<br> img_thumb_width = 120; </font></b><br> </script> <br> <br> <script type='text/javascript'><br> //<![CDATA[<br> function removeHtmlTag(strx,chop){<br> if(strx.indexOf("<")!=-1)<br> {<br> var s = strx.split("<");<br> for(var i=0;i<s.length;i++){<br> if(s[i].indexOf(">")!=-1){<br> s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);<br> }<br> }<br> strx = s.join("");<br> }<br> chop = (chop < strx.length-1) ? chop : strx.length-2;<br> while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;<br> strx = strx.substring(0,chop-1);<br> return strx+'...';<br> }<br> <br> function createSummaryAndThumb(pID){<br> var div = document.getElementById(pID);<br> var imgtag = "";<br> var img = div.getElementsByTagName("img");<br> var summ = summary_noimg;<br> if(img.length>=1) {<br> 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>';<br> summ = summary_img;<br> }<br> <br> var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';<br> div.innerHTML = summary;<br> }<br> //]]><br> </script><br> </div><p></p><p class="MsoNormal"><span style="font-family: "Courier New"; color: black;">

6. Berikutnya, Cari code < data:post.body> dan gantikan code tersebut dengan semua code dibawah ini:

<b:if cond='data:blog.pageType != "item"'><br /> <div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /> <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span><br /> </b:if><br /> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

7. Simpan/Save Template anda.Cuba preview blog anda dan lihat hasilnya.Puas hati?

Keterangan:

Kita boleh menentukan letak tumbnail (gambar), jumlah karakter tulisan baik tanpa maupun dengan tumbnail serta tinggi dan lebar tumbnail pada postingan dengan cara mengubah code di atas seperti berikut:

1. var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak mahu gantikan dengan “no-float”;

2. summary_noimg = 250;: Jumlah karakter yang akan ditunjukkan 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-: Tulisan READMORE bolehlah anda tukarkan dengan perkataan lain cth Baca Selanjutnya dll dan jika ingin menghapuskan tajuk/judul selepas perkataan READMORE, anda hanya perlu menghapuskan code script .
Selamat mencuba.Harap pertanyaan en.zaireey telah saya jawab sepenuhnya.