Modifikasi Auto Read More untuk Blogger

, ,
Ping

Modifikasi Auto Read More untuk Blogger - Kareba bebarapa sebab mungkin karena kita kurang puas dengan tampilan awalnya dan ingin agar Tampilannya lebih menarik dan lebih ramah seo ,cara-cara memodifikadifikasi dijelaskan dibawah ini:

A. Mengubah Kalimat "Read More - Judul Posting" menjadi kalimat sendiri

*Biasakanlah memback up template anda dulu sebelum merubah atu mengedit template hal ini bertujuan untuk mengantisipasi bila ada kesalahan pengeditan.

1.Login ke dasbor blogger lalu pilih Rancangan >> edit HTML Template jangan lupa centang expand widget dulu.

2.Cari kode <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
kalau kesulitan tekan CTRL+F.

3.Gantilah tulisan warna merah dengan kalimat Anda sendiri misalnya Baca Selengkapnya, Selanjutnya, lebih lanjut atu terserah anda ajalah. Jika ingin menambahkan beberapa simbol seperti tanda lebih besar, gunakan penulisan entitas HTML.

4.Simpan template.

B. Merubah tulisan "Read More - Judul Posting" dengan gambar

1.Lakukan langkah 2-3.

2.Ganti kode berwarna merah dengan <img src="url gambar" alt="readmore"/> Yang berwarna merah adalah alamat file gambar read more yang telah disiapkan sebelumnya.

3.Save Template blogger dan lihat hasilnya.

C.Memindah posisi read more dari sebelam kiri ke sebelah kanan

1.Lakukan langkah 2-3.

2.Ganti kode berwarna biru dengan style='float:right'.

3.Save Template blogger dan lihat hasilnya.

D. Mengatur jumlah karakter dan ukuran gambar

1.summary_noimg = 250; (250 adalah jumlah karakter yang akan ditampilakn sebelum read more jika pada postingan tidak terdapat image/ gambar)

2.summary_img = 250; (250 yang ini juga adalah jumlah karakter yang akan ditampilkan sebelum read more tetapi pada posting yang ada gambarnya)

3.img_thumb_height = 120; (ukuran tinggi gambar dalam pixel)

4.img_thumb_width = 120; (ukuran lebar gambar dalam piksel)

E. Menyempurnakan ratio gambar

Apabila script auto read more tersebut langsung dipakai tanpa diedit terlebih dahulu, maka ukuran gambar yang terlihat akan berbentuk bujur sangkar ukuran 120 x 120 pixel. Coba anda bayangkan bagaimana bila ganbar dengan ukuran besar dan panjang dipaksa tampil dengan ukuran 120 X 120 yang pasti akan wagu kan? Oke langsing aja ya nich adalah cara modofikasi tampilan gambar biar sempurna dan gak wagu:

1.Masuk ke Design, pilih Edit HTML, centang Expand Widget Templates di atas kotak editor.

2.Cari kode Java Script berikut :

{
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

3.Gantilah salah stu kode berwarna merah dengan auto,ingat satu saja jangan serakah.

4.Save template dan lihat hasilnya dalam cara Modifikasi Auto Read More untuk Blogger

0 comments:

Post a Comment

Gajah mati boleh meninggalkan gading, Harimau mati meninggalkan belang,Tetapi janganlah Anda pergi dengan meninggalkan SPAM komentarlah yang baik secara otomatis anda akan mendapatkan backlink dari link komentar Dofollow saya !

BackLink

BackLink !!!!