Cara buat tempat banner melayang

Posted by Unknown
On Sabtu, 29 Juni 2013
Hii !!

sekarang gue mau bikin artikel tentang tutorial blog lagi nih :D
ini cara emang bukan cara aku , tapi kodenya aku ubah abis-abisan ..
lanjut aja yok !!

contohnya

CSS
#AndiNonymous{-webkit-transition: all 1s ease-in-out;border: 0 none;top: 150px;height: autopx;width:90px;list-style-type: none;position: fixed;left: -30px;z-index: 10000;padding: 5px;background : #04a1d6;border : 1px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}#AndiNonymous:hover{-webkit-transition: all 1s ease-in-out;background: #04a1d6;border : 1px solid  #Fff;top: 150px;left: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
HTML
<div id='AndiNonymous' style='position:fixed;'>
<a href='http://andinonymous.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ZCaeDWI6t4Z-uZZ3t6rk9VvzjtYNPnxSanLher8gTnIRckhNyE_WFeKDng8Y3jrk4mIiV7A1SPGyWv4kvp75lCkNqRsxC6t7G9PK9yaOSL33VQRq2l_0RiYnYhp-hcwFez5JthQleJq/s88/Untitled-1+copy.png'/></a>
<a href='http://andinonymous.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ZCaeDWI6t4Z-uZZ3t6rk9VvzjtYNPnxSanLher8gTnIRckhNyE_WFeKDng8Y3jrk4mIiV7A1SPGyWv4kvp75lCkNqRsxC6t7G9PK9yaOSL33VQRq2l_0RiYnYhp-hcwFez5JthQleJq/s88/Untitled-1+copy.png'/></a>
<a href='http://andinonymous.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ZCaeDWI6t4Z-uZZ3t6rk9VvzjtYNPnxSanLher8gTnIRckhNyE_WFeKDng8Y3jrk4mIiV7A1SPGyWv4kvp75lCkNqRsxC6t7G9PK9yaOSL33VQRq2l_0RiYnYhp-hcwFez5JthQleJq/s88/Untitled-1+copy.png'/></a>
<a href='http://andinonymous.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ZCaeDWI6t4Z-uZZ3t6rk9VvzjtYNPnxSanLher8gTnIRckhNyE_WFeKDng8Y3jrk4mIiV7A1SPGyWv4kvp75lCkNqRsxC6t7G9PK9yaOSL33VQRq2l_0RiYnYhp-hcwFez5JthQleJq/s88/Untitled-1+copy.png'/></a>
<a href='http://andinonymous.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ZCaeDWI6t4Z-uZZ3t6rk9VvzjtYNPnxSanLher8gTnIRckhNyE_WFeKDng8Y3jrk4mIiV7A1SPGyWv4kvp75lCkNqRsxC6t7G9PK9yaOSL33VQRq2l_0RiYnYhp-hcwFez5JthQleJq/s88/Untitled-1+copy.png'/></a>
<a href='http://andinonymous.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ZCaeDWI6t4Z-uZZ3t6rk9VvzjtYNPnxSanLher8gTnIRckhNyE_WFeKDng8Y3jrk4mIiV7A1SPGyWv4kvp75lCkNqRsxC6t7G9PK9yaOSL33VQRq2l_0RiYnYhp-hcwFez5JthQleJq/s88/Untitled-1+copy.png'/></a>
<a href='http://andinonymous.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ZCaeDWI6t4Z-uZZ3t6rk9VvzjtYNPnxSanLher8gTnIRckhNyE_WFeKDng8Y3jrk4mIiV7A1SPGyWv4kvp75lCkNqRsxC6t7G9PK9yaOSL33VQRq2l_0RiYnYhp-hcwFez5JthQleJq/s88/Untitled-1+copy.png'/></a>
<a href='http://andinonymous.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ZCaeDWI6t4Z-uZZ3t6rk9VvzjtYNPnxSanLher8gTnIRckhNyE_WFeKDng8Y3jrk4mIiV7A1SPGyWv4kvp75lCkNqRsxC6t7G9PK9yaOSL33VQRq2l_0RiYnYhp-hcwFez5JthQleJq/s88/Untitled-1+copy.png'/></a>
<a href='http://andinonymous.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ZCaeDWI6t4Z-uZZ3t6rk9VvzjtYNPnxSanLher8gTnIRckhNyE_WFeKDng8Y3jrk4mIiV7A1SPGyWv4kvp75lCkNqRsxC6t7G9PK9yaOSL33VQRq2l_0RiYnYhp-hcwFez5JthQleJq/s88/Untitled-1+copy.png'/></a></div> 

Note :

  • Ubah Link "http://andinonymous.blogspot.com/" dengan Link yang ingin kamu pasang
  • Ubah Link gambar "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy2ZCaeDWI6t4Z-uZZ3t6rk9VvzjtYNPnxSanLher8gTnIRckhNyE_WFeKDng8Y3jrk4mIiV7A1SPGyWv4kvp75lCkNqRsxC6t7G9PK9yaOSL33VQRq2l_0RiYnYhp-hcwFez5JthQleJq/s88/Untitled-1+copy.png" dengan Link gambar yang ingin kamu pasang

How to put code
  • Put CSS on top code ]]></b:skin>
  • Put HTML on top code </body> or on bottom code <body>
Diposting oleh //
Label:

4 komentar:

Okee Bro !!
Jangan Jadi Pengunjung setan yah !
*pengunjung yang cuman liat tapi gak komen*

Silahkan Comment Asalkan jangan mengandung :
=> Link [kecuali di Banner Exchange
=> Porn
=> Sara

Thanks !

Langganan: Posting Komentar (Atom)