Memasang Feature Slideshow Keren di Blog

Selamat malam semuanya! Pada tanggal 18 April 2012, kami memiliki trik dan tips untuk membuat fitur slideshow keren dengan efek jQuery. Posting ini memiliki gaya yang sangat sederhana namun memberikan beberapa opsi tambahan, terutama Anda dapat dengan mudah membuat feature slideshow ini dan menyesuaikan ukurannya sesuai dengan blog atau gambar yang ingin Anda gunakan. Lalu bagaimana cara menambahkannya ke Blogger? Ikuti petunjuk di bawah ini:

Langkah 1: Masuk ke Akun Blogger

Silakan masuk ke akun Blogger Anda untuk memulai.

Langkah 2: Masuk ke menu Desain/Rancangan, lalu klik Edit HTML

Pada halaman utama Blogger, cari menu “Desain” atau “Rancangan” dan klik “Edit HTML”.

Langkah 3: Cari potongan kode ]]> di blog Anda

Gunakan fungsi pencarian (klik tombol Ctrl-F) untuk mencari potongan kode “]]>” di dalam kode HTML blog Anda.

Langkah 4: Tambahkan kode slideshow

Setelah menemukan potongan kode tersebut, silahkan copy dan paste kode slideshow di bawah ini tepat di atas kode tersebut:

.main_view {
  mengapung: kiri;
  posisi: relatif;
}

.jendela {
  tinggi: 250 piksel;
  lebar: 600 piksel;
  meluap: tersembunyi;
  posisi: relatif;
}

.image_reel {
  posisi: mutlak;
  atas: 0;
  kiri: 0;
}

.image_reel img {
  mengapung: kiri;
}

.paging {
  posisi: mutlak;
  bawah: 40 piksel;
  kanan: -7 piksel;
  lebar: 178 piksel;
  tinggi: 47 piksel;
  indeks-z: 100;
  perataan teks: tengah;
  tinggi garis: 40px;
  latar belakang: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDiLCzDrAxp1dMcuw-Q4t6iYEbtZbawAcy6HDIh1hpt0aApbDdqFf_cDsXCvrsmf95Bs4tagw96qfs12XiFpBf-tmLnBcleGBSad_oL4f AS_fhSPe6iaK36xSgwSPrl5dX5odWJxlB_KLN/s1600/paging_bg2.png) tanpa pengulangan;
  tampilan: tidak ada;
}

.paging a {
  bantalan: 5 piksel;
  dekorasi teks: tidak ada;
  warna: #000;
}

Setelah menambahkan kode tersebut, Anda dapat menyesuaikan ukuran dan tampilan slideshow sesuai keinginan Anda. Jangan lupa untuk menyimpan perubahan yang telah Anda buat.

Sekarang, slideshow keren dengan efek jQuery sudah siap untuk ditampilkan di blog Anda. Anda dapat mengatur ukuran dan tampilan slideshow sesuai dengan preferensi Anda. Selamat mencoba!

Dapatkan kiriman baru melalui email