Browse » Beranda » , » Menampilkan Efek Bintang Pada Link menggunakan CSS

Menampilkan Efek Bintang Pada Link menggunakan CSS

7:30 PM  jagoBlog.com  11 comments

Tampilan blog yang menarik bakal jadi daya tarik tersendiri buat pengujung blog kita. Apa lagi kalau blog kita penuh dengan sesuatu yang unik. Salah satu yang unik adalah membuat link pada blog kita menampilkan efek bintang berkedip ketika pointer mouse melewati atau berada di atas link tersebut. Kita hanya perlu memodifikasi CSS blog kita untuk menerapkannya. Berikut caranya:
1. Log in ke akun blogger jagoan
2. Masuk ke Racangan dan kemudian klik edit HTML
3. Cari kode a:hover {
4. Sisipkan kode berikut
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnFp10pyXBKIeTcjO8ZAIt6IuIaiwsjCXodaEjTE7AfFppUsWDdnSF9vzXF0KbArS9NBMfrqJ_MszGcg6YrI11a324cscd6WbCJ63_Qx3VVBd-BgfGYp-_TNnx-PCRndHFMCAj50FlrbM/s1600/stars.gif);
5. Sehingga susunan kode CSSnya menjadi seperti berikut:
a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnFp10pyXBKIeTcjO8ZAIt6IuIaiwsjCXodaEjTE7AfFppUsWDdnSF9vzXF0KbArS9NBMfrqJ_MszGcg6YrI11a324cscd6WbCJ63_Qx3VVBd-BgfGYp-_TNnx-PCRndHFMCAj50FlrbM/s1600/stars.gif);}
6. Save template, dan lihatlah hasilnya… 
Menarik bukan? tampillah blog kita unik dari pada yang lain. Live for sharing. . .


Thank's for reading the article of jagoblog.com. Please give us your support and advice with your comment. Do not forget to click one button below to share. Life for sharing...

Artikel Terkait Lainnya:

Blogger
Tutorial


Posted in: ,

11 komentar:

kalo pake gituan bisa jadi unyu2 y gan??? :D
kyakny kren kalo pake efek hover ini :D
??
oh iya sob kok link saya belum di pasang di home page ya:-o
Artikelnya bagus banget, saya akan segera akan mencoba di website saya http://www.pakaianbandungmurah.com/, sampai saat ini website saya belum SEO Frendly nih,
mohon masukannya nih biar website http://www.pakaianbandungmurah.com/ trafficnya meningkat dan
menguruskan alexa Ranking. Terimakasih... Artikelnya bagus banget !!!
Tutorial Blog tentang "Menampilkan Efek Bintang Pada Link menggunakan CSS" ini sangat bermamfaat buat blogger pemula seperti saya.
Terima kasih atas tutorialnya.
Salam kenal ya!
bgs ya bintang-bintang, hihi..
izin copas gan good job,,,,ane suka blognye heeeeeeeeee
sblumnya salam kenal gan...
Wah sob artikelnya mantep" to. bermanfaat banget ,...
sob jangan lupa mampir ya ke blog ane.. sekalian lok g keberatan follow blog ane jga yah. ane sudah follow blog agan to,,
makasih mas,ini yg saya cari2. thanks ud share :)
salam knl mksh atas ilmunya
sy pgn bisa buat dftr isi yg ky jagoblog, bs tau postingan terbaru. Gmn crnya
gan link sudah terpasang link back http://www.drooidtoday.com/
Ag labhairt di ar buataisí sneachta, beidh go leor daoine smaoineamh ar buataisí ugg, i ndáiríre, tá buataisí sneachta auabp, buataisí sneachta ó lómhar olann íon Astráil, leathar íon, ard-chaighdeán leathair, te, breathable, duillín resistant .

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment

Mari budayakan komentar yang positif dan mohon kebijaksanaannya untuk tidak melakukan spamming. Jangan menyertakan link di dalam komentar, karena akan terdeteksi sebagai spam oleh google Life for sharing...