Membuat Pengaruh Blur Pada Link Posting Blog

Efek blur yang dapat anda terapkan di postingan blog ini akan bekerja otomatis pada dikala pengunjung melaksanakan mouse over pada semua link yang ada di posting blog anda. Efek ini memakai murni CSS3 sehingga tidak akan besar lengan berkuasa terhadap performa atau kecepatan blog anda, hanya saja imbas blur yang akan menyebabkan anchor link lebih bergaya di kiriman blog ini hanya dapat bekerja pada browser atau peramban yang modern.

Lihat Demo

Langkah-langkah penerapan :

1) Masuk ke dashboard saya blogger anda anda
2) Klik Template kemudian back up
3) Klik edit tempalte kemudian cari instruksi ]]></b:skin>
4) Salin kemudian pastekan semua css dibawah ini sempurna diatas instruksi tersebut

Klik ganda untuk menyalin

 .entry-content a {   text-decoration: none;   text-align: center;   color: #0000aa;   top: 0;   left: 0;   transition: all 1s;   -webkit-transition: all 1s;   -moz-transition: all 1s; }  .entry-content a:hover {   text-decoration: none;   cursor: pointer;   color: transparent;   text-shadow: 0 0 2px #aa9f97; } 

5) Klik Simpan

Untuk merubah warna link, anda hanya perlu merubah instruksi hex #0000aa pada syntax css property color diatas menjadi instruksi warna yang anda inginkan. Enjoy & Happy Coding!

Share this post