Sebenarnya cara penempatan teks berjalan dibawah blog inilah yang sudah lama saya inginkan, namun baru beberapa bulan saya terapkan di blog ini karena memang baru ketemu caranya setelah ngoprak ngoprek template kesana kemari sambil tanya-tanya ke mbah google dan teman-teman bloger.
Caranya sangat mudah sekali. Jika kamu berminat untuk menerapkan di blog yang kamu miliki, ikutilah step by step cara dibawah ini.
- Log in ke blog kamu.
- Edit HTML.
- Klik format template yang ada di pojok kanan atas (lihat gambar dibawah untuk detailnya).
- Tekan tombol Ctrl + F dari keyboard kamu.
- Cari kode ]]></b:skin> di kotak tersebut.
- Copy Kode di Bawah ini di atas kode ]]></b:skin>
#nav{
height:20px;
border-bottom:1px solid #000000;
position:fixed;
bottom:0px;
left:0px;
right:0px;
background:#000000 url(../images/nav.png) repeat-x center left;
z-index:999999;
}
#nav ul{
height:20px;
list-style:none;
margin:6px auto 0px auto;
width:900px;
}
#nav ul li{
display:inline;
float:left;
margin:0px 2px;
}
#nav a{
font-size:11px;
font-weight:bold;
float:left;
padding: 2px 4px;
color:#000000;
text-decoration: none;
border:1px solid #000000;
cursor: pointer;
background:transparent url(../images/overlay.png) repeat-x center left;
height:15px;
line-height:15px;
}
#nav a:hover{
background:#000000 none;
color: #000000;
}
- Simpan template kamu.
- Langkah selanjutnya klik Tata Letak
- Klik Tambahkan Gadget, pilih yang HTML
- Copy kode dibawah ini dan paste di kotak tersebut
<div id="nav"> Kode teks berjalan Anda ada disini </div>
- Ganti tulisan berwarna biru di atas dengan teks di bawah ini::
<div id=' running news '>
<iframe allowtransparency='true' frameborder='0' height='20' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>
- Kode warna biru adalah panjang teks yang tampil di blog
- Terakhir Save dan lihat hasilnya. Selamat mencoba kawan-kawan
Tidak ada komentar:
Posting Komentar