-->


Membuat Read More Secara Otomatis

S

ekarang ane mau ngebahas tentang cara membuat read more atau baca selengkapnya. Untuk ngebuatnya memang nggak semudah yang ente kira .. kita harus mempelajari JavaScript .. kalau nggak, ya siap-siap gigit jari, karena kita nggak akan pernah bisa menghias blog kita menjadi blog yang bagus dan keren .. tapi nggak papa, sekarang ane bantu ente dengan ngasih tutorial tentang cara membuat read more .. entar kalau udah dikasih JS ini pastinya read more langsung menuju secara otomatis ke artikel yang sedang kita baca .. langsung aja ya ane kasih tutornya ..

Buat para blogger pemula, ane sarankan menggunakan read more otomatis saja ketimbang read more yang biasa. Karena tentunya ente tidak akan repot membagi 2 postingan ente dengan kode manual.

Berikut langkah – langkah dalam membuat read more otomatis :
1. Silahkan login ke blogger terlebih dahulu.
2. Klik Tata Letak.
3. Kemudian klik Edit HTML.
4. Centang Expand Template Widget.
5. Letakkan kode berikut ini tepat diatas kode </head>

akatsuki sasori chibiPosting
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 450; summary_img = 360; img_thumb_height = 120; img_thumb_width = 150; </script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by BlackMask

visit http://1001tawa.blogspot.com to get more tutorial
********************************************/
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>


Nah udah khan sekarang simpan template .. and liat hasilnya .. bagus khan kalau udah jadi .. kalau nggak ya berarti bukan salah ane yang memposting ini .. mungkin kalian aja yang lagi agak error .. hehe

Blogger Yang Baek, Meninggalkan Jejak Berupa Komentar

Agan jadi Cuapers ke 2, CONGRATULATE !

ash hobby ngeTweet [agi ngeComment]

ku test trik nya ya brad...
menuju ke tkp

fajar ainul yaqien hobby ngeTweet [agi ngeComment]

ko gx bsa readmore nya

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58

Jangan lupa ada emo Kaskus diatas CommentBox Ini. Langsung dicoba gan ? Entar ane kasih cendol dah.

Protected by Copyscape Web Plagiarism Software
English French German Spain Italian DutchRussian Portuguese Japanese Korean Arabic Chinese Simplified