trick membuat Widget Profiles Social Melayang Dengan Subscribe Box Dengan Tombol Minimize Untuk Blogger

Fitur :

1. Minimize button
2. Profiles Social button dengan efek hover.
3. Subscribe box dengan CSS button.

Langkah :

1. Buka akun Blogger Anda
2. Masuk ke menu Layout/tata letak > Add Gadget > HTML/Javascript
3. Pastekan kode dibawah ini :      

<style type="text/css">#exefixedfootermain{z-index:999999;width:300px;height:0px;position:fixed;bottom:0%;right:5px}#exefixedfooterdiv{border-top:3px solid #444;border-right:3px solid #444;border-left:3px solid #444;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background-color:#d7d7d7;overflow:none;width:300px;height:250px;position:fixed;bottom:0%;right:5px;background:#fff;background:-moz-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-o-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:-ms-linear-gradient(top, #fff 0%,#e5e5e5 100%);background:linear-gradient(to bottom, #fff 0%,#e5e5e5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#e5e5e5',GradientType=0 )}

#exefixedfooterhide{z-index:999999; position: absolute;    bottom:250px;right:5px;width:285px;height:25px;cursor:pointer;background-color:#fff;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px;}

#exefixedfootershow{position:absolute;    bottom:0px;    right:5px;    width:285px;height:25px;cursor:pointer;background-color:#e5e5e5;padding-top:5px;border-top:3px solid #444;border-left:3px solid #444;border-right:3px solid #444;border-top-right-radius:5px;border-top-left-radius:5px}.exefixedfooterdownarrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #333}.exefixedfooteruparrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #333}.exefixedfooterblockarrow{width:8px;height:10px;background-color:#333}#exefixedfootersocial{    position:absolute;    bottom:220px;    right:10px;    width:280px;height:30px;float:right}#exefixedfootersocialicon{    position:absolute;    bottom:135px;    left:10px;    width:auto;height:64px}#exefixedfooteremailsubscribe{    position:absolute;    bottom:0px;    width:242px;height:90px;right:30px}.exefixedfooteremailsubscribebox input.email{padding:7px 10px 7px 10px;font-family:"Arial","Helvetica",sans-serif;width:218px;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.exefixedfooteremailsubscribebox input.subscribe{    -moz-box-shadow:inset 0px 1px 0px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px 0px #fff;box-shadow:inset 0px 1px 0px 0px #fff;background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#c9c9c9) );background:-moz-linear-gradient( center top,#f0f0f0 5%,#c9c9c9 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#c9c9c9');background-color:#f0f0f0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777;font-family:arial;font-size:13px;font-weight:bold;padding:6px 18px;text-decoration:none;text-shadow:1px 1px 0px #fff}.exefixedfooteremailsubscribebox input.subscribe:hover{background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#c9c9c9),color-stop(1,#f0f0f0) );background:-moz-linear-gradient( center top,#c9c9c9 5%,#f0f0f0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9',endColorstr='#f0f0f0');background-color:#c9c9c9}</style><!--[if IE]><style>.exefixedfooteremailsubscribebox input.subscribe{width:243px}</style><![endif]--><!--[if gte IE 9]><style type="text/css">.gradient{filter:none}</style><![endif]--><div id="exefixedfootermain"><center id="exefixedfootershow"onmouseup="document.getElementById('exefixedfooterdiv').style.display='block'"><table  style="margin-top:-2px;"><tr><td><center style="color:#333;font-size:15px;font-weight:bold;">Be Socialized And Subscribed</center></td><td><center><div class="exefixedfooteruparrow"></div><div class="exefixedfooterblockarrow"></div></center></td></tr></table></center><div id="exefixedfooterdiv"><center id="exefixedfooterhide"onmouseup="document.getElementById('exefixedfooterdiv').style.display='none'"><table  style="margin-top:-2px;"><tr><td><center style="color:#333;font-size:15px;font-weight:bold;">Be Socialized And Subscribed</center></td><td><center><div class="exefixedfooterblockarrow"></div><div class="exefixedfooterdownarrow"></div></center></td></tr></table></center><div id="exefixedfootersocial"><center style="color:#333;font-size:12px;">Recive All Latest And Hottest Articles,Tips And Tricks,Awesome Widgets Directly Into Your Inbox And Stay UpDate With Us...!!!</center></div><div id="exefixedfootersocialicon"><table><tr><td><a href="http://www.facebook.com/ID Facebook Anda"><img height="48px"width="48px"title="Like Us On Facebook"alt="Facebook"src="http://1.bp.blogspot.com/-tx_vF9eQ4-0/UDTfscLT45I/AAAAAAAABnc/xpo5WKfAR5M/s1600/Facebook+Icon.png"onmouseover="this.src='http://3.bp.blogspot.com/-CW5UXw9tlJ4/UDTftHq12XI/AAAAAAAABnk/OYNJ1Z9KDi8/s1600/Facebook+Rollout+Image.png'"onmouseout="this.src='http://1.bp.blogspot.com/-tx_vF9eQ4-0/UDTfscLT45I/AAAAAAAABnc/xpo5WKfAR5M/s1600/Facebook+Icon.png'"/></a><br /><a href="http://twitter.com/ID Twitter Anda"><img height="48px"width="48px"title="Follow Me On Twitter"alt="Twitter"src="http://3.bp.blogspot.com/-xs-A-sxI5Rg/UDTfxKZSl5I/AAAAAAAABoM/4lSjbIAwLn4/s1600/Twitter+Icon.png"onmouseover="this.src='http://4.bp.blogspot.com/-Av3BgeByurw/UDTfxgVGqYI/AAAAAAAABoU/4BmnsYNK6JE/s1600/Twitter+Rollout+Image.png'"onmouseout="this.src='http://3.bp.blogspot.com/-xs-A-sxI5Rg/UDTfxKZSl5I/AAAAAAAABoM/4lSjbIAwLn4/s1600/Twitter+Icon.png'"/></a></td><td width="75px"valign="top"><a style="font-size:12px;color:#333;font-weight:bold;"href="http://www.facebook.com/ID Facebook Anda">Like Us On FaceBook</a><br /><br /><a style="font-size:12px;color:#333;font-weight:bold;"href="http://twitter.com/ID Twitter Anda">Follow Us On Twitter</a></td><td><a href="https://plus.google.com/102256859586166648016"><img height="48px"width="48px"title="Add Us To Your Circle"alt="Google Plus"src="http://2.bp.blogspot.com/-N5kf9ym1mWk/UDTfvIvzklI/AAAAAAAABn8/jCexUi767Ko/s1600/Google+Icon.pngE"onmouseover="this.src='http://3.bp.blogspot.com/-viLihCxmAMo/UDTfvlGxnzI/AAAAAAAABoE/kfF_v8Rq_7U/s1600/Google+Rollout+Image.png'"onmouseout="this.src='http://2.bp.blogspot.com/-N5kf9ym1mWk/UDTfvIvzklI/AAAAAAAABn8/jCexUi767Ko/s1600/Google+Icon.png'"/></a><br /><a href="http://feeds.feedburner.com/ID Feedburner Anda"><img height="48px"width="48px"title="Subscribe Our RSS"alt="RSS"src="http://4.bp.blogspot.com/-1s1g_MazmMc/UDTftg_jb1I/AAAAAAAABns/2JhD1VYDYfc/s1600/Feedburner+Icon.png"onmouseover="this.src='http://4.bp.blogspot.com/-464885HODoE/UDTfuVzBYKI/AAAAAAAABn0/-yMgRXt2hUA/s1600/Feedburner+Rollout+Image.png'"onmouseout="this.src='http://4.bp.blogspot.com/-1s1g_MazmMc/UDTftg_jb1I/AAAAAAAABns/2JhD1VYDYfc/s1600/Feedburner+Icon.png'"/></a></td><td valign="top"><a style="font-size:12px;color:#333;font-weight:bold;"href="https://plus.google.com/102256859586166648016">Add Me <br />In Circle</a><br /><br /><a style="font-size:12px;color:#333;font-weight:bold;"href="http://feeds.feedburner.com/ID Feedburner Anda">Subscribe <br />Our RSS</a></td></tr></table></div><div id="exefixedfooteremailsubscribe"><div class="exefixedfooteremailsubscribebox"><form action="http://feedburner.google.com/fb/a/mailverify"method="post"target="popupwindow"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=exefixedfootersocialicon','popupwindow','scrollbars=yes,width=550,height=520');return true"><input class="email"type="text"id="email"name="email"value="Enter Your Email Here.."onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;"onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;"/><input type="hidden"value="ID Feedburner Anda"name="uri"/><input type="hidden"name="loc"value="en_US"/><br /><input class="subscribe"name="commit"type="submit"value="Subscribe Our News Letter Now"/></form></div><center style="color:#333;font-size:8px;">E-Mail Will Be Delivered By FeedBurner.</center></div></div></div>

• Ganti ID Facebook Anda dengan ID Facebook Anda.
• Ganti ID Twitter Anda dengan ID Twitter Anda.
• Ganti ID Feedburner Anda dengan ID Feedburner Anda.

     4.  Save