Mungkin temen-temen ada yang tahu dan ada yang blom tahu bagaiman caranya menampilkan foto pada gadget agar pada saat blog terbuka akan tampil foto yang kita inginkan atau kita tampilkan. Script yang kita gunakan amat sederhana namun kalau tidak tahu amat susah untuk menampilkan dan saya akan berbagi melalui artikel ini berdasarkan pengalaman dan jika berhasil akan tampil seperti gambar yang bergerak di sebelah kiri blog ini.
Dan langsung saja pada TKP
Untuk pertama adan Upload terlebih foto yang ingin anda tampilkan setelah upload anda dan adan klik kanan pilih view image dan kopy alamat tersebut.
Jika sudah mempunyai alamat foto maka anda login pada blog dan pilih rancangan/design dan pilih add gadget pilih yang HTML/javascript seperti gambar berikut
Setelah itu copi script berikut
<center>
<img border="0" src="https://lh6.googleusercontent.com/-V_jwa2UmfA0/TdFPPL2g8tI/AAAAAAAAATA/YT2eEXpqLpo/s288/Page1.jpg" width="200" height="400"/>
</center>
Dan ganti yang berwarna merah dengan alamat yang anda punya dan ukuran bisa anda ubah dan simpan jika anda ingin menampilkan gambar tersebut bergerak ke arah kiri maupun kana atau ke atas kebawa script yang kita gunakan seperti ini
<div class="widget-content">
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5" direction=marquee direction="left" behavior="alternate"="center" height="100" width="100%">
<center>
<img border="0" src="https://lh6.googleusercontent.com/-V_jwa2UmfA0/TdFPPL2g8tI/AAAAAAAAATA/YT2eEXpqLpo/s288/Page1.jpg" width="200" height="400"/>
</center>
Ket : angka lima adalah kecepatan seberapa yang anda inginkan jika semakin kecil maka semakin lambat dan sebaliknya sedangkan left arah gerak kekiri dan kekanan dan pada 100,200,400 ukuran pada gadget yang akan tampil
Dan jika temen-temen ingin yang keluarannya tidak bolakbalik searah maka secrip yang kita gunakan
<div class="widget-content">
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5" direction="lift" align...="center"
height="100" width="100%">
<center>
<img border="0" src="https://lh6.googleusercontent.com/-V_jwa2UmfA0/TdFPPL2g8tI/AAAAAAAAATA/YT2eEXpqLpo/s288/Page1.jpg" width="200" height="400"/>
</center>
Ket : angka lima adalah kecepatan seberapa yang anda inginkan jika semakin kecil maka semakin lambat dan sebaliknya sedangkan left arah gerak kekiri dan kekanan dan pada 100,200,400 ukuran pada gadget yang akan tampil
Mungkin itu yang dapat saya sampaikan pada artikel ini semoga bermanfaat dan menambah cantik blog anda
Tidak ada komentar:
Posting Komentar