السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُ
Alhamdulilah sampai saat ini kita masih diperkenankan untuk bertemu di blog saya ini...:)
Pada postingan kali ini saya akan mengeposkan Cara Membuat Efek Link Terbakar...
Anda pengen tau caranya?????????????????
Ini dia sobat,,,
Cara Membuat Efek Link Seperti Terbakar, Silahkan sobat ikuti langkah-langkahnya sebagai berikut:
1. Silahkan sobat >> Masuk/Login >> ke Blog Sobat.
2. Pada tampilan baru menu blogger, sobat pilih >> Menu Template >> Edit HTML.
3. Cari kode a:hover { gunakan CTRL+F untuk mempermudah pencarian.
4. Kemudian silahkan sobat tambahkan atau sisipkan kode CSS berwarna PINK di bawah ini tepat di samping atau setelah kode a:hover { yang berdekatan dengan kode a:visited { dan kode a:link {
text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
Maka Hasilnya seperti ini...
a:link {
text-decoration: none;
color: $(link.color);
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
text-decoration: underline;
color: $(link.hover.color);
}a:link {
text-decoration: none;
color: $(link.color);
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
text-decoration: underline;
color: $(link.hover.color);
}a:link {
text-decoration: none;
color: $(link.color);
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;
text-decoration: underline;
color: $(link.hover.color);
}
5. Sebelum sobat Simpan Templatenya, silahkan klik Pratinjau terlebih dahulu untuk menghindari kesalahan saat Edit template.
6. Jika hasilnya Link di blog sobat mempunyai efek seperti terbakar, itu artinya sobat sudah berhasil membuat efek link seperti terbakar di blog sobat.
7. Silahkan sobat klik SIMPAN Dan Lihat Hasilnya.
Semoga artikel ini membuat manfaat kepada anda...amin.
وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Jangan lupa tinggalkan komen ya...!!!
0 komentar:
Posting Komentar