Terjemahan

Silahkan masukan kalimat bahasa yang anda inginkan untuk diterjemahkan oleh "Google terjemahan"

Minggu, 14 Februari 2010

Cara buat Read More di Blogger Blogspot

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

0 komentar:

Posting Komentar

Kalau Sobat sempet tinggalin coment,ya...?

Code HTML

Frame
<iframe src="http://namasitus_anda.com/" width="530" height="300" scrolling="yes"></iframe></div></div>
Show Hide
<div style="margin-bottom: 1px;"><i><b><small></small></b></i><input style="margin: 0px; padding: 0px; width: 450px; font-size: 15px;" value="Klik disini" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Klik disini&#39;; }" type="button" /></div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
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>
 

Color HTML

Cbox ( Tinggalkan Pesan )

Radio Dakwah

Transparant ajah Blog muji yang lain di idesemua.blogspot.com