Showing posts with label Share Button. Show all posts
Showing posts with label Share Button. Show all posts

Saturday

How To Increase Blog Visibility Using Google Plus

Posted By: Arin Dey - September 24, 2011
Google +1 Button is getting much popular like other named share buttons - F-like, Tweet etc. Nowadays, bloggers & publishers from different niche do prefer to use the +1 button on their websites. It is similar to Facebook's Like button. Like Facebook & Twitter it is also content sharing button for social networking users.
How To Increase Blog Visibility Using Google Plus

  Google's +1 button is helpful to get good search engine visibility because it can be found just below each and every URL in Google search results, where people can directly click on it and share on their social media.

g+ button
It allows users to recommend content to their friends & acquaintances. +1 buttons on websites, are always in sync with the recommendations made for the same URL on Google search results. It makes Google search results even more socially shared by showing your recommendations to your friends and contacts.
Google +1 button is now very common and can be found on most of the websites. It allows a publisher to easily setup this new button along with the existing ones using simple code that can be generated from the Google +1 your website. Below is the screen shot explains how it looks. If you want the +1 code for your HTML file then please login to the site and get the code and paste it on your blog where you want it to appear.

Google with its leading publishers has put up the effort to give its +1 button a global exposure and publicity. The partners are Mashable ,The Huffington Post , Rotten Tomatoes, TechCrunch Reuters , The Washington Post , Best Buy , O’Reilly, Nordstro.

Google has always presented with its products a new format and there is no exception in +1 button too. It is a positive factor for search results even more helpful and relevant. And the reason why 1+ is leading among all the buttons is that it directly appears on the search result of Google without going to the particualr page we can use teh +1 feature benefits. It appears on top or the below of the posts with other social share buttons in blogs as shown in the below figure.
g+ sharing button below post
In this way, irrespective of niche different websites are using this button for its promotion and publicize throughout the web.

Hope you are also using the +1 button for your blog if not then please get it and share your post with the huge readers around the world. Let your readers share the your blogs with their networks.

Friday

How To Add Digg Button To Blogger / Blogspot

Posted By: Arin Dey - September 23, 2011
One of the widely used social networking site is Digg. It offers button which can be included to your blogs, which is really useful for showing the visibility of your blog among the search engines.

You can use a ‘submit to Digg’ button on your site which will definitely increases the post shares by one of your viewers and publicize to their network. 

In this post you will find the step-by-step guide for including the Digg count button to every single blogger post. Digg button will show a better chance your post will be digged and get you more web traffic. You can also know how to add Digg button on top or bottom of each post and the alignment of Digg button on left or right side of posts.

How to add Digg button to every Blogger/Blogspot post ?

Adding Digg button to each post on your blogger blog you must copy and paste the following code in blogger template:
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
By following some simple steps you can easily add Digg button before every post or on the bottom of every post.
You can edit HTML and search for <data:post.body/> and paste the code just before if you want to display the Digg button on the top of the post or after the code in case displaying bottom of the post.
Find the step by step guide to add Digg button counter to blogger

1.  Go to Blogger.com dashboard.

2. Go to Layout section

3. Click on Edit HTML -> Proceed

Note : Always take a backup template on local hard disk before doing any change in edit template box 

4. Check on Expand Widget Template



5. Search for
 <data:post.body/>
Alignments :

Centre Alignment:
1. Digg button counter on the top of post. Include Digg button code (code above) before <data:post.body/>...
[DIGG BUTTON CODE]
<data:post.body/>...2. Digg button counter on the end of your posts, add Digg button code just after <data:post.body/> ...
<data:post.body/>[DIGG BUTTON CODE]...
Left Alignment To align your Digg button left use this code: 
<div style='padding: 4px; float: left;'>
[DIGG BUTTON CODE]
</div>
Right Alignment : To align your Digg button counter right: 
<div style='padding: 4px; float: right;'>
[DIGG BUTTON CODE]
</div>
Here is the sample code for Digg button before each post on left side: 
<div style='padding: 4px; float: left;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<data:post.body/>
Hope you have added Digg button to your blog successfully.

Thursday

How To Add LinkedIn Share Button To Your Blog

Posted By: Arin Dey - September 22, 2011
Nowadays share buttons and badges have become one of the important add-on to blogs and websites which allow viewers to share and spread the content on web with ease of access. We have shown about how to include Facebook, Twitter, Digg, StumbleUpon, Google+ buttons or the Floating Bar Box Share buttons on your website. Here we will learn how to put an In Share or popularly known as Linked In share button to your blog.

LinkedIn can help you generate traffic to your blog

When you add a LinkedIn share button to your blog or website, you are allowing your site visitors to share your posts directly to their Linked In accounts. If you want to add a Linked in share button to your site just follow the below steps:

1. Go to Linked In Plugin Share button (http://developer.linkedin.com/plugins/share-button)
How To Add LinkedIn Share Button To Your Blog

2. Choose your count mode that you want from the 3 options i.e. Vertical, Horizontal and No Count. (see the box in right side)

3. Click on one option out of 3 and get the code.

4. Copy and paste it in your blog template where you want to show the button.

Here you have another option text-box asking for the URL to be shared which is completely optional. It is useful when you want a only particular URL (eg. your blog or website URL) to be shared, not the posts or pages on which the button will be shown. Leave it blank at the URL box, if you are going to put the button with your blog posts.

Codes for Advance users

For an advance In share button, like when you want it appear on the index page of your posts then the code from Linked In Plugin Page will not work. You can use the following code with some recommended modifications:
<script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-url="PERMALINK" data-counter="right"></script>
For WordPress users: Include <?php the_permalink(); > instead of PERMALINK.
For Blogger.com users: Include <b:data:post.url /> instead of PERMALINK.
For Tumblr users: Put {Permalink} instead of PERMALINK.
Likewise the previous box options, here you can choose the data-counter value to top for a vertical count of the button or a button without counter. Hope this works perfectly and you can provide an option to your readers to share your posts easily.

Monday

How To Add Floating Social Media Sharing Buttons To Blogger

Posted By: Arin Dey - September 12, 2011
Some of our readers asked us about some widget on how to add a floating bar of social media buttons to a Blogger/Blogspot blog. So we scripted the widget, hence you don’t have to go into your template HTML to install (or remove) it. We have done it so simple, where you can only copy the whole code and paste into a HTML/Javascript gadget.
How To Add Floating Social Media Sharing Buttons To Blogger

Here in this How-to add social media sharing buttons guide we have included Facebook Share, Retweet, StumbleUpon, Digg This and Google +1 (plus one) buttons in the left bar. Each of the share button comes with a a live counter. Here depending upon the f-likes, re-tweets and other likes the counter will increase in number.

How to add the buttons

1. Login to your Blogger dashboard.
2. Go to Layout > Page Elements.
3. Now Click on Add A Gadget.
4. In Add A Gadget window, select HTML/Javascript .

5. Copy the code below and paste it inside the content box.
<!-- Floating Social Share Buttons-->
<style type="text/css">
#pageshare {position:fixed; bottom:20%; left:50px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Get this from Poketors.com">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class='sbutton' id='rt'>

<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://delicious-button.googlecode.com/files/jquery.delicious-button-1.0.min.js"></script>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
</div>
<!-- End of Floating shares -->
6. After copying, save the gadget.
7. Now drag the gadget and reposition it under Blog Posts gadget.
8. Click Save arrangement button on upper right corner.

How to customize the buttons

1.Vertical alignment
You need to change the value of bottom in code line 3. That code will position the button relative to the bottom of your browser window. In case you want to fix the distance even when window is resized, specify the value in px (pixels) instead of %.

2. Horizontal alignment
Change the value of margin-left (search for the code). Now here if we enter 'negative value' which will push the button to the left of the main blog column, in case we enter 'positive value' it pushes it to the right.
So, to position the button relative to the left or right edge of browser window, replace the margin-left with left (as in left:10px;) or right (as in right:10px;) respectively.

3. In case, replacing and removing buttons
You can replace existing buttons with your own. Each button is represented by this code:
<div class='sbutton'>
BUTTON CODE
</div>
While replacing the button, simply replace the button code with the new code. To remove the button, delete the whole div.

If you face any issue displaying your Google +1 button, despite other buttons appear successfully, try this :
  • Go to Template > Edit HTML and find this line:
<body expr:class='"loading" + data:blog.mobileClass'>
or
<body>
  • Now copy the code in step # 5 and paste it right below the line.
  • Click preview before saving.
We have done installing the widget for floating social media share buttons bar.

Copyright © 2010-2023 Poketors | The content of this website is copyrighted and may not be reproduced on other websites.| Email us at : admin@poketors.com.