Thursday, August 16, 2012
Add All Share Button : Google+ Plus One-1 | Plus One Share | Google Bookmarks | Facebook Like | Facebook Page Like Box | Facebook Share | Twitter | Linked In | Reddit | Furl | Digg | Mixx | Stumbleupon | Technorati | Delicious. Well, as you too know, Social Networking and Bookmarking are esential for publishers to spread their contents. I think Social Networking and Bookmarking are the second methode to boost pageviews and Seo that a publisher has to make after optimizing search engine. I'd say, if search engines get your website 50 visitors, then Social Networking and Bookmarking get your website 25 visitors. Something like that.

There are many both Social Networking and Bookmarking sites that you can find today. The biggest ones that you might know are Facebook, Twitter, and Google+. Everybody know and familiar with those sites.

Let's just get down. Below are some like and share buttons that you may want to add to your website. Just change the images with your own if you don't feel comfort with them.

Facebook Like, Box, and Share Button


To add any of Facebook Button, you'll also have to add a script code, xmlns, and meta tag in your template.

1. Javascript: Add after tag <body.

<body>
<div id='fb-root'/>
<script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = &quot;//connect.facebook.net/en_US/all.js&amp;appId=361189727284464#xfbml=1&quot;; fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

Here to copy


2. xmlns: Add after tag <html.

xmlns:fb='http://www.facebook.com/2008/fbml

Example.

<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:fb='http://www.facebook.com/2008/fbml'>>

3. Meta tag: Add after tag &head>

<head>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='361189727284464' property='fb:app_id'/>
<meta content='123456789' property='fb:admins'/>
<meta content='Website' property='og:type'/>
<meta content='John Smith' property='og:site_name'/>
<meta content='Your Image Url' property='og:image'/>
<meta content='Your Blog Description' property='og:description'/>

Change all values accordingly.

Here are the buttons

Facebook Like Box for Fan Page

<fb:like-box header='true' height='63' href='http://www.facebook.com/I.writter' show_faces='false' stream='false' width='200'/>

Facebook Like + Share Button

<div class='fb-like' data-expr:href='data:post.url' data-expr:title='data:post.title' data-send='true' data-show-faces='false' data-width='300'/>

Twitter


Add this script above tag </head>

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

Follow Button

<a href="https://twitter.com/AlexRoses6" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Follow Me</a>

Tweet Button

<a class='twitter-share-button' data-count='horizontal' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' style='width:100px;height:32px;'>Tweet</a>

Google


Add this script above tag </head>

<script src="https://apis.google.com/js/plusone.js" type="text/javascript"/>

Plus One Page Button

<div class='g-plusone' data-href='http://j-smith-site.blogspot.com' data-size='standard'></div>

Plus One Button

<div class='g-plusone' data-size='standard' expr-href='data:post.url'/>

Plus One Share Button

<div class='g-plus' data-action='share' expr:href='data:post.url'/>

Google Bookmark

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' height='24' src='http://3.bp.blogspot.com/-3ISDHudj3fE/UCY5baVBtLI/AAAAAAAADAQ/oSe4KjtLpJw/s1600/Google.jpg' width='24'/></a>

Because some websites may not support this button, below are the manual code that will surely work properly. But these won't count hit..

Share Button

<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' target='_blank'><img alt='+1' src='http://4.bp.blogspot.com/-gQUK9iwc9-E/T7cb-OO6wUI/AAAAAAAACMM/yjHCeTJmwE8/s1600/gplus-32.png' style='width:24px;height:24px;'/></a>

Plus One Button

<a expr:href='&quot;https://plusone.google.com/_/+1/confirm?hl=en&amp;url=&quot; + data:post.url'><img alt='+1' src='http://3.bp.blogspot.com/-q1ULImS4Lks/UCeDrSXkXHI/AAAAAAAADFc/IvkLAYVm33I/s1600/Plus1.jpg' style='width:24px;height:24px;'/></a>

Reddit


<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='reddit'><img alt='reddit' height='24' src='http://3.bp.blogspot.com/-4WIU3iNVe0o/UCY70j1QDOI/AAAAAAAADCI/CjFQ9OKfa4U/s1600/Reddit.jpg' width='24'/></a>

Furl


<a expr:href='&quot;http://furl.net/storeIt.jsp?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url target='_blank' title='Furl'><img alt='Furl' height='24' src='http://3.bp.blogspot.com/-bOqnZD99H_g/UCY5bLua_QI/AAAAAAAADAE/E0gvHQVFUSs/s1600/Furl.jpg' width='24'/></a>

Digg


<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'><img alt='Digg' height='24' src='http://4.bp.blogspot.com/-h_16tz937cY/UCY5a58cR8I/AAAAAAAAC_4/ZOXubJRjcIQ/s1600/Digg.jpg' width='24'/></a>

Mixx


<a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' height='24' src='http://3.bp.blogspot.com/-TwG6_kuKNvU/UCY5bvxQxcI/AAAAAAAADAs/Lu3hOdsiHw4/s1600/Mixx.jpg' width='24'/></a>

Stumbleupon


<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' height='24' src='http://4.bp.blogspot.com/-AsAzF4Tlu1I/UCY70f-e1XI/AAAAAAAADB8/OSh0K3uaMOA/s1600/Stumbleupon.jpg' width='24'/></a>

Technorati


<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' height='24' src='http://4.bp.blogspot.com/-X6T8lNIKyGI/UCY70PBb1vI/AAAAAAAADBw/hiXutXPbP0E/s1600/Technorati.jpg' width='24'/></a>

Delicious


<a href='https://www.delicious.com/save' onclick='window.open(&apos;https://www.delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=&apos;+encodeURIComponent(location.href)+&apos;&amp;title=&apos;+encodeURIComponent(document.title),&apos;delicious&apos;,&apos;toolbar=no,width=50,height=550&apos;); return false;'><img alt='Delicious' height='24' src='http://1.bp.blogspot.com/-Mr2HgsFpI_Y/UClDtdjQowI/AAAAAAAADJQ/aTqqLcHyOIY/s1600/delicious.gif' width='24'/></a>

Linked In


<script src="//platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share" data-counter="right"></script>

That's all everybody. Maybe next time i post again some more share buttons.

Have a nice day. :)=5&amp;noui&amp;jump=close&amp;url=&apos;+encodeURIComponent(location.href)+&apos;&amp;title=&apos;+encodeURIComponent(document.title),&apos;delicious&apos;,&apos;toolbar=no,width=50,height=550&apos;); return false;'><img alt='Delicious' height='24' src='http://1.bp.blogspot.com/-Mr2HgsFpI_Y/UClDtdjQowI/AAAAAAAADJQ/aTqqLcHyOIY/s1600/delicious.gif' width='24'/></a>

Linked In


<script src="//platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share" data-counter="right"></script>

That's all everybody. Maybe next time i post again some more share buttons.

Have a nice day. :)t;a href='https://www.delicious.com/save' onclick='window.open(&apos;https://www.delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url=&apos;+encodeURIComponent(location.href)+&apos;&amp;title=&apos;+encodeURIComponent(document.title),&apos;delicious&apos;,&apos;toolbar=no,width=50,height=550&apos;); return false;'><img alt='Delicious' height='24' src='http://1.bp.blogspot.com/-Mr2HgsFpI_Y/UClDtdjQowI/AAAAAAAADJQ/aTqqLcHyOIY/s1600/delicious.gif' width='24'/></a>

Linked In


<script src="//platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share" data-counter="right"></script>

That's all everybody. Maybe next time i post again some more share buttons.

Have a nice day. :)

0 comments:

Post a Comment