Beranda » Trick Blog » ZackMa®u™ » Button Efek Keren Versi Zackmaru

Button Efek Keren Versi Zackmaru

Zackmaru
Malam Sobat Blogger Indonesia,Kalian Sehat2 Ya? Gw bingung mau post apa? -__- wkwkwk Iseng2 Dapat Script Di Jl.Blogger No 14,,, sempat terbungkus dengan Kain @_@heheheh,,, Oke Langsung Saja Ke TKP:

1. Login To Blogger.com
2. Ke Rancangan > Edit HTML
3. Cari Kode (]]></b:skin>),Copy Code dibawah Ini Dibawah Kode (]]></b:skin>) :

<style type='text/css'>
.button{font:30px Calibri,Arial,sans-serif; text-shadow:1px 1px 0 rgba(255,255,255,0.4); text-decoration:none !important; white-space:nowrap; display:inline-block; vertical-align:baseline; position:relative; cursor:pointer; padding:10px 20px; background-repeat:no-repeat; background-position:bottom left; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6_qpCbX7nhLBSUBrVEtrADu0Udu9p0frO7FPNMbudm_QcoUgwjCnoQgT4EFVO1GLauJ4CcSmXDg-QTFprfFKLLpxyUZZKslIlrHp6COfOgRb7-sS7kUTh1NiuZwd-14avMs9sq2eFyka/s144/button_bg.png'); background-position:bottom left,top right,0 0,0 0; background-clip:border-box; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow:0 0 1px #fff inset; -webkit-box-shadow:0 0 1px #fff inset; box-shadow:0 0 1px #fff inset; -webkit-transition:background-position 1s; -moz-transition:background-position 1s; transition:background-position 1s}.button:hover{background-position:top left; background-position:top left,bottom right,0 0,0 0}.button:active{bottom:-1px}.blue.button{color:#0f4b6d !important; border:1px solid #84acc3 !important; background-color:#48b5f2; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6_qpCbX7nhLBSUBrVEtrADu0Udu9p0frO7FPNMbudm_QcoUgwjCnoQgT4EFVO1GLauJ4CcSmXDg-QTFprfFKLLpxyUZZKslIlrHp6COfOgRb7-sS7kUTh1NiuZwd-14avMs9sq2eFyka/s144/button_bg.png'),url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6_qpCbX7nhLBSUBrVEtrADu0Udu9p0frO7FPNMbudm_QcoUgwjCnoQgT4EFVO1GLauJ4CcSmXDg-QTFprfFKLLpxyUZZKslIlrHp6COfOgRb7-sS7kUTh1NiuZwd-14avMs9sq2eFyka/s144/button_bg.png'),-moz-radial-gradient( center bottom,circle,rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),-moz-linear-gradient(#4fbbf7,#3faeeb); background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6_qpCbX7nhLBSUBrVEtrADu0Udu9p0frO7FPNMbudm_QcoUgwjCnoQgT4EFVO1GLauJ4CcSmXDg-QTFprfFKLLpxyUZZKslIlrHp6COfOgRb7-sS7kUTh1NiuZwd-14avMs9sq2eFyka/s144/button_bg.png'),url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6_qpCbX7nhLBSUBrVEtrADu0Udu9p0frO7FPNMbudm_QcoUgwjCnoQgT4EFVO1GLauJ4CcSmXDg-QTFprfFKLLpxyUZZKslIlrHp6COfOgRb7-sS7kUTh1NiuZwd-14avMs9sq2eFyka/s144/button_bg.png'),-webkit-gradient( radial,50% 100%,0,50% 100%,100,from(rgba(89,208,244,1)),to(rgba(89,208,244,0))),-webkit-gradient(linear,0% 0%,0% 100%,from(#4fbbf7),to(#3faeeb))}.blue.button:hover{background-color:#63c7fe; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6_qpCbX7nhLBSUBrVEtrADu0Udu9p0frO7FPNMbudm_QcoUgwjCnoQgT4EFVO1GLauJ4CcSmXDg-QTFprfFKLLpxyUZZKslIlrHp6COfOgRb7-sS7kUTh1NiuZwd-14avMs9sq2eFyka/s144/button_bg.png'),url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6_qpCbX7nhLBSUBrVEtrADu0Udu9p0frO7FPNMbudm_QcoUgwjCnoQgT4EFVO1GLauJ4CcSmXDg-QTFprfFKLLpxyUZZKslIlrHp6COfOgRb7-sS7kUTh1NiuZwd-14avMs9sq2eFyka/s144/button_bg.png'),-moz-radial-gradient( center bottom,circle,rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),-moz-linear-gradient(#63c7fe,#58bef7); background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6_qpCbX7nhLBSUBrVEtrADu0Udu9p0frO7FPNMbudm_QcoUgwjCnoQgT4EFVO1GLauJ4CcSmXDg-QTFprfFKLLpxyUZZKslIlrHp6COfOgRb7-sS7kUTh1NiuZwd-14avMs9sq2eFyka/s144/button_bg.png'),url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6_qpCbX7nhLBSUBrVEtrADu0Udu9p0frO7FPNMbudm_QcoUgwjCnoQgT4EFVO1GLauJ4CcSmXDg-QTFprfFKLLpxyUZZKslIlrHp6COfOgRb7-sS7kUTh1NiuZwd-14avMs9sq2eFyka/s144/button_bg.png'),-webkit-gradient( radial,50% 100%,0,50% 100%,100,from(rgba(109,217,250,1)),to(rgba(109,217,250,0))),-webkit-gradient(linear,0% 0%,0% 100%,from(#63c7fe),to(#58bef7))}body{background:url(http://www.startextures.com/starnetblog/wp-content/uploads/2011/02/starnetblog_subtile_gray_pattern4.jpg);}
</style>
4. Ke Setelan > Format > Templat Entri > Isi Dengan Kode dibawah ini :}

<center><a class="button blue" href="http://yourBlogName.blogspot.com/">Your Text</a></center>

5. Kemudian Simpan/Liat Hasilnya

Post Original By Zackmaru

Belum ada tanggapan untuk "Button Efek Keren Versi Zackmaru"

Posting Komentar

Langganan: Posting Komentar (Atom)