Tags : Blogspot Tutorial, Java Script, Online Drive, Read More
RMO Pada postingan sebelumnya sudah pernah saya bahas tentang cara membuat read more atau baca selengkapnya. Hampir sama dengan postingan saya kali ini, namun read more otomatis memiliki kelebihan yaitu postingan akan terbagi menjadi 2 bagian secara otomatis. Untuk read more otomatis ini, dibutuhkan kode javascript yang sebenarnya bisa sobat simpan sendiri di tempat biasa sobat menyimpan file secara online.
Javascript yang saya gunakan di bawah saya simpan dengan alamat http://miskahiper.fileave.com/read-more-otomatis.js silahkan sobat klik link tersebut.
Kemudian simpan dalam komputer sobat, setelah itu upload lah ke tempat penyimpan online yang biasa sobat gunakan. Dalam hal ini saya menggunakan fasilitas fileave.com untuk menyimpan kode javascript untuk read more otomatis ini.
Buat blogger baru, saya sarankan menggunakan read more otomatis saja ketimbang read more yang biasa. Karena tentunya sobat tidak akan repot membagi 2 postingan sobat, sekedar berbagi pengalaman karena dulunya saya cukup kesulitan menggunakan read more manual, untungnya saya orang yang cerdas jadi permasalahan itu tidak berlarut – larut. Laughing
Berikut langkah – langkah dalam membuat read more otomatis :
1. Silahkan login ke blogger terlebih dahulu.
2. Klik Tata Letak.
3. Kemudian klik Edit HTML.
4. Centang Expand Template Widget.
5. Letakkan kode berikut ini, tepat dibawah kode :
6. Untuk yang sudah pernah menggunakan read more versi lama (manual), sebaiknya sobat kembalikan dulu kodenya seperti semula. Hapus kode yang saya tandai dengan warna biru di bawah ini, sesuaikan dengan template sobat, karena setiap template berbeda - beda :
Readmore
sehingga sekarang hanya ada satu
7. Kemudian hapus kode :
8. Ganti kode tersebut dengan kode berikut ini :
Read More …
9. Kemudian Simpan Template.
Keterangan :
summary_noimg = 450 –-> untuk tinggi postingan tanpa gambar.
summary_img = 360 –-> untuk tinggi postingan dengan gambar.
img_thumb_height = 120 –> tinggi gambar.
img_thumb_width = 150 –> lebar gambar.
Read More… –> bisa sobat ganti dengan tulisan Baca Selengkapnya / Baca Selanjutnya / atau apa saja yang sobat inginkan.
Untuk kode yang saya tandai dengan warna biru, silahkan sobat ganti dengan milik sobat yang sudah sobat upload ke dalam tempat penyimpanan online, atau jika tidak punya, sobat gunakan saja punya saya.
Silahkan sobat atur sesuai template sobat. Selamat berkreasi. Happy












0 komentar:
Posting Komentar