Pages

Sponsor

 

12/23/2011

Ngoprakngaprek Biar Label Berjalan di Atas Footer Cing

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. Nah kali ini Saya akan menulis tentang bagaimana cara membuat variasi label berjalan (Marquee) di Atas Footer.

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: 460px;
text-align: left;
word-wrap: break-word;
}



5. Kemudian cari
<div id="footer-wrapper"> dan pastekan lagi kode di bawah ini :
<divid='Label-marquee '>
<h1 id='Label-teks'>
<marquee align="center" direction="laft" expr:href="data:blog.homepageUrl" height="25" id="Label-marquee " onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
Nama Blog Kamu</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 Biru dengan nama blog kamu / sesuai URL label kamu.
6. Simpan Template dan Selesai

Selamat mencoba dan mempraktekkanya jika Anda berminat. ( hanya sekedar catatan )

========



  • Lihat Lebih Tentang Saya..! About Me..,

    Artikel Terkait

     
    Liarboros © 2011