Sembari nunggu temen ngajak maen futsal dimanfaatkan dahulu untuk bikin bimbingan yang masih ihwal seputar performa blogger. Kali ini saya akan membikin imbas bersinar atau glowing pada link yang ada di dalam posting blog. Tujuannya merupakan untuk menyediakan sebuah perhatian lebih terhadap pembaca saat mereka sedang membaca artikel-artikel di blog anda.
Cara kerja dari imbas bersinar ini merupakan ia akan timbul saat hadirin melaksanakan hover terhadap semua link yang ada di kiriman blog anda, bukan cuma itu saja alasannya yakni saya bikin imbas ini dengan menyertakan sedikit efek animasi CSS3 yang mau terus bersinar seumpama seakan-akan cahaya kunang-kunang jikalau hadirin menghentikan cursor mereka pada link tersebut, silahkan lihat misalnya pada halaman demo.
Efek ini tidak akan melakukan pekerjaan pada semua browser, silahkan coba dengan peramban Mozilla Firefox.
Persiapan :
Salin semua instruksi dibawah
Langkah-langkah :
1) Masuk ke akun blogger anda lalu klik Template
2) Lakukan Back up lalu klik Edit HTML
3) Cari instruksi ]]></b:skin> lalu pastekan semua instruksi yang sudah di salin tersebut tepat diatasnya
5) Klik Simpan
Sekarang imbas glow pada link ini akan melakukan pekerjaan secara otomatis dan bikin performa postingan blog anda lebih bergaya. Enjoy & Happy Coding!
Cara kerja dari imbas bersinar ini merupakan ia akan timbul saat hadirin melaksanakan hover terhadap semua link yang ada di kiriman blog anda, bukan cuma itu saja alasannya yakni saya bikin imbas ini dengan menyertakan sedikit efek animasi CSS3 yang mau terus bersinar seumpama seakan-akan cahaya kunang-kunang jikalau hadirin menghentikan cursor mereka pada link tersebut, silahkan lihat misalnya pada halaman demo.
Persiapan :
Salin semua instruksi dibawah
Klik ganda untuk menyalin
.post-body a { color: #00a693; text-decoration: none; } .post-body a:hover { color: yellow; animation: sinar .4s alternate infinite; z-index: 1; color: #fada5e; text-shadow: 0 0 2px #fada5e, 5px 3px 8px #fada5e; } @keyframes sinar { from { text-shadow: 0 0 2px #fada5e !important; } to { text-shadow: 5px 3px 8px #fada5e; } Langkah-langkah :
1) Masuk ke akun blogger anda lalu klik Template
2) Lakukan Back up lalu klik Edit HTML
3) Cari instruksi ]]></b:skin> lalu pastekan semua instruksi yang sudah di salin tersebut tepat diatasnya
5) Klik Simpan
Sekarang imbas glow pada link ini akan melakukan pekerjaan secara otomatis dan bikin performa postingan blog anda lebih bergaya. Enjoy & Happy Coding!