Cara Membuat Tempat Banner Keren di Header Blog

Posted by : Boyz Kamis, 25 April 2013

1. Masuk ke edit HTML kemudian centang Expand Template Widget
2. Letakkan kode ini diatas ]]></b:skin>

.Kode {position: absolute;right: 190px;width: 178px;height: 33px;top: 150px;background: #000;z-index: 9;padding: 2px;padding-top:4px;padding-left:4px;border-radius: 5px 5px 1px 5px;border: 2px solid #494949;}

.Kode:before{content: "";position: absolute;bottom: -11px;left: 162px;border-width: 10px 25px 0px 0px;border-style: solid;border-color: #484848 transparent;display: block;width: 0;}

3. Lalu letakkan kode ini dibawah <div id='header-wrapper'>

<div class='Kode'>
<a href="URL Blog" onmouseover="window.location=this.href"><img src="URL Gambar" height="31" width="88" title="KLIK DISINI"/></a>
</div>

4. Pratinjau dulu sebelum di save

Edit by KODE
Sumber