How Install Wibiya Toolbar Multi Function Widget

Many of my readers are asking for the fixed widget,which i am having at the bottom of my blog.It is by far best widget with useful features for a blog and is available in different colors to suit your blog.Best part is,its very easy to add and customize,The simple thing you have to do is just go to wibiya.com and sign up your blog there.Then they will get you approve your blog in 3-4 days and you will be ready to get codes for this widget from there site.You can select on the which features you want in your blog from below list and also select color of widget to suit your blog.

Features Of Wibiya Widget

1. Translator

2. Posts Navigator (Recent Article and Random Article)

3. Community via Facebook

4. Twitter Widget

5. RSS Subscribers Bar

6. Sharing Bar

7. Blog Searches

8. Photo Gallery

9. Live Notifications

10. Facebook Fan Page

11. Games (HeyZap)




Now How to get this widget.Just go to Wibiya.com

Then click on the Getit now button.



Now give your details and request an invite.



Then you will get an message from them.



Just wait for getting approved your blog for some days and after approve they will send you the invite to your email,just use that invite to activate your account and get that widget codes.

How to install widget from your account now.

Now When you receive invitation,then click on the invitation link from your mail and login to your wibiya account.

Fill in the details they are asking for.

Then you will go through 4 steps Process.

1.Create A Account 2. Select A Theme 3. Select Your Apps 4. Get It Now.

Just In step 1 Give the desired Information they asked For.

In Second Step Select the theme i.e color for widget which suits your blogger template.As while choosing theme at the right you have an option of Choosing toolbar icon.Use bloggers or any other you like.



In Third Step Select The Applications you want in your widget.As i have written all application at the beggining of the post.

In fourth Step You will get page like below.Just select the paltform and allow the popup to open in your browser as it will directly give you add a widget option in one step.As many readers have problem in getting codes of the widget, so its the easy one.



And after adding widget Just Hit Done.And you are to your dashboard Page with all stats for your widget and also a notifier option is there to set an message for your visitor whenever he comes to your blog.You can set it if you want.



Problem Users Facing To Implement In Blogger

1.In Getting Codes For Blogger

In The Fourth Step When You Select The Platform To Install the widget, There are four options.
1.Wordpress
2.Blogger
3.Typepad
4.Other Sites

Just when we click for blogger a new window opens for one click add a widget to blog.So for this you have to allow pop ups.If you are still not getting codes just select option for typepad or last option then you will get the script and place it in your Html/javascript widget of your blog.

And for wordpress you will get the download link for plugin just download it and install it.

2.Slowing Down Of Blogger

As one of reader didn't used it because of slowing down the loading of blogger.As for this the dror cedor from wibiya.com gave a simple solution to it as you can read his comment here.

What exactly you have to do is that how to start the loading of widget after blog gets loaded.For this here is the simple solution.

The code which you will get to be placed in blogger will be like this.

<script src='http://toolbar.wibiya.com/toolbarLoader.php?toolbarId=XXXX' type='text/javascript'></script>

Now what you have to do is just add &pl=1 in your link after you toolbar id as i have assumed here to be XXXX and make whole code look like below :-

<script src='http://toolbar.wibiya.com/toolbarLoader.php?toolbarId=XXXX&pl=1' type='text/javascript'></script>

What i have done is just added red part in link. By adding this the widget will load only after when the blog gets loaded, which will not effect the loading of blogger.

*Note:-If you are adding the script in widget its ok.But if then you adding in blogger codes it will not accept the script after making changes.So just make it code friendly from this Encode tool.

I checked this and really it had no effect on loading speed of my blog now.

I hope now you will have now no problem in installing the widget.

Submit Blogger Sitemap To Google Yahoo And Bing

How to submit blogger sitemap to different search engines.I hope most of us have done it with there blogs but most still would be not knowing on how to do it.But this post is for all bloggers even if they have submitted there sitemaps as i would share some method to remove some errors while you are getting in indexing all blog posts in search engines.

How to Submit Blogger Sitemap to Google.

Follow the simple steps to add blogger blog to Webmaster Tools

1. Login to Blogger Dashboard.
2. At the end of the page, under Tools and Resources box – Click on Webmaster Tools.You will Be asked To Enable Webmaster Tool Enable It.
3. If asked, enter username and password again to Login.
4. After Logging in Click Add A site Button.



5.Now Enter Your Blog Address And Continue.Dont Forget To Include '/' At the end of your blog address.Like this http://www.anshuldudeja.com/ .
6.Now you will be asked to verify your blog Just verify it as they say.

7. Inside Webmaster tools, click on Submit a Sitemap and add the following code inside the box :

atom.xml?redirect=false&start-index=1&max-results=100

8. If you have more than 200 posts then replace value 100 by something bigger number like 500.If they are more than 500 then add sitemaps in this format.

atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500
atom.xml?redirect=false&start-index=1001&max-results=500

As Labnol has developed the tool for it also. Just visit the tool page here to get submit blogger map to google yahoo and bing also.For More Help you can read this post also on how to use this tool with an video tutorial.

I hope you will do it easily now.If you still have any problems let me know in comments.I will try to solve them.

How To Host Javascript Or .js files on Blogger Itself

How To Host Javascript Or .js files on Blogger, yes as blogger supports javascript which makes blogger support all the possible hacks in this platform, but the problem we bloggers face in using this is , where to host this javascript on blogger.As blogger doesn't provide any source to host javascript for blog like it has provided picasa for images.As of before we all were using googlepages to upload the .js files but google closed this service and switched to google sites.As still we can upload these .js files to google sites but just upload it with file extension .txt instead of .js and it start working.

But still,we can face any problem in future with it.The best solution is to have paid server to host your files for unlimited bandwidth, but bloggers using this free platform dont like spending on it.



I also provided you with the list of some servers to upload your javascript files but the problem was bandwidth which was very less.

So i will provide you the best solution to host your javascript on blogger itself and enjoy unlimited bandwidth.

Now just see the below codes.

<script src='http://Your-Script-Url/file.js' type='text/javascript'/>

Whenever you are trying to implement some hack making use of javascript you would have mostly been asked to download the .js file and upload to your own server,get its url and then replace it with red link in above codes shown above,and then place the whole above codes in blogger html before closing of head tag.The Problem we all face is getting an free server with unlimited bandwidth to host these javascripts.

So why don't we upload these javascripts to blogger itself.Just what you have to do is,whenever you are asked to do this kind of above stuff while implementing any hack.

Just use below code in place of above one i showed you.

<script type='text/javascript'>
//<![CDATA[
<--Paste all code here from .js file -->
//]]>
</script>

Just in place of red line in above code what you have to do is just open the .js file (which you are asked to download or upload to your own server) in notepad or on your browser , copy its code and paste it in place of above red line.And your javascript codes are now ready which are now hosted on blogger itself instead of hosting to third party server.

Now you will face no bandwidth problems.If you still have any problem related to this tutorial just leave your comments.

Read More Function Now Finally Made Available By Blogger Team

Finally blogger has launched its read more function in post editor over which the blogger team was working from few months as it was the most demanded feature by all the bloggers.And its just easy to add it in your blog posts while writing.Just keep writing the post in your editor as you do and just insert jumpbrek into it i.e read more function by hitting jumbbreak button provided by updated post editor in blogger or editor in draft.blogger or just go to settings tab >> Select post editor and use update editor to use new features of it.

Really this updated editor too has been loaded with many features,if you not using it just sart using it for sure.And on how exactly to use this read more function in blogger posts given by blogger you can visit post by bloggerindraft blog which is explained very clearly.

How Auto Adjust Images Size In Blogger Posts

How Auto Adjust Images Size In Blogger Posts,yes friends many of us would be daily posting some images in there blogger posts or would have photo blogs and would be tired of giving the width and height to there post images again and again to adjust and look good in there blogs.And dont they think when they will switch to new template the width and height assigned to images in post can create problems for them.And many of blogs would be facing problems if they post images with width longer than post section and image would overlap the sidebar and if not overlapping then only part of the image in post section will be visible rest part hidden.So i will be telling you on how to auto adjust images size in blogger posts to suit your blog needs.

Now Please look at the pictures carefully to know what i am exactly talking about.

Suppose you have post section of width 500px and you post a picture of width 800px in the post without defining any width and height to it.Note if you uploading through blogger editor it automatically define width and height to image so will never face error in that.

The image would appear in post like below two methods.

1) As image width was 800px,Image width get shortened and will show up in post upto 500 px and rest 300px will be hidden.



2) Full Image is shown but overlap the sidebar.



But the proper way the image should be shown in blogger post should be like below.



So to make it correct i am making you learn this css property for your blog,if you are facing any of these problems.

As say you have an blog and want to show images of width equal to post section i.e you have post section of width 500px and you want to show images to autoadjust to that size in your post.For doing that just go to blogger Layout >> Edit/Html and add the below codes before ]]></b:skin> tag :-

.post img {
max-width:500px;
max-height:500px;
min-width:200px;
min-height:200px;
padding : 10px;
clear: both;
}

Just adjust the properties min-width,min-height and max-width and max-height.As after using above codes now in your post the image width and height will never get less than 200px and not more than 500px.So image size will always lie between 200-500px.If image size is less than 200px it will auto adjust to 200px and if more than 500px it will autoadjust to 500px.

Now if you wanna use all images in your posts of same height and width i.e mostly used by all photo blogs to show of all the images of same sizes.You can use below codes.

.post img {
width:500px;
height:400px;
padding:10px;
}

Now all the images of any size in post will appear to auto adjust to size of width 500px and height 400px.

**Note:- If not working properly , there might be image property defined in your template,just find for it and check it.Find for .post img tag to check it.

How Change Width And Height Of Blogger Comment Form

How To Change The Width And Height Of Comment form in blogger.As you would have seen some using wide comment form and some using small comment from.As there are no much options in blogger to make changes in the blogger comments form but still there are some alterations like we can make,to alter its width and height.As blogger comment system is not one of the best comment system and blogger team need great modifications to be done in it to make it better and useful for readers.

Some comment system hacks you can use like are highlight blog author comments and numbering of blogger comments.The must read on hack is how making your blogger comment system seo.



Now lets continue on our tutorial on how to change the width of comment form.Just GO To Blogger Layout >> Edit/Html >> Expand Widgets >> Press Ctrl+ F >> Search For Below Codes.

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>

Just now edit the value of codes in red that is width and height of blogger comment form.Just increase or decrease the values of width and height properties to make it alter.I am sure you will be going to love this tutorial.Best of luck!!