Selasa, 08 April 2014
Baca Juga
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.
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 :
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
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
