It is very common on blogs the Box Fan pages on Facebook, yes, those little boxes that show the number of fans that has the page and the avatars of them. Fan can also have a box for those who follow us on Twitter and it show the number of followers and fans the last 10 we have.
To add it to your blog just enter Layout | Page Elements | Add gadget | HTML / JavaScript and paste there the following
You might have seen a warm Greeting message on most of the Popular Wordpress blogs when you visit there from various referring sites. That greeting message is possible by a plugin for Wordpress blogs but now you can add it to your bloggers blog by adding as a gadget.A greeting widget for blogger blogs
Features :
1.Greet your visitors. 2.Request them to subscribe for your blog 3.Request them to stumble or tweet your post
Installation Best place to add this gadget is Just below post title or as a gadget above post area. [1]Adding as Gadget above posts
Log in to Blogger - > Layout - > Add a Gadget and select it as "HTML/JavaScipt" Now paste this code in to it:
Two days left before the first match Between South Africa and Mexico.Even Google is celebrating Worldcup .If you search Worldcup you will see page navigation is replaced by goal .IF you are football fan please check out my previous post on football.
Follow the fortunes of your favourite national team by adding this Widget, which charts whether they've move up or down the monthly FIFA/Coca-Cola World Ranking.
South Africa 2010 widget
Follow your team during the FIFA World Cup™ by reading the latest news and seeing their fixtures and results.
Latest news gadget
Stay updated with the goings on in world football with this Widget which highlights the five latest news stories which have been published on FIFA.com.
Latest photos widget
Take a look at the latest footballing photos which have been uploaded on FIFA.com from all four corners of the globe. A picture tells a thousand words.
Its easy to create calendar with calendarika and add to your blog.You ca even upload own own images,choose from number of predefined templates And Sign up is not necessary.
Step By Step Instructions: 1. Go to calendarika. 2. Click on the image you want to be on your calendar. 3. Upload your main photo and Upload your background photo from your computer. 4.Customize Advance Options If you need 5. Click on Next and you are done.
SkreemR is a search engine to locate MP3 audio files on the web.Currently indexes over 6 million mp3 files of more than 100,000 websites. Top 10 searches this week:
michael jackson
lady gaga
black eyed peas
boom boom pow
I gotta feeling
linkin park
pitbull
eminem
It also lets you place the widget on your blog search engine:
Show Yourself in a single that will show your social profiles ranging from flickr to facebook to kongregate.Widget is configurable and can include your Digg,,Myspace,Linkedin,delicious,Twitter,technorati,Aim,Gmail,myBlogLog and various others profiles.Combine all your profiles on the web into one attractive widget that you can put on your blog, your myspace or anywhere on the web.
I do not know if many people use it but we'll see how to insert a wave on a blog as a widget so that any visitor can use it. Tell them that this wave will only be visible and may be used by visitors using Firefox or Chrome.
How to embed Google wave in blogger as widget?Image based tutorial
Step[1]Create a wave in your wave client by clicking on new wave button.
Click Image to enlarge
Step[2]You will be asked to add any email address to a wave
Step[3]Add public@a.gwave.com to the left most window and click Done
Step[4]Copy the url of the wave (the address which appears in the address bar of your browser) and go to Google wave element page.
Step[5]Paste the copied URL, select the values you want to use as wide and high, if we want to have header and footer, etc.
On that same page it provide the code to copy and add in an HTML element on our blog.
If you does not know how to use Google wave or Need Google Wave Invitation comment below !!
Football worldcup 201016 football style blogger template Football world cup is back and this time it is in South Africa.We have to see if last time champion Italy can defend its title. If you are a football fan and a passionate blogger(a lethal combination) then this widget is for you.This is a WorldCup 2010 countdown timer widget which you can add it to your sidebar or to your post like i have shown with example below.
Copy Above code and paste it into your sidebar in HTML/javascript widget.OR you can simply add it to your post by copy and pasting in your Edit HTML tab .
Widgetbox provides us with a free widget contact Emailer version 4 through which your visitors can send email without publishing your email. This contact widget can be placed in the sidebar (column of the blog), or in the post if you like The widget is under widgetbox.com , but before you copy the code you can modify the text and colors of the widget.
[1] To embed Contact EMailer form into your web page, blog etc. follow these steps Click here and go to widgetbox.com [2] Provide Widget Settings
Your Email address
Web page in which Contact EMailer form Widget is to be displayed
Title,Subtitle,Field captions etc
Foreground and Background Colors
Right to left support, if needed
Image CAPTCHA suppport
width and hieght of form
[3] The widget appearance will change when you are making changes to the settings4 Click on Get Widget button [5] If you want to embed the widget in a web page, choose the embed Code option and copy the code
You can also click on the buttons for Facebook,Blogger,Twitter,iGoogle,WordPress,my Yearbook,TypePad,Blogger Post,Netvibes,Webs,Pageflakes,Piczo,Ning,Confluence according to your requirements [6] Paste the HTML into your webpage [7] Test your web page with the Contact EMailer form [8] If you are a Pro account holder in widgetbox.com, your widget will not display the about link
In the previous post you saw an example in which you can let readers to change the background color. This post is an extension of the above post & solution to baben's(blog mate) query which empowers your readers to change background image of your blog with the click. You can add this widget to your blog by making certain minor modifications to the code.
Best use of this could be to change the background image of the footer which can be doen with few modifications Lets first see an example :Click below image to change background image
You can add background images or change this sample, only replace the URL of the image (it is twice) for yours.
As with one of our previous gadget (Let readers decide your text size) this one is a similar one .This widget allows your reader to change background color of your blog with a click on images or simle text.
This will make your blog look attractive and the readers can not only read your content but can play with your blog too. We will do it through a java script function that will overwrite body's background color,and works even if you have an image in background.
You can see a working Example By clicking on the Color of your like.
Like this ?Now add to your blog.....
To add this widget to your blog go to page element >> Add Gadget >> Html/Javascript And paste theabove code.Click save.
IF you want you can put it as plain text like an example shown below.
You must have seen twitter API widget which displays your tweets on to your blog using JQuery.This Google buzz gadget works similarly by taking feeds from your google buzz and display on your web pages. This widget is developed by moretechtips and is on google code.You can either download it from there and put in a direct way.
This is a jQuery widget for the brand new social network -Google Buzz- that you can embed anywhere to integrate your buzz stream into your page.
First one is a jquery library and the second one is google buzz widget script.
And finally you have to add a javascript which calls various parameters from your google buzz widget javascript ,which is the second one from above two.
Your googleprofile name - Replace This with your own google profile name which is generally your gmail id. n is the number of buzzes to read (maximum 100, default 10) show_n is the maximum amount of buzz to display simultaneously (zero disables the transition effect and the default is 1)
One of the main factor that really matters to bloggers are the number of backlinks pointing to his blog.This is a widget which allows to display latest backlinks received by the blog.It can be an encouragement to the visitors to see that this blog is bonded with many places on the net.Since it is based on search feature ,this widget automatically updates.
You may like to look at some of my previous posts-
To add this widget to display your backlinks : Layout > Page Element >Add a gadget >Feed
And enter the following URL http://search.blogger.com/blogsearch?q=link:myfundoo-blog.blogspot.com Replace myfundoo-blog.blogspot.com with your own url.
Once the URL is added you will get a window having different options to choose according to your need and click SAVE End result of the widget will be some thing like this :
No, this is not a MAC's review nor it is Upcoming Notebook promotion . This is a blogger trick which will let you and your readers to give MAC like effect to your blog.This will let you to drag and grop your widget box from one place to another.You just have to choose widgets name which you want to make dragable.
Lets see a to see how its look like.Try To Drag and drop widgets from sidebar to any position on the screen
How to Do that for My blog ..??
Copy Below given code which include three JavaScript and paste it just above your</body> Do not forgot to Expand your template. Hint : Use your browser search( Ctrl + F ) to find </body>
Do not just copy Blindly read the full post first.
1st javascript block is to recieve Ajax library from google server. 2nd javascript block is to recieve Jquery library from google server. 3rd javascript ,i am specifing all widgets which i want to make dragable by calling dragable function of Jquery itself .
How to select widgets :
Selecting your widgets is easy,you have to get the name of your widgets as defined in your template code.
$(".widget.HTML").draggable(); will make your all HTML widgets dragable. $(".widget.Label").draggable(); will make your Label widget dragable. $(".widget.BlogArchive").draggable(); will make your BlogArchive widget dragable.
What if you want your BlogArchive to remain stationary , just delete this line $(".widget.BlogArchive").draggable(); from the above codeand you are done.
Do not forgot to save your template
I have tried to make this tutorial as explainatory as possible ,if you still feel any problem or want to add your thoughts to it.Let me know through your comments will LUV to hear you.
<div class='main-holder-blue'> <table><tbody> <tr><td><a href='http://feeds2.feedburner.com/funwithblog' title='Subscribe to the RSS feed'><img alt='RSS Icon' class='left' height='32' src='http://www.nouveller.com/wordpress/wp-content/themes/maroon-moon/images/icons/rss-32.png' width='32'/></a> </td> <td><a href='http://feeds2.feedburner.com/funwithblog' title='Subscribe to the RSS feed'>If you have enjoyed this post make sure U Subscribe to the RSS feed ! </a> </td> </tr> </tbody></table> </div> </b:if>
Option 2:
If you want the Rss gadget to appear in Home page as well as individual post too.
<div class='main-holder-blue'> <table><tbody> <tr><td><a href='http://feeds2.feedburner.com/funwithblog' title='Subscribe to the RSS feed'><img alt='RSS Icon' class='left' height='32' src='http://i39.tinypic.com/54j40m.jpg' width='32'/></a> </td> <td><a href='http://feeds2.feedburner.com/funwithblog' title='Subscribe to the RSS feed'>If you have enjoyed this post make sure U Subscribe to the RSS feed ! </a> </td> </tr> </tbody></table> </div>
Copy any of the code Either option 1 Or option 2 And search for post-footer-line in your template and paste code below it and click save template.
Here is a simple tutorial for you to add Expand/collapse ,Hide/show navigation element which gives pleasing and organized look to your sidebar.Actually the whole tutorial is divided in to three parts and every part is equally important .Any mistake might not result what is expected. Before starting The tutorials please backup your template in case if anything goes wrong.
Put the following code in Between <head> and </head>
<script type="text/Javascript"> function togglecomments (postid) { var whichpost = document.getElementById(postid); if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; } } </script> <head>
Third Part :
Add this code in your Html/javascript gadget.
<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')" >Title</a><br /> <div class="commenthidden" id="UniqueName" >Include your all content here</div>
Replace UniqueName with any unique string in both places and Title with the title of your gadget.
For instance include your content before last </div> element
<a aiotitle="click to expand" href="javascript:togglecomments('chickletlist000')"> /- Useful Links-click me to expand</a><br/><br/> <div id="chickletlist000" class="commenthidden"> <ul id="main-nav"> <li><a href="http://www.bannercreator.nu/banner-maker.html">Banner Creater</a></li> <li><a href="http://www.chicklette.net/chicklet-maker/">Chicknet Maker</a></li> <li><a href="http://www.degraeve.com/color-palette/index.php">Color pallate Generator</a></li> <li><a href="http://www.degraeve.com/reference/color.php">color picker</a></li> <li><a href="http://www.chami.com/html-kit/services/favicon/">favicon from pics</a></li> <li><a href="http://www.vizu.com/index.htm">make polls</a></li> </ul> </div>
Thought related posts widget or popular post widget are most important widgets for a blog and most common too, but adding a random post widget will give life to all your previous posts since your blog posts are being rotated randomly with each refresh. Adding a widget like this is very easy ,you need to be logged in to your blogger account. Simply add a Html/Javascript gadget at any place in your sidebar and copy and paste this code :
Installation And Customization :
Click on the below button to to Add directly to your bloggger.
Once added you can move and place gadget to any position.
Tiny Facebook Widget . Facebook, the most popular social networking site NOW on your blog! So, you and your blog readers can immediately access facebook from your blog Login, update status, Imagine, everyone can log in, update status, read your inbox, create messages, etc. from your blog! This widget will certainly make visitors stay longer at your blog. Original post by-katim
How to Get One For Your Blog?
1.Login to your dashboard. 2.Layout->page elements 3.Add a gadget choose HTML/javascript 4.Paste the below code in the window and click save
