Hallo semua?, bagaimana kabarnya..
tentunya baik baik saja kan?. Mumpung ada waktu nih, Aku mau bagi bagi informasi lagi...
Khususnya buat Kalian yang mau buat blog.. kali ini aku mau mbagi tau cara menambahkan widget botol yang sembunyi diatas blog.. Pada mau kan??
kita langsung saja..
Monggo disimak..
1. Masuk ke akun Blogger anda : blogger.com
2. Setelah masuk, Pilih blog yang akan di Edit (bagi yang punya banyak blog)..
Bagi yang punya satu blog ya ngga usah dipilih, karna cuma satu.. hehehe.. peacee.. :D
3. Selanjutnya, pilih menu " Tata Letak ",
4. Lalu, klik "Tambahkan Gadget".
5. Terus, pilih HTML/Java Script,
6. Kemudian, copy paste Script dibawah ini :
<!-- Widget -
http://myblogunggul.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://roronoa-aby.blogspot.com//atom.xml"
rel="http://wizyuloverz.blogspot.com">RSS
Feed</a></li>
<li
class="facebook"><a
target="_blank"href="http://www.facebook.com/Unggul.tetap.semangat">Facebook</a></li>
<li
class="twitter"><a
target="_blank"href="https://twitter.com/UnggulPradana7">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://myblogunggul.blogspot.com - End-->
Catatan :
Tulisan yang diblok warna Orange, Diganti dengan ID facebook kalian.
Tulisan yang diblok warna Hijau, Diganti dengan Username twitter kalian.
Tulisan yang diblok warna Ungu, Diganti dengan posisi widget yang kalian inginkan.
7. Terakhir, klik simpan/Save..
Itu yang dapat aku sampaikan, kurang lebihnya minta maaf..
TERIMAKASIH BANYAK.
INDAHNYA BERBAGI BERSAMA. :D
http://rehabysetiawan.blogspot.com/
.jpg)
0 komentar:
Posting Komentar