Sembari nunggu temen ngajak maen futsal dimanfaatkan dahulu untuk bikin bimbingan yang masih mengenai seputar penampilan 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 hendak terus bersinar mirip seolah-olah cahaya kunang-kunang apabila 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 isyarat dibawah
Langkah-langkah :
1) Masuk ke akun blogger anda lalu klik Template
2) Lakukan Back up lalu klik Edit HTML
3) Cari isyarat ]]></b:skin> lalu pastekan semua isyarat yang sudah di salin tersebut tepat diatasnya
5) Klik Simpan
Sekarang imbas glow pada link ini akan melakukan pekerjaan secara otomatis dan bikin penampilan postingan blog anda lebih bergaya. Enjoy & Happy Coding!
Sumber https://henponterbaru.blogspot.com
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 hendak terus bersinar mirip seolah-olah cahaya kunang-kunang apabila hadirin menghentikan cursor mereka pada link tersebut, silahkan lihat misalnya pada halaman demo.
Persiapan :
Salin semua isyarat 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 isyarat ]]></b:skin> lalu pastekan semua isyarat yang sudah di salin tersebut tepat diatasnya
5) Klik Simpan
Sekarang imbas glow pada link ini akan melakukan pekerjaan secara otomatis dan bikin penampilan postingan blog anda lebih bergaya. Enjoy & Happy Coding!
