Cara Pasang Auto Read more Terbaru ( revisi )

tips belajar blog buat pemula
Auto readmore terbaru ini sangat berbeda sekali dengan cara memasang readmore di postingan yang dahulu, dimana untuk mendapatkan readmore kita harus secara manual memasukanya kedalam postingan dan hal ini kadang kala menyulitkan kita dalam mempostingnya,
Akan tetapi untuk auto readmore terbaru ini, sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis, tanpa harus install code secara manal dan menempatkan postingan secara terpisah, atau dipisahkan dengan script tertentu,
Untuk menambah wawasan kita dalam cara belajar blog, kita mulai saja belajar blog bersama kali ini dengan topic cara memasang auto readmore, tapi sebelumya untuk yang sudah memasang readmore yang versi lama hendaklah dikembalikan seperti awalnya dulu, caranya hapus code yang saya kasih warna merah dibawah ini, tapi ingat download templates terlebih dahulu buat jaga2,

<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[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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;
}
//]]>

Jangan lupa untuk menyimpan editan tadi, setelah itu centang "Expand widget template" dan cari code berikut ini <data:post.body/> setelah ketemu ganti code tersebut dengan script 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'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Dan kembali save hasil editan tadi, dan sekedar informasi fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.
Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image
Semoga tips diatas bisa bermanfaat bagi kita untuk menemukan cara belajar blog yang baik dan benar, dan marilah kita sama-sama terus mengembagkan dan menemukan trik dan cara belajar blog yang baru.
Share on :

9 comments:

ugex mengatakan...

mantap ilmunya bos

Rizkhina Latranita - Prana Raditya mengatakan...

coba aaaaaaah

Julian mengatakan...

TERIMAKASIH AKHIRNYA KUTEMUKAN
TKS YA

Julian mengatakan...

Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:if" must be terminated by the matching end-tag "".

Budi Kurniawan mengatakan...

makasih ya ilmu nya, baru buat blog nich mas, coba - coba dulu

kurniawanew mengatakan...

Thanks buat infonya.....

Julian mengatakan...

tapi kok sering error ya?
kadang mau readmore kadang ga mau. isisnya juga tetep panjang

apa ada crash kali codingnya ya?

http://baliru.blogspot.com

Sugeng mengatakan...

kemarin error karena hosting js sudah ditutup tapi ini sudah direvisi, silahkan teman-temen untuk mencobanya

r.butarbutar mengatakan...

Gan kalo readmore..nya ada dua gmn?Bisa bantu Gan gimana cara ngapus salah satunya Gan?

Matur Suwon Gan
Neh alamatnya Gan http://fungkydollar.blogspot.com/

Posting Komentar

Cara Ngeblog Copyright © 2011 | Template created by O Pregador | Powered by Blogger