Cara Menciptakan Srolling Gambar Otomatis Di Blog

Baca Juga

Assalamualaikum..?

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

Example:

Menarik dan boleh dicoba!

Membuat scrolling image otomatis pada potingan dapat juga di sidebar
Imge dengan sistem scrolling otomatis dapat dibentuk ditempatkan dimana saja sesuai harapan di blog, dapat di buat pada postingan, atau juga di bab 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 menciptakan 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 dapat di tambah dan kurang.

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

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

Membuat scrolling image di blog
Teman tentukan membuatnya dapat pada

• Post baru, atau edit,
• Sidebar blog

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

3. Copy arahan script diatas! >> kemudian 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, menyerupai biasa yang telah kita uplod pada postingan memiliki 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/AVvXsEgRNJJ5eRs6iY7NSN2q-ADzjnQ-jluzH91-kx8-fsDIq75ZEwUqhKbx7gHrFf9Cls6rgXMIUfmh091aQHm0H-xzd6t0IiSa8l8yYhdV7ciEe7BO39h0UV5Venx81CWHYx7S6y6USC4Jd98/s320/Scrolling+otomatis.png" width="320"

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

1. Klik, Edit/tataletak/layout

2. Pilih HTML/JavaScript

3. Selanjutnya copy arahan script yang tadi pada kolom menyerupai ini

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

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