503 Service Unavailable in Blogger

Are you getting this error message on your blog dashboard, or while you are trying to access your blog?

Read on to find out what this problem is all about and how to help blogger to solve it.



What does 503 mean?


503 �Service Unavailable� is a �response code� like 404 �Page not found�. The 503 response code is a bit more complicated as it is not a page that is missing it is a server problem. Usually this happens when a server cannot cope or deliver its hosted content to web users, in other words blogger servers have been overloaded.

Background


Back in March Google engineers introduced Auto Pagination which basically reduces and summarizes the amount of posts that a blog displays on the home page, this only affects blogs that show all or most of their full posts on the home page.
This approach to the problem by Blogger has proved ineffective, and Blogger are now having problems in the delivery of certain blogs worldwide.

Who is affected by this 503 �Service Unavailable�


This problem affects all blogs worldwide. One of the ways to find out if you have been affected is to login in Google analytics and check your traffic sources, select search engines and select the keyword that brings most of the traffic to your blog, compare the data with previous months. A notable change in your bounce rate or average time will be a good indicator that your blog had been affected by this 503 response code. The logic behind this is simple, a user trying to view your blog has opened the 503 page and assumed the site down and gone to another site. Due to this you will receive a 100% Bounce rate for that keyword as well as a low time average.

Understanding the problem and its consequences


The consequences of this problem are that you can start to lose traffic and your ranking in search engines. You need to understand that this is not a problem of resources, this cannot be fixed by getting a new server for blogger (if it was I would not be here talking about it).
This is a problem of how we blog and what we do with our blogs.

How to solve the 503 �Server unavailable� on Blogger


Here are a few steps you could take in order to help Blogger to solve the issue.

Basic level (no skills required)
- Summarize your posts.
- Show only the most relevant post on your home page.

If you show full posts on your home page you have a greater chance of encountering the �503� problem, as your blog is using more resources from Blogger to deliver or load your blog. Secondly an excessive number of posts on the home page (even summarized posts) may result in a 503 as there is a delay with Blogger loading your blog. You can opt to show your latest post or more relevant posts, and include a widget with some links to your previous posts. This is SEO friendly and will reduce the amount of problems you will have with your blog.

Medium Level (some skills and knowledge are required)
- Use a light weight template and avoid using the �template designer� from Blogger
- Use Light images

If you are using a template made from the �template designer� tab, there is a simple test that you can do to reveal how efficient your template is: Clean the cookies of your browser and open your blog (not blogger dashboard) by typing the url in the address bar of the browser. Take note of the time that it takes for your blog to load completely, now go to blogger and change your template for any free template and repeat the same steps, clean your cookies and open your blog again and compare the time. Some of the templates made with the �Template Designer� have a poorer performance, especially those that have some java scripts and/or have a background image.

Images play an important part in saving some bites, you can use PNG format or GIF as these are lightweight formats, you can also use JPG but you must always compare them to find out which is the lightest one. PNG is not always the best. If you don�t know how to change the file formats of the images you can search on Google for GIPM; an open source software with features like Paint Shop Pro; easy to use especially to change image formats.

High level (Skills and Knowledge are required)
- Speed test using Firebug for Firefox

The best way to analyze and get a full report on the performance of your blog is by using �Firebug� for Firefox. Firebug will report a series of problems that your blog may have in order to reduce the loading time of your blog which is one of the determining factors of the 503 �Service Unavailable� error.
You will get specific reports on how your CSS is performing, where you can reduce the size of your CSS, where to put your Javascript files, and much more. Most importantly it will create a compressed version of your CSS (best performance) for you to use as well as a copy of all images in a different format, for instance if you have some JPG images, Firebug will compare the same image to other formats and will give to you the same image but under a different format saving you time in editing those images.

Overall there are alot of things that you will find out about your blog after running a test on Firebug that you may not know how to solve, if that is the case you can jump into the forum and ask questions about it.

Why should you bother with all of this?


You may be thinking why do I need to bother with all of this, why not just wait for somebody from Blogger and Google to solve the problem?. Well the answer to that is easy: this is not just Blogger�s problem this is a blog problem, and in this case, blogs worldwide. This is not solved by buying an extra server or hiring somebody to solve the problem, this can in part be solved by us bloggers and the way we do things. Blogger is the only blog platform that offers you the best of both worlds: the benefits of a self hosted blog for free. You just have to ask yourself would I like if Blogger changed the rules and started to charge it�s users for their free service?

This may or may not happen, but for now this is just an appeal to all bloggers to change the way they do things for the best, at the end of the day it will help your blog as well as the user experience that you offer to your blog users.

Resources



Firefox: Download Firefox Official Site
Firebug: Download Firebug Official Site
GIMP image editor: Download GIMP Official Site

(These links open on a new window and will open the Official sites where you can find more info before downloading each software. All software is Open Source and free of charge)

READ MORE - 503 Service Unavailable in Blogger

21 Amazing jQuery Tabs Collection

Using jQuery,we can do many things very easily than normal JavaScript.So jQuery has became the most popular JavaScript library in use today.I wrote my previous article about popular jQuery featured content sliders,that are used by web designers.In this article I am going to show you a better jQuery Tabs collection you can use for your websites or blogs.When we go to websites,we can see different types of jQuery Tabs.If you add a tab view to your website,it save a lot of space in your web pages.Also it gives a better appearance to your website or blog.

21 Amazing jQuery Tabs CollectionYou can visit authors websites for configuration instructions/guides,can view live demos of these jQuery Tabs and also you can download files of these tabs using the URLs given below.I checked all of these links and they are working correctly.But in future if this links doesn't work, please leave a comment.I hope to add more jQuery tabs to this article in the future ,so bookmark this web page for future reference.If there is a jQuery tab you like,but you can not add it to your website or blog yourself,you can contact me,I can do it for you.

1. Simple Tabs w/ CSS & jQuery



Article : http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/

Demo : http://www.sohtanaka.com/web-design/examples/tabs/


2. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial



Article : http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial

Demo : http://www.queness.com/resources/html/tabmenu/jquery-tabbed-menu-queness.html

Download : http://www.queness.com/resources/archives/jquery-tab-menu.zip


3. jQuery Sliding Tab Menu for Sidebar Tutorial



Article : http://www.queness.com/post/274/jquery-sliding-tab-menu-for-sidebar-tutorial

Demo : http://www.queness.com/resources/html/scrollto/index.html

Download : http://www.queness.com/resources/archives/jquery-scrollto.zip


4. Create a smooth tabbed menu in jQuery


Article : http://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/

Demo : http://yensdesign.com/tutorials/tabs/

Download : http://www.yensdesign.com/tutorials/tabs/tabs.zip


5. Updated JQuery Nested Tab Set with Demo



Article : http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo

Demo : http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo

Download : http://blog.cutterscrossing.com/enclosures/JQueryTabsDemo.zip


6. Sweet AJAX Tabs With jQuery 1.4 & CSS3



Article : http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/

Demo : http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.html

Download : http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.zip


7. Animated tabbed content with jQuery



Article : http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/

Demo : http://www.gayadesign.com/scripts/tabbed/

Download : http://www.gayadesign.com/scripts/tabbed/tabbedContent.zip


8. Tab Navigation with Smooth Horizontal Sliding Using jQuery



Article : http://www.learningjquery.com/2009/09/tab-navigation-with-smooth-horizontal-sliding-using-jquery

Demo : http://www.learningjquery.com/2009/09/tab-navigation-with-smooth-horizontal-sliding-using-jquery

Download : http://assets.learningjquery.com/zips/tab-nav.zip


9. jQuery idTabs



Article : http://www.sunsean.com/idTabs/

Demo : http://www.sunsean.com/idTabs/

Download : http://www.sunsean.com/idTabs/jquery.idTabs.min.js


10. Flowplayer Tabs



Article : http://flowplayer.org/tools/tabs/index.html

Demo : http://flowplayer.org/tools/demos/tabs/index.html

Download : http://flowplayer.org/tools/img/tabs/tabs.zip
http://flowplayer.org/tools/download/index.html


11. Create a Slide Tabbed Box using jQuery



Article : http://www.hieu.co.uk/blog/index.php/2009/01/28/how-easy-to-create-a-slide-tabbed-box-using-jquery/

Demo : http://www.hieu.co.uk/Examples/SlideTabs/index.html

Download : http://www.hieu.co.uk/Examples/SlideTabs.zip


12. Flipping Content Tabs Using jQuery



Article : http://webdeveloperplus.com/jquery/create-flipping-content-tabs-using-jquery/

Demo : http://demo.webdeveloperplus.com/flipping-tabs/

Download : http://demo.webdeveloperplus.com/source-code/flipping-tabs.zip


13. Create A Tabbed Interface Using jQuery



Article : http://net.tutsplus.com/javascript-ajax/create-a-tabbed-interface-using-jquery/

Demo : http://nettuts.s3.amazonaws.com/042_jQueryUITabs/demo/index.html

Download : http://nettuts.s3.amazonaws.com/042_jQueryUITabs/source.zip


14. Create a Slick Tabbed Content Area using CSS & jQuery



Article : http://net.tutsplus.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/

Demo : http://nettuts.s3.amazonaws.com/001_Tabbed/site/jQuery.html

Download : http://nettuts.s3.amazonaws.com/001_Tabbed/TabsPSD.zip


15. Dynamic Fun with SimplePie and jQuery



Article : http://net.tutsplus.com/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/

Demo : http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles/index.html

Download : http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles.zip


16. Creating Rotating Tabs using jQuery



Article : http://www.ilovecolors.com.ar/rotating-jquery-tabs/

Demo : http://www.ilovecolors.com.ar/wp-content/uploads/rotating-jquery-tabs/

Download : http://www.ilovecolors.com.ar/wp-content/uploads/2009/12/rotating-jquery-tabs1.zip


17. Ultra simple jQuery tabs



Article : http://justfreetemplates.com/blog/2009/08/31/ultra-simple-jquery-tabs.html

Demo : http://justfreetemplates.com/blog/wp-content/uploads/2009/08/simple-jquery-tabs.html


18. jQuery To Fade Effects tabs



Article : http://www.roseindia.net/ajax/jquery/fadeEffectTabs.shtml

Demo : http://www.roseindia.net/ajax/jquery/fadeEffectTab.html


19. Playing with jQuery Tabs



Article : http://insideria.com/2009/03/playing-with-jquery-tabs.html

Demo : http://www.coldfusionjedi.com/demos/jquerytabs/test.cfm


20. Degradable Tabs With jQuery UI



Article : http://www.ultramegatech.com/blog/2009/09/degradable-tabs-with-jquery-ui/

Demo : http://www.ultramegatech.com/blog/examples/tabs.htm


21. jQuery UI Tabs with Next/Previous



Article : http://css-tricks.com/jquery-ui-tabs-with-nextprevious/

Demo : http://css-tricks.com/examples/TabsNextPrev/

Download : http://css-tricks.com/examples/TabsNextPrev.zip
READ MORE - 21 Amazing jQuery Tabs Collection

17 Top jQuery Featured Content Sliders Collection

jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML.Also jQuery is the most popular JavaScript library in use today.In this article,I have listed most popular 17 jQuery featured content slideshows/sliders for your blog or website.You can visit authors websites for configuration instructions and can view live demos of these sliders using the URLs given below.But if you can not add these sliders to your website or blog yourself,you can contact me,I can do it for you.

Using the Wonderful jFlow Plugin



Article : http://net.tutsplus.com/articles/news/using-the-wonderful-jflow-plugin-screencast/

Demo : http://nettuts.s3.amazonaws.com/078_screencast2/jFlowTutorial/index.htm


Automatic Image Slider w/ CSS & jQuery



Article : http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/

Demo : http://www.sohtanaka.com/web-design/examples/image-slider/


Easy Slider 1.7 - Numeric Navigation jQuery Slider



Article : http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

Demo : http://cssglobe.com/lab/easyslider1.7/02.html


Beautiful jQuery slider tutorial



Article : http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html

Demo : http://gadgetinspiration.com/blog/wp-content/uploads/jquery%20sliders/index.html


jCarousel Lite



Article : http://www.gmarwaha.com/jquery/jcarousellite/

Demo : http://www.gmarwaha.com/jquery/jcarousellite/


Featured Content Slider Using jQuery UI



Article : http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

Demo : http://demo.webdeveloperplus.com/featured-content-slider/


jQuery Tools Scrollable



Article : http://flowplayer.org/tools/demos/scrollable/index.html

Demo : http://flowplayer.org/tools/demos/scrollable/index.htm


AnythingSlider jQuery Plugin



Article : http://css-tricks.com/anythingslider-jquery-plugin/

Demo : http://css-tricks.com/examples/AnythingSlider/


Animate Panning Slideshow with jQuery



Article : http://buildinternet.com/2010/02/animate-panning-slideshow-with-jquery/

Demo : http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm


Moving Boxes



Article : http://css-tricks.com/moving-boxes/

Demo : http://css-tricks.com/examples/MovingBoxes/


Making a Content Slider with jQuery UI



Article : http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/

Demo : http://nettuts.s3.amazonaws.com/377_slider/slider_sourcefiles/slider.html


Supersized � Full Screen Slideshow jQuery Plugin



Article : http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/

Demo : http://buildinternet.com/live/supersized/


Sliding Boxes and Captions with jQuery



Article : http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/

Demo : https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm


Creating a Slick Auto-Playing Featured Content Slider



Article : http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/

Demo : http://css-tricks.com/examples/FeaturedContentSlider/


Simple Controls Gallery v1.3



Article : http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm

Demo : http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm


loopedSlider



Article : http://github.com/nathansearles/loopedSlider

Demo : http://nathansearles.com/loopedslider/example-1.html


CrossSlide



Article : http://tobia.github.com/CrossSlide/

Demo : http://tobia.github.com/CrossSlide/
READ MORE - 17 Top jQuery Featured Content Sliders Collection
 

Support By Blogger