Welcome

Delete this widget from your Dashboard and add your own words. This is just an example!

lufti.azrim

lufti.azrim

lufti.azrim

lufti.azrim

lufti.azrim

lufti.azrim

lufti.azrim

lufti.azrim

Cara Membuat Read More Manual

Selasa, 13 Desember 2011




Postingan yang terlalu panjang mungkin terlihat kurang enak karena halaman terlihat sempit. Buat anda yang ingin mempersingkat postingan anda dengan memasang Read More di postingan secara manual.
Langka-langkahnya sebagai berikut:
  • Anda masuk ke Account Blogger anda. Terus anda masuk ke Pengaturan>Format.
  • Dan tulis kode yang berwarna biru di bawah ini ke sebuah box di samping Template Entri.
<span class="fullpost">



</span>
Untuk lebih jelas lihat gambar di bawah ini:



Kode ini dimasukan ke box seperti di atas supaya memudahkan anda untuk tidak menulis kode tersebut setiap membuat postingan, jika sudah memasukan kode tersebut silahkan anda klikSimpan Setelan.
Setelah anda menyimpan setelan di atas, sekarang langsung masuk ke Edit HTML untuk memasukan kode berikutnya. kalau anda sudah masuk ke Edit HTML saya sarankan anda untuk mendownload template supaya saat terjadi kesalahan dalam memasukan kode dan telah di simpan anda bisa memasukan tempalte sebelum anda edit.atau saat terjadi keslahan memasukan kode dan telah di simpan, anda bisa mengklik Kembalikan Template Widget Ke Default.
Setelah anda mendownload template,saatnya memasukan kode tapi sebelumnya anda contreng dulu Expand Template Widget yang berada tepat di atas box berisi tempalte. setelah di contreng tunggu beberapa saat.Lalu cari kode berikut ini di box tempalate anda:
<p><data:post.body/></p>
atau
<data:post.body/>
Untuk memudahkan anda mencari kode tersebut coba anda tekan Ctrl+F, lalu masukan kode yang tadi saya maksud. kalu sudah ketemu ganti kode tersebut 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>Baca Selengkapnya...</strong></a></p>
</b:if>
Kalau sudah masukan kode di atas, jangan lupa klik Simpan Template.

Selamat mencoba dan semoga bermanfaat.

0 komentar:

Posting Komentar