Pembuatan auto Read More versi-2
Untuk artikel kali ini akan kita ulas bersama tentang tata cara memasang auto Read More versi-2. Kalau sebelumnya telah kita bahas tentang tata cara memasang auto Read More versi-1 maka untuk kali ini kita akan mengulas cara lain membuat auto Read More. Bisa dibilang untuk versi auto Read More yang ini memiliki hasil yang lebih sempurna, di samping praktis dalam proses penulisan posting karena tidak lagi menyisipkan kode
<div class="fullpost">-Text-</div> yang kita letakan pada artikel yang akan kita penggal seperti tata cara dalam pembuatan auto Read More versi-1. Untuk sobat yang ingin tahu cara dalam pembuatan auto Read More versi-1 bisa sobat lihat DI SINI
Okey...Langsung saja untuk cara pembuatan auto Read More versi-2.
Caranya Seperti Berikut :
Hal pertama yang terpenting adalah kembalikan kode yang telah di ubah ke kode awal,kalau ada ketidak samaan dalam kode template blog sobat tinggal disesuaikan saja.
Caranya* Login keBlogger/Dashbord - Rancangan - edit HTML - Expand Widged cari kode tsb...!<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType =="item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'> Readmore </a>
</b:if>
<div style='clear: both;'/>
Hapus kode yang berwarna Hijau di atas !
Next: Kita cari kode </head> pada Element edit Html, kemudian copy script dibawah ini dan letakkan diatas kode </head>.
<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.comto 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;"><imgsrc="'+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>
Untuk proses selanjutnya kita cari kode <data:post.body/> dan ganti dengan kode berikut:
<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 =="item"'><data:post.body/></b:if>
Okey pekerjaan kita telah selesai....Jangan lupa untuk menyimpan pekerjaan kita tadi dengan mengKLIK tombol Simpan, untuk selanjutnya lihat hasil pekerjaan kita....
Selamat mencoba ya sobat !? Tetap semangat semoga berhasil...!
Jangan lupa tinggalkan coment buat masukan positif dalam hal membangun Sob...!!!