Juni 16, 2009

Membuat Read More / Baca Selanjutnya

Siapa pun pasti ingin punya blog yang menarik, baik dari segi tampilan maupun isi dari blog tersebut. Namun tak bisa dipungkiri, sebelum melihat isi dari blog tersebut, penilaian orang pasti akan tertuju dengan tampilan yang disuguhkan pada blog tersebut. Jadi ga salah tuh dengan slogan first impression.

Nah, oleh karena itu, pada kesempatan ini, gw akan mencoba ngasih tau gimana sih cara bikin read more pada blog kalian. Sebenernya sih gw juga masih Newbie di dunia perblog-an. Nih juga gw tau dari hasil surfing di Paman Google. So, ga salah dong klo mo bagi2 ilmu yang udah gw dapet. Ok deh langsung ja yah!!



Langkah pertama:
  • Log ini dulu lah ke blog kalian
  • Abis itu pilih dasbor
  • klik tata letak deh
  • trus klik edit HTML
  • lalu klik save download lengkap (nih opsional aja, gunanya buat jaga2. Siapa tau terjadi kesalahan, so tinggal di balikin lagi deh ke script yang lama.
  • klo udah, centang tuh yang tulisan "expand template widget"


Langkah kedua:
nah, selanjutnya cari deh script berikut ini:

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


susah carinya? Nih sedikit tips biar mempercepat proses pencariannya. Tekan aja CTRL+F dari browser kalian. Abis itu copas ja script tuh kedalamnya..Manteph kan??(hehe). Lanjut lagi gaan..
Kalo udah nemu, delete aja tuh script, trus ganti nih dengan script 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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>



Kalo udah, klik ja simpan template.

Langkah ketiga:
sekarang tinggal cara motongnya nih. Caranya begini nih guys:
ketik dulu kalimat awal yang pengen ditampilin, abis itu cantumin deh script ini:

<span class="fullpost">


trus ketik lagi lanjutannya dan diakhiri dengan script:

</span>


bingung? nih contohnya:

ini adalah cara untuk membuat readmore, ikutin aja langkah-langkah sesuai dengan petunjuk diatas.<span class="fullpost">klo bener dijamin ga akan ada yang error dehh</span>

nah hasilnya jadi begini deh:
ini adalah cara untuk membuat readmore, ikutin aja langkah-langkah sesuai dengan petunjuk diatas.selengkapnya

selamat mencoba guys....


Tidak ada komentar:

Posting Komentar

Search

Radioppidunia

Indowebster

About Me

Mahasiswa biasa yang ingin menjadi seorang yang luar biasa.


System Analyst wanna be

If Better is Possible, Good Is Not Enough