Membuat Read More

Diposting oleh RF X-OWNERS on Kamis, 21 April 2011

www.blogdunia.co.cc adalah nama domain blog saya ini, lahir dari bocah yang bermimpi untuk mengajak banyak orang untuk bisa sukses di dunia blog ini. akan tetapi postinganya kagak ada yang pas buat nama domainnya. oleh karena itu saya akan mencoba untuk membuat banyak postingan tentang tutorial membuat blog untuk pemula, agar banyak orang yang ngeblog berawal dari blog ini. nah di bawah ini saya akan memberikan trik untuk membuat Read More atau kata orang indonesia "Baca Selengkapnya".Mungkin bagi para master blogger hal ini terlalu dasar dan sangat membosankan untuk dibaca, akan tetapi saya yakin bahwa masih banyak orang yang perlu di bantu dalam membuat hal ini, contohnya saya ini. oleh karena itu mohon dimaklumi.


ok sebaiknya saya mulai tutorial nya.
jika anda ingin merubah script template ada baiknya anda backup dulu template anda dengan cara klik download full template. hal ini berguna jika ada kerusakan fatal. maka anda bisa unduh kembali template tersebut.
lalu mulai.

1.Masuk kedalam Dashboard lalu klik Layout.

2. Pada halaman Layout klik Edit HTML dan berikan tanda ceklist pada opsi Expand Widget Template.













3. Cari skript dibawah ini

<data:post.body/>

4. jika anda tidak menemukannya mungkin template anda berbeda dengan umumnya, maka silahkan cari code yang ini.

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

5. Setelah itu hapus code di atas lalu gantikan dengan kode di bawah 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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

6. klikSave Template.

7. Selesai

sekarang buatlah postingan yang baru atau edit posting yang lama dan tentukan posisi untuk men-split teks. masuk ke mode Edit HTML

















kemudian ketikan skrip <span class="fullpost"> pada posisi teks yang hendak di split. lalu ketikan </span> Pada akhir postingan. lihat contoh di bawah ini.













lalu yang teakhir klik Publish Post untuk mempublish postingan anda.

{ 0 komentar... read them below or add one }

Posting Komentar