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?
Tidak ada komentar:
Posting Komentar