Add Twitter logo in Twitter Update Widget

Actually, you have embed Twitter Update's widget in your blog. All right ? And now, I will tell you about How to give the logo beside the Twitter Update's, you can look Twitter update at this blog. You need to know, the installation is easy and fast!

Before continue to read this post, you must added the Twitter Update Widget to your blog by clicking here nad Twtter logo ( maximum size 70 x 50 pixel )

Follow this step carefully :

1. After you add the Twitter Update Widget, add this code inside the Twitter widget code :
   
   

   <div id="twitter_div" style="background: transparent url(http://underbone50.googlepages.com/twitter_logo_small.gif) no-repeat scroll left top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 40px;">
   
   <ul id="twitter_update_list"></ul>
   <a id="twitter-link" style="display: block; text-align: right;" href="http://twitter.com/bloggercustom"><b><small>Follow me at Twitter</small></b></a>
   </div>
   <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
   <script src="http://twitter.com/statuses/user_timeline/bloggercustom.json?callback=twitterCallback2&amp;count=2" type="text/javascript"></script>

   
   And the bold code and changes the blue text with your Twitter pic URL. Or choose this sample picture below : ( right click at picture and choose copy image location / URL )
   
   
   
   
   


2. Finish, save your work !

Any question ? you can leave the question in post comment. Thank you !

Related Posts by Categories

Widget by Hoctro | Jack Book |