JUDUL : MENAMPILKAN EFEK BINTANG BERKEDIP PADA LINK
----------------------------------------------------------------------------------
Penampilan sebuah link akan lebih menarik jika ditambah dengan asesoris berupa bintang yang berkedip. Apalagi jika latar belakang dari link tersebut berwarna gelap, link akan terlihat lebih hidup ketika disorot mouse (bintang berkedip di sekitar link). Trik ini sudah banyak digunakan oleh blog-blog terutama yang memiliki latar belakang gelap.Blog anda juga dapat ditambah dengan trik ini. Cuma disarankan ubahlah background blog anda menjadi lebih gelap agar bintangnya terlihat lebih jelas.
Berikut langkah-langkahnya :
- Masuk ke Blogger.
- Pilih Rancangan kemudian klik Edit HTML.
- Backup dulu template anda, jika takut gagal.
- Cari kode ini pada template anda :
a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
) - Ganti kode css berwarna kuning dengan kode css dibawah ini dibawah ini :
a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUg5yewITVx_FDYCdkFDSCS9qtZlrrDfjzHj7Wt8HE25mDM1hQvgQpoptdjeAsvpwK_6JTX45IGlmBJYys-p5m1q8HCkTZDsT7Sl5fyyU6n2HuMR7dNxaTNG_acNS6z2nxUE_Y3YVLRFqu/s128/bintang.gif);} - Secara lengkap susunannya jadi seperti dibawah ini :
a:link {
text-decoration:none;
color: $(link.color);
}
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUg5yewITVx_FDYCdkFDSCS9qtZlrrDfjzHj7Wt8HE25mDM1hQvgQpoptdjeAsvpwK_6JTX45IGlmBJYys-p5m1q8HCkTZDsT7Sl5fyyU6n2HuMR7dNxaTNG_acNS6z2nxUE_Y3YVLRFqu/s128/bintang.gif);} - Tampilan image seperti dibawah ini :
- Ganti url image (yang berwarna putih) dengan image milik anda sendiri, atau jika belum punya silahknan copy kode diatas dan paste pada template anda.
- Klik tombol Simpan Template.
- Lihat Link pada blog anda sekarang.
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :
- Cara membuat link berkedip ketika cursor melintas
- Cara Membuat Effect Snow Atau Tabur Salju Di Blog
- Cara Intalasi Windows Seven ( 7 ) Lengkap
- Code Rahasia Semua Type Handphone Lengkap
- Cara Daftar Dan Merubah Domain Blogspot Ke .CO.TV
- Cara Membuat Cursor Bertabur Bintang
- Cara Pasang Meta Tag Di Blogger SEO Friendly
- Cara Memasang Share Pack (Share Post To Social Boo...
- Cara memasang sharing is sexy di blogspot
- Cara Membuat Taskbar Ato Toolbar Melayang Di Blog
- Cara Membuat Shoutmix Tersembunyi
- Cara Membuat Link Warna - Warni Pelangi Di Blog
- Cara pasang video di blog
- Cara Membuat Link Berkedip Warna Warni
- Tempat Ganti Code Warna
- Cara Menu Tab View di Samping
- Cara Membuat Tulisan / text Berkedip
2 Comments
