Belajar Nempel Ads, Blogtitle, Rss dan Kolom Pencarian
/* The ads */
#kwick {
position: relative;
margin: auto 0px;
padding-top:10px;
padding-$endSide:0;
width:940px;
}
#kwick .kwicks {
display: block;
background:url(http://i365.photobucket.com/albums/oo93/soajihad/ad4.gif) top $endSide no-repeat;
height: 100px;
}
#kwick li {
float: $startSide;
list-style:none;
}
#kwick .kwick {
display: block;
overflow: hidden;
height: 80px;
width: 125px;
padding:10px;
background: #fff;
border-$endSide: 5px solid #25241e;
}
#kwick .kwick span {
display: none;
}
#kwick .ad1 {
background: #25241E url(http://i365.photobucket.com/albums/oo93/soajihad/ad1.gif);
}
#kwick .ad2 {
background: #25241E url(http://i365.photobucket.com/albums/oo93/soajihad/ad2.gif);
}
#kwick .ad3 {
background: #25241E url(http://i365.photobucket.com/albums/oo93/soajihad/ad3.gif);
}
#kwick .ad4 {
background: #25241E url(http://i365.photobucket.com/albums/oo93/soajihad/ad4.gif);
border-$endSide: 0;
}
#kwick .ad5{
background: #25241E url(http://i365.photobucket.com/albums/oo93/soajihad/ad5.gif);
}
#kwick .ad6 {
background: #25241E url(http://i365.photobucket.com/albums/oo93/soajihad/ad6.gif);
}
<div id='kwick'>
<ul class='kwicks'>
<li><a class='kwick ad1' href='#'><span>Ad1</span></a></li>
<li><a class='kwick ad2' href='#'><span>Ad2</span></a></li>
<li><a class='kwick ad3' href='#'><span>Ad3</span></a></li>
<li><a class='kwick ad6' href='#'><span>Ad6</span></a></li>
<li><a class='kwick ad5' href='#'><span>Ad5</span></a></li>
<li><a class='kwick ad4' href='#'><span>Ad4</span></a></li>
</ul>
</div>
_____________________________________
search save di bawah <body>
<!-- Search -->
<div id='search'>
<form expr:action='data:blog.homepageUrl + "search"' id='search-form' method='get' style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px'>
<input id='s' name='q' type='text' value=''/><input class='input' src='http://i365.photobucket.com/albums/oo93/soajihad/search-1.jpg' style='border:0px' type='image' value='submit'/>
</form>
</div>
<!-- /Search -->
_____________________________________
blog title juga setelah <body>
<div class='top'>
<!-- Blogtitle -->
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Andy Online - Berbagi Catatan Tips dan Triks (Header)' type='Header'/>
</b:section>
<!-- /Blogtitle -->
</div>
_____________________________________
ini di simpen di column mana aja bebas:
<div class='rss'>
<center><a href='http://blog.andyonline.net/feeds/posts/default'><img src='http://4.bp.blogspot.com/-R-PQNgMg7no/Tap5kv0d3EI/AAAAAAAAAw4/8r6W_dVkfJE/s1600/blogandyonline.png' style='vertical-align:middle'/></a></center>
</div>
Tidak ada komentar
No Spam / Ads or Outside Links