cara membuat read more otomatis

Cara Membuat Readmore Otomatis. Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik.

Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut dengan kode di bawah 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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang tebal adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...


KETIGA, klik save template

Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

download lenkap posting ini
good luck...bro or sist

»»  read full post

cara memasukan script pada postingan.

Bagi Blogger pemula kemungkinan menemui kendala jika ingin memasukkan kode HTML/script di postingan blog, karena script HTML tidak akan bisa tampil di postingan dan terkadang muncul pesan “error” .

Saya juga pertama kali kesulitan bila akan memasukkan script HTML tersebut. Untunglah di dunia maya ini banyak para blogger yang baik hati mempostingkan caranya, setelah di search melalui “ Om Gogel “ tak butuh waktu lama akhirnya ketemu deh caranya, yaitu dengan cara Konversi Online.

Adapun caranya adalah sbb :

1. Kunjungi Encode Decode HTML Converter disini.

Perhatikan Screenshoot di bawah ini :

2. Delete atau hapus terlebih dahulu tampilan kata-kata yang muncul di layer “Encode” , setelah clear..

3. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode” . Selesai

4. Copy dan paste hasil encode yang ada dalam kotak kedalam postingan Anda.

5. Selamat Mencoba

Catatan : menu “Decode” adalah untuk mengembalikan tampilan HTML sebelum di “Encode”

good luck...bro or sist

»»  read full post