Auto Readmore : Read More Otomatis Blogger

Berbeda dengan mekanisme kerja readmore versi manual, readmore otomatis ini bekerja dengan mengganti/mereplace materi post dengan text yang digenerate oleh javascript. Disamping kelebihannya yaitu simpel - tidak repot, metode ini bisa gagal saat javascript tidak terload/pemanggilan gagal. Javascript sebagai mesin pemroses instruksi bisa anda pasang secara langsung di template, bisa juga anda tempatkan di lokasi lain kemuddian dipanggil menggunakan kode yang jauh lebih singkat. Untuk yang dipasang langsung, tutorial bisa anda dapatkan di blog o-om (link di bawah), sedang untuk javascript external, berikut tutorialnya :

Pasang kode pemanggil javascript
Masuk ke editing HTML, jangan lupa contreng expand template widget. Kemudian pasang script berikut diatas kode </head>


<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 350;
summary_img = 300;
img_thumb_width =250;
</script>
<script src='http://www.geocities.com/beteworks/readmorebudi.txt' type='text/javascript'/>


Note : kode sedikit berbeda jika dibanding aslinya. Tinggi tumbnail tidak diperlukan karena dibuat menyesuaikan lebar sehingga tetap proporsional.

var thumbnail_mode = pilihan adalah float atau no-float. Jika float, tumbnail ada di sebelah kiri dan dilingkupi tulisan, jika no-float, tumbnail sejajar dengan tulisan.
summary_noimg = menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail
summary_img = menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail
img_thumb_width = lebar maksimal tumbnail dalam piksel.

Pasang kode penampil hasil
Ganti code <data:post.body/> dengan script dibawah ini;


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<b:else/><data:post.body/></b:if>


Pasang kode icon readmore
Kode berikut berfungsi untuk memunculkan icon readmore. Kode bisa dipasang dibawah kode di atas, atau bisa juga dipasang sejajar dengan link komentar, kategori, atau di lokasi lain sesuka anda selama masih dalam lingkup post.


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'><img src='http://www.geocities.com/beteworks/readmore.gif' style='float:right;'/></a>
</b:if>









Level 5
Fungsionalitas 8
Estetis 8
Tutorial Indo Cara pasang Auto Read More
Tutorial Inggris -
Sampel Poside
Jika anda tertarik dengan artikel – artikel di blog ini, silahkan berlangganan gratis via RSS Feed, atau jika anda lebih suka berlangganan via email, anda bisa mendaftar di Sini.

2 komentar:

Unknown said...
wah ..baru ni ...izin copy dlu bro...
BudiTyas said...
Hwaduh mas,kelamaan libur ngeblog... saya lupa. Sekarang geocities sudah ditutup. File javascriptnya saya simpan di situ je...

Post a Comment

Untuk lebih mudah berkomentar, pilih opsi Name/Url. Anda tinggal isi nama saja, plus alamat situs jika anda punya blog/website. Ayo berbagi opini.

 
poside by budityas |n|e