rss

Sabtu, 21 Januari 2012

Cara Membuat Label Berjalan

Malam ini saya akan share tentang Cara Membuat Label Berjalan.
jika Anda ingin membuat variasi label pada blog agar tidak kelihatan standar maka banyak sekali macamnya antara lain banyak bloggers yang menggunakan label bervariasi misalnya label berputar, penambahan image animasi, background animasi dll.
Langsung saja cara membuatnya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> Pilih Label" (Tempatnya terserah kamu).
3. Kemudian Pilih --> Tata Letak --> Edit Html.
4. Cari kode ]]> dan paste CSS di bawah ini diatas kode ]]>

#Label-marquee {
float: left;
width: 100%;
heiht:25px;
font: Arial;
color: #000000;
background: #282522;
border: 1px solid #cccccc;
}

#Label-teks {
float: left;
margin: 3px 5px ;
padding: 3px 0px;
width: 960px;
text-align: left;
word-wrap: break-word;
}

5. Kemudian cari <div id="footer-wrapper"> dan pastekan lagi kode di bawah ini :

<div id='Label-marquee '>
<h1 id='Label-teks'><marquee align='center' direction='laft' height='25' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<a expr:href='data:blog.homepageUrl'>Nama Blog Anda</a>
<a href='http://URL label'> Categories 1 </a>
<a href='http://URL label'>Categories 2</a>
<a href='http://URL label'>Categories 3 </a>
<a href='http://URL label'>Categories 4 </a>
<a href='http://URL label'>Categories 5</a>
</marquee></h1></div>

Ganti tulisan yang berwarna merah dengan nama blog kamu / sesuai URL label kamu.
6. Simpan Template dan Selesai

0 komentar:


Posting Komentar

Please comment to this blog could be better.