welcome

Cari di Blog ini

Add to Google Reader or Homepage

berbagi informasi, tips dan trick Blog

andiselebes Headline Animator

Enter your email address:

Delivered by FeedBurner


Cara membuat Readmore (Baca Selanjutnya)

Biasanya apabila kita membuat posting Blog mungkin terlalu panjang kebawah, nah...bila ingin memenggal sebagian posting yang tampil di halaman utama blog supaya tidak panjang, sehingga yang tampil hanya beberapa bagian tuliasan atau gambar pada awal saja, disini dibutuhkan sebuah Link Readmore/ Baca selengkapnya, berikut langka-langkahnya:

Pertama:

1. sign in Blogger
2. Pengaturan >> Format, pada bagian paling bawah halaman Format isi dengan Kode Ini

<span class="fullpost">

</span>


3. Simpan Pengaturan

Pemasangan kode tersebut diatas supaya pada saat kita memposting, kode tersebut langsung muncul di Posting tanpa harus mengingat lagi Kodenya.
Ketika memposting, ada 2 tab pilihan, yang "Compose" dan "Edit Html", pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti diatas.
Letakkan sebagian posting atau artikel yang akan ditampilkan dihalaman utama sebelum tulisan "Redmore" diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

Kemudian langkah Ke-2:

1. Masuk ke tata Letak
2. Klik tab Edit HTML>>untuk jaga-jaga BackUp template dengan Cara download template
3. Beri tanda centang pada kotak di samping tulisan Expand Template Widget
4. Silakan Cari kode Ini, supaya cepat pakai Control+F
<data:post.body>


5. hapus kode diatas dan ganti dengan Kode dibawah 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. Klik Simpan Template, Selesai.
Selamat mencoba.




Artikel Terkait:

Komentar :

ada 0 komentar ke “Cara membuat Readmore (Baca Selanjutnya)”
:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Posting Komentar

My Logo Blog

Add andiselebes Mippin widget berbagi informasi, tips dan trick Blog
Free counters!

Encode HTML

analystics