Cara Membuat Read More di Blogspot

Cara Membuat Read More di Blogspot

Cara membuat read more di Blogspot atau blogger sangat mudah, hanya dengan manupulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditampilkan di home, archive dan halaman label. Sebenarnya teknik ini bisa digunakan untuk menerapkan salah satu teknik Black Hat SEO di blogspot, untuk teknik SEO haram ini tidak akan saya bahas disini, yang berminat silakan explore dan dicoba sendiri.

Berikut ini langkah-langkah untuk membuat read more blogger

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 bloggernya terlihat secara keseluruhan.
3. Tepat di atas atau sebelum tag </head> 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>

Selanjutnya cari kode <data:post.body/> dan tambahkan kode berikut tepat dibawahnya:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Baca selengkapnya <data:blog.pageTitle/></a>
</b:if>

Selesai deh. 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>
demikian juga sebaliknya..



Cara Membuat Read More di Blogspot

Share this to:

Facebook Twitter Google+

Anda sedang membaca artikel : Cara Membuat Read More di Blogspot dengan url http://arifpoetrayunar.blogspot.com/2011/08/cara-membuat-read-more-di-blogspot.html

Artikel Terkait: Cara Membuat Read More di Blogspot

• Cara Membuat Tombol Spoiler di Blog     Sambil nunggu mata ngantug, ane mau share neh Cara Membuat Tombol Spoiler, ada yang tau gak apa itu Tombol Spoiler ? Tombol ...
• Cara Membuat Menu Navigasi Breadcrumb Di BlogspotMenu Navigasi Breadcrumb ini merupakan salah satu penunjang SEO dalam sebuah blog. Dilihat dari pengertinya yaitu adalah sebaris link tautan internal ...
• Cara Membuat Iklan Melayang Di Atas Header Blog Cara Membuat Iklan Melayang Di Atas Header Blog - Banyak cara untuk memasang iklan di blog, salah satunya dengan cara pasang iklan melayang di blog. ...
• Cara Pasang Iklan Otomatis Dibawah Postingan Cara Pasang Iklan Otomatis Dibawah Postingan - Banyak cara untuk memasang iklan di blog guna meningkatkan jumlah klik iklan yang di pasang pada blog ...
• Free Domain .Com .Net .Org GratisSemalem abis Blogwalking, eh dapet info menarik neh, Info ini saya dapet dari Blognya Chumhienk, langsung aja deh saya repost postingnya di Blog ini, ...