Langkah Praktis Membuat Read More

It Me at 15.08

Mungkin anda belum mengetahui apa yang dimaksud dengan read more dan bertanya-tanya apa itu read more? Read more atau kata lain selengkapnya merupakan pemenggalan-pemenggalan tampilan artikel.

Banyak rekan-rekan blogger yang masih bingung dalam membuat read more dan kali ini saya akan membahas bagaimana langkah praktis membuat read more, ok, kita langsung saja......

Tahap 1 Pengaturan
Login ke akun blogger anda, lalu pilih pengaturan/setting dan pilih format (formatting), cari post template dan isikan kolom isian dengan kode yang berwarna merah di bawah ini.

<br /><span style="color: rgb(255, 102, 102);"><span class="fullpost"></span><br /><br /><br /><span style="color: rgb(255, 102, 102);"></span></span><br />

Lalu pilih Simpan Perubahan

Tahap 2 Edit HTML
Setelah melakukan Pengaturan awal tadi, tahap selanjutnya masuk ke menu Layout ----> Pilih Edit HTML, lalu checklist kolom expand template widget kemudian cari kode html seperti ini :

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

Selanjutnya hapus kode tersebut dan ganti dengan kode ini:

<br /><span style="color: rgb(255, 102, 102);"><b:if cond='data:blog.pageType == "item"'></span><br /><span style="color: rgb(255, 102, 102);"><style>.fullpost{display:inline;}</style></span><br /><span style="color: rgb(255, 102, 102);"><p><data:post.body/></p></span><br /><span style="color: rgb(255, 102, 102);"><b:else/></span><br /><span style="color: rgb(255, 102, 102);"><style>.fullpost{display:none;}</style></span><br /><span style="color: rgb(255, 102, 102);"><p><data:post.body/></p></span><br /><span style="color: rgb(255, 102, 102);"><a expr:href='data:post.url'><span style="color: rgb(51, 102, 255);"><span style="font-weight:bold;">Read More ..</span></span> </a></span><br /><span style="color: rgb(255, 102, 102);"></b:if></span><br />

Silahkan ganti tulisan Read More dengan Selanjutnya atau dengan tulisan yang sesuai dengan selera anda. Lalu simpan.

Tahap 3 Cara Posting Artikel
Setelah bagian edit html beres, sekarang saatnya untuk cara posting artikel dengan menggunakan read more. Langkah pertama, Silahkan buat postingan sampe selesai dulu. Kedua, tentukan paragraf yang akan di tampilkan kemudian pasang kode ini dibawah paragraf tersebut :

<span class="fullpost">

Ketiga, pasang kode berikut di akhir postingan

</span>

Selamat mencoba

Share : Langkah Praktis Membuat Read More

• Facebook
• Twitter
• Stumble
• Pinterest
• Google+

About It Me

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.