Learn how to add twitter follow us button below each post on blogger

It is the time for more socialize you. Besides this many Professional SEO consultant refers this point is very vital & strong for the survival of any site. As we briefly discuss in our previous post for adding buttons so now for saving time we skip this step.

Easily Add and customize twitter follow me

So 1st read it if you need.

How to:

Simply go to Twitter Developers page and select your desired button. There are four types of Follow Me plugs. Choose your plug which exactly works better for specific site. Then follow these steps.

Where to add:

For this purpose just go your Blogger Dashboard
Settings > Template > Edit HTML
you may also like this
 How to back up and restore blogger Template

Now Proceed:

Find this piece of code…

<data:post.body/>

Tip: Press  (ctrl+f)  as a result a search box appears Paste the code in it. Then hit Enter. Rather then for manually finding these type of codes.

Note:
This code appears may be three to four times in your HTML coding. It varies from one template to another. Find the last appearance.
Now
you may see this type of code

      <b:if cond=’data:blog.pageType == &quot;item&quot;’>

 under the above the above coding.

Paste your Twitter follow me code immediately just after it.

<a href=”https://twitter.com/intent/tweet?screen_name=TechnologyMake” class=”twitter-mention-button” data-related=”TechnologyMake”>Tweet to @TechnologyMake</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+’://platform.twitter.com/widgets.js’;fjs.parentNode.insertBefore(js,fjs);}}(document, ‘script’, ‘twitter-wjs’);</script>

This is the demo of my Page. you paste your own page or personal profile source code.
Customization:

Add

 rel=”nofollow” 

attribute same like here.

a href=”https://twitter.com/intent/tweet?screen_name=TechnologyMake” rel=”nofollow” class=”twitter-mention-button” data-related=”TechnologyMake”>

And you are all done. Refresh your page and see all is just Perfect.:)

Don’t Tackle:
In case of any nuisance or problem we are here. Also any problems regarding Blogger discuss us. You can ask me. I feel pleasure for helping.  

Leave a Reply