2012 October 25 Archive - EXEIdeas – Let's Your Mind Rock

Hello Bloggers, Here It Is Awesome And Stylish Ribbon Style Social Facebook, Twitter, Google +, Pinterest and RSS Feeds Follow Buttons With Smooth Rotation For Blog And Website. Now I would like to share this “Ribbon Style Social Follow Buttons With Smooth Rotation” customized by Trickiezone. This is smooth rotation from 3D Social Follow Button then, I changed it into Ribbon Style Follow Button. Ribbon Style Social Buttons have 4 differents social networking site and 1 RSS Feed button, you will see aFacebook, Twitter, Google +, Pinterest and RSS Feeds Icons.All we know that social networking sites is very important to us especially to all bloggers out there, you can increase your blog traffiic simply by following you to your social networking sites and by subscribing to your RSS Feeds link and today I will teach it to you on how to put that buttons into your Blogger. #Demo {padding: 5px;border: 1px solid #ff0000; -moz-border-radius:6px; -webkit-border-radius:6px; background:#F8F8F8; box-shadow: 3px 3px 3px #D44B2C; width:185px; } #Demo{margin-bottom:5px;} #Demo a{color:#D44B2C;background:#F8F8F8;padding:8px 14px;display:inline-block;font-size:12px;line-height:12px;text-decoration:none;text-transform:uppercase;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #Demo a:hover{color:#fff;text-shadow:0px 1px 0px #000;background:#D44B2C;text-decoration:none} CLICK HERE TO SEE DEMO Features:1.) Awesome And Stylish Design.2.) CSS Code.3.) Easy To Install And Quick To Load.4.) Rotate On Hover.5.) Facebook, Twitter, Google +, Pinterest and RSS Feeds Icons Added.How To Add In Blogspot?1.) Go To Your www.blogger.com2.) Open Your Desire Blog.3.) Go To Layout.4.) Click “Add A Gadget” Where You Want To Add It.5.) Now Scroll To “HTML-JAVASCRIPT”6.) Click “+” Icon To Add It.7.) Now Copy The Below Code And Paste It To There.8.) Leave The Title Empty.9.) Click Save, Now You Are Done.How To Add In Website?1.) Just Go To Your HTML File.2.) Now Copy The Below Code And Paste It Between .3.) Save It, Now You Are Done. #social{border:0px solid #888; margin:0px 0px 0px 0px; padding:0px; } #social:hover {border:0px solid #ccc;cursor:pointer; } .opacity {opacity: 1;margin-left: 50px;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-ms-transition: all 1s ease-out;transition: all 1s ease-out;-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 0;} .opacity:hover {opacity: 0.65;-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 0;} Customization: 1.) Change “EXEIdeas2010” into your Facebook page account username.2.) Change “EXEIdeas” into your Twitter account username.3.) Change “102256859586166648016” into your Google + account.4.) Change “EXEIdeas” into your Pinterest account username.4.) Change “EXEIdeas” into your Feedburner blog name.Hope this tutorial/article useful l to you. If there’s something wrong with the code please leave a feedback below. Thank You! #ath { background:#f8f8f8; margin:0 0 40px 0; padding:10px; border: 3px outset #e8e8e8; -moz-border-radius: 10px; border-radius: 10px; overflow:hidden; font-size: 14px; } .pro { background:#FFF; float:left; margin:0 10px 0 0; padding:4px; border: 2px inset #e8e8e8; } .social { float:right; } About the Author:John Francel is a part time Blogger, Online Marketer’s , Founder of Trickiezone. See more Blogger tutorials, widgets and SEO tips and you can reach John by visiting on TrickiezoneFind Me On GooglePlus Facebook Twitter