2014 February 27 Archive - EXEIdeas

Hi, this time we are with a new code that is actually for a social sharing widgets. Its a alternate of official social sharing button that are 99.99% in JavaScript or JQuery that can make your site load time too hight but here we have the same feature in HTML-CSS only. Here there is no JavaScript or JQuery added in our code. Yet It coded in official way but with hidden tricks. In real official social sharing buttons are too heavy so a normal site owner who want his site superfast can’ do it so still he want to add social sharing as its the most wanted code in new er of web designing or blogging.In our codes, there are many mentioned-able features like we have this code for two platform. You can add it in blogger and website too. In blogger, you don’t have to edit any code, Just copy paste because it will do the rest as official buttons do. In website, you have to add your that page url that you want to share or on which page you added it.So without any more preface, here just have a look on the screenshoot in the above image and click below to see the live DEMO. After liking these, have a look in the feature list of this widget and et the code of your desired platform from below. #Demo {padding: 5px;border: 1px solid #ff0000; -moz-border-radius:6px; -webkit-border-radius:6px; background:#F8F8F8; box-shadow: 3px 3px 3px #D44B2C; width:200px; } #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 DEMOFeatures:1.) Lite, Quick And Fast Loading.2.) Top Sites Like Facebook, Twitter, GooglePlus, LinkedIn, PinIt Button Added.3.) No JavaScript Or JQuery.4.) Work With Cross Browsers.5.) No Platform Limitation.6.) Pure HTML-CSS Coded.7.) Short Coded.8.) Available For Blogger And WebSites.9.) Auto Detect Every Page URL In Blogger.10.) Just Have To Add One Time In Blogger Template.11.) In Website, You Have To Add Different URL Manually.12.) Stylish Design Of Original Colors Codes.How To Add In Blogspot?1.) Go To Your www.blogger.com2.) Open Your Desire “Blog“.3.) Go To “Template“.4.) Click “Edit HTML“.5.) Now Click Within Code Box.6.) Press [CTRL+F] To Search Code.7.) Now Copy The Below Code And Paste It After The Above Code..8.) Click “Save Template” And Done. /* Lite Loading Social Sharing ButtonsCopyright (c) 2014 EXEIdeas International - support@exeideas.comView Tutorial At: www.exeideas.com----------------------------------------------- */#exe_light_share{padding:5px;height:20px;}.exe_light_share_DIV{text-align:center;width:120px;padding:5px 0px;float:left;margin-left:5px;color:#fff;text-decoration:none;}.exe_facebook-like{background-color:#3b5998;}.exe_facebook-share{background-color:#3b5998;}.exe_twitter-tweet{background-color:#00aced;}.exe_pintrest-pin{background-color:#cb2027;}.exe_googleplus-share{background-color:#dd4b39;}.exe_linkedin-share{background-color:#007bb6;} Send Tweet G+Share Pin It InShare How To Add In Website?1.) Just Go To Your HTML File.2.) Now Copy The Below Code And Paste It Between “ ” Anywhere.3.) Save It, Now You Are Done. /* Lite Loading Social Sharing ButtonsCopyright (c) 2014 EXEIdeas International - support@exeideas.comView Tutorial At: www.exeideas.com----------------------------------------------- */#exe_light_share{padding:5px;height:20px;}.exe_light_share_DIV{text-align:center;width:120px;padding:5px 0px;float:left;margin-left:5px;color:#fff;text-decoration:none;}.exe_facebook-like{background-color:#3b5998;}.exe_facebook-share{background-color:#3b5998;}.exe_twitter-tweet{background-color:#00aced;}.exe_pintrest-pin{background-color:#cb2027;}.exe_googleplus-share{background-color:#dd4b39;}.exe_linkedin-share{background-color:#007bb6;} Send Tweet G+Share Pin It InShare Customization:1.) In Blogger Code, You Don’t Have To Edit Anything. 🙂2.) In Website Codes, You Have To Add Your Desired URL Instead Of https://www.exeideas.com/.3.) Save And Done.Last Words:This is what we have. If you liked it then share it with your friends and leave your comment and if you still have any quires then feel free to ask us. Thanks to be with us, will be with you on next codes. Be with us…