Cara Mudah Pasang Slider Otomatis Blogspot

KUCOPAS - Cara Membuat Slider Carousel Di Blog. Slider adalah content yang bersifat slide atau berjalan secara slide berurutan, trik membuat Slider Carousel diblog ini saya dapat dari Maskolis dan akan saya share untuk sobat semua. Slider Carousel yang saya kuak ini sangat sederhana dan hanya menggunakan jCarousellite script tanpa menambahkan efek easing dan mousewheel.

Fungsi kerja dari slider carousel ini akan menampilkan artikel terbaru atau juga bisa di setting menurut (berdasarkan) label/kategori blog yang berjalan slide, jika pilihan diklik, maka akan terbuka artikel selengkapnya. Fungsi sebenarnya hampir sama seperti pada artikel Cara Membuat Foto Slide Show Di Blog yang sudah pernah saya posting sebelumnya. Sobat bisa membacanya lagi biar menjadi lebih jelas.

#Ini gambar screenshoot Slider Carousel diblog yang akan saya kasih trik tutorialnya.


Cara Membuat Slider Carousel Di Blog

Cara Membuat Dan Memasang Slider Carousel Di Blog

1. Silahkan sobat >> Login/Masuk ke Blogger.com dengan akun sobat.

2. Pada dasbor pilih menu >> Template >> Edit HTML.

3. Cari kode ]]></b:skin> (Gunakan CTRL+F untuk memudahkan pencarian).

4. Jika sudah ketemu, sobat letakkan kode berikut ini tepat sebelum atau diatas kode ]]></b:skin>

Catatan:
width:950px; adalah Lebar ukuran slider keseluruhan, silahkan sobat ganti nilainya sesuaikan dengan lebar template blog sobat.
height:185px; adalah Tinggi ukuran slider keseluruhan, silahkan sobat ganti nilainya sesuai dengan keinginan sobat.
5. Langkah selanjutnya masih pada posisi Edit HTML, silahkan sobat cari kode </head> (Gunakan CTRL+F untuk mempercepat pencarian).

6. Jika sudah ketemu, silahkan sobat masukkan kode berikut ini tepat diatas atau sebelum kode </head>

Catatan:
numposts1 = 10; adalah jumlah slider yang akan ditampilkan, silahkan sobat ganti nilainya pada angka warna BIRU sesuai dengan keinginan sobat.
label1 = sport; adalah daftar label yang ditampilkan pada slider, silahkan sobat ganti tulisan warna PINK sesuai dengan label pada blog sobat. Jika ada space (spasi) pada label, silahkan sobat ganti spasi dengan %20. Perlu sobat ketahui, besar kecil huruf harus sama dengan label pada blog yang sudah sobat buat. Contoh label yang menggunakan spasi, tutorial blog penulisanya jadi tutorial%20blog
Apabila sobat ingin menampilkan Slider Carousel untuk daftar postingan Artikel Terbaru, maka hapus saja kode /-/sport sehinga menjadi seperti ini document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results
7. Langkah selanjutnya adalah memanggil slider tersebut agar mau muncul di blog kita. Silahkan sobat cari kode <div id='main-wrapper'> (Gunakan CTRL+F untuk memprcepat pencarian), kemudian letakkan kode berikut ini tepat diatas kode <div id='main-wrapper'>

Catatan:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
-
-
</b:if>
Kode warna HIJAU di atas adalah Kode yang hanya menampilkan Widget pada Homepage (Halaman utama) blog saja. Jika sobat ingin menampilkan pada semua halaman blog, silahkan di hapus kode yang berwarna HIJAU, atau sobat juga bisa menggantinya dengan kode pada postingan saya yang sudah saya share sebelumnya. Yaitu tentang Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog.
Kode Slider Carousel diatas bisa juga sobat letakkan di bawah atau di atas navigasi menu blog sobat atau bisa juga diletakkan di atas footer blog sobat. Silahkan berexperiment sendiri untuk mengaturnya sesuai dengan keinginan sobat.
8. Setelah semua langkah-langkah diatas sudah sobat terapkan, maka silahkan sobat klik >> Preview/Pratinjau, demi untuk menghindari kesalahan waktu Edit HTML dalam Template.

9. Langkah yang terakhir, jika hasil dari Preview/Pratinjau sudah seperti yang sobat inginkan, maka silahkan sobat klik >> Save/Simpan Template dan lihat hasilnya.

Jika sobat sudah berhasil, jangan lupa Follow, Like, atau jika ada pertanyaan seputar tutorial Cara Membuat Slider Carousel Di Blog di atas, silahkan kirim komentarnya pada Form Comment yang tersedia dibawah. Semoga artikel posting yang saya share ini bisa sangat bermanfaat.

Copas"