rss

Sabtu, 26 April 2008

Cara Membuat Read More di Blog

Di postingan sebelumnya telah saya ajarkan cara pasang sitemap di blog. Di sini akan saya ajarkan kpada bro cara membuat read more. Pasti bro sering melihat kata "READ MORE" atau kata "BACA SELENGKAPNYA" kan? hehe..tapi bagaimana cara membuat read more?? Wah itu mah gampang bro...Bro tinggal ikutin langkah-langkah saya di bawah:



1. Login ke blogger.com
2. Pilih layout > Edit HTML
3. Pada tab edit html centang kotak expand widget templates
4. Setelah itu tekan ctrl+f lalu find kata post-header
5. Setelah ketemu kata post-header, lalu tinggal me-replace kata post-header tsb dengan kode di bawah
<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);'>[+/-] Selengkapnya...</a></p>


</span>

<span id='hidelink' style='display:none'>

<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan saja...</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>


6. Setelah itu SAVE TEMPLATE di blog bro
7. Masuk ke setting di blogger.com
8. Pilih tab Formating masukkan kode di bawah pada kotak post template
<span id="fullpost">

</span>
9. Setelah itu save dan klik new post
10.Untuk memposting bro mesti mengganti modus compose menjadi html
11.Pada modus edit html pada postingan ada kata berikut
<span id="fullpost">

</span>
12.Masukkan postingan bro di tengah2 nya dan setelah semua postingan selesai maka cut kode <span id="fullpost"> pada barisan yg bro mau untuk membuat menjadi kata Baca Selengkapnya atau READ MORE

13. Publish dan selamat,bro telah selesai membuat html Read more pada template bro..

Okay..c you guys in my next post..
Happy Blogging

4 comments:

Hasan said...

Thanks bro dah ane terapkan ilmunya di
blog ane
http://www.dforexcorner.blogspot.com/
:p

YANSON BASTIAN said...

:002 bro itu semua dicopy, atau cuma yg dibold merah aja yang dicopy. :0018

YANSON BASTIAN said...

ada tulisan ini bro Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The value of attribute "class" associated with an element type "null" must not contain the '<' character.

:(:(:( :0015

Anonim said...

gan gmana?


Posting Komentar

 

Ardi Blog | Tutorial Blog

Recent Comments