27 Juli 2009

Blogger Expand/hide text

1.Pilih Tata letak/layout
2.Edit HTML
3.Download template lengkap untuk mengantisipasi kesalahan.
4.Cari ]]></b:skin> didalam edit template atau tekan Ctrl F untuk menemukannya
5.Copy code berikut:

<!-- Style to implement "Read more on this Article" link in all the posts (Start) -->
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<!-- Style to implement "Read more on this Article" link in all the posts (End) -->

6.Paste diantara code ]]></b:skin> dan </head>
7.Simpan template
8.Beri tanda Cek pada box Expand Template Widget
9.Temukan <data:post.body/>
10.Copy code berikut:

<!-- Code to show "Read more ..." Link (Begin) -->
<b:if cond='data:blog.pageType != "item"'>
<span>
<a expr:href='data:post.url' style='color:#0000FF; text-align:right; font-weight:bold; text-decoration:none' >Read more ...</a>
</span>
</b:if>
<!-- Code to show "Read more..." Link (End) -->

11.Paste setelah <data:post.body/>
12.Terakhir kembali ke Menu Pengaturan
13.Pilih format
14.Copy code berikut:
<span class="fullpost">
</span>
15.Letakkan code tersebut pada Template Posting
16.Simpan setelan.
Catatan: 1.Setiap kali anda masukan posting baru pilih edit html jangan tulis.
                2.Akan terlihat code
                   <span class="fullpost">
                   </span>
                3.Letakkan tulisan anda seperti berikut:
                    Judul
                    Ini contoh bagian permulaan
                    <span class="fullpost">
                    isi dan penutup disini
                   </span>
                4.Simpan posting anda kemudian lihat hasil posting anda.
17.Selamat mencoba dan hasilnya seperti readmore... diblok ini.

Posting Komentar

Terimakasih Atas Komentar Anda.