{"id":1361,"date":"2012-04-26T16:07:47","date_gmt":"2012-04-26T09:07:47","guid":{"rendered":"http:\/\/www.jaringankita.com\/blog\/?p=1361"},"modified":"2012-11-23T23:01:08","modified_gmt":"2012-11-23T16:01:08","slug":"how-to-add-google-button-all-social-networking-buttons-in-blogger-blog","status":"publish","type":"post","link":"https:\/\/www.jaringankita.com\/blog\/how-to-add-google-button-all-social-networking-buttons-in-blogger-blog","title":{"rendered":"How To Add Social Networking Buttons in Blogger blog"},"content":{"rendered":"

How To Add Social Networking Buttons in Blogger blog<\/p>\n

Social Bookmark\u00a0 is the one of the SEO techniques to raise up your Blog\u2019s Traffic. In order to that, all you need is to add the social bookmark button into your blog to easily share your post to social networking sites like Facebook, Digg and\u00a0 Twitter.<\/p>\n

Herewith, I have arranged them in order of load time so that they may appear as quickly as possible when the page is viewed. These codes are created to quickly load the button and delay the load time of your web page.<\/p>\n

Page load time is also one of the parameter to improve your PageRank<\/strong>, because Google will penalize the web pages which load slowly.<\/p>\n

If you want to make these bellow button appear at your every post, please follow these codes.<\/p>\n

\"\"<\/a><\/div>\n
\n

Steps to\u00a0 Create Social Network Buttons Like Plus One:<\/h3>\n
    \n
  1. \n
    Go To Blogger > Design > Edit HTML<\/div>\n<\/li>\n
  2. \n
    Backup your template<\/div>\n<\/li>\n
  3. \n
    Search for <data:post.body\/><\/div>\n<\/li>\n
  4. \n
    and just above it paste the code given below,<\/div>\n<\/li>\n<\/ol>\n
    <b:if cond=\u2019data:blog.pageType == &quot;item&quot;\u2019>\r\n <table border=\u20190\u2032>\r\n <tr> <td>\r\n <a class=\u2019twitter-share-button\u2019 data-count=\u2019horizontal\u2019 data-lang=\u2019en\u2019 data-via=\u2019YOUR-USER-NAME\u2019 expr:data-text=\u2019data:post.title\u2019 expr:data-url=\u2019data:post.url\u2019 href=\u2019http:\/\/twitter.com\/share\u2019 rel=\u2019nofollow\u2019\/>\r\n <b:if cond=\u2019data:post.isFirstPost\u2019> <script src=\u2019http:\/\/platform.twitter.com\/widgets.js\u2019 type=\u2019text\/javascript\u2019> <\/script>\r\n <\/b:if> <\/td>\r\n <td>\r\n <iframe allowTransparency=\u2019true\u2019 expr:src=\u2019&quot;http:\/\/www.facebook.com\/plugins\/like.php?href=&quot; + data:post.url + &quot;&amp;layout=buttoncount&amp;showfaces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;\u2019 frameborder=\u20190\u2032 scrolling=\u2019no\u2019 style=\u2019border:none; overflow:hidden; margin-left:20px; width:100px; height:20px;\u2019\/>\r\n <\/td>\r\n <td><div style=\u2019margin-right:25px;\u2019>\r\n <script expr:src=\u2019&quot;http:\/\/www.stumbleupon.com\/hostedbadge.php?s=1&amp;r=&quot; + data:post.url\u2019\/><\/div>\r\n <\/td>\r\n <td><div style=\u2019margin-right:5px;\u2019> <g:plusone expr:href=\u2019data:post.url\u2019 size=\u2019medium\u2019\/> <\/div> <\/td> <td> <!\u2013 AddThis Button BEGIN \u2013>\r\n <div class=\u2019addthistoolbox addthisdefaultstyle \u2018>\r\n <a class=\u2019addthiscounter addthispillstyle\u2019\/> <\/div>\r\n <script src=\u2019http:\/\/s7.addthis.com\/js\/250\/addthis_widget.js\u2019 type=\u2019text\/javascript\u2019\/><script type=\u2019text\/javascript\u2019> var addthisconfig = { uicobrand: &quot;YOUR-USER-NAME&quot;,uiheadercolor: &quot;#ffffff&quot;, uiheaderbackground: &quot;#0080FF&quot; } <\/script> <!\u2013 AddThis Button END \u2013><\/td><\/tr>\r\n <\/table>\r\n <\/b:if>5. Now search for <\/head> and just above it paste the following code,<\/pre>\n
    <script src=\u2019http:\/\/apis.google.com\/js\/plusone.js\u2019 type=\u2019text\/javascript\u2019> {lang: &#39;en-US&#39;} <\/script><\/pre>\n
    6. Save your template and visit your blog to see it appearing on post pages. The widget will not be visible on homepage but on post pages only.<\/p>\n<\/div>\n
     <\/p>\n","protected":false},"excerpt":{"rendered":"
    How To Add Social Networking Buttons in Blogger blog Social Bookmark\u00a0 is the one of the SEO techniques to raise up your Blog\u2019s Traffic. In order to that, all you need is to add the social bookmark button into your blog to easily share your post to social networking sites like Facebook, Digg and\u00a0 Twitter. […]<\/p>\n","protected":false},"author":6,"featured_media":987,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[672,765],"tags":[827,828,829],"class_list":["post-1361","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogging","category-knowledge-base","tag-blog","tag-button","tag-how-to-make-social-button"],"_links":{"self":[{"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/posts\/1361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/comments?post=1361"}],"version-history":[{"count":17,"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/posts\/1361\/revisions"}],"predecessor-version":[{"id":1784,"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/posts\/1361\/revisions\/1784"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/media\/987"}],"wp:attachment":[{"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/media?parent=1361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/categories?post=1361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jaringankita.com\/blog\/wp-json\/wp\/v2\/tags?post=1361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}