Skip to main content

Cara membuat Widget Animasi Di Blog

Nah..Ok,ok..Maaf lama gak aktif...soalnya lagi sibuk urus forum... :D

Nah,sebagai gantinya,gimana klau aku hadiahin "Cara membuat Widget animasi di blog"? :D

Hehe,penasaran,gak??Ok,back to the topic...Caranya cukup mudah kok sebenarnya...Tpi masalahnya,googling sekarang hasil search-nya gk terlalu tepat..ok,cukup basa basinya...


1.Login Blogger>>Layout>>>Pilih tempat yang kalian kira tepat untuk menaruh widget kalian>>>HTML,Javascript

Copas kode ini

div style="position:fixed; bottom:0px; left: 10px; width:125px; heigth:160px;"><a href="http://kucingloversme.blogspot.com/" target="_blank" title="Naruto By Cerita Blog :D><img src="http://enkiwockeez.files.wordpress.com/2011/07/naruto-31.gif" /></a></div>

Setelah itu,Save,dan lihatlah Blog anda...

Copyright:

Mastepa Blog

Keterangan:

Merah -->> semua style yang akan di tampilkan di blog, ya disini stylenya.
  • position: untuk menampilkan pengaturan posisi gambar. nah di atas adalah fixed, maksudnya jika pengunjung meng scroll mouse ke atas/ bawah, gambar akan tetap berada pada tempat awalnya.
  • bottom: ukuran jarak dari bawah
  • left: ukuran jarak dari sebelah kiri (jika anda ingin meletakkan di atas/kanan/kiri terserah anda)
  • width: ukuran panjang gambar
  • height: ukuran tinggi gambar

Biru -->> link yang akan di larikan si pengunjung di saat dia menge klik gambar tersebut.
  • href: link yang akan di larikan
  • target:  untuk memilih jenis model kliknya, seperti contoh di atas jika gambar di klik maka membuka tab baru(jika tidak ingin seperti itu cukup hilangkan kodenya)
  • title: untuk memberi judul jika mousenya Standby digambar tersebut.

Hijau -->> ini adalah kode untuk menampilkan gambarnya.
  • src: langsung aja di isi link gambarnya, sebagai contoh gambar di atas.
Terima kasiha atas commentnya :D

Comments

Popular posts from this blog

Cara membuat Navigation Bar di Blog

Yosh,Skin baru nih Bangga deh rasanya,bisa bikin Skin sendiri Btw,ada yang mau tau cara bikin NavBar?Yang tulisan di bawah Banner tu biasanya....So,no more time to waste!Time to CREATE IT!!Kalian agak sedikit harus membongkar kode HTML,tapi cuma 1 lapis kode aja kok yang dibongkar!Jangan malas!Ok,siap ya.

Cara memasang Banner di Blog kalian ^-^

Hi hi hi...Ada yang request,"Gimana cara ngemasang banner di Blog?Tolong Add di Tutor,ya."Kira kira begitulah isinya.Ok,begin ya ^0^ Ini HTML-nya <a href=" http://kucingloversme.blogspot.com /" target="_blank"><br /> <img border="0" src="http//: http://img200.imageshack.us/img200/8333/bannercerita.jpg " title=" Bisa tolong klik? " /></a> Orange:link blog kalian link:URL banner kalian Biru tua:Tulis apa apa Sekian tutornya ^0^ Semoga membantu ^0^