Kali ini saya akan coba membahas mengenai cara membuat read more di blogspot. Cara membuat read more ini sudah saya aplikasin di blog ini. Fungsi dari read more itu sendiri selain bisa meringkas postingan, juga dapat meningkatkan jumlah page views blog karena setiap artikel selalu di ringkas dengan suatu tautan atau link.
Bagi anda yang ingin tau cara membuat read more, silahkan ikuti petunjuk berikut :
Langkah ke-1
* Login di blogger lalu masuk ke menu edit HTML. jangan lupa kasih tanda centang pada kolom expand template widget
* Selanjutnya, anda cari kode html berikut :
<data:post.body> atau <p><data:post.body></p>
Save template dan Selesai untuk langkah ke-1
*Jika sudah ketemu, ganti kode yang barusan anda cari dengan kode di bawah 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/></p>
<a expr:href='data:post.url'>Read More .. </a>
</b:if>
Tambahan :
Coba anda perhatikan text yang berwarna merah. Text tersebut bisa anda ganti sesuai dengan keinginan anda. Yang mana text tersebut nantinya akan menjadi tautan untuk membaca seluruh artikel. dan teks itulah yang dinamakan read more
Langkah ke-2
Langkah yang ke-2 adalah cara memposting artikel supaya dapat diringkas. Karena jika anda tidak menerapkan langkah ini, artikel yang anda tulis tetap saja akan tampil penuh. Ok..langsung ke langkah2nya :
ketika membuat postingan, sisipkan kode berikut di sela - sela postingan yang ingin anda tampilkan sebagai ringkasan artikel
<span class="fullpost">
Sedangkan sisanya, simpan di bawah kode diatas kemudian akhiri dengan kode ini :
</span>
Jika digambarkan, urutannya akan seperti ini :
Ringkasan artikel
<span class="fullpost">
sisa artikel
</span>
Selesai......Silahkan untuk dicoba...
Terjemahan
Silahkan masukan kalimat bahasa yang anda inginkan untuk diterjemahkan oleh "Google terjemahan"
Minggu, 14 Februari 2010
Langganan:
Posting Komentar (Atom)
Code HTML
Frame
<iframe src="http://namasitus_anda.com/" width="530" height="300" scrolling="yes"></iframe></div></div>
Show Hide
tulisanmu disini
</div></div>
Teks Boks
<div class="widget-content">
<div style="overflow:auto;width:100%;height:340px;">
<p align="center">
<p style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px" align="center">
your teks
</a></center></div></div></div></div>
Image
<img src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs028.snc3/11551_102358339789374_100000456255869_59579_6929097_n.jpg" style="font-weight: bold; height: 485px; margin: 1px 12.5px; width: 300px;" />
Coment facebookku
<div id="fb-root"> </div> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"> </script><fb:comments href="mix-sains.blogspot.com" num_posts="10" width="430"></fb:comments>
0 komentar:
Posting Komentar
Kalau Sobat sempet tinggalin coment,ya...?