Showing posts with label Add Twitter. Show all posts
Showing posts with label Add Twitter. Show all posts

Wednesday, 8 August 2012

Add the twitter button below every post or below every post title.

First of all you have to generate a twitter button code the twitter buttons code will be created with the twitter website log-in to your Twitter account than start process to generate a code,click for the Twitter Buttons.

For creating the twitter buttons follow the link Blogger Help.

Note :  Be remember take the back up first than Edit HTML of your template.

Now start to to add your twitter buttons below every post and below every post title. 

Follow me to add twitter buttons after every post.

Log-in to your blogger than click on Template ---->Edit HTML----->Proceed an HTML pop window will open see picture below.

Add the twitter button below every post or below every post title.
Figure 1

Now get the find box by pressing the Ctrl+F key and type below Blue code in to the find box than Enter and find.

<data:post.body/>

Add the twitter button below every post or below every post title.
Figure 2

As you find the above Blue code just apply the below black code under the blue code than Click on save Template see in Figure 2.

<a href="https://twitter.com/bloggerhelped" class="twitter-follow-button" data-show-count="false">Follow @bloggerhelped</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Note : Change the red with your twitter user name. 

Now Browse your blogger and see the result. 

Add the twitter button below every post or below every post title.
Figure 3


Put your twitter buttons after every post title.

Just add the black code before the blue code see below the code will be look like.


" class="twitter-follow-button" data-show-count="false">Follow @bloggerhelped
<data:post.body/> 

See picture below.

Add the twitter button below every post or below every post title.
Figure 4
You have done

Thanks For coming here.

Monday, 6 August 2012

Twitter Button / Create Twitter follow button for your Blogger or Website and Installed.

For share your blogger or website with the twitter and getting more traffic on your website or blogger just add buttons to your blog/website so that the visitor can share your content and share with your website/blogger. 

Twitter follow button for your Blogger or Website
Figure 1
Now follow me to add twitter follow link to your blogger or website.

First Log-in to your twitter account the twitter home page will open move your mouse cursor to the right side at the top just see a small button like a picture click on it than click on settings----> Profile put the website name here as you add your website URL see under this box and click on You can also add Twitter to your site here. see the picture also.

Twitter follow button for your Blogger or Website
Figure 2
As you click the 4th click see in Figure 2 the page will move to the next default Logo & Brand page now you will see the Buttons link click on it see picture below.

Twitter follow button for your Blogger or Website
Figure3
Now Buttons page appeared where you can select the buttons whichever you want to add to your Blogger or Website see picture also.

Twitter follow button for your Blogger or Website
Figure 4
Choose a buttons there are 4 types buttons you can see like (Share a link,Follow,Hashtag,Mention.) than Add your twitter user name select your Language etc.after filling all the detail copy this code.

<a href="https://twitter.com/bloggerhelped" class="twitter-follow-button" data-show-count="false">Follow @bloggerhelped</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>


Note : Change the red in above code with your twitter user name.

Add(Installed) the above code to your blogger 

Log-in to your blogger click Layout see in the beside window click on Add a Gadget a pop up window will open down your mouse cursor and look for the HTML/JavaScript paste the above code here and save.

Twitter follow button for your Blogger or Website
Figure 5
Now you have install Twitter follow buttons to your blogger browse your blogger and see the follow buttons to your Blogger see picture also.

Figure 6

You have done

Thanks For coming here.

  ©Bing Coupons Delhi

TOPO