Translate

Senin, 05 Mei 2014

Cara buat "Read More" di Blog

Tahap 1 - Edit HTML 
Langkah pertama silahkan login di blogger dan pilih blog yang akan di pasang read more ini. Kedua,
masuk ke menu edit html, lalu checklist kolom expand template widget kemudian cari kode html seperti ini : 

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

Ketiga, hapus kode tersebut lalu ganti dengan kode yang 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/></p> 
<a expr:href='data:post.url'>Read More .. </a> 
</b:if> 

Silahkan ganti text read more nya terserah anda. Kalo blog kursus blog ini pake baca selanjutnya. Jika sudah save template 

Tahap 2 - Cara Posting 

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> 

Udah ngerti kan...??. Ok kalo masih belum saya kasih gambarannya 

Paragraf postingan yang akan ditampilkan disini 

<span class="fullpost"> 

Postingan yang ditampilkan setelah read more di klik disini 

</span>

Tidak ada komentar:

Posting Komentar

Download APK Android Terbaru

Setelah ada temen yang nanyain tetntang gimana dia boros banget sama kuota internetnya buat coba-coba banyak aplikasi android di Play store,...