Sabtu, 07 Februari 2009

Cara Membuat Rread More Pada Postingan Di Blogspot

Read More
Postingan terbaru biasanya akan muncul pada halaman utama tapi kalau postingan itu terlalau panjang akan mengakibatkan penuhnya halaman dengan postingan terbaru anda tersebut .Maka untuk menghindari hal tersebut dan ingin menjadikan tampilan postingan anda muncul lebih pendek pada halaman utama maka anda bisa menggunakan trik dengan membuat read more,trik ini banyak digunakan oleh pada blogger sebelum munculnya trik baru dan fitur baru dari blogger contoh trik read more yang lain yaitu Read More Otomatis baca di sini.

Adapun langkah - langkahnya sebagai berikut

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :


<div class='post-body entry-content'>


kalo sudah ketemu maka anda akan menemukan code dibawah ini


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


Kalau sudah ketemu ganti code

<p><data:post.body/></p>
dengan code 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>



Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "baca selanjutnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template dibagian bawah isikan kode berikut:


<span class="fullpost">




</span>


8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :

<span class="fullpost">


</span>


9.Tulis artikel yang akan ditampilkan sebelum code dibawah ini

<span class="fullpost">


Contoh dibawah ini

tulis artikel yang ingin di tampilkan

<span class="fullpost">
tulis artikel yang ingin disembunyikan sebelum code dibawah ini

</span>


10.Se lanjutnya karna sudah selesai tinggal minum teh ma makan camilan dulu

SELESAI DAN SELAMAT MENCOBA
Posted by: Bambang PageBambang PageUpdated at : 01.03


Jika Anda Menyukai Artkel Seperti Di atas,Link back ke artikel ini dengan mengcopy salah satu kode di bawah ini

URL untuk Postingan:


HTML Link Code:

BB (forum) link code:



0 komentar:

Posting Komentar

 

Copyright 2011 Bambang's Page is proudly powered by blogger.com | Design by Bambang's Page | Find us on Google+

Postingan Baru

Komentar Baru

Postingan Acak

  • Facebook LikeBox JQuery Popup Dengan Timer15/11/2012 - 2 Comment
  • Optimasi Custom Permalink Untuk  Seo  Blogger 20/11/2012 - 4 Comment
  • Cara Membuat Twitter (Retweet) Button Pada Postingan Blogger25/12/2010 - 4 Comment
  • Menambahkan Youtube Channel Tab Ke Facebook Page11/10/2011 - 0 Comment