On your Blogger dashboard, click "Settings".  Once in Settings, click "Other" under the drop-down list (highlighted in yellow).  You should now see the following page:

When it comes to blogging, the phrase “birds of a feather, flock together” rings very true. Those that visit your blog and read your articles consistently likely care about many of the same things you care about. Whether it’s technology, parenting, current events, arts/crafts, or some other topic, your readers often find your blog through searches and recommendations of like-minded people on social networks.
So, if you’re struggling with your next article idea or you’re looking for ways to increase traffic to your blog via long-term searches, just take a moment and think about the things your are passionate about and how you have solved a problem in a way that might be useful to your readers. The same steps that you are going through are likely going to be important (and probably helpful) to you visitors.
For instance, the other day I wanted to view Twitter.com on my iPad, but Safari kept sending me to the Twitter mobile site, which was NOT the view I wanted. I wanted to see the standard desktop view that visitors see when they are visiting the site from their PC. After about 20 minutes of trying to figure out how to switch, I finally resolved it in a very unconventional way and ended up writing a blog post about the challenge of switching between the Twitter desktop view and the mobile view.
Guess what…others are experiencing the same issue and their searches from Google have made that post one of the most popular posts on my blog over the last few weeks. The result? My article helped others who immediately found the answer via Twitter, but also held long-term benefit as the search engines picked it up and organic SEO drove traffic from those searching Google and Bing.
Another of the most popular post on my blog over the last few weeks, however, came from my experience with the Apple iPad iOS 5 upgrade. The update has be nothing short of miserable, with my iPad 1 crashing every day. Because I was so frustrated with the crashes and because I couldn’t find any mention of Apple acknowledging or working to resolve the issue, I wrote a blog post warning iPad 1 owners to hold off on the iOS 5 update until a more stable version of the OS was released.
As a result of the article, though, many of my friends, family, and co-workers have thanked me for alerting them to the issue before they upgraded. Again, a situation where the readers of my blog benefited from the challenge I was feeling in real life.
So, next time you have writers block and are looking for a new article idea, just take a few moments to think about how you solve the problems in your personal life and find a way to share those experiences with your readers. Not only will they benefit from your experiences, they’ll probably thank you with a comment with their shared experience. The fact that others are likely searching for the solution will help your organic SEO and bring in readers. It’s a win-win situation. You help others by blogging good content that solves a problem, they increase traffic to your article!
What blog post have you written that has really helped your readers? Let me know and feel free to post a link to it in a comment. I’d love to see examples from a broad range of different topics/stories.

1.Login to your dashboard--> layout- ->Page Elements
2.Click on 'Add a Gadget' on the sidebar.
3.Select 'HTML/Javascript' and add the code given below and click save.

<iframe frameborder="0" width="300" height="250" marginwidth="0" marginheight="0"
src="http://www.google.com/uds/modules/elements/newsshow/iframe.html?topic=h,w,b,n,t&rsz=small&format=300x250">
</iframe> Now you are done.Look at the example below.

Submit your website

Content and design

I already shared how a dynamic XHTML BlogSpot template could be converted into a blank Static HTML Template, but what if you needed to keep the same design of your blog and only remove the Dynamic objects like widgets. This could easily be achieved by carefully converting the XHTML format of code structure to Basic HTML 4.0 File. This will enable you to even embed or add a PHP or ASP.net code inside the Cloned BlogSpot design in HTML format. A live example is our Contact page with a PHP contact Form. It is not possible to add PHP inside blogger templates because no direct access to web hosting ftp account is available so far. When you visit our contact page, you will feel like you are still in BlogSpot template environment but in reality its only a Cloned HTML design of the original template. The steps today are interesting and fun to try. Make sure you have a webhosting to try today's tutorial. We are using hostgator as our blog web host to host all our files and resources.
This is our new series and would be fun sharing all the new development tips.

Purpose of This Tutorial

Purpose: XHTML is composed of XML and HTML 4. In this series we will learn to remove the XML portion of code and leave HTML 4 alone. Thus we will be able to create a static HTML Clone of a blogger template.

Download and Study your Template

1. Go To Blogger > Templates
2. click Backup/restore
3. Download your template
4. Right click the downloaded xml file and choose "Open with > wordPad"

Study the template:
Every webpage has the following concrete HTML structure. Only the DOCTYPE element would differ in different platforms.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
</head>

<body>
</body>

</html>

A webpage consist of 4 important sections

1. The DOCTYPE defines the type and version of web language being used in the page. In Blogger & also wordpress the type is defined as XHTML and version as 1.0. The only difference is that wordpress uses transitional XHTML while Blogger uses the strict unforgivable version. Blogger doctype looks like this. You will find it at the top of your downloaded file.
   

   <?xml version="1.0" encoding="UTF-8" ?>
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   

   The bolded part is the declaration for XML so that custom tags created using xml could be identified by the compiler. You wont find the bolded part in Wordpress blogs instead you will find the PHP opening tags.
   
2. The html tag enclosed both the head and body tags
3. The head tag is where you add all your stylesheets (CSS) , scripts (JavaScript, jquery etc.) and meta tags (for SEO & platform compatibility purposes). Code inside head tags are visible to browsers only and not visible on webpage to visitors.
4. The body tag contains your main content. This is the area where you add your Blog header, navigation, post section, sidebars and footer. Code inside body tag is visible on webpage. Any thing you add here will appear on your site and visitors will be able to see it.

Now if you open the downloaded XML file you will observe that the template has the same core HTML structure as we discussed above. Press CTRL + F to find the tags.
All you need to do now is to  identify the dynamic code sections and remove them from the template leaving behind static objects along with their related stylesheets and scripts. For that stay tuned for part2!

The Browser Wars

The day Netscape introduced their custom HTML tags which only their browser could interpret, started an ever growing war between browser companies like IE, Firefox, Opera, Safari and opera. Designers were finding it difficult to create a code that was compatible with all browsers, thus W3C stepped in and introduced XML. XML was used to write other web languages and was a common standard for all browsers. Since most pages were already coded in HTML using tags that no more are supported by modern browsers today, XML was use to create advanced HTML called XHTML. Since then XHTML has remained the standard to create fancy and colorful webpages. The same language is use to code Blogger and Wordpress platforms.
To understand what is the basic difference between XML, HTML and XHTML, I would highly recommend that you read the great article written by hubpages folks.

Most of us are familiar with the delivery of information technology services through servers.  There is however another way of accessing these same services through cloud computing.  The name refers to the fact that the required resources are found in the “clouds” since the user is not required to be in a specific place to have access to such resources.  The cloud symbol often seen in diagrams is used to represent the Internet.
Simply put, these resources are retrieved from the Internet using web-based tools and applications.  Working remotely is possible since the cloud computing structure permits information access on the mere condition that there is web access.  Business may find cloud computing services more cost-effective in the aspect of managing information since they are not required to own servers.
There are marked advantages in using cloud computing including convenience and ease of use since the provider takes charge of managing the service.  Users will just have to have their computers with Internet access.  They are also given the choice of determining how much service they want to avail of at any given time.  There are offered options either for a public or private cloud.  The main difference between the two is the market to whom the service is being offered.  While public clouds are offered to all Internet users, private clouds are only limited to a specific number of people.  A difference in service may also occur depending on the category chosen since cloud computing services may either be related to infrastructure, platform, or software.
To make the cloud computing service work, an effective cloud computing network has to be built.  The aim is to enable a pool of resources to function as an solid whole, the product of which should be made available to users regardless of location.  To accomplish this, networks will have to be flexible on provided bandwidth, management function, and maintaining visibility regardless of prevailing environment.
To avoid the expected bottleneck from the use of services as provided in the public Internet, many companies are opting to build their private cloud networks.  Essentially, those who practice this convert their respective data centers into hosted platforms.  Whether a company chooses to build a public or private cloud network, it will have to link storage and servers to the LAN.  There is a need to ensure seamless flow of data and applications through storage systems, including the data center and the LAN.  To enable cloud computing networks to work, proper attention also has to be given to virtual switching.
About the Guest Blogger:
Denise believes that anyone can build a cloud computing network with ProfitBricks.   She is an SEO expert who provides consultation services to various companies.

Few days ago, i posted about Glossy CSS
menu bar Tutorial, This is also same, with
different  color,  you  can   check  it  form
below link. If you  want you can check my
earlier   menu bar post by  clicking here


Demo

1. Log in to blogger account and Click drop down.
2. Now select "Template" Like Below.


3. Now you can see Live on blog, Click EDIT HTML Button"

4. Now click Proceed button.
   
5. Find this tag by using Ctrl+F    ]]></b:skin>

6. Paste below code Before ]]></b:skin> tag

/* The CSS Code for the menu starts here */
.rhm1{
 width:780px;
 height:64px;
 margin:0 auto;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv1cZxyWu2MyrSId8I9bCCzjfQBeywS9_t0GvML94MDFlIpuK-ZUO2HUM72-wGxgMZk6uoLz1g-Hq_8cHLJpV0rq-IureVWEYpi7-ICNN2zhFlS_sfN51a5Q6JUwe5G95gU-gLrn8NX30/s1600/rhm1_bg.gif) repeat-x;  
}
.rhm1-left{
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimaYAoLQlatHofCSzC6RJZL8S4EcJx5_H_drQbi3IXzp05qCvxWhosGpuRdwOJv2QUtaZj3Uk-xckSLxRorNf0aRXlXUJ029bCMSOa_jFethncb-Avm-HGN8ts1oM17xKABQXxBU2PU2Y/s1600/rhm1_l.gif) no-repeat;
 width:15px;
 height:64px;
 float:left;
}
.rhm1-right{
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2b0jZWqhcxpbpqP6iJErWR5HE05RyE26eE-Q9K9w4sa0IYX_-FXyLDwJ4TVxc1ZP_28cmqps0DAyM8ku-7x8EZF7_jw2ChLeFq3PpCS0aSrf-gppUzxG5BXVWTrTAHrAfJ2dzsv2xjmk/s1600/rhm1_r.gif) no-repeat;
 width:15px;
 height:64px;
 float:right;
}
.rhm1-bg{
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv1cZxyWu2MyrSId8I9bCCzjfQBeywS9_t0GvML94MDFlIpuK-ZUO2HUM72-wGxgMZk6uoLz1g-Hq_8cHLJpV0rq-IureVWEYpi7-ICNN2zhFlS_sfN51a5Q6JUwe5G95gU-gLrn8NX30/s1600/rhm1_bg.gif) repeat-x;
 height:64px;
}
.rhm1-bg ul{
 list-style:none;
 margin:0 auto;
}
.rhm1-bg li{
 float:left;
 list-style:none;
}
.rhm1-bg li a{
 float:left;
 display:block;
 color:#ffe8cc;
 text-decoration:none;
 font:12px 'Lucida Sans', sans-serif;
 font-weight:bold;
 padding:0 0 0 18px;
 height:64px;
 line-height:40px;
 text-align:center;
 cursor:pointer; 
}
.rhm1-bg li a span{
 float:left;
 display:block;
 padding:0 32px 0 18px;
}
.rhm1-bg li.current a{
 color:#fff;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheVXEwhQUeoUyaOCkmNwdId4dTyQmBGRlPh3lUPkbRcR7viffkQmYcwe8hbVqjCqpOhUQyhfSVoN3jUC1huANIgNRtntdRlBo9et67SN7FTH05WfdSVkcHeRelz51ehlJ8Hqd-5G2g1kM/s1600/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li.current a span{
 color:#fff;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwFuj2uvOk5OrFVrUqmF0WuwRiWczef6ZTkX_pafmh1z-WetO_f8_l4bmEIRkDCn5PWcO78jFZ0lQER74rF2FG7YwYqdj3_8wZRx23BYgJstk_Hnq97Ahucbuwo-hUvw03-TNbeqDGHlE/s1600/rhm1_hover_r.gif) no-repeat right 5px;
}
.rhm1-bg li a:hover{
 color:#fff;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheVXEwhQUeoUyaOCkmNwdId4dTyQmBGRlPh3lUPkbRcR7viffkQmYcwe8hbVqjCqpOhUQyhfSVoN3jUC1huANIgNRtntdRlBo9et67SN7FTH05WfdSVkcHeRelz51ehlJ8Hqd-5G2g1kM/s1600/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li a:hover span{
 color:#ffffff;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwFuj2uvOk5OrFVrUqmF0WuwRiWczef6ZTkX_pafmh1z-WetO_f8_l4bmEIRkDCn5PWcO78jFZ0lQER74rF2FG7YwYqdj3_8wZRx23BYgJstk_Hnq97Ahucbuwo-hUvw03-TNbeqDGHlE/s1600/rhm1_hover_r.gif) no-repeat right 5px;
}
  
   

7. Go to blogger and click Layout

8. Click Add Gadget and select 'HTML/Javascript

9. Paste below code.

<!--bloggertrix.comMenuBar Starts-->
<div class="rhm1">
<div class="rhm1-right"></div>
<div class="rhm1-left"></div>
<div class="rhm1-bg">
<ul>
 <li class="current"><a href="#"><span>Home</span></a></li>
 <li><a href="#"><span>About Us</span></a></li>
 <li><a href="#"><span>Services</span></a></li> 
 <li><a href="#"><span>Products</span></a></li>  
 <li><a href="http://www.bloggertrix.com/"><span>Add This</span></a></li> 
</ul>
</div>
</div>

10. Now save your HTML/Javascript'.