|
Posted: 10 May 2011 11:29 PM PDT How to add Twitter Update With Icon - In the past I’ve described about How to Add Twitter Updates gadget in Blogger, I believe that way is easy to be done by anyone including you who want to insert the twitter update to the blogger. Actually that way already enough, but considered less attractive in terms of beauty. There is a way to make the twitter status update more interesting that is by insert the twitter icon to the update gadget, can be on top, right side, or below, depends on your own. Example like the following image: so, it's more interesting, isn't it? If you are interested to install twitter icon on twitter status update gadget, then read this post completely. Customize Twitter Update With IconBefore we go to insert the code of twitter update with icon to your blog, there are several things must be adjusted to your twitter account. Here is the code sample of twitter update with icon.<div style="float:right;margin:0 0 0 5px"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCO5p9EcJ5HB_H6kAcdpp4iX0FuPYA3uYyr23YjwF_5bvxYatR9EM5ZqzxpBRZMHanaw8IaFD6HY_TLzOuyEbImmeDJgQ-NMRxuXKaTBqHThCqfnU3ezy5UlXR4Yedp2x7Ik5UEqK0q03/"/></div> <div id="twitter_div"> <ul id="twitter_update_list"></ul><br/> <a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/twitter_username">Follow me on Twitter</a> </div> <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script> <script src="http://twitter.com/statuses/user_timeline/twitter_username.json?callback=twitterCallback2&count=3" type="text/javascript"></script>Which needed to be changed is the username code should be replace with your twitter username. For example, if my twitter address is http://twitter.com/howtoinblogger then the username must be howtoinblogger, so the code will be as follow: <div style="float:right;margin:0 0 0 5px"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCO5p9EcJ5HB_H6kAcdpp4iX0FuPYA3uYyr23YjwF_5bvxYatR9EM5ZqzxpBRZMHanaw8IaFD6HY_TLzOuyEbImmeDJgQ-NMRxuXKaTBqHThCqfnU3ezy5UlXR4Yedp2x7Ik5UEqK0q03/"/></div> <div id="twitter_div"> <ul id="twitter_update_list"></ul><br/> <a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/howtoinblogger">Follow me on Twitter</a> </div> <script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script> <script src="http://twitter.com/statuses/user_timeline/howtoinblogger.json?callback=twitterCallback2&count=3" type="text/javascript"></script>You can change the twitter icon code as you like. The image address code are as follows: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCO5p9EcJ5HB_H6kAcdpp4iX0FuPYA3uYyr23YjwF_5bvxYatR9EM5ZqzxpBRZMHanaw8IaFD6HY_TLzOuyEbImmeDJgQ-NMRxuXKaTBqHThCqfnU3ezy5UlXR4Yedp2x7Ik5UEqK0q03/ Replace the image address with your twitter icon address. Add Twitter Update With IconHere are the steps to add twitter update with icon widget:
Now your twitter update widget is more attractive than ever. this aimed to add your followers on twitter. How to add Twitter Update With Icon is a post from: Blogger Tutorial for beginners Another useful blogger tutorials: |
0 komentar:
Posting Komentar