Cara Membuat Srolling Gambar Otomatis di blog

Assalamualaikum..?

Hallo.. teman semua jumpalagi dengan blog simpel yang kali ini akan membahas, Cara membuat scrolling gambar/image otomatis di blog, dijamin keren dan mantap! sangat pas bagi teman yang ingin mencoba hal baru, mendisain blognya, atau postingan supaya lebih menarik.

Example:

Menarik dan boleh dicoba!

Membuat scrolling image otomatis pada potingan bisa juga di sidebar
Imge dengan sistem scrolling otomatis bisa dibuat ditempatkan dimana saja sesuai keinginan di blog, bisa di buat pada postingan, atau juga di bagian sidebar/ melalui Tambah Gadget Rancangan Tataletak.

Lalu bagaimana cara pembuatanya? mudah kok hanya mengkopy script dibawah ini dan di letakan pada postingan, atau sidebar blog.

Berikut inilah script untuk membuat scrolling image.

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="350" height="250">

<a href="link" target="_blank"><img src="url gambar" /></a>
<a href="link" target="_blank"><img src="url gambar" /></a>
<a href="link" target="_blank"><img src="url gambar" /></a>
</marquee>

Banyak gambar bisa di tambah dan kurang.

Keterangan script:
up = artinya: keatas rotasi bisa diganti dengan:
down = kebawah
right = samping
Jadi yang warna merah adalah yang menentukan kemana arah rotasinya.
350 > ukuran lebar /bisa disesuaikan.
250 > ukuran tinggi kolom/ bisa diatur.
link > link target/ kalau diperlukan/silahkan tempatkan.
url gambar > silahkan masukan URL gambarya.

Untuk mengetahui URL gambar caranya dengan di unggah terlebih dahulu gambarnya baru kita akan tahu URL gambarnya yaitu pada mode HTML, temen semua pasti sudah tahu cara mengetahui URL pada sebuah gambar.

Membuat scrolling image di blog
Teman tentukan membuatnya bisa pada

• Post baru, atau edit,
• Sidebar blog

Cara membuat pada poatingan
Teman cukup menempatkan script di atas pada Edit post, langkahnya seperti berikut!
1. ..login ke bloger masing-masing.
2. ..buat satu postingan baru atau edit

3. Copy kode script diatas! >> lalu pastekan/tempel di postingan yang akan dibuat, pada mode HTML ya..! di sebelah Compose, pada draft blog.

Kalau sudah di letakan scriptnya di mode HTML, 

4. selanjutnya kembali pada Compose, dan dipersilahkan menggungah satu-persatu gambar>>selanjutnya tempatkan URL, gambarnya pada kolom yang sudah diterangkan diatas antara <img src="url gambar"

Cara Mengetahui URL gambar pada postingan blog
Contohnya sebagai berikut sebuah gambar/image, seperti biasa yang telah kita uplod pada postingan mempunyai sebuah URL, dan URL tersebut yang di letakan pada script diatas,

Seperti ini biasanya URL, pada sebuah gambar,

<img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5H-SDPCl3l_1SyCkaLvvG0vp2C-uzmu2R6vz6gZrxdeFUgoR_z8N3lSHDG7_sHRJ7j4veUF26Z3C2A52KcPr-pe0stQwRcPnXwbrC6S9MjoezBo_3-AiK1INRKZfwyV_DLwawJrsJeds/s320/Scrolling+otomatis.png" width="320"

Memasang scrolling image pada sidebar blog..
Caranya hampir sama seperti membuat pada postingan diatas bedanya dalam pembuatannya yaitu pada Tataletak.

1. Klik, Edit/tataletak/layout

2. Pilih HTML/JavaScript

3. Selanjutnya copy kode script yang tadi pada kolom seperti ini

4. Setelah di pasang masih seperti tadi yaitu memasukan beberapa URL gambar.

Demikian Trik membuat galeri gambar scrol oromatis (scrolling image) di blog yang bisa ditempatkan dimana saja kan sesuai kebutuhan.