Membuat Image Slide Effect Accoridion CSS3

HaiSob apa kabar? Ok sob pada postingan kali ini saya akan membagikan cara membuat efek slide pada gambar dengan CSS dan tanpa menggunkan javascript. Ini adalah gambar manual slide yang dapat sobat pasang untuk mempercantik tampilan blog, misalnya di pasang di homepege Blog.

Untuk slider otomatis artikel setiap postingan mungkin di lain kesempatan saya bagikan, berbicara soal efek slide pada gambar cek juga artikel yang ini nih : memasang chop slider di blog dan Slider otomatis di sidebar blog.

Image Accordion with CSS3

Image Accordion with CSS3
Image Accordion with CSS3



Cara Membuat Image Accordion CSS3 di Blogspot


  1. Di Blogger
  2. Ambil kode CSSnya DISINI, kemudian masukan kode ini kedalam CSS Blog. (Template ➜ Edit HTML lalu cari kode ]]></b:skin> Kemudian letakan kode CSS tadi tepat di atasnya  kode ]]></b:skin> lalu klik Simpan Template.
  3. Ambil kode HTMLnya DISINI. Copy code HTML tadi dan letakan ke dalam HTML template blog, atau pada widget blog misalnya dibawah navigasi atau dimana saja tempat yang sobat inginkan dan jangan lupa mengganti gambarnya ( link gambar ) dengan gambar yang sobat inginkan
  4. Simpan dan Selesai.

Ok sobat sekian dulu yang dapat dibagikan untuk saat ini. semoga bermanfaat.
Join This Site