Monday

Pin It

Widgets

12

How to add Twitter button to blogger

  • Monday
  • Andy Law
  • Share
  • Twitter has become so popular with more than 200 million users, and about 350 million tweets per day. This trend has made most of bloggers approaching Twitter to gain more loyal readers by adding Twitter share button, and Twitter following button. Therefore, in this tutorial, I will share the tip about Twitter buttons for blogger. That is how to add a Twitter button to Blogger. You can follow some steps below:

         1.  Go to Layout / Page Elements  >>  Add a Gadget  >>  HTML/Javascripts (if you don't know how to add a gadget, you can see addind gadget to Blogger)

         2.  Copy and paste this code into the content box:
    <a href='http://twitter.com/USERNAME' title='Follow me on Twitter'><img alt='Follow me on Twitter' src='your twitter icon URL' /></a>
         3.  Change the red code to your Twitter username ; and blue code to your Twitter button image.

         4.  Save


      There are some Twitter button examples here, you can use them if you'd like to.


      https://lh5.googleusercontent.com/_qf2_jbv7m4k/TdtSbcSMaQI/AAAAAAAAAGM/Vp43oTj-1Cg/110835_27721_128_twitter_icon.png


      http://www.805county.com/wp-content/uploads/2011/01/twitter-icon.png




      You have learned how to add Twitter button to Blogger, and you may also like to learn how to add floating share button to blogger if you want drive even more traffic generated by your readers. Or just simply return to Blog On Blogspot to get the latest tips.

      12 Responses to “How to add Twitter button to blogger”

      elee reymond said...
      26 June 2012 at 12:24

      I would like to know how to add twitter below post title


      elee reymond said...
      26 June 2012 at 12:31

      Join your friend connect you can reciprocate by visiting

      http://banadurga.blogspot.com/


      CathyJoubert said...
      31 July 2012 at 02:59

      Thank you so much for this helpful article
      Now, how do I make the icon a touch smaller !!!?
      Please....


      senathipathy kr said...
      5 December 2012 at 18:31

      http://doubtcorner.blogspot.in/


      Thank you so much for this helpful article


      Oladotun said...
      18 December 2012 at 21:09

      I dont seem to get it. when i click add gadgets, the pop-up gives me the following options: basics, more gadgets, add your own. I dont see any option for html/javascript. thanks


      Sidney Kikuta said...
      6 January 2013 at 16:05

      http://kikunote.blogspot.com/

      thanks for the tips


      Brandie Lyons said...
      1 February 2013 at 06:56

      Amazing! This is the third code I have tried for Twitter and the first one to actually work with my icon! Thank you so much for putting this out there for everyone to find! Great and amazing work!


      Just! Magazine said...
      15 February 2013 at 23:00

      thanks a lot!


      Diana Barajas said...
      24 May 2013 at 03:34

      Finally, something easy to follow....Thank you frm betweenusparants.blogspot.com


      vinay kp said...
      5 June 2013 at 23:18

      thanks for sharing..visit for computer engineering materials,Blogg tips,tricks
      Computer engineering materials


      rosy thomsan said...
      27 June 2013 at 03:40

      I am happy to find so many useful information here in the post, we need develop more strategies in this regard, thanks for sharing.


      gexhouse2 said...
      1 July 2013 at 18:18

      This website show your creativeness n hardworking i realy apprciat your work itz looks amazing.

      logo company in Pakistan
      Logo design online in Pakistan


      Post a Comment

      SUBSCRIBE NOW to get the latest posts