Blog Solutions

how to remove navbar from blogger

2012-05-06T07:14:00.001-07:00

In blogger you can always hide/remove Navbar. Well, I am not so sure what navbar is about but I use navbar for switching to Dashboard to blog and vice versa. Mostly people remove Navbar for their highly customized and professional templates and some just don’t want to use Navbar. In this tutorial I am going to show you how to remove and restore Navbar from blogger blog. Follow this step :

First you have to login your blogger account. Go to dashboard.
Now choose a blog where you want to hide navbar.
Go to Design > Edit Html.
Back up your template (first make sure you have completely back up your template).
Now look for the code in your Blog HTML

]]></b:skin>

Now paste the below code before the above code

#navbar-iframe { display: none !important; }

Click on preview to make sure Navbar is hidden.
That’s it. Now click on save template (This procedure will hide the navbar from your blog).

Example :

How to add Website or Blog in search engine Google, Yahoo, Bing, MSN, and other

2012-01-03T12:02:00.000-08:00

Source all visitors your Website or Blog from directories Web, search engines, link / links from other websites and direct traffic to the address / url of your site. To be able to crawl and indexed in google, yahoo, and other, your site must be found by google bot system that will track your blog and display the in site google search results.

Follow this step to introduce your Website and Blog to Bot google, yahoo, and other:

Add of your URL website or blog to system SEO.

www.google.com/addurl/
www.google.com/webmasters/tools/ (only special expert / expert)
www.submitexpress.com/submit.html
www.altavista.com/addurl/default
Search.yahoo.com/info/submit.html

Add URL of your blog / website to web directories famous.

www.dmoz.org

Promotion of good.

Pairs of our email signature that there is a link blog or website (be careful about your emails considered spam)
Pairs of your URL signature in the comments website, blog or forum other people even though no follow.
Advertise in free online advertising.
Insert your Website or Blog in the web directory local and international as many.
Register of Website or Blog directories such as zagitananksolution.blogspot.com
if your acquaintance with other people don't forget promotion of your Website or Blog.
Wear clothes or attributes that are writing the address of our site.
Attach a link of your Website or Blog in myspace profile, facebook, hi5, myspace, and others

Notifications :

To remember and watch out for is the start of the crawl to index it could take fast or slow. Could in a matter of hours, days, weeks, months, years. So please be patient and do not easily discouraged. Do not rely on search engine alone, but use other promotional methods.

If you create a blog do not copy and paste from other websites because Google can detect crimes such copyright. learn to write for the website and your blog, though bad over time you will be a good writer.

Articles or blogs that good writing can not always lure people / visitors to leave a comment. Comment is not something to be proud of. Concentrate on the number of visitors than the number of blog comments.

How to change Favicon in blogger

2011-12-26T06:51:00.000-08:00

Example :

Follow This Step :

1. Design your icon at favicon.cc, DeGraeve and save it as png - ( size 16 x 16, 22 x 22, 36 x 36 ).

2. Upload your Icon at Flickr, Photobucket, iconj, tweet.pho.to, Copy Image Location or Copy Direct Link.

Example :

Photobucket : http://i1104.photobucket.com/albums/h333/zagitanank/441627ico.png

Iconj : http://www.iconj.com/ico/9/f/9f2fzoqxst.ico

Tweet.pho.to : http://stock4.pho.to/data10/7/3/7/73743951-ba4e-f414-4129-0c047dca6ce9.png

Flickr : http://farm8.staticflickr.com/7166/6574958835_69ec96dd97_m.jpg

3. Now, login to Blogger > Dasboard > Select Layout > Edit HTML.

4. Press CTRL + F search

<title><data:blog.pagetitle/></title>

5. Insert this code below it :

<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Example :

<link href='http://www.iconj.com/ico/9/f/9f2fzoqxst.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

6. Save the Template.

How to add meta tag for your separate blog post

2011-12-22T06:18:00.000-08:00

Paste this code just below the meta tag we have just added. Use the same format for your each blog post.

<b:if cond='data:blog.url == &quot;http://zagitananksolution.blogspot.com/2011/12/how-to-add-meta-tag-in-blogger.html&quot;'>
<meta content='add meta tag,optimize blogspot,meta tags for blogger' name='keywords'/>
<meta content='This is just a sample of description.' name='description'/>
</b:if>

Change the url with the url of your blog post.
Change the keyword with the keyword of your blog post.
Change the description with the description of your blog post.

How To Add Meta tag In Blogger

2011-12-22T06:09:00.000-08:00

Adding meta tag in blogger blog is an effective way to drive traffic to your blog. Meta tag is a piece of information that helps to delivered information of your webpage to the search engine. Meta tag are the tags that tells the search engine what your website or blog is about. You must be familiar with the certain information like meta keyword and meta description before adding meta tag in your blog.

Meta keyword :
Meta keyword helps to describe the content of your website. Basically you can use the keyword that is related to the topic of your blog and the same keyword shouldn’t be repeated for 3 times.

Meta description :
Meta description helps describe your blog. Meta description will always show in various search engine just below the search result of your website. Therefore meta description of your websites shouldn’t exceed more than 150 character. The exceed letter more than 150 words will be cropped by the search engine and only use the first few line to describe your blog which might affect your search engine ranking.

Follow This Step :

Click on layout and edit HTML.

Search for the following code: Press Ctr+F to search.

<data:blog.pageTitle/>

Place the following code just below it. ( Note: if you have implemented the Title Hack in your blog place this code just after that hack).

<link href='mailto:Your_Email_Address' rev='made'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your keywords separated by commas'
name='keywords'/>
<meta content='Your Site Description' name='description'/>
</b:if>
<meta content='Your_Name' name='author'/>
<meta content='ALL' name='ROBOTS'/>

NOTE :

Replace Your_Email_Address with your Email Address.
Replace Your keywords separated by commas with your site’s keywords.
Replace Your Site Description with a good description of your site.
Replace Your_Name with your Name.

How to Create a Blog To Appear on SEO and Google Search Engine

2011-12-21T11:58:00.001-08:00

It is the bitter truth the tittle of your blog hampers lots in search engine optimization. In the blogger by default your blog title will be appear at the first and after that the post title will be appear. Therefore your post will be less highlighted in the search engine. There is no any specific method to change it with the blogger features. Therefore we need to change certain code of our blogger templates in order to make our blogger fully seo optimized. After applying this hacks post title will be appear at first then blog title will be appear.

Go to blogger dashboard >layout>edit html

Click on expand widget templates and press CTRL+F and search the following code :

<title><data:blog.pageTitle/></title>

Repace the code with :

<!-- Start www.zagitananksolution.blogspot.com: Changing the Blogger Title Tag -->

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<title><data:blog.pageTitle/></title>

<b:else/>

<title><data:blog.pageName/> ~ <data:blog.title/></title>

</b:if>

<!-- End www.zagitananksolution.blogspot.com: Changing the Blogger Title Tag -->

Save template and view your blog you can see the effect of this hacks.

MVC 3 Routing Example

2011-12-20T23:48:00.000-08:00

MVC 3 Routing Example

Create HTML/ Javascript in Post Blogger

2011-12-20T12:33:00.000-08:00

Follow this step :

Step 1 : Make Encode your HTML/Javascript in CENTRICLE or POSTABLE .

Step 2 : Paste your Make Encode HTML/Javascript "INPUT YOUR CODE HTML/Javascript"

Copy Code :

<textarea class="textarea2" readonly="readonly" style="height: 106px; width: 565px;"> INPUT YOUR CODE HTML/Javascript </textarea>

How to show HTML/Javascript codes in blogger version 2

2011-12-20T03:58:00.000-08:00

Follow this Step :

Login to Blogger dashboard
Go to Design Section
Then select Edit HTML tab
Ctrl + F search ]]> tag.
Replace it with Bellow Code of section.

pre
{
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

Preview Image :

After you done it, click the "Preview" button to see if your blog shows or not. If everything’s okay, then click, "Save template".

While creating any Post, If you want to show the special Code in post that CSS code or JavaScript code, what ever may be , Go to Edit HTML tab in Post and create Div section and put your code in Div section like bellow and publish Your Post.

Mode Edit HTML:

Mode Compose :

Note:- Before Putting code, Make it Friendly to post Using these tools

Postable
Centricle Encode / Decode HTML Entities

Add Google translate list to blog

2011-12-19T22:56:00.000-08:00

Sample Gadget :

Follow simple step NOW >>>

Go to Blogger Dasbord > Design / Layout > Page Element >
klik add Gadget > HTML/JavaScript
Now Copy Code HTML /Javascript :

Code HTML/Javascript :

Paste Code HTML/Javascript in blank box >
klik Save.
Save Changes.
Look Your Blog.

Add Google translate flags to blog

2011-12-19T06:16:00.000-08:00

Google offer every blog owner for adding this widget in your own blog . so that different country visitor understand your language easy so if you want to add this Gadget.

Sample Gadget :

Follow simple step NOW >>>

Go to Blogger Dasbord > Design / Layout > Page Element >
klik add Gadget > HTML/JavaScript
Now Copy Code HTML /Javascript :

Paste Code HTML/Javascript in blank box >
klik Save.
Save Changes.
Look Your Blog.