Cara membuat read more otomatis



Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.
PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :




cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
 
2.cari kode html berikut ini : <data:post.body/> atau <p><data:post.body/></p> ganti kode tersebut dengan kode di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
Summary noimg 430 = tinggi artikel terpenggal tanpa image
Summary img 430 = tinggi artikel terpenggal dengan image
Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll... 
3. klik save template
Share this article :

+ komentar + 8 komentar

-=xxxdennyxxx=-
1 Desember 2010 01.13

thanks bang...berguna bnged :52

2 Desember 2010 04.57

oka gan! :13

10 Desember 2010 04.12

Blog nya makin ajib aja nih,,thx ya tutor nya

10 Desember 2010 05.28

thanks ya dh brkunjung n' sama2 :12:

Anonim
19 Januari 2011 03.47

Heya everybody, stunning message board I have found It positively accommodating & it has helped me out tons
I hope to be able to give something back and guide other users like this chat board has helped me

_________________
[url=http://iphoneusers.com]blackra1n[/url]

8 Februari 2011 03.12

@anonim:thanks you very much for comment!i hope you will like my other trick !
sorry my english isn't good :)

11 Februari 2011 00.43

thanks gan!

11 Oktober 2012 00.40

Thanks sudah berbagi ilmunya, sukses selalu...

Posting Komentar

Silahkan beri komentar anda setelah membaca artikel diatasTerima kasih untuk tidak berkomentar yang berunsur SPAM.

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Just for Fun | Trick blogger | Dunia Internet - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger