Selasa, 02 November 2010

Cara Membuat Auto Readmore (Update)

2 comments
Teman - teman sebelumnya aku pernah memposting cara membuat auto readmore, dan sekarang aku akan memposting lagi cara membuat auto readmore....

Kenapa aku memposting cara auto readmore lagi ??? 
Jawaban nya karena, template aku sudah tidak bisa di pasang auto readmore dengan cara pertama yang sudah aku posting sebelumnya, aku kurang tahu pasti penyebab kenapa blog ku tidak bisa di pasang auto readmore lagi mungkin karena beberapa sistem kode HTML nya yang hilang atau terhapus. Sebelumnya waktu pertama kali aku mencoba cara memasang auto readmore  di postingan sebelumnya bisa, namun entah kenapa blog ku mengalami ketidaknyamanan seperti tidak bisa memunculkan jumlah postingan di homepage, bahkan auto readmore ku sudah tidak bisa di gunakan lagi, bisa sih bisa namun malah memunculculkan isi seluruh postingan dan link tulisan readmore nya masih aktif ...kan gk lucu .... :(

Dan secara kebetulan aku menemukan artikel di web saat memilih - milih template (niatnya ingin mengganti template karena aku kira template ku tidak bisa di pasang auto readmore lagi, tapi ternyata masih bisa \^_^/ ).
Nah artikel nya kudapat saat aku meng-Click DEMO TEMPLATE dan kebetulan di sana memposting cara membuat auto readmore, tanpa pikir panjang langsung saja aku praktekan dan ternyata berhasil gan ..... :)

Oleh sebab itu, aku memposting cara auto readmore yang VERSI UPDATE. Mungkin para blogger pernah mengalami yang aku alami, maka untuk itu langsung saja sobat memakai cara VERSI UPDATE ini :)

[read more[5].jpg]

Nah langkah - langkah nya :
1. Masuk ke akun blogger anda
2. Pilih Edit HTML
3. Beri Centrang pada "Expand Widget Template"
4. Cari Kode </ head> untuk memudah kan tekan f3 dan masukan kode tadi di dalamnya
5. Masukan kode berikut di atas atau sebelum kode </ head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; img_thumb_width = 150; </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;
}
//]]>
</script>

6. Kemudian cari kode <data:post.body/> atau <p><data:post.body/></ p> lalu hapus
    kode tersebut 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:right'><a expr:href='data:post.url'><br/><b>Read More ... </b></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7. Dan terakhir klik SAVE TEMPLATE

CATATAN : 
  1. summary_noimg = 300 -> Tinggi artikel tanpa gambar. 
  2. summary_img = 300 -> Tinggi artikel dengan gambar. 
  3. img_thumb_height = 100 -> Tinggi gambar. 
  4. img_thumb_width = 150 -> Lebar gambar. 
  5. Read More ... -> Tulisan readmore bisa kamu ganti sesuai selera kamu seperti Baca Selengkapnya ... itu terserah anda.

ARTIKEL TERKAIT:

2 comments

18 Oktober 2011 03.11

teman silahkan dibenahi bagian teks cara memasang auto readmore  terdapat eror
Not Found

The requested URL /2010/10/cara-membuat-readmore-otomatis_23.html was not found on this server.

Additionally, a 403 Forbidden
error was encountered while trying to use an ErrorDocument to handle the request.

silahkan di benahi yaa.

@pepaya, manggaudah gan :) ... itu karena ane pake link within terus ane ganti domain ane .. yaa jadi nya gitu deh ..

Leave a Reply

Apresiasikan dengan memberi komentar :)
Tapi komentarnya dengan bahasa yang baik lho ...