Trik Memasang Image Slider Pada Blog Di Blogdetik

Karena bosan menunggu terlalu lama email balasan dari adminblog@detik.com, akhirnya saya mencoba membuat sendiri Image Slider sederhana.

 

Ilustrasi Trik Memasang Image Slider Pada Blog Di Blogdetik - Cratis

 

Image Slider sangat sederhana buatan saya ini tidak menggunakan javascript hanya mengandalkan CSS dan marquee. Silakan lihat pada bagian atas di Homepage atau pada bagian bawah di posting. Menarik bukan? Ah, mungkin saja tidak!

 

Ya, sudah! Kalau mau ikutan pasang, silakan ikuti langkah di bawah ini.

 

Sebelum memasang Image Slider ini sebaiknya melakukan pencadangan dari tema yang sedang dipakai, dengan cara:

  • Setelah login akseslah dasbor blog yang ingin diganti temanya.
  • Klik Tema pada sidebar dasbor.
  • Klik Edit HTML / Pasang Widget.
  • Pada kotak Kode HTML, salin semua kode HTML yang ada didalamnya ke word editor seperti Notepad, Notepad++ atau lainnya.

 

Kalau sudah login, akses dasbor blog yang ingin kamu pasang “Image Slider”, langsung saja ke bagian Tema kemudian klik Edit HTML / Pasang Widget.

 

Copy-Paste kode CSS di bawah ini dan letakkan sebelum tag HTML </head> :

 

 

Contoh Kode HTML Image Slider:

 

 

Setelah kamu rubah kode HTML di atas, letakkan di bawah tag {{ comment }} supaya Image Slider muncul hanya di bawah posting.

 

Ilustrasi 02 Trik Memasang Image Slider Pada Blog Di Blogdetik - Cratis

 

Atau

 

Setelah kamu rubah kode HTML di atas, letakkan di bawah tag {% else %} supaya Image Slider muncul hanya di Homepage pada bagian atas.

 

Ilustrasi 03 Trik Memasang Image Slider Pada Blog Di Blogdetik - Cratis

 

Jika sudah klik tombol Simpan dan akseslah blog melalui browser favorit yang biasa kamu gunakan untuk surfing untuk melihat hasil pemasangan Image Slider.

 

Selamat berkreasi!

Oleh ; Pada 21 Oct 2016 - 14:16 WIB
Tags: , ,
-

Mau Belanja Hemat Di Zalora? Ini Rahasianya!
Dipopedia-ContohMenggunakanKodeVoucherZBAPoct.gif

dipoGrafiFeed

MestizoFeed