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 = "//connect.facebook.net/en_US/all.js&appId=361189727284464#xfbml=1"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</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='"http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' height='24' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimxTshou30jW0DnfkP0eQZE4LEbPiIMqPTY1Cs6pF9qkV_0OVvK9fH-qgu49kFzCWS4BldXdniEG3DhGpjee9KLF9gT2dZOWaWui-FPsz1o34ImsQUDm51LjdyBh_x4pIppuTiu1IPzfNi/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='"https://plus.google.com/share?url=" + data:post.url' target='_blank'><img alt='+1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmzxvb4ADnB7FVPIfDCuzRC9pUCAR1bsF5Hqf2kPb_p97P1XehPleaTDTQv7ZBXGnAGi9p6mMh_kgzyzU0Eu73SYwgXKpLe83aHR-BFF4G-ucgUKdtuy5vl57t3H_PvSxVlJ348IVetVEM/s1600/gplus-32.png' style='width:24px;height:24px;'/></a>
Plus One Button
<a expr:href='"https://plusone.google.com/_/+1/confirm?hl=en&url=" + data:post.url'><img alt='+1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-pQckjrLlsCq5jg8lg5YgonPmL08Cw2LeV6XUiJcryj8ptPnYONfaKcIecZBd5-DufWZqkxTFe3eM98Lr_0dfXzBbUDvNx-Sbm33YdnU2pWt22rsm0b1gAqEIUETYMrZ3sPRWqE8F8JEZ/s1600/Plus1.jpg' style='width:24px;height:24px;'/></a>
Reddit
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='reddit'><img alt='reddit' height='24' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis04Xi6FWHBAXCDOW7Nw1aedu8Kv99fZCmt7AtYkYb3Mg4GCNEG9ZWu8nu8lElGHfxmqorQDxCfcaEW2odyRopbHuAkh6F04M2uCd9BVYm5Tq5uj8-tu4yy5KZQvr_lfdtDGAntuxWvWUb/s1600/Reddit.jpg' width='24'/></a>
Furl
<a expr:href='"http://furl.net/storeIt.jsp?t=" + data:post.title + "&u=" + data:post.url target='_blank' title='Furl'><img alt='Furl' height='24' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg63p7H3OzvtRiS9ndUwfnJnX7o5cyHdXCbEQ-prtPcwd2cx403lBauZy8XkZ54AYW1UNKMu889_6vVv5QRuZuVw9KeozK7f2u4gWE-eiy-vFwraYC6GSst7yMzt024hkTp9mOYMTpQK44U/s1600/Furl.jpg' width='24'/></a>
Digg
<a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg'><img alt='Digg' height='24' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJruV1sYpBACbrv7EohfYugkh9qsP_3Sl_7mV56rcYY6lSA0tcNCx_GWqCb8wi8rwQJh6M-Z6por83V_nS5ZUt9I0k2X1sPfRrxwJW6mFz6DtRkbnn_klTu_h1Alpbc_tbOWaGvVVL_B91/s1600/Digg.jpg' width='24'/></a>
Mixx
<a expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' height='24' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfwlZTDX0mqbqaSW-QqzD-b_6hFZcGZUnpd17oIPRcha-5mMz5Mpj49iFirs83QFPJfJJisMQh_EROe_mMIx2w8SOwon4f_Co-V71nx-7cWrZPnNT_SGu6H0TL8MHa5U1X9wPQxa3trpY5/s1600/Mixx.jpg' width='24'/></a>
Stumbleupon
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' height='24' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF0-miFwq9lXlhiPm_DqLCURBSEmpoD1vk1FLHTC08kEHF8mPGG-ZfQJ4f7JQGl5DMI_DIb6sD9U4ngwUWd3HUeyUT7cB47OJJg7PBbiD0RFxzMk423bJF9jzORpJLVDv60r-AJrZTWkY3/s1600/Stumbleupon.jpg' width='24'/></a>
Technorati
<a expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' height='24' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjROeb32Q9HGfqIvtZbE9VzjrAZES75g03Yz6i50noJwBR7h2Iw1xaSuE8gLB4yo036Qy8Ce4xP6b5y4bhhJ_1fizlPJzSFwbSMsyPBshgzID1hV8b_2iRdvN0EWgWd1_DbA_nycgCnrAz3/s1600/Technorati.jpg' width='24'/></a>
Delicious
<a href='https://www.delicious.com/save' onclick='window.open('https://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title),'delicious','toolbar=no,width=50,height=550'); return false;'><img alt='Delicious' height='24' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUMa5T-UIEGSUD8QWvL1kbPLLP4Q0gGOusVNsDrozlydWwIV3XviIuwSFCEN4Xaq935U6U-5Et9ftpo9GgGhM1mZzo9C7tTzgpFp_hoKTRkjNGc0wp3RyD_XAzQzqxfxTKSJGwpdiMXAfD/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&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title),'delicious','toolbar=no,width=50,height=550'); return false;'><img alt='Delicious' height='24' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUMa5T-UIEGSUD8QWvL1kbPLLP4Q0gGOusVNsDrozlydWwIV3XviIuwSFCEN4Xaq935U6U-5Et9ftpo9GgGhM1mZzo9C7tTzgpFp_hoKTRkjNGc0wp3RyD_XAzQzqxfxTKSJGwpdiMXAfD/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('https://www.delicious.com/save?v=5&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title),'delicious','toolbar=no,width=50,height=550'); return false;'><img alt='Delicious' height='24' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUMa5T-UIEGSUD8QWvL1kbPLLP4Q0gGOusVNsDrozlydWwIV3XviIuwSFCEN4Xaq935U6U-5Et9ftpo9GgGhM1mZzo9C7tTzgpFp_hoKTRkjNGc0wp3RyD_XAzQzqxfxTKSJGwpdiMXAfD/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