Daftar Isi
ACCELERATOR
Powered by Blogger.
Admin f G t
MaenCit | By Way Of Life
Posted by : Unknown Wednesday, October 9, 2013

selamat ---- mastah, hari ini saya mau sharing sedikit cara gimana cara buat Widget OPEN diheader seperti yang ada dibawah ini.


kayak diatas itu penampakan yang saya maksud, langsung mas caranya mari disimak.

kayak biasa cari kode favorit semua blogger "]]></b:skin>" Copy code bibawah ini tepat 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 kode ini dibawah  <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://alamat-blog' target='_blank' title='Judul-blog
'><img alt='Judul-blog
' src='http://gambar'/></a>
<a href='http://alamat-blog target='_blank'><img alt='Judul-blog
' height='60' src='http://gambar ' title='Judul-blog' width='468'/></a>
</div>
</div></div>
 
  • Keterangan :
Θ Untuk warna Merah : Ganti jadi "Judul Blog".
Θ Untuk warna Hijau : Ganti dengan "Situs web".
Θ Untuk warna Aqua : Ganti denagn URL "gambar" yang mau dipakai.
            sementara cuma itu yang bisa saya sharing, kalau ada kesalahan mohon tulis di komentar, nanti akan saya ganti secepatnya.

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Info saya

Untuk Semua info bisa langsung buka di DISCLAIMER

- Copyright © 2013 The X-Cution - S-Skyser V6(v1.5) - Powered by Blogger - Designed by Johanes Djogan - Redesign by Margatama - Second Redesign by Aditya Prakoso -