Senin, 09 April 2012

Cara Membuat Read More

Read More ( baca selengkapnya ) membuat blog kita terasa lebih rapi dan hemat tempat, coba kamu bayangkan jika blog kamu di set misalnya 10 postingan dan semuanya tidak ada read more nya..wah pasti harus sering tarik scroll mouse ya.. dan ribet banget untuk itu dianjurkan menggunkan read more ( baca selengkapnya ) ga sulit kok membuat nya, caranya sederhana seperti berikut :
1. Login ke Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Lalu temukan kode ini :

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

5. Dah ketemu, ( pasti susah ya nemuinya ) caranay gini kamu klik CRTL+F di keyboard nanti akan muncul kotak find gitu kamu taruh kode diatas dalam kotak itu, lalu klik next dengan sendirinya komputer akan mencari kode tersebut, piye gampang kan...
Nah klo dah ketemu ganti kode di atas dengan kode ini :


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>


Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya" atau terserah kalian mau di ganti apa .
6. Simpan ya hasil copy paste kode kode tadi
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:


<span class="fullpost">

</span>


Lalu Save...
8.Waktu mau posting baru kan ada 2 pilihan tuh, yang "Compose / Tulis " dan "Edit Html", Pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :


<span class="fullpost">


</span>



Cara nulisinya kayak gini :


Aku menyukai blog dan segala yang berhubungan dengan hal hal <span class="fullpost">
yang berbau teknologi dan tentu saja uang heee
</span>
Silahkan Komentar
0 Silahkan Komentar

0 komentar: