Share and like gadgets (this will enable you to share your post on social networking sites such as Facebook, twitter, linkin etc
This is one of the most important features that must not be omitted from your blog.
It comes with a multiple sharing option and you can share directly all at once on your social sites.
It’s quite popular on blogs and website and it’s easy to install and use.
For you to get this code/button you have to blog on to SHARE THIS website.
Click on GET SHARING TOOLS, and then click on WEBSITE not blogger because if you choose blogger and the code might be added automatically.
But this process is to make the share buttons on and below your post for easy share
So click on website and choose the buttons you like and next to customise your button
In this stage you can add and remove sharing button and then click next to get the code
Click on multiple post to get the code for multiple post.
You will be presented with two .The top snippet is for the actual buttons and we will need that later. Now let’s add the second snippet of code to your template. This code only needs to be added once and will allow all the buttons to work.
Step 1. In your Blogger dashboard click Design > Edit Html
Step 2. Find the following piece of code in your blogs Html: (Click Ctrl and F for a search bar to help find the code
</head>
Step 3. Copy and paste the second snippet of code from Share This directly above </head> then save your template.
The script is added, how easy is that?
Add the Counter Buttons To Your Blog
So i will show you how to add the buttons in horizontal positions above and below your post to create a simple share buttons on each of your blog. You can also add them to an Html/JavaScript gadget in your sidebar.
For these positions you need to go your blogs html, that's Design > Edit Html > and tick the Expand widget templates box.
Horizontally Above Posts
Find This Code and paste the first snippet button code directly below it, save, refresh you blog and that's it!
<div class='post-header-line-1'/>.
Horizontally Below Posts
Find this code and paste the code below it, save then close. That’s it again
<div class='post-footer'>
Refresh your blog and that’s it
Comments