Cara Pasang Carousel Sesuai Label

Bismillah. Setelah hampir 2 Jam saya mempelajari Cara Pasang Carousel sesuai label dari Maskolis akhirnya berhasil juga. Atas keberhasilan saya tersebut ingin rasanya saya berbagi dengan teman-teman untuk membuat carousel tersebut. 

Cara Pasang Carousel Sesuai Label

Pemasangan carousel sesuai label ini mempunyai beberapa manfaat diantaranya :
1. Membuat blog kita tampak hidup (agak mirip situs detik.com heheee)
2. Mempermudah navigasi laman

Bagaimanakah cara pasang carousel sesuai label?
  • Login ke blogger dengan akun Anda
  • Masuk ke template Edit HTML
  • Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template
  • letakkan kode berikut ini diatas kode ]]></b:skin>
Keterangan:
cari kode #carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}, ganti warna biru diatas sesuai lebar template anda. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head>


Keterangan :
  • Perhatikan kode jQuery.min.js 1.7.2 pada script diatas. Apabila di Blog anda sudah ada kode tersebut gak usah di pasang. langsung saja copy script yang kedua
  • numpost1 = 15, adalah jumlah postingan yang akan ditampilkan, silahkan ganti sesuai keinginan anda
  • label1 = news, ganti sesuai dengan kategori yang ingin di tampilkan. Ingat hurufnya harus sama dengan label yang anda buat

Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode  <div id='main-wrapper'>  Kemudian letakkan kode berikut ini diatasnya :

Sangat mudah sekali bukan, anda tinggal ikuti langkah-langkah diatas dan baca dengan teliti jangan terburu-buru, Jika masih ada yang kurang jelas silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Selamat mencoba dan semoga bermanfaat.
Disqus Comments