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 memamerkan sebuah perhatian lebih terhadap pembaca dikala mereka sedang membaca artikel-artikel di blog anda.
Cara kerja dari imbas bersinar ini merupakan ia akan timbul dikala hadirin menjalankan 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 hendak terus bersinar seumpama seolah-olah cahaya kunang-kunang bila 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!
Sumber https://8tutorialandroid.blogspot.com
Cara kerja dari imbas bersinar ini merupakan ia akan timbul dikala hadirin menjalankan 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 hendak terus bersinar seumpama seolah-olah cahaya kunang-kunang bila 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!
Posting Komentar
Posting Komentar