Link Box & Banner

February 06, 2015

Halo, temen-temen! Dulu, pernah ada yang request ke aku, tentang excange link box and banner kayak aku. Kayaknya Fina, deh. Aku lupa, hehehe.. Simak yaaa!

Dasbor > Page/Laman > New Page/Laman Baru > Taruh di HTML bukan compose!

Copy kode ini yaa!

<style>
a.link {
background: #fff;
padding: 1px;
border: 2px solid #eee;
width: 80px;
display: inline-block;
color: #ccc;
-webkit-transition: 1s;
text-align: center;
text-transform: uppercase;
font-size: 9px;
line-height: 15px;
margin-bottom: 4px;
font: 12px short stack;
padding: 3px;
}

a.link:hover {
box-shadow: inset 130px 0 0px 0 #000;
-webkit-transition: 1s;
color: #fff;
}

.domain {
background:white;
border-radius:20px;
box-shadow:0px 0px 14px #eee;
border:5px solid #aaa;
padding:10px;align:center;
width:450px;margin-bottom:25px;
text-align:justify;
}
</style>
<a class="link" href="http://nafaraisya.blogspot.com/">Azzahra</a> <a class="link" href="http://lintangapramesti.blogspot.com/">Lintang</a> <a class="link" href="http://dzakiyyatunnuha.blogspot.com/">Nuha</a> <a class="link" href="http://www.fiablog.co.vu/">Fia</a>

<br>
<br>

<div class="domain">
<blogger>
</blogger>
<center>
<div style="height: 250px; overflow-x: hidden; overflow-y: scroll; padding: 5px;">
<a href="link"><img src="img banner" style="height: 10px; width: 100px;" /></a> <a href="link"><img src="img banner" style="height: 125px;" /></a>
</div>
</center>
</div>
</center>