CoolTricks: Blogger widgets

Add Animated Flying Twitter Bird

Posted by Anonymous on 12/21/2011

Hi guys today i'm gonna say you how to add animated flying twitter bird.This is simple to install,and looks awesome to almost all templates.

How To Install It

Copy the below code.
Change the twitter username.
Go to blogger dashboard -->design-->Edit HTML.
Search for </body> tag and paste the following code just before it.
Save your template and it's done.

Exclusive New Free Social Media Bookmarking Icon Set

Posted by Anonymous on 12/17/2011

This is an icons set consisting of 38 individual icons of the popular social networks/bookmarking sites out there. The set consists of 38 high quality icons in transparency PNG format (64 x 64, 32 x 32).

They are free to use non-commercially. Put them on your blog or on your website to help users bookmark or share your site socially. You may share them only providing link to DesignModo.com. Here you have, a full set of brand newly designed icons to make your blog/site take a far more modern look!

Every day, new sets of icons are being developed to keep in pace with the growing demands of social sites and the continuously changing demography of people. The new social media iconsthose are being developed are not only more colorful and catchy but they carry more aesthetic value that enhances the thematic meaning of the very site.

Enjoy these beautiful Social media icon!! Thanks to designmodo

New Free Social Media Bookmarking Icon Set

Add Floating Social Media Share Buttons

Posted by Anonymous on 11/30/2011

Sharing is love so you need share buttons. If it is a floating type it is double good and awesome.It will suit for all templates.Look at the left side for demo:

Below are the steps on how to add floating Facebook Like, Twitter Tweet, Google +1 (plus one) button and LinkedIn Share buttons to the left hand side of Blogger or BlogSpot blog.

1. Log in to your Blogger account.

2. Click Design.

3. Click Edit HTML.

4. Look for <head>

5. Copy this code:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

6. Place it below <head>

7. Click the Save Template button.

8. Click Page Elements, located before Edit HTML.

9. Click Add a Gadget on the sidebar or any Add a Gadget you see on your page elements.

10. A new window will show up. Scroll down and look for HTML/JavaScript in the selection.

11. Click on the button with a plus (+) sign next to HTML/JavaScript.

12.Look down Which Color do you like?

13.Click on the below options which you preferred.

14.Go back to the HTML/JavaScript window.

15. Paste the code on the box below Content.

16. Leave the box under Title empty.

17. Click the Save button.

Google Translate Widget For Your Blog

Posted by Anonymous on 11/12/2011

This new widget is powered by google to translate your web page.It is easy for your visitors to change their own favorit language.

Please sign in in blogspot/blogger.
1. Layout > Page Elements > "Add Gadget" where you want.
2. Select HTML/JAVA script option
3.Copy and Paste the following code given below.

<div id="google_translate_element"> </div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script> <script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"> </script>

3.click save and enjoy with this cool widget

how to get a live chat box for your blog

Posted by Anonymous on 10/28/2011

Hi,
Today i'm going to post "how to get a live chat box for your blog".It is very simple and does not even take 2 mins.
First visit this site http://chatroll.com/ ,
if you already have account just login and if you dont have just click sign up free or visit this link http://chatroll.com/signup.Sign up
for free.Then you click create event, there are only three steps.They will ask for the name of your live event write the name and click continue.They will ask for the platform as a second step.Choose any one then you will automatically you will get a code.Just copy that one......

Go to your Blogger

Layout

settings page.

Click Add a Gadget and choose theHTML/JavaScript gadget.
Copy (Ctrl-C) the following HTML embed code which you got there
<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" src="http://chatroll.com/embed/chat/ufnl?id=_rxMv2GfphL&platform=blogger&w=$0"></iframe><br/><div style="font-size:0.9em;text-align:center;"><a href="http://chatroll.com/">Chat for Websites</a></div>(For example only)Paste (Ctrl-V) the code into the gadget Content.
Click save.
To make the Module bigger or smaller:
Click Edit on the new HTML/JavaScript gadget. Change the 'width' and 'height' values as you like. Click Save.

the above given instructions are to add chatroll to your side bar.
For adding chatroll to your posts you need to ......

Edit or create a new post.
Click on the Edit Html tab.
Copy (Ctrl-C) the following HTML embed code which you got.And Paste (Ctrl-V) the code where you would like Chatroll to appear in the post.
Click PUBLISH POST.
To make the Module bigger or smaller:
Re-edit the post. Change the 'width' and 'height' values of the Chatroll <iframe> tag as you like. Click PUBLISH POST.

Now your chatroll is ready for your blog and for blog posts.

Mr. Bean Widget

Posted by Anonymous on 10/21/2011

Do you want to make your blog fun with Mr.Bean(Rowan Atkinson) a comedian.

Catch him,
You need to do is only one thing,just copy and paste this code

I repeat again that all credits goes to http://widgetindex.blogspot.com.

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="380" title="grab this widget @ widgetindex.blogspot" src="https://6073972830965350612-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex29/mr.bean.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Just Ctrl+C n Ctrl+V the above given code.