12 Oktober 2008

membuat Read more versi baru di blogger

Teman-teman pasti pernah mendengar, tau, atau bahkan sudah memakai fungsi Read more ini.. Read more yang saya maksud disini adalah dengan Read more versi baru. Why ? karena Read more kali ini sedikit berbeda dengan Read More yang ada diblog saya..

Kelebihannya Read More kali ini yaitu ketika pembaca mengklik link Read more, maka keseluruhan artikel bisa terbuka tanpa harus membuka ulang halaman artikel yang terkadang membuat BT(bukan Birahi Tinggi lho ya..hhhihi..tp Bete2 ah basi2 loe..ko' nyanyi??? ) apa lagi kalo akses koneksi yg brat..dan beban blog yg berat (padahal blog saya juga berat!! maluu....niii yeee)

Tapi sayang kode-kode berikut ini hanya berlaku bagi teman-teman yang memakai template baru saja dan untuk yang memakai template klasik harap jangan berkecil hati (karena saya juga ga memakai Read more ini, bukan karna tidak mau..tapi ga malas ngedit untuk semua postingan saya terdahulu..hehehe)

OKay..berakhirlah basa basi di atas, mari kita lanjutkan misi kita untuk membuat rfungsi ini..lets do it


Sig in di blogger dengan id kamu
1.Klik menu layout
2.Klik menu Edit HTML
3.Klik tulisan Download Template lengkap, silahkan save dulu template kamu, ini untuk mencegah resiko apabila terjadi kesalahan dalam melakukan kesalahan dalam proses editing template
4.Klik kotak kecil di samping tulisan Expand Template Widget, sekali lagi jangan lupa untuk memberi tanda centang dulu yah
5.Tunggu beberapa saat sampai proses selesai
6.Copy kode berikut, lalu paste tepat di atas kode </head>


<script type='text/javascript' src='http://jide221107.googlepages.com/Readmore.js' />


7.Tambahkan kode berikut pada kode template Edit HTML, yang berwarna putih adalah kode asli dari kode template dan yang berwarna merah adalah kode yang harus di tambahkan :


<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>


Klik tombol SIMPAN TEMPLATE


Langkah selanjutnya :

1. Klik menu Pengaturan
2. Klik menu Format
3. Copy kode berikut lalu paste pada kotak kosong yang berada di samping tulisan Template posting


<span id="fullpost">


</span>




4. Klik tombol Simpan Setting


5. Selesai.




Cara posting artikel :

Pada saat berada pada menu posting, pilih tombol yang Edit HTML jangan pilih yang tombol Compose, maka akan secara otomatis terlihat kode tadi di atas yaitu :


<span id="fullpost">



</span>



Simpan artikel yang mau di tampilkan di muka (ringkasannya) di atas kode <span id="fullpost">, dan sisa keseluruhan artikel di simpan sesudah kode <span id="fullpost"> dan sebelum kode </span>.


Untuk artikel yang pendek, kamu tinggal menghapus kode tadi dan nanti artikel muncul tanpa ada kode [+/-] Selengkapnya... dan [+/-] Ringkasan saja....


Selamat mencoba !

Related Posts [Artikel Terkait]



posting by jideblack

Comments :

4 komentar to “membuat Read more versi baru di blogger”

Thanks tips-nya, bro.
Kayaknya artikel2 yang ada di blog anda bakal memperkaya koleksi tips dan trik blogging gue neh

Anthony Harman mengatakan...
on 

walaahh,...neeh baru yang gue carii,...bro. setelah sekian lama ternyata ada disini,...

brigaspad mengatakan...
on 

woohoooo.... dah lama utak atik belajar bikin read more, yg ada malah read more beneran dari satu blog ke blog yg laen...xixixix....
aq coba yaaa....

MooChenk mengatakan...
on 

keren,,sekian lama pengen tau caranya,,eh taunya nangkring di sini,,,boleh co-pas g?

V'inz~an~ime mengatakan...
on 

Posting Komentar

 
| Info Teknologi | Music | Informatika | Blogger Tips | SEO Blogger Indonesia Counter Powered by  RedCounter

Info teknologi free download download mp3 info tips rach-man facebook tutorial free lyrik 3gp lokal avi forum no free sex haram sekolah smu gratis uang kaya optimasi video indonesia lokal gadis cantik murah musik new perawan search update teknik SEO Adsense blog indonesia jide palangkaraya komputer hardware jaringan bali virgin anti virus