Purba My ID

Membuat "Read More",Memberi Warna pada Posting dan membuat Semua Link Dibuka pada New Tab

Purba Sidadolok Sabtu, Oktober 31, 2009
Ada banyak teknik "Read More" yang bisa diterapkan pada blogspot :
  1. Menggunakan Read More konvensional. Keuntungannya: pemenggalan dapat kita tentukan sesuai selera. Hal yang tidak menguntungkan: sebelum posting harus memperhatikan pemenggalan, menentukan/memperkirakan di mana sebaiknya harus memenggal. Bahkan pada pemakaian gambar yang besar atau perataannya berbeda, membuat posting menjadi kegiatan yang kurang cepat. Ini teknik yang kuno, tidak rapi, dan hasilnya sering mengecewakan.
  2. "Read More" menggunakan spoiler, yaitu script yang bisa menampilkan terusan teks dari penggalan awal. Keuntungannya: drop-down menjadi lebih menarik dan cepat ditayangkan. Kerugian: isu kecepatan penayangan teks menjadi tidak lagi berguna karena loading-awal Anda mengaturnya untuk menampilkan 10 posting, berarti sama saja dengan memanggil 10 halaman sekaligus.
  3. "Automatic Read More' dengan Thumbnail Generator. Fasilitas ini dapat memproses screenshot sebuah halman posting menjadi thumbnail dengan ukuran yang bebas kita tentukan sendiri, atau jika sudah ada gambarnya di posting, kita tidak perlu memilih di mana penggalan itu harus dilakukan. Proses posting juga "asal tulis" saja. Komputer akan memprosesnya menjadi penggalan yang pas, rapi, dan cepat ditayangkan.
Berikut cara untuk membuat Automatic Read More....Letakkan code berikut ini sebelum </head>
<SCRIPT type='text/javascript'>var thumbnail_mode = &quot;no-float&quot;;summary_noimg = 500;summary_img = 400;img_thumb_height = 100;
img_thumb_width = 200;</SCRIPT><SCRIPT src='http://techieblogger.com/wp-content/uploads/2009/08/readmore.js' type='text/javascript'/>
Kemudian di bawah code <data:post.body/> atau <p><data:post.body/></p> tambahkan code berikut :
<SCRIPT type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</SCRIPT><div style='clear:both;'/><div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a expr:href='data:post.url' rel='bookmark'><small><b>[sh0w details,,]</b></small></a></span></div>

Kemudian untuk membuat warna pada Postingan :
Caranya seperti ini:
<div align="center">
<div style="background-color:#ff8000; border: 1px solid #000; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
TULISKAN POSTING DI SINI
</div>
</div>
hasilnya :
TULISKAN POSTING DI SINI
Apabila center dan color kita rubah menjadi :
<div align="left">
<div style="background-color:#FBFBEE; border: 1px solid #000; font-weight: bold; padding: 10px; text-align: center; text-transform: capitalize; width: 300px;">
TULISKAN POSTING DI SINI
</div>
</div>
hasilnya :
TULISKAN POSTING DI SINI

Kemudian untuk membuat semua tulisan yg memakai link, apabila di klik akan membuka tab baru, caranya:
cari kode <body>
letakkan dibawahnya kode ini : <BASE TARGET="_blank"/>

Ok...Selamat mencoba.
Tags:

Posting Komentar

0 Komentar

Posting Komentar