Welcome to kocomon.blogspot.com
go to my homepage
Go to homepage

Rabu, 10 Agustus 2011

MEMBUAT READMORE PADA BLOG

Dalam beberapa postingan blog, sering kita mendapati postingan blog tersebut sangat panjang dan membuat tampilan blog tersebut menjadi tidak rapi kitapun jadi malas membacanya. Maka di postingan kali ini saya akan kasih tau, gimana caranya membuat blog kita menjadi rapi dan tidak menghabiskan banyak halaman...


Langkah 1:
- login ke Blogger,
- Lalu klik Rancangan
- Pilih Edit HTML
- Jangan lupa Klik Expand widget'nya

Langkah 2:
- Cari kode ]]></b:skin>
- Setelah itu Copy kode dibawah ini setelah kode ]]></b:skin>

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

- Selanjutnya agar postingan terpotong cari kode ini

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

- Tambahkan kode dibawah ini dibawah persis kode <p><data:post.body/></p>

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

Langkah 3:
- Klik Setelan pada menu Dasbor,
- Klik Format, lalu isikan kode di bawah ini kedalam kotak Template Entry

<span class="fullpost">  </span>

- Simpan setelan

Jika anda membuat postingan baru akan muncul kode   

<div dir="ltr" style="text-align: left;" trbidi="on"> 


<span class="fullpost">  </span></div>

- Nah disetiap anda akan membuat postingan baru, pastikan isi postingan anda berada antara kode berwarna merah dan biru.
- Dan sisa postingan pastikan berada antara kode </span> ISIKAN SISA POSTINGAN ANDA DISINI</div>

Masih binggung.......
Saya beri Contoh :


<div dir="ltr" style="text-align: left;" trbidi="on"> 

ISIKAN BEBERAPA POSTINGAN ANDA DISINI. NANTINYA POSTINGAN INI YANG AKAN TAMPIL DI DEPAN BLOG ANDA

<span class="fullpost"> LALU KETIK SISA POSTINGAN ANDA DI SINI. NANTINYA POSTINGAN INI AKAN TERSEMBUNYI  </span></div>


Hasilnya akan seperti ini:


ISIKAN BEBERAPA POSTINGAN ANDA DISINI. NANTINYA POSTINGAN INI YANG AKAN TAMPIL DI DEPAN BLOG ANDA..... READ MORE... 

Gimana gampangkan.....

Selamat mencoba,, jangan lupa komentar ya... :) 

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Sang Blogger

  © Free Inspiration Blog My Blog by RAInDY Blog

Back to TOP