.jpg)
Hi Dear Bloggers ! All In One Share Box will help your visitors to share your content of the post all around the world using social medias. It's easy to use & Very helpful.If You Want To Add This On Your Blog So See Below....!
1. Tweet button With counter
2. stumbleupon button with counter
3. Google+ button with counter
4. Fcaebook share button with counter
5. LinkedIn Button
6. Pinterest Button
7. PRINT Button
8. Facebook Like Button
Steps
1 .Go to Template > Edit HTML
2. Click Expand Widget Templates
3. Find " <head> " tag & paste the code just above it.
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>
4. Then find " <div class='post-header-line-1'/> " & Paste the below code just before it.
<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> .multisharebox{background:none repeat scroll 0 0 #EFEFEF;float:right;margin:5px 0 3px 10px;padding:0 5px 0;text-shadow:0 1px 0 #FFF;width:260px;border:4px solid #d8dfea} .multisharebox table{margin-bottom:0 !important} .multisharebox td{padding:4px 3px !important} .fb-like-boxtop{background:none repeat scroll 0 0 #EDEFF4;border:1px solid #D8DFEA;color:#000;float:right;font-size:11px;margin:0 0;padding:5px 10px;text-align:left;width:230px} .fb-like-boxtop a{color:#000;text-decoration:none} .fb-like-boxtop a:hover{color:#000;text-decoration:underline} .fb-like-box{background:none repeat scroll 0 0 #EDEFF4;border:1px solid #D8DFEA;color:#000;float:right;font-size:11px;height:60px;margin:5px 0;overflow:hidden;padding:5px 10px;text-align:left;width:230px} </style> <!-- Perfect Share Box : Created by www.bloggertipandtrick.net --> <div class='multisharebox'> <table><tr> <td><table><tr> <td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/> <b:if cond='data:post.isFirstPost'> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'> </script> </b:if></td> <td><script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=5&r=" + data:post.url'/></td> <td><g:plusone size="tall" expr:href="data:post.canonicalUrl"/></td> <td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td> </tr></table></td> </tr><tr> <td><div class='fb-like-boxtop'><a class='pin-it-button' count-layout='none' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It Now!</a> <a href='javascript:void(run_pinmarklet())' style='height:20px; display:inline-block;'/> <script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/> <script type='text/javascript'> function run_pinmarklet() { var e=document.createElement('script'); e.setAttribute('type','text/javascript'); e.setAttribute('charset','UTF-8'); e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999); document.body.appendChild(e); } </script> <script src='http://platform.linkedin.com/in.js' type='text/javascript'/><script data-counter='right' expr:data-url='data:post.url' type='in/share'/> <a href='javascript:window.print();'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGiHUxphL_ovalFfwBIKlJSgVIHGoG5EfjBZmloXYxw0nSwpuSnjUXiAQJPs7KzET7-3FlqlMhFBeHLQmxpE7jd0fJPTwUUskWT75s0tHBpTzsN3YJa438DKITz4KKp8LZCWW8v9KH0rk/s1600/printbutton.png'/></a></div></td> </tr><tr> <td><div class='fb-like-box'> Do you like this post? <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=230&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/> </div></td> </tr></table> </div> </b:if>
.jpg){kind=link}
0 comments:
Post a Comment