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 + &quot;search&quot;' 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>

Artikel Yang Berhubungan:

Tidak ada komentar:

Informasi Umum - Kumpulan Artikel Bebas Baca © 2009 - Bookmarking