Terkadang ada template yang tidak menyediakan fitur Readmore... Nah, sekarang sobat bisa membuat sendiri read more tersebut...
Caranya :
1. Log In dahulu ke account blogspot sobat.
2. Klik "Page Element" & klik "Edit HTML"
3. Centang "Expand Widget Templates"
4. Cari kode berikut
</head>
5. Kemudian masukkan script di bawah ini tepat di bawah kode tersebut.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 400; summary_img = 400; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://sites.google.com/site/dewiechoco/javascript/read-moreotomatis.js' type='text/javascript'/>
6. Lalu cari kode berikut :
<data:post.body/> atau <p><data:post.body/></p>
7. Ganti kode di atas dengan
<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;padding-top:20px;'>
<a expr:href='data:post.url'>READMORE>></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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;padding-top:20px;'>
<a expr:href='data:post.url'>READMORE>></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
=> Summary noimg = 400; tinggi artikel terpenggal tanpa image
=> Summar img = 400; tinggi artikel terpenggal dengan image
=> img_thumb_height = 100; (Thumbnail 'tinggi dalam piksel)
=> img_thumb_width = 100; (Thumbnail 'lebar dalam piksel)
=> img_thumb_height = 100; (Thumbnail 'tinggi dalam piksel)
=> img_thumb_width = 100; (Thumbnail 'lebar dalam piksel)
=> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...♪♫
1 KomeNtaR:
jadi nya nanti seperti apa ya,. di kasih contoh dnk,. bu,. hehe
:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))
Post a Comment