how to add Facebook page like and sharing button in blogger blog.

Facebook like button is a good way to increase your fan page likes. It allows to visitors either like your page or share with their friends and family without leaving your blog. You will be noted that many bloggers using this button on their blog, but some new bloggers are confusing to add this important button in blog. In this post I am going to provide step by step guide, how to add Facebook page like and sharing button in blogger blog. Follow the below steps.

• Login to your blogger account by providing user name and password.
• Select template, then edit HTML
• Now find out </body> tag by pressing (Ctrl+F) and paste the below code just above it.

<div id="fb-root"></div>
<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/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Past the blow codes where you want to appear like button in your blog. If you want to appear like button below every post title, then follow the steps. Find out <data:post.body/> tags and paste the code just above it.
If you interested to add this button in the post bottom, then paste below code just below<data:post.body/>  tags.

<div class="fb-like" data-href="https://www.facebook.com/thebloggerguide" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>

Replace https://www.facebook.com/thebloggerguide with your fb page URL.
Note. <data:post.body/> code usually appears two to three times in a blogger template. Try the second code, if it doesn't work, then try in other two.
Now save the template and view your blog's any post to check the result, hopefully it will be working. I hope this tutorial be helped that how to add Facebook like and share button in blogger blog. If you are facing problem about this tutorial then place your comment in below the comment box.

Read more

среда, 24 июня 2015 г.

Leaves Fall Social Bookmark Button For Blogger Post

To do so, first of all log in to Blogger
Now go to Layout, then click on Edit HTML tab.
Now Download the present template as a back up
Then click on "Expand widget templates"

Now search (CTRL+F) this

Copy below code and paste it immediately after the line .

Now click Save Template

 

Read more

понедельник, 22 июня 2015 г.

How to add Flying "Scroll to Top" button to your Blogger blog using Jquery

STEP #1 Log in to Blogger, go to Layout -> Edit HTML Now find this code:

And immediately BEFORE/ABOVE it, paste this code:

^ Scroll to Top

and,Now find this code:

]]>

Add before

#backtotop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }

Now Click Save Template 

Read more

Message Box Like Wordpress With Close Button Using jQuery For Blogger Blogs

We have seen many times a beautiful massage box in many Wordpress blogs.It appears between the title and body of post.It can be easily removed by simply clicking the close link.Here is a same massage box for blogger blogs also:) I want to clear here that this Massage box is More interesting then simple regular box.When we visit the page firstly it appears with fade in and fade out effect which easily attracts the attention of visitors.When after reading the massage he/she can make It runs out of the page .

Instructions To Follow:
STEP #1
Log in to Blogger, go to Layout -> Edit HTML
and mark the tick box "Expand Widget Templates"

STEP #2
Now find (CTRL+F) this code in the template:

]]>

And immediately after it, paste this code:

STEP #3
Now find (CTRL+F) this code in the template:

And immediately before it, paste this code:

 YOUR MASSAGE HERE  CLOSE !

Now Click Save Template

Read more