Cara Pasang Tombol Berlangganan dgn efek Spraying animated

Sudah banyak tutorial cara Pasang kotak langganan artikel | subscribe dengan berbagai Variasi, bentuk atau model, pada kesempatan kali ini saya ingin membagikan Cara membuat Tombol Langganan Artikel Spraying animated yang tentunya agak sedikit berbeda dan bergaya Spraying animated. Dimana Kotak berlangganan akan muncul setelah Tombol + di klik, tombol berlangganan animasi inu diciptakan oleh Redeyeoperations

Tombol Berlangganan ini cukup elegan dan kelihatan keren, dan bagi sobat yang ingin menjajalnya silahkan ikuti langkah-langkah berikut ini

DEMO

Features
5 subscription buttons
jQuery Animation
Effective CSS3 Animation

Cara Pasang di Blog

Pertama
SIlahkan klik Template -> Edit HTML

Copy dan Paste Code berikut dibawah

44%,#6d0019 100%);background:-o-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:-ms-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);border:4px solid #fff;text-decoration: none;z-index:9999;cursor:pointer;border-radius:50px 50px 50px 50px;box-shadow:0 1px 3px rgba(0,0,0,0.5);color:#fff;font:68px Arial;height:80px;left:0;padding:0;position:absolute;text-align:center;top:0;width:80px}.btn{position:absolute;height:50px;width:50px;border-radius:25px;top:15px;left:15px;-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;-ms-transition:all 250ms;transition:all 250ms;box-shadow:0 1px 3px rgba(0,0,0,.5)}#netoopsblog-fb.open{top:-125px;left:25px}#netoopsblog-fb.open.clicked{top:-135px;left:15px}#netoopsblog-tw.open{top:-105px;left:80px}#netoopsblog-gplus.open{top:-75px;left:125px}#netoopsblog-rss.open{top:-30px;left:160px}#netoopsblog-mail.open{left:175px;top:25px}.plus{-moz-user-select: none;-moz-transition:all 200ms ease-in 0s;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in}.rot{-moz-transform:rotate(137deg);-o-transform:rotate(137deg);-webkit-transform:rotate(137deg);transform:rotate(137deg)}

http://www.facebook.com/kumpulancara" rel="nofollow" target="_blank">http://twitter.com/daenkblog" rel="nofollow" target="_blank">https://plus.google.com/u/0/112764290697005874210" rel="nofollow" target="_blank">http://feeds.feedburner.com/kumpulancara/YkOq" rel="nofollow" target="_blank">http://feedburner.google.com/fb/a/mailverify?uri=kumpulancara/YkOq" rel="nofollow" target="_blank">+

Silahkan Ganti
http://www.facebook.com/kumpulancara
http://twitter.com/daenkblog
https://plus.google.com/u/0/112764290697005874210
http://feeds.feedburner.com/kumpulancara/YkOq
http://feedburner.google.com/fb/a/mailverify?uri=kumpulancara/YkOq

Selamat mencoba

reff : http://www.kumpulancara.com/2012/11/cara-pasang-tombol-berlangganan-dgn.html