MaenCit | By Way Of Life
Do More Creative
By Dominic Pareñas
  •  photo SAW_zps2eab8e76.gif

Headlines

Saturday, November 23, 2013

Cara Membuat Banner di Header Blog


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

1 comments ►

 
Click The Banner To Pop-Up