Label sangat penting sekali pada dunia blogger. Bisa berfungi sebagai navigasi dalam mencari artikel sesuai katagori yang diinginkanikan. Jika sobat cuman memakai label bawaan blogger mungkin kurang menarik sobat. Makanya marikita belajar Membuat Label Berjalan/Marquee Di Atas Footer Pada Blog. 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 kita jalani langkah-langkah berikut ini ya sobat :
Caranya sebagai berikut :
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;
}
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>
<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>
6. Ganti tulisan yang berwarna Orange dengan nama blog kamu / sesuai URL label kamu.
7. Simpan Template dan Selesai
Semoga sukses dan berhasil sobat ya
Tidak ada komentar:
Posting Komentar