search-button

Feb 8, 2014

Membuat Efek Blur Pada Link Posting Blog

   
Advertisements
Advertisements
Efek blur yang bisa anda terapkan di postingan blog ini akan bekerja otomatis pada saat pengunjung melakukan mouse over pada semua link yang ada di posting blog anda. Efek ini menggunakan murni CSS3 sehingga tidak akan berpengaruh terhadap performa atau kecepatan blog anda, hanya saja efek blur yang akan menjadikan anchor link lebih bergaya di kiriman blog ini hanya bisa bekerja pada browser atau peramban yang modern.

Efek Blur Pada Link Posting Blog



Langkah-langkah penerapan :

1) Masuk ke dashboard aku blogger anda anda
2) Klik Template lalu back up
3) Klik edit tempalte lalu cari kode ]]></b:skin>
4) Salin lalu pastekan semua css dibawah ini tepat diatas kode 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 kode hex #0000aa pada syntax css property color diatas menjadi kode warna yang anda inginkan. Enjoy & Happy Coding!