Cara Membuat Efek Bersinar Pada Link Di Posting Blogger
Sembari nunggu temen ngajak maen futsal dimanfaatkan dulu untuk membuat tutorial yang masih perihal seputar tampilan blogger. Kali ini saya akan membikin pengaruh bersinar atau glowing pada link yang ada di dalam posting blog. Tujuannya yaitu untuk mengatakan suatu perhatian lebih kepada pembaca dikala mereka sedang membaca artikel-artikel di blog anda.
Cara kerja dari pengaruh bersinar ini yaitu ia akan muncul dikala pengunjung melakukan hover terhadap semua link yang ada di kiriman blog anda, bukan hanya itu saja lantaran saya membuat pengaruh ini dengan menambahkan sedikit efek animasi CSS3 yang akan terus bersinar mirip seolah-olah cahaya kunang-kunang jikalau pengunjung menghentikan cursor mereka pada link tersebut, silahkan lihat contohnya pada halaman demo.
Efek ini tidak akan bekerja 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 telah di salin tersebut tepat diatasnya
5) Klik Simpan
Sekarang pengaruh glow pada link ini akan bekerja secara otomatis dan membuat tampilan postingan blog anda lebih bergaya. Enjoy & Happy Coding!
Sumber https://8tutorialandroid.blogspot.com/
Cara kerja dari pengaruh bersinar ini yaitu ia akan muncul dikala pengunjung melakukan hover terhadap semua link yang ada di kiriman blog anda, bukan hanya itu saja lantaran saya membuat pengaruh ini dengan menambahkan sedikit efek animasi CSS3 yang akan terus bersinar mirip seolah-olah cahaya kunang-kunang jikalau pengunjung menghentikan cursor mereka pada link tersebut, silahkan lihat contohnya 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 telah di salin tersebut tepat diatasnya
5) Klik Simpan
Sekarang pengaruh glow pada link ini akan bekerja secara otomatis dan membuat tampilan postingan blog anda lebih bergaya. Enjoy & Happy Coding!
0 Response to "Cara Membuat Efek Bersinar Pada Link Di Posting Blogger"
Post a Comment