Home » » Cara Membuat Read More dengan Image

Cara Membuat Read More dengan Image

Tutorial berikut ini bukanlah hal yang baru bagi para blogger senior, karena postingan ini berasal dari mereka, meskipun saya lupa dari mana asal usul sebenarnya dari kode-kode HTML yang akan disajikan sehingga sumbernya tidak bisa dituliskan.

Sekilas "read more" adalah link yang memutus postingan menjadi sebuah ringkasan dan jika di klik maka kita akan menuju ke postingan secara lengkap.

Untuk membuat "read more" ikuti langkah-langkah berikut

  • Silahkan menuju ke halaman blogger anda
  • Pilih "template" dan "edit HTML"
  • Pilih/Klik "Lanjutkan"
  • Centang " Expand Template Widget"
  • Tekan Ctrl F untuk mencari kode </head> lalu pasang tepat diatasnya kode HTML berikut ini :


  • Tekan Ctrl F untuk mencari kode <data:post.body/> lalu ganti dengan kode HTML berikut ini :


Keterangan:
  1. var thumbnail_mode = "float";  Bisa diganti dengan no-float meskipun perubahannya tidak tampak secara signifikan. 
  2. summary_noimg = 250; Angka menunjukkan jumlah total karakter yang ditampilkan dari hasil ringkasan tiap postingan tanpa gambar
  3. summary_img = 250; Angka menunjukkan jumlah total karakter yang ditampilkan dari hasil ringkasan tiap postingan dengan gambar/thumbnail
  4. img_thumb_height = 120; Angka menunjukkan ukuran tinggi image/gambar/thumbnail dalam pixel
  5. img_thumb_width = 120; Angka menunjukkan ukuran lebar image/gambar/thumbnail dalam pixel 

  • Langkah selanjutnya adalah melihat hasilnya dengan meng-klik "pratinjau"
  • Terakhir "Simpan Template" kemudian tutup

Semoga bermanfaat...

0 komentar:

Post a Comment

“Tidak ada kebaikan dalam hidup ini kecuali salah satu dari dua orang:
1. Orang yang diam namun berpikir atau
2. Orang yang berbicara dengan ilmu.”
[Abu ad-Darda’ Radhiallohu 'anhu]

Powered by Blogger.