Selasa, 28 Mei 2013

Membuat menu float block freelinkshare4u

Nak Kembali lagi bersama saya Febriy-Pondlif, Hadir kembali Di Blog ''Original Blogger'' Langsung aja nih!! Anda ingin  menu float block seperti punya temen saya tuh hahahhah . keren kan mudah banget kok caranya cuma perlu satu tangan untuk membuatnya hhehehh .
nih contohnya gan .


 tuh gambar nya aja keren kan apa lagi aslinya haahhah . !!! Woles Lur
nih tutornya !!!

langkah !!
1. copy code di bawah ini
<style type='text/css'>
.down {-webkit-animation: nanda 3s ease-in;-moz-animation: nanda 3s ease-in;-ms-animation: nanda 3s ease-in;-o-animation: nanda 3s ease-in;animation: nanda 3s ease-in;}
@keyframes &quot;nanda&quot; {0% {top: -220px;}100% {top: 0px;}}@-moz-keyframes nanda {0% {top: -220px;}100% {top: 0px;}}@-webkit-keyframes &quot;nanda&quot; {0% {top: -220px;}100% {top: 0px;}}@-ms-keyframes &quot;nanda&quot; {0% {top: -220px;}100% {top: 0px;}}@-o-keyframes &quot;nanda&quot; {0% {top: -220px;}100% {top: 0px;}}
.down {position:fixed;width:150px;top:auto;top:0px;center:0px;z-index:9999;width:auto;background:#161616;box-shadow: 0 0 10px 0 black;border-right:10px solid #78e9d9;border-bottom:10px solid #78e9d9;}
.down ul {margin:0px 0px;padding:0px 0px;overflow:hidden;}
.down li {list-style:none;display:block;}
.down li a {display:block;padding:10px 30px 10px 15px;font:bold 1em &quot;Raleway&quot;;text-transform:uppercase;color:#78e9d9;}
.down li a:hover {text-decoration:none;background-color:#78e9d9;color:black;}
h1 {text-align:center;font:6em &#39;Yesteryear&#39;, cursive;color:#78e9d9;margin-bottom:3%;text-shadow:0px 0px 10px #7beedd;position:relative;}
@media handheld,only screen and (max-width:600px){.down{position:absolute;left:0px;right:0px;border-right:none;}.down li a{text-align:center}}
</style>
<nav class='down'><ul>
<li><a href='/'>Home</a></li>
<li><a href='/p/sitemap.html' target='_blank'>Sitemap</a></li>
<li><a href='http://www.facebook.com/jawikas' target='_blank'>Facebook</a></li>
<li><a href='http://www.twitter.com/zawikas' target='_blank'>Twitter</a></li>
<li><a href='http://www.blogger.com/follow-blog.g?blogID=7269274262299231673' target='_blank'>Follow+</a></li>
</ul></nav>
<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>

lalu taruh kode tersebut dibawah kode <body>
mudah kan !!!
Sttttttt . ini rahasia bagi yang merasa belum puas boleh komentar kok . !!

0 komentar:

Poskan Komentar