Archive Pages Design$type=blogging

Cara Membuat Widget Kaleng Tersembunyi Di Atas Blog ( HEADER )

Assalamualaikum Wr Wb Kali ini Grew Uciha Akan Memberi CAra Membuat Widget Kaleng Tersembunyi Di Atas Blog ( HEADER ) 1.LOGIN BLOGGER 2....

Assalamualaikum Wr Wb
Kali ini Grew Uciha Akan Memberi CAra Membuat Widget Kaleng Tersembunyi Di Atas Blog ( HEADER )

1.LOGIN BLOGGER
2.PILIH TATA LETAK
3.TAMBAH GADGET
4.PILIH HTML/JAVASCRIPT
5. LALU COPY - PASTE YG DI BAWAH INI !

<!-- Widget - http://grewuchiha8.blogspot.com/ - Start -->
<style>
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width: 993px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#000000;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
ul#navigation li a:hover{
background-color:#BDBDBD;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#FFFFFF;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .rss a{
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/RSS.png);
}
ul#navigation .facebook a {
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Facebook.png);
}
ul#navigation .twitter a {
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Twitter.png);
}
ul#navigation .g-mail a{
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Google.png);
}
ul#navigation .y-mail a{
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/Yahoo.png);
}
ul#navigation .youtube a{
background-image: url(http://i1123.photobucket.com/albums/l546/wizyuloverz/YouTube.png);
}
</style>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
<ul id="navigation">
<li class="rss"><a target="_blank" href="http://grewuchiha8.blogspot.com/l"  rel="http://wizyuloverz.blogspot.com">RSS Feed</a></li>
<li class="facebook"><a target="_blank"href="http://www.facebook.com/danicyanks">Facebook</a></li>
<li class="twitter"><a target="_blank"href="https://twitter.com/danicyanks">Twitter</a></li>
<li class="g-mail a"><a target="_blank"href="https://www.google.com/bookmarks/">Google</a>
<li class="y-mail a"><a target="_blank"href="https://www.Yahoo.com/bookmarks/">Yahoo</a>
<li class="youtube a"><a target="_blank" href="https://www.Youtube.com/">YouTube</a></li>
</li>
</li></ul>
<!-- Widget - http://grewuchiha8.blogspot.com/ - End-->


6. Setelah Di Copy Silahkan Kamu Bisa Menffanti angka berwarna PINK di atas untuk
    mengatur posisi Widget pada blog kamu:
7. Ganti URL/Alamat Blog di atas yg berwarna Kuning dengan URL/Alamat blog kamu
8. Ganti Tulisan berwarna Orange di atas dengan ID Facebook Kamu.
9. Ganti Tulisan Berwarna Hijau  di atas dengan ID Twitter kamu :
10. Setelah Selesai Silahkan Simpan/Save Widget Kemudina Lihat Hasilnya !!!

Mudah Kan !!
Semoga Baermanfaat :)

Dont Copas !!
Kalu Mau Copas Beserta Sumber !!


COMMENTS

Name

Award Banner Blogger Blogger Kepri Cara Cheat Pc Event Exchange Facebook Food Game Grew Uchiha Html Info Instagram Jasa Pembuatan Kesehatan Maskot Musik Naruto Paket Wisata Pengetahuan Promotion Review Sofware Tema Template Tour & Travel Trip TULISAN LAIN Wisata
false
ltr
item
Batam Promotion: Cara Membuat Widget Kaleng Tersembunyi Di Atas Blog ( HEADER )
Cara Membuat Widget Kaleng Tersembunyi Di Atas Blog ( HEADER )
Batam Promotion
https://www.batampromotion.com/2014/02/cara-membuat-widget-kaleng-tersembunyi.html
https://www.batampromotion.com/
https://www.batampromotion.com/
https://www.batampromotion.com/2014/02/cara-membuat-widget-kaleng-tersembunyi.html
true
3134349225510853037
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago