Senin, 26 September 2011

cara membuat read more bloger


cara membuat read more...  pada postingan bloger




Langsung aja yach ke langkah-langkah pembuatannya :




1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode ( Ctrl +  F) berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) : 





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

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti 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".5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:




<span class="fullpost">



</span>

8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :


<span class="fullpost">


</span>
10. cara postingnya : klik edit HTML lalu copy code <span class="fullpost"> paste di tempat yang anda inginkan untuk menempatkan read more


selesai ^^

Tidak ada komentar:

Posting Komentar