Memasang "read more" di blogger new Version

Gimana mulainya ya..... Sekarang aku akan coba buat read more di blog New Version. Nah.... biasanya nanti dibawah posting kamu terdapat tulisan "Selengkapnya" atau yang lain sebagainya , dan kalo diklik bisa memunculkan posting secara keseleuruhan di sebuah jendela baru. Dan yang tampil sebelumnya hanya posting yang dipotong sebagian.

Kalau gitu , tidak usah basa basi lagi.... Aku kasih tau ya.... !

Berikut langkah - langkahnya :
1. Log-in ke blogger
2. Masuk ke layout dan Edit HTML
3. Kalo sudah, jangan lupa beri tanda "centang" disamping "Expand widget templates"
4. Lalu masukkan script berikut sebelum </head> atau tepat sesudah script } ]]></b:skin> . Scriptnya :

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>



5. Lalu agar posting terpotong cari kode ini :

<p><data:post.body/></p>

6. Jika sudah ketemu , tambahkan script berikut di bawahnya :

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>


Lalu simpan

7. Jika sudah masuk ke Pengaturan >>> Format. Copy kan kode berikut di kotak Template posting paling bawah. Ini dimaksud agar setiap kamu membuat posting baru script berikut langusng muncul. Masukkan script berikut :

<span class="fullpost">

</span>

Lalu simpan

8. Terus kalau kamu posting baru. Pilih Edit HTML dan disitulah kamu menulis posting . Jangan di compose.

9. supaya terpotong, setiap kali kamu posting, klik pada bagian posting dimana kamu pengen tulisan Read More.. muncul, dan ketik <span class="fullpost"> sisa postingan sampai selesai </span>.

Mudahnya, <span class="fullpost"> ............ </span>.
terus titik titiknya berisi teks yang hilang. Diatas script diatas adalah teks yang akan muncul.

Hmmmm. bisa dicoba kan.... GOOD LUCK

6 komentar:

29 Agustus 2008 15:21 the black blizard mengatakan...

kueren mazzzz 8-}

30 Agustus 2008 13:07 MICK mengatakan...

@the black blizard:Nuwun bo dah baca - baca :D

2 Maret 2009 01:31 Key Blog mengatakan...

Wew,
Terimakasi banyak massss atas infona..

2 Maret 2009 05:42 archillimanjaro mengatakan...

to the pointnya bagus mas...ga banyak basa basinya..tapi bhasilnya langsung terasa...hheheheh..keep on blogging :D

26 Agustus 2009 00:01 Cerberus mengatakan...

Mas, numpang tanya dong. Di blogger saya kok ga ada ya data:post.body? adanya data:comment.body. Gimana kalo gitu mas?

21 April 2010 21:22 FanArshavin mengatakan...

THANKS..

FanArshavin.com

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Poskan Komentar

Anda bisa menggunakan HTML seperti <b> , <i>, <s>, <a> ... Jangan spamming, komentar bernada spam akan kami hapus.
Terima kasih telah berkomentar di JogjaWiki

 

Post yang berkaitan :

Grab this Widget ~ Blogger Accessories
 
© Copyright 2010 - Jogja Wiki Blog - Best viewed in 1152 x 864 pixel by Mozzila Firefox
Our Network at Bloggercustom and Healthy Tips | Post Entries | Comments -