Tips Memenggal Postingan Dengan Read More

Balik lagi ah ngasih pencerahan sama agan-agan semua. Mengumpulkan perkakas pertukangan blog.hehee...Berawal Lagi liat-liat beranda blog saya, tapi ternyata kepanjangan. Bagi agan-agan yang merasa risih melihat postingan/beberapa postingan diberanda yang panjang, saya punya tips dan trik.Membuat penggalan dari postingan. Atau istilahnya membuat read more di penggalan tulisan/postingan agar yang muncul hanya penggalannya saja. Tujuannya agar beranda tidak terlalu panjang postingannya kebawah. Ini dipakai lumrah oleh para blogger semua. Saya pun mendapatkan info ini dari blogger-blogger di Jagat maya. Oke ga usah banyak bacod, ups..bicara lagi..hehe..kita mulai saja...

langkah pertama:

1.Sign in seperti biasa di blogger dengan id milik agan.

2.Klik Setting/pengaturan

3.Klik Formatting

4.Pada layar paling bawah, ada text area kosong disamping tulisan Post Template,

isi test area kosong tersebut dengan kode di bawah ini :



<div class="fullpost">


</div>


5.klik save/simpan setelan.


langkah kedua:

1.klik menu dasboard

2.Klik menu Rancangan.

3.klik menu EDIT HTML

4.jangan lupa Copy seluruh kode template milik agan lalu paste pada notepad dan

kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi

kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data

untuk mengembalikannya.

5. Cari kode


<div class='post-body'>


untuk memudahkannya tekan ctrl+f

6. Copy kode HTML di bawah ini kemudian paste di bawah kode tadi


<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

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

<b:else/>

<style>.fullpost{display:none;}</style>


7. Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :



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

8. Copy kode HTML di bawah ini kemudian paste di bawah kode tadi



<a expr:href='data:post.url'>Read More......</a>

</b:if>



trus save template deh...selesai Gan..


Cara Menggunakan Pada Saat Posting

-pilih menu posting

-pilih edit HTML

terlihat code <div class="fullpost"></div>


Trus tempatkan teks yang akan disembunyikan diantara kode tersebut.



* bisa lihat di gambar

Hasilnya :



Oke gan... Silahkan untuk dipelajari...saya mau nyangkul dulu...

Terimakasih Atas Kunjungannya
Judul: Tips Memenggal Postingan Dengan Read More
Ditulis oleh Belajar Online Shop
Rating Blog 5 dari 5
Item Reviewed: Tips Memenggal Postingan Dengan Read More
Semoga artikel Tips Memenggal Postingan Dengan Read More ini bermanfaat bagi saudara. Silahkan membaca artikel kami yang lain.

Artikel Terkait