Menyingkat Tmpilan Postingan Dengan "READ MORE"

Kali ini saya akan membagi trik mempersingkat tampilan postingan sobat, biasanya para BLOGGER menyebuatnya READ MORE.. OK, langsung aja ke TKP...

Langkah - langkahnya sbb:

1. Masuk ke account Blogger, pilih "Layout" dan "Edit HTML",
2. Centang "Expand widget Templates",
3. Masukkan kode di bawah sebelum </head>dan setelah ]]></b:skin>

<style> <b:if cond='data:blog.pageType == "item"'>   span.fullpost{display:inline;} <b:else />   span.fullpost{display:none;} </b:if> </style> <script type="text/javascript"> function showHidePost(obj){  var sib = obj;  while(sib.previousSibling){      sib = sib.previousSibling;      if(sib.className != "fullpost"){continue;}      sib.style.display = obj.showed ? "none" : "inline";      obj.showed = !obj.showed;      obj.innerHTML = obj.showed ?                     "[-] sembunyikan" : "[+] Penasaran Baca Disini...";  } } </script>

 4 .Kemudian, untuk menambahkan tulisan "Read More" atau semacamnya, cari kode <data:post.body/>,dan tambahkan tepat di sampingnya:

<b:if cond='data:blog.pageType != "item"'> <a href='javascript:void(0)'    onclick='showHidePost(this)' >     [+] Penasaran Baca Disini... </a> </b:if>

 5. Terus untuk mengatur postingan yang "tersembunyi", tambahkan tag <span class="fullpost&
quot;> Postingan yang disembunyikan </span>di posting sobat


CONTOH:




APA KABAR SOBAT BUKAN PORNO SEKALIAN <span class="fullpost&
quot;> BERTEMULAGI DENGAN SAYA </span>


Dan hasilnya akan seperti ini:


APA KABAR SOBAT BUKAN PORNO SEKALIAN Penasaran Baca Disini



SELAMAT MENCOBA, SEMOGA BERMANFAAT..