]
MEMBUAT READMORE OTOMATIS
Langsung saja ya....
Biar tidak penasara.....
Biar tidak mengamuk kalau gagal, disarankan untuk membackup template anda.
1. Masuk ke akun blog.
2. Klik Tata-letak
3. Klik Edit Html.
4. Centang Expad Witged.
5. Letakan script berikut di atas kode <head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; 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 Anhvovisit 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. Bagi yang sudah menggunakan readmore versi lama, sebaiknya anda mengembalikan kode seperti semula, dengan menghapus kode yang berwarna biru di bawah ini, sesuaikan dengan template anda karna setiap template berbeda-beda.
<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;'/>
Sehingga sekarang hanya ada satu <data:post.body/>
7. Kemudian hapus kode : <data:post.body/> atau <p><data:post.body/></p>
8. Ganti kode tersebut 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>
9. Kemudian simpanlah templatenya.
ket:
- summary_noimg=450 (untuk tinggi postingan tanpa gambar)
- summary_img=360 (untuk tinggi postingan dengan gambar)
- img_tumb_height=120 (tinggi gambar)
- img_tumb_width=150 (lebar gambar)
- readmore.... (bisa anda ganti dengan baca selengkapnya)
Silahkan anda rombak dan tetaplah tersenyum....
Salam senyum dariku.
alam senyum dariku untuk semuanya, tetaplah untuk bersemangat. Jangan lupa atau isi buku tamu ya sob. Sedikit pemberitahuan untuk sobat yang ingin mengambil [Copy-Paste], Owner tidak melarang sobat untuk memperbanyak artikel namun Owner berharap sobat berlaku dengan bijak agar mencantumkan link active maupun yang tidak. Owner berharap partisipasinya ya sob.
0 komentar: