Minggu, 02 Mei 2010

Cara Membuat Read More...Otomatis Pada Artikel Postingan Blogger | Untuk Pengguna Blogspot

Fitur Read More ini biasanya difungsikan untuk menjadikan Blog kita lebih ringan pada saat di-load pertama kali oleh pengunjung, terutama untuk Blog yang mempunyai tampilan yang penuh dengan gambar, dengan fitur Read More ini yang ditampilkan hanya sebagian kecil dari paragraf pertama artikel postingan anda dan disertai dengan satu buah gambar yang berupa thumbnail sehingga louding dari Blog anda pada saat pertama kali dibuka oleh pengunjung menjadi lebih cepat, itu menurut pemikiran saya, mungkin saja ada fungsi-fungsi yang lain.

Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di templete HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini. Pada cara ini anda dapat mengatur berapa karakter huruf yang akan ditampilkan pada postingan di halaman depan Blog anda, dan juga anda dapat menentukan besar kecilnya thumbnail gambar yang akan ditampilkan hanya dengan merubah sedikit nilai angka yang terdapat di dalam script Read More.

Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tsb.

Begini caranya memasang script Read More Otomatis di Blogspot :

1. Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML
Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda.

Cari dan dapatkan code ini:

</head>

Kemudian tandai dan langsung ganti dengan code ini :

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>

Angka-angka di atas bisa anda modifikasi sesuai dengan keinginan anda, lihat gambar di bawah ini:




2.  Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :

<data:post.body/>


Kemudian tandai dan langsung ganti dengan Code ini :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <data:post.body/>
  <b:else/>
  <div expr:id='&quot;summary&quot; + data:post.id'>
  <data:post.body/>
  </div>
  <script type='text/javascript'>
  createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
  </script>
  <span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
  </b:if>

Tulisan Read More pada Script di atas bisa anda ganti dengan kata-kata yang lain, lihat contoh gambar di bawah :

 


3.  Sudah Selesai lalu simpan perubahannya! Dan sekarang coba anda lihat hasilnya

Anda juga dapat mengunjungi beberapa Blog yang juga memposting cara membuat Read More di artikel postingan Blogspot, diantaranya :

* Bloggerplugins

* Snaphow
Blogged with the Flock Browser


Artikel Menarik Lainnya





17 komentar:

pathetic-poetic mengatakan...

sangat membantu. ;)
arigato'!

yahaya mengatakan...

tips yang bermanfaat...

mubashar mengatakan...

I really like your post you done a great jobs . Thanks for sharing valuable information.
printer cartridges

Unknown mengatakan...

salam bro...kenapa selepas sya menggunakan tips nie..sy punya masalah pada sitemap.di mana sitemap saya tidak keluar seperti sebelum ini..apa yg perlu sy buat??pleas....http://josrevalution.blogspot.com/

akang sukma mengatakan...

ma kasih kakak artikel nya sangat bagus sangat membantu sekali!!!

Obat Tradisional Gagal Ginjal mengatakan...

makasih infonya

Obat Tradisional Penyakit Kuning mengatakan...

semoga sukses selalu

Obat Tradisional Asam Urat mengatakan...

Salam kenal dan sukses selalu

Obat Tradisional Glaukoma mengatakan...

infonya sangat bermanfaat sekali

Obat Tradisional Penyakit Liver mengatakan...

thank's infonya

Obat Tradisional Penyakit Kanker Otak mengatakan...

Ikut gabung sisni ea

Obat Tradisional Penyakit Kanker Paru-Paru mengatakan...

sukses terus ea

Obat Tradisional Penyakit Patah Tulang mengatakan...

jangan lupa mampir balik ya gan

Toko Alat Bantu Sex mengatakan...

terima kasih infonya gan

obat batu ginjal mengatakan...

apa ini kak maksudnya aku masih belum paham euy, ada yang bisa jelasin sedikit?

rosi mengatakan...

Thank you for this great site, really variegated good and interesting ideas. Especially keep it up. Good luck
Best regards

voyance par mail ; voyance par mail gratuite

rosy123 mengatakan...

J’ai de plus en plus besoin de me rendre sur ton site. en fait pas un jour ne passe sans que j'admire ce blog supérieur
voyance gratuite en ligne par mail

Posting Komentar