Jumat, 01 Mei 2009

Membuat News Ticker Versi 2

OK, bertemu lagi nih ama Gue,,, masih inget g dulu kita bikin News Ticker? klo lupa, silahkan baca disini : Membuat News Ticker

Nah, untuk Versi kali ini akan berbeda, kalau yg kemarin hanya ada text berjalan dan backgrounya biru, nah, kali ini kita akan membuat news tivkernya kelihatan lebih asyik..

contohnya lihat di : www.elite-mantab.web.id

ok sekarang kita mulai aja matarinya,

1. Seperti biasanya, Login ke Blog yang mau di utak atik
2. Klik Tataletak / Layout
3. Klik Edit HTML
4. cari code : ]]></b:skin>
5. Taruh Code di bawah ini tepat di atas kode ]]></b:skin>


#divBlackNotesContent {position: fixed; left:0px; bottom: 0px; width: 100%; height:71px; z-index: 1; background:url(http://www.autoblackthrough.com//template/img_blacknotes/back.png) repeat-x bottom;}
#divBlackNotesInnerContent{
position:relative;
text-align:left;
width:990px;
margin:auto;
z-index:0;
}
#divBlackNotesLeftImg{
position:absolute; left:0px; float:left;
}
#divBlackNotesMid{
position:absolute; left:99px; float:left;
background:url(http://img376.imageshack.us/img376/8528/back2.png) repeat-x bottom;
width:792px;
height:30px;
padding-top:41px;
}
#divBlackNotesRightImg{
position:absolute; left:891px; float:left;
}
.pointer {
cursor: pointer;
}
.blacknotes{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:0.5px;
margin-top:5px;
color:#999999;
float:left;
}



6. dan selanjutnya cari code : </body>
7. klo udah ketemu, tarus kode di bawah ini tepat pada bawahnya kode </body>


<div id="divBlackNotesMid">
<div style="float:left"><img src="http://www.autoblackthrough.com/template/img_blacknotes/title.png" width="112" height="24" /></div>
<div class="blacknotes"><iframe frameborder='0' height='20' scrolling='no' src='http://www.mediaindo.co.id/running3.asp' title='Newsticker' width='680'/>

</div>
</div>
<div id="divBlackNotesRightImg"><img src="http://www.autoblackthrough.com/template/img_blacknotes/cright.png" width="99" height="71" /></div>

</div>
</div>



Nah,, setelah itu selesai, silahkan di simpan...
Taraaa,,, gimana? jadi apa g?

0 komentar:

Posting Komentar

 
Powered by Blogger