Membuat ReadMore Otomatis (Baca Selengkapnya) Pada Postingan Blogspot

Minggu, Desember 20, 2009 // 9 komentar // Rudy // Category: Blogging Tutorial , Html , Template Hack //

Sekedar ingin meramaikan habitat mesin pencari dengan key word "cara membuat readmore" atau "cara membuat baca selengkapnya" pada postingan blog di blogspot, sekaligus menjawab pertanyaan dari sobat blogger tentang cara membuat readmore atau baca selengkapnya pada postingan blog di blogspot yang masuk ke facebook saya, maka saya sengaja membuat postingan ini meski saya tau bahwa trik ini sudah tersebar luas bagai virus di mesin pencari (sebenarnya postingan ini cuma trik SEO).

Namun yang akan saya berikan disini bukan read more biasa, anda tidak perlu untuk masuk ke pengaturan format dan meletakan template postingan blog, anda hanya perlu menulis sesuka hati, sebanyak anda mampu dan fungsi readmore akan berfungsi secara otomatis.

Lebih lanjut silahkan simak tutorialnya di bawah ini :

Log in ke dashboad dengan akun google kamu, pilih blog yang hendak dipasang readmore dan klik Pengaturan → Edit Html, beri tanda centang pada Expand Template Widget yang terletak di sudut kanan atas notepad.
Temukan kode </head> [tips : Control + F dan masukan kode yang mau dicari]

Letakan kode script dari kang Jaloe berikut ini 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://
rizqi.moehamed.googlepages.com/
read-moreotomatis.js'
type='text/javascript'/>
Setelah itu cari kode ini <data:post.body/>
Hapus kode di atas, kemudian ganti 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'> read
more “<data:post.title/
>”</a></span> </b:if>
<b:if cond='data:blog.pageType
==
"item"'><data:post.body/
></b:if>
Kemudian klik Save Template

Silahkan buat postingan baru untuk melihat hasilnya.

9 komentar for this post

Bayu Lebond
Desember 22, 2009 10:49 AM

tengkyu...mangkannya blog gw panjang amat...
mas doyok
Desember 22, 2009 7:01 PM

bermanfaat mas :D
Boku no Blog
Desember 23, 2009 4:21 AM

Bagus sekali Tutorialnya..
salam kenal dan sukses selalu..
Rudy
Desember 24, 2009 11:37 PM

@All:
Terimakasih telah mampir !!
demibara
Februari 03, 2010 8:17 PM

Kayaknya googlepages sudah pindah ke sites.google.
Kira-kira bakalan trouble nggak, ya, kalau pake script ini?
Rudy
Februari 06, 2010 4:15 AM

menurut sya, slama skriptnya tidak bermasalah ama hostnya, mudah2han semuanya baik2 saja. tp untk lebih jelasnya agar tdk ada keraguan di coba dulu gan .. hehehe
sukses yah...
Tutorial Konfigurasi Internet
Februari 11, 2010 1:44 AM

ahhhh gagal maning gagal maning.....
Riri~
Maret 02, 2010 4:41 PM

thank you infonya :)
Echa Azhar Nugroho
Maret 18, 2010 12:09 PM

mana kagak bisa2x,,,,sampe pusingggggg

Bukan kesempurnaan yang Saya harapkan, sebuah pencapaian yang lebih baik dari hari ini takkan terwujud bila tak ada Kawan yang meninggalkan jejaknya dalam kolom komentar !!

Arsip Blog

Membuat ReadMore Otomatis (Baca Selengkapnya) Pada Postingan Blogspot

Related posts :

9 komentar for this post

Leave a reply

Publisher

Followers

Category