Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Efek Blur Pada Link Blog

Sinjai Blog -Assalamu-alaikum Wr.wb. kali ini saya akan memposting Tutorial Blogger tentang cara membuat Efek Blur Pada Link Di Blog. Blur adalah suatu Effect yang membuat object menjadi buram atau kabur , dari yang kentara menjadi samar2.

DEMO


Langkah Langkah Pembuatan :
1. Masuk Ke Dashboard pada Blogger.com dan Pilih Blog Yang Anda Ingin Pasangkan
2. Masuk Lalu Pilih Template
3. Pada Template Klik Edit HTML
4. Kemudian Cari Kode ]]></b:skin>
5. Lalu Copy Semua Kode CSS di Bawah Ini :
 X_Root Created By : http://websinjai.blogspot.com
 Don't Delete my Link - Reycko
a {
  text-decoration: none;
  text-align: center;
  color: #08e1a6;
  top: 0;
  left: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
}

 a:hover {
  text-decoration: none;
  cursor: pointer;
  color: transparent;
  text-shadow: 0 0 2px #04ffbb;
}

 6. Letakkan Kode tersebut Diatas  ]]></b:skin>
7.  Klik Save atau Simpan Template.

Ket : Ganti Kode Berwarnah Biru untuk Warna  (#08e1a6;) Linknya dan Bayangan Linknya (#04ffbb;) . Dan untuk Tulisan Berwarna Merah (2px) adalah ukuran dari efek Blur itu , Ganti sesuai ukuran yang anda inginkan !
Semoga tips yang saya berikan bermanfaat , happy Blogging :D