Monday, March 28, 2011

Auto Readmore


     Malam itu, aku dimintai tolong oleh seorang teman untuk mengajari dia memasang "Readmore" di blognya lewat FB.
Ya sudahlah, karena banyak blog yang sudah pasang tutorial ini (Readmore), aku kasih aja dia link sebuah situs yang sudah memasang penjelasan cara memasangnya.

Loh... kenapa kok situs lain bukan blog sendiri...?
:D ya karena sudah banyak blog yang telah menjelaskan tutorial ini jadi urung aku tulis... :D
tapi ternyata tetap saja dia merasa kesulitan, mungkin karena kebanyakan script. Akhirnya ya sudahlah aku kasih script yang aku pasang di blog ini lewat email...
Ternyata email itu juga tak kunjung datang...
wah...
Ya sudah lah... aku tulis aja di blog... sekalian posting di blog ini setelah sekian lama blog ini tak terurus :(
---------------------------------------------------------------------------------


Auto Readmore for Blogger

Setelah login ke blogger langsung aja menuju ke halaman "Layout" pada halaman ini pilih menu "EDIT HTML", Beri tanda centang pada "Expand widget template" lalu temukan kode ]]></b:skin> Setelah itu masukkan kode dibawah ini di bawah kode ]]></b:skin>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/nicewallpaperrr/Home/gudang/autoreadmore.txt' type='text/javascript'/>


kemudian cari kode <data:post.body/>
Kalau sudah ketemu, ganti kode <data:post.body/> dengan semua kode 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'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLWcGemBOl0f5mhAlnDU800HW6B6uJQ3UuiRB_TPClj70ZqLTNdqYK8Rs-sfTSlszS1_wEjuS0Jb3ui1wIaA2iRO4kMuQmB5ajbXaNXsxRUAeY8s6nV1P3TNIVAEXce-gNREBAccWeCG2y/s400/ReadMore.png'/> - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


selesai...
jangan lupa disimpan :D

Keterangan...
250 pada "summary_noimg" adalah panjang karakter / tulisan apabila tidak terdapat atau tidak ada gambar pada halaman posting dan "summary_img" adalah panjang karakter / tulisan apabila terdapat atau adanya gambar pada halaman posting. Sedangkan,
120 pada "img_thumb_height" adalah tinggi gambar yang akan ditampilkan di halaman depan dan "img_thumb_width" adalah lebar gambar yang akan ditampilkan di halaman depan.

No comments:

Post a Comment