Cara memberi READ MORE pada Blog :)

Guten tag :) Guys, pernahkah kalian melihat pada sebuah blog ada tulisan "READ MORE" atau "Selengkapnya" dll. Sedangkan, jika kalian membuat blog, nggak ada tulisan seperti itu. Postingan blog kalian akan memanjaaaaaaangg sesuai dengan apa yang kalian tulis. So, beranda blog kalian jadi gak efektif kan? maka dari itu, biar mempersingkatnya, ada yang namanya "Read More" :D kalau mau baca selengkapnya ya tinggal klik aja ^^

Nah, memberi efek read more ini susah2 gampang guys... jadi kita harus teliti ya :)

1. Sign in ke blog mu :)
2. Klik Desain pada pojok kanan atas, cari tulisan "Edit HTML" di sebelah tulisan "Sesuaikan"
3. Jika sudah, centang Expand template widget di pojok kiri atas ..
4. Cari Kode </head> biar gampang dan gausah nyari satu2, klik tombol Ctrl+F lalu masukkan kode tersebut.
5. Udah belooom?? kalau udah, paste kode dibawah ini tepat dibawah kode </head>

    <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

6. Lanjuuuuuttt! cari kode <data:post.body/> atau <p><data:post.body/></p> juga boleh (pilih salah satu) dan gunakan Ctrl+F biar gampang nyarinnya :D. NB: kalau misalkan kalian menemukan banyak kode tsb, pilihlah kode yang paling pertama ya guys :3.. kalau udah, hapus dan ganti kode tersebut dengan 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:right;padding-top:20px;'>
    <a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Udah bisa belum guys??
kalau mau ganti tulisan read morenya cari aja kode

<img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img>

Ganti dengan tulisan "Selanjutnya" "Baca Lagi" dll.. sesukamu deh :)

7. And the lastt!! simpan dan tutup
Semoga postingan ini bermanfaat bagi kalian yah :D senang bisa membantu dan SALAM dari mbak yu BLOGGER :*