Tuesday 1 January 2013

Memasang Gambar Di Blog

Assalamualiakum Wr. Wb.
Selamat siang selamat beristirahat, kali ini saya akan bagikan script tentang cara memasang gambar / animasi bergerak di blog.
tentunya kita tidak asing dengan blog yang terdapat gambar yang biasanya terdapat di posisi bawah kiri dan di bawah kanan..
seperti punya saya ini , saya menempatkan di pojok kiri bawah.


Sebelumnya mari kita belajar bersama- sama tentang penempatan dan size dan link yang di tuju / gambar yang ingin kita tampilkan.

Di bawah ini cara - caranya,



  1. Masuk ke blogger anda. 
  2. Masuk Ke tata letak 
  3. Tambah Gadget (terserah mau di mana saja )
  4. HTML/ Javascript. 
  5. Copy Kode script yang saya di berikan kemudian pastekan.
Adapun scriptnya di bawah ini:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:150px;"><a href="https://sites.google.com/site/yagajat/file/Lamng_Kendal.gif?attredirects=0" target="_blank"><img alt="animasi blog" src="https://sites.google.com/site/yagajat/file/Lamng_Kendal.gif?attredirects=0" title="Click to get widget." /></a><small><center><a href="http://tokoyagis.blogspot.com/2013/01/memasang-gambar-di-blog.html" target="_blank">Memasang Gambar Di Blog</a></center></small></div>


Keterangan: Coba perhatikan warna yang sengaja saya buat berbeda

  fixed; bottom: 0px; left: 20px : Bearti Posisi Di bawah ( Bottom) dan berada di sisi Kiri (left)
(bisa anda ganti misalnya fixed; bottom: 0px; right: 20px:)

 width:120px : lebar gambar, ( sesuaikan dengan gambar yang ditampilkan)

https://sites.google.com/site/yagajat/file/Lamng_Kendal.gif?attredirects=0 (URL Gambar yang ingin di tampilkan)

animasi blog : keterangan gambar

Click to get widget : keterangan yang akan muncul saat di sorot

Saya juga menyediakan gambar Beserta URL yang mungkin anda tertarik:

 https://sites.google.com/site/yagajat/animasi/000203D1.gif?attredirects=0







https://sites.google.com/site/yagajat/file/Lamng_Kendal.gif?attredirects=0






https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdcZde0nO5DW4SHdGhMJYWUO8DfNjJVRGAnsSr0b2oWu1y4cdZaeVX1EuNUOKqteeWQh8op4Zc99WH-y_7j16l6uenyM-7qmEhqJTLGov_E2IgVyvbXZuVO_tvpNjH0epiQ-S0uJTWoNux/s72-c/Animasi+kursor.gif



https://sites.google.com/site/yagajat/animasi/smiley-2.gif?attredirects=0

https://sites.google.com/site/yagajat/animasi/scratch-head02-idea-animated-animation-smiley-emoticon-000415-large.gif?attredirects=0



https://sites.google.com/site/yagajat/animasi/thankyou-thank-you-thanks-ty-smiley-emoticon-000280-large-1qslyrz.gif?attredirects=0




 
 https://sites.google.com/site/yagajat/animasi/blog-saya.gif?attredirects=0
 https://sites.google.com/site/yagajat/animasi/yagistar.gif?attredirects=0

No comments:

Add Comment

Berkomentar dengan baik dan tidak ada istilah melecehkan dengan format mencemarkan nama baik,...