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

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


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


• 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>


• Cari <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. 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

Posted in: breakingnews,feature,gallery,Tips-tips berguna untuk blog