Assalamualaikum.wr.wb
Hem... Pasti udah tau.. kan apa yang kita bahas sekaran...
ya so pasti, gambar seperti itu yang akan kita bahas sekarang..
untuk itu, ikuti cara dibawah:
1.cari kode ]]></b:skin>
2. letakkan kode CSS dibawah, tepat diatas kode tersebut:
#slider{background:url(http://img99.imageshack.us/img99/9594/slide.png); height:254px; overflow:hidden; position:relative; margin:5px 0}
#mover{width:auto; position:absolute; overflow:hidden}
.slide{padding:20px 0px; width:1000px; float:left; position:relative; height:200px}
.slide h2{font-family:georgia,Helvetica,Sans-Serif; font-size:24px; color:#ac0000; padding:0px 0px 0px 30px; margin:0px 0px; width:500px; overflow:hidden}
.slide h2 a:link, .slide h2 a:visited{color:#fff; background-color:transparent}
.slide h2 a:hover{color:#ddd; background-color:transparent}
span.slmet{color:#ee0909; font-size:10px; font-family:Tahoma,georgia,Helvetica,Sans-Serif; line-height:20px; width:500px; padding:0px 0px 0px 30px; margin:0px 0px; text-transform:uppercase}
.slide p{color:#999; font-size:12px; font-family:georgia,Helvetica,Sans-Serif; line-height:20px; width:500px; padding:0px 0px 0px 30px; margin:0px 0px}
.slide img{position:absolute; hight:125px; with:125px; top:20px; left:577px; background:#fff; padding:10px 10px}
#slider-stopper{position:absolute; font-family:Georgia,Helvetica,Sans-Serif; top:113px; right:40px; color:#AC0000; padding:3px 8px; font-size:14px; text-transform:uppercase; z-index:1000}
3. Kalo uda cari kode ]]></b:skin> , dan letakkan kode di bawah ini tepat di bawah kode tersebut:
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>
4.cari kode:
<div id='header-wrapper'>
........
.........
</b:section>
5. Kalo uda Copy Kode Di bawah , tepat dibawah kode itu:
<!-- Casing -->
<div id='casing'>
<!-- Slider -->
<div id='slider'>
<div id='mover'>
<div class='slide'>
<span class='slmet'> Posted by Achmad Yusron Arif </span>
<h2><a href='http://www.awsurveys.com/HomeMain.cfm?RefID=achmadyusron'>Daftar Dapat $ 6 </a></h2>
<p>Dewasa ini kalau tidak mengenal yang namanya internet pasti kuper banget bukan. So untuk itu jangan terlalu gaptek deh. Manfaatkan internet untuk berinfentasi. Sebagai contoh kamu ikutan bisnis di AW surveys. Sekali daftar kamu udah dapat $6 tahu.. Tunggu apalagi....</p>
<img alt='' src='http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg'/>
</div>
<div class='slide'>
<span class='slmet'> Posted by Achmad Yusron Arif </span>
<h2><a href='http://adsensecamp.com/?ref_id=31724'>Bisnis Adsense Camp</a></h2>
<p>So...
selain lewat aw surveys kamu juga dapat mencari uang dengan bisnis adesense. yaitu diabayar tiap klik.. Contohnya adesense indonesia yaitu camp..
Buruan ikutan.</p>
<img alt='' src='http://adsensecamp.com/images/banner/money-rain.jpg'/>
</div>
</div>
<!-- /Mover -->
</div>
<!-- /Slider -->
</div>
<div class='clear'/>
5. Selesai deh...
Tips:
Hal2 yang harus kamu ganti adalah:
- Yang berwarna merah : ganti dengan Nama kamu
- Yang berwarna hijau: ganti dengan URL Link judulnya
- Yang berwarna biru: ganti dengan judul yang kamu inginkan
- Yang berwarna kuning ganti dengan kata2 kamu sendiri...
sumber: o-om
wassalamualaikum.wr.wb
