Cara Membuat Read More di Blogspot

Posted by muhammad khusaini

Cara membuat read more di blogspot tidaklah terlalu sulit hanya butuh sedikit kesabaran dan kejelian untuk menempatkan kode-kode pada HTML anda,,,,,,

Read more akan lebih menarik jika di padankan dengan template blogspot anda. jika anda ingin mengubah template dapat di download di sini

Okey deh ke TKP (ala OVJ) membuat read more di blogspot :


1. Silakan login ke blogger.com, klik link Layout (Tata Letak) kemudian klik link Edit HTML

2. Aktifkan list Expand Template Widget, agar source script template blogger na terlihat secara keseluruhan.

3. Tepat di atas atau sebelum tag masukkan kode berikut seperti ini:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.hidenpost {display:inline;}
div.hidenpost {display:inline;}
<b:else/>
span.hidenpost {display:none;}
div.hidenpost {display:none;}
</b:if>
</style>

4. Cari <data:post.body> dan tambahkan kode berikut tepat dibawahnya:

<b:if cond="'data:blog.pageType">
<a href="http://www.blogger.com/%27data:post.url%27"> Baca selengkapnya <data:blog.pagetitle></data:blog.pagetitle></a>
</b:if>

5. Selesai. Sekarang setiap posting letakkan

<span class="hidenpost"> sisa postingan yang akan dihiden, akhiri dengan </span> (ketika memasukkan <span class="hidenpost"> dan </span> posting harus dalam mode Edit HTML bukan Compose ) pastikan juga diantara <span class="hidenpost"> dan </span> tidak boleh ada <span> jika tidak bisa dihindarkan gunakan <div class="hidenpost"> dan </div>


semoga tutorial
cara membuat read more blogspot berguna
Artikel tentang Cara Membuat Read More di Blogspot Url Address http://penowo.blogspot.com/2011/06/cara-membuat-read-more-di-blogspot.html
Cara Membuat Read More di Blogspot by Mahir Blogging
>

Related Post/terkait

{ 0 comments... read them below or add one }

 

Mahir Blogging

Here:
Blogger Bertuah

Statistic

Mahir Blogging