Cara Membuat Widget Slide Gambar Bergerak di Blog - Vidhian Jaya

Rabu, 22 Oktober 2014

Cara Membuat Widget Slide Gambar Bergerak di Blog

Menambahkan tampilan gambar di blog dapat memperindah dan memperamai blog. Ketika ingin menambahkan gambar di blog secara biasa dapat dengan menambahkan gadget gambar. Namun ada keterbatasan, yaitu hanya satu gambar untuk setiap upload, sehingga apabila ingin menampilkan beberapa gambar dapat memakan ruang.
Membuat Widget Slide Gambar Bergerak
Membuat Widget Slide Gambar Bergerak

Solusi untuk mengatasi masalah tersebut sebenarnya simpel yaitu dengan memanfaatkan fitur marquee (gerak). Fitur marquee yang biasanya digunakan pada teks saja kini juga dapat dilakukan untuk gambar. Hasilnya gambar dapat bergerak secara otomatis dan tidak terlalu memakan ruang yang banyak di blog.

Untuk menambahkan widget slide gambar bergerak caranya adalah sebagai berikut:

1. Buka blogger.com dan login ke dalam akun blog Anda.
2. Pilih Tata Letak (Layout) blog.
3. Pilih Tambahkan Gadget (Add Gadget) >> HTML/JavaScript.
4. Salin dan tempelkan kode script di bawah ini.

<marquee direction="up" onmouseover="this.stop()" scrollamount="4" onmouseout="this.start()">
<img src="URL GAMBAR 1" width="100%" height="100%" /><br />
<img src="URL GAMBAR 2" width="100%" height="100%" /><br />
<img src="URL GAMBAR 3" width="100%" height="100%" /><br />
<img src="URL GAMBAR 4" width="100%" height="100%" /></marquee>

Keterangan:
a. Mengganti arah gerak gambar dapat dilakukan dengan mengubah: direction="up" menjadi "right", "left" atau "down".
b. Apabila ingin mengganti gambar baru dapat dengan cara menganti URL GAMBAR, misalnya dengan: https://www.situsanda.com/file/contoh-gambar.png
c. Lebar (Width) dan Tinggi (Height) dapat diubah sesuai selera anda. Jika 100% maka secara otomatis akan memenuhi batas widget. Anda dapat mengatur lebar dan tinggi dengan pixel (px) atau persen (%).
d. Apabila ingin menambahkan gambar tinggal menambahkan kode berikut:
<img src="URL GAMBAR 5" width="100%" height="100%" /><br />

5. Klik Simpan (Save) >> Simpan Setelan untuk menampilkannya pada blog.

Diperbarui pada 22 Januari 2017.

21 komentar:

  1. mantap dah artikelnya saya sengan berkunjungnya

    BalasHapus
  2. Mantap...thanks bro...langsung d coba...

    BalasHapus
  3. Terimakasih banyak sob, mantab nih, dapet ilmu baru, biar tambah canggih blognya..

    BalasHapus
  4. Kok gambarnya pecahh yaa punyaku :'(

    BalasHapus
  5. mantap bro di blog pakek cara kamu tambah keren. makasih ya bro

    BalasHapus
  6. menempatkan di bagian atas blog , bagaimana ya gan caranya...

    BalasHapus
    Balasan
    1. Untuk menempatkan di bagian atas blog, apabila template blog anda belum tersedia kolom untuk menyematkan widget maka pertama anda perlu menambahkan kolom kosong untuk menyematkan widget terlebih dahulu.

      Hapus
  7. thank gan,sangat bermanfaat,..

    BalasHapus
  8. akhirnyaaaaaa.....
    kumenemukanmu......
    saat hatii.... iiiniii...
    mulai merapuh....

    makasih gan, ;-( ;-(

    BalasHapus
  9. gan bagaimana caranya scroll gambar dari samping???
    maksih sebelumnya artikel mantap benerrrr

    BalasHapus
  10. URL itu dari inet langsung gan ? kalau dari file komputer gimana scriptnya ? hatur nuhun gan

    BalasHapus
    Balasan
    1. Iya, untuk gambar perlu diupload terlebih dahulu dan pakai URLnya.
      Untuk file dari komputer langsung tidak bisa...

      Hapus
  11. mantabhhh... dicoba ahh, moga manfaat

    BalasHapus
  12. mantap... mampir juga yah di www.hafizberbagi.blogspot.com

    BalasHapus
  13. Mantaaab bro, jangan lupa mampir di gubuk ane yaa.. mbergembira.blogspot.com
    Thnkfull :-D

    BalasHapus
  14. mantap sob visit ane ya di arkoh.96.lt

    BalasHapus

Silahkan berkomentar dengan baik dan bijak, menghormati satu sama lain. Terima kasih.

Tentang Kami

authorHalo, selamat datang di situs Vidhianjaya. Situs ini dikelola oleh admin yang juga merupakan seorang pendidik dari sekolah vokasi / kejuruan di bidang teknologi dan rekayasa dan Duta Teknologi Kemendikbudristek. Selain sebagai pendidik, kami juga aktif sebagai penulis, konten kreator, penggiat literasi dan digital, serta penggerak organisasi di bidang pendidikan. Kami suka berkarya, berkreasi, dan berbagi dalam banyak hal, terkhususnya bidang pendidikan, literasi, teknologi, sains, digital, dan informasi.
Selengkapnya →



Subscribe Channel

Video Pilihan