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 aku 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 ]]></b:skin> dan paste Css di bawah ini diatas kode ]]></b:skin>.
#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 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 merah dengan nama blog kamu / sesuai URL label kamu.
6. Simpan Template dan Selesai
Selamat mencoba dan mempraktekkanya jika Anda berminat.
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 ]]></b:skin> dan paste Css di bawah ini diatas kode ]]></b:skin>.
#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 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 merah dengan nama blog kamu / sesuai URL label kamu.
6. Simpan Template dan Selesai
Selamat mencoba dan mempraktekkanya jika Anda berminat.