oke sobat nggak usah banyak basa-basi lagi ini dia tutor nya
copy code di bawah ini di atas ]]></b:skin>
#MAMZbanner1{width: auto;
height: auto;
float: right;
background: rgba(0, 0, 0, 0.4);
margin-right: -495px;
padding: 3px;
-webkit-animation:RZloading 3s;
-o-animation:RZloading 3s;
-moz-animation:RZloading 3s;
-ms-animation:RZloading 3s;
animation:RZloading 3s;
margin-top: 15px;
border-radius: 5px;
border: 5px solid #0101DF;
overflow: hidden;
z-index: 999999;
-moz-transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}
#MAMZbanner1 h2{display:none}
#MAMZbanner1 .widget-content{width:468px}
#MAMZbanner1 img{opacity:0.5;padding:0px;
-webkit-filter: saturate(0.0);
-moz-filter: saturate(0.0);
-ms-filter: saturate(0.0);
-o-filter: saturate(0.0);
filter: saturate(0.0);
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;}
#MAMZbanner1:hover{margin-right: 20px;border:5px solid #0101DF;}
#MAMZbanner1 img:hover{opacity:1;
-webkit-filter: saturate(1.1);
-moz-filter: saturate(1.1);
-ms-filter: saturate(1.1);
-o-filter: saturate(1.1);
filter: saturate(1.1);
-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-ms-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out;}
#MAMZbanner1:before
{content:"";position:absolute;width:150px;height:125px;background:transparent
url(http://i.imgur.com/I3cM4IV.png) no-repeat
center;margin-left:-110px;margin-top:10px;}
lalu copy code di bawah ini ke bawah <div id='header'>:
<div class='RzIllusion'/>
<div class='MAMZbanner1 section' id='MAMZbanner1'><div class='widget HTML' id='HTML3'>
<div class='widget-content'>
<a
href='http://nangz-souls.blogspot.com/' target='_blank'><img alt='
art is a blast ' height='60'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqYYdP5QBGCNtGet-VgSyYH06YimZZ13MfuOMpcpqmMILLQjnkb5ZOexI3cv684LD3fs4_Fvo0IpqDEyNtwhLj0l8BF5b2bDV8NU6TrCwwPpDjkERRshdo-J9oFUnQxGgfrY-k_zKStCs/s1600/banner+nangz+souls1.png
' title='art is a blast' width='468'/></a>
<a
href='http://nangz-souls.blogspot.com/' target='_blank'><img alt='
art is a blast ' height='60'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqYYdP5QBGCNtGet-VgSyYH06YimZZ13MfuOMpcpqmMILLQjnkb5ZOexI3cv684LD3fs4_Fvo0IpqDEyNtwhLj0l8BF5b2bDV8NU6TrCwwPpDjkERRshdo-J9oFUnQxGgfrY-k_zKStCs/s1600/banner+nangz+souls1.png
' title='art is a blast' width='468'/></a>
</div>
</div></div>
trus liat blog sobat bagus kan sob
oh ya sob widget ini juga bisa buat banner 88x31 juga loh edit aja html nya
cara mengedit banner nya adalah:
<a href='http://nangz-souls.blogspot.com/' target='_blank'><img alt=' art is a blast ' height='60' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqYYdP5QBGCNtGet-VgSyYH06YimZZ13MfuOMpcpqmMILLQjnkb5ZOexI3cv684LD3fs4_Fvo0IpqDEyNtwhLj0l8BF5b2bDV8NU6TrCwwPpDjkERRshdo-J9oFUnQxGgfrY-k_zKStCs/s1600/banner+nangz+souls1.png ' title='art is a blast' width='468'/></a>
liat code di atas ganti url berwarna merah menjadi blog yang dituju, ganti yang berwarna kuning ukuran
banner sobat maksudnya gini kalo sobat mau ukuran 88x31 sobat ganti
width='468 jadi width=88 dan height='60 jadi height='31 begitu
sobat, ganti url berwarna biru dengan url gambar banner , terakhir ganti yang berwarna hijau dengan text sobat maksudnya text yang nanti akan di mouseover
oke sobat postingan saya kali ini goodbye
Sumber http://nangz-souls.blogspot.com/2013/08/cara-membuat-widget-banner-open-di.html
Cara Membuat widget banner open di header blog
9 Out Of 10 Based On 10 Ratings. 9 User Reviews.
Anda baru saja membaca artikel yang berkategori Tutorial Blog
dengan judul Cara Membuat widget banner open di header blog. Anda bisa bookmark halaman ini dengan URL http://jamesb-s.blogspot.com/2013/10/cara-membuat-widget-banner-open-di.html. Terima kasih!
Ditulis oleh:
Unknown - Minggu, 06 Oktober 2013
0 komentar:
Posting Komentar