Want something different in your blog? There is a lot of thing you can do to make your blog different from others. Tab view is one of it, and its not really difficult to create tab view in your blogspot. Just follow this instruction step by step and carefully. Remember to backup your template for your blog safety.


1. Login to blogger, go to "Layout --> Edit HTML"
2. Then find this code ]]></b:skin>
3. Insert the below code before ]]></b:skin> or in CSS tag.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Width top main menu */
text-align: center;
height: 24px; /* Height top main menu */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Top Main menu border color */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Top main menu font */
font-weight: 900;
color: #000; /* Top main menu font color */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Top main menu background color */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Content Border color */
overflow: hidden;
background-color: #FF9900; /* Content background color */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

 4. You can change the code according to the red text explanation. To get html color code see HERE
5. The next step is put the code below before

<script src='http://superinhost.com/trikblog/tabview.js' type='text/javascript'/>

6. Then "save" it.
7. Go to "Page Elements" menu
8. Chose "Add Page Element" --> "HTML/Javascript" in place where you want to put this tab.
9. Insert this code :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <<br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

Note :
- The number or the blue text(350px) Is size of the tabview.
- The green code is the main menu text
- The red code is the content of tabview. you can fill it with links, banner, widget, comment or anything.
- To add more menu, see on the blink code. Add the code under it.

Are you often changing your blog template? What will you do if the blogger widgets need to delete? This is the major problem for blogger user. They will loss their widgets even if they take backup of their template. After Changing their template , they need to add widgets again manually. It's really annoying and time consuming process.

How to backup blogger widgets?

Before changing template search your widgets code without putting check in expand widgets box.


Select the widget code as shown in the image above.
*if you have more than one widget, search it, copy it into notepad.

After uploading you will get a message such as picture below:


Don't click Confirm & save tab. Search for the following code <b:widget id=' . Now paste the widget codes you have saved above or below the code in yellow


Save your new template. Done :)

This method is very useful compare add widgets again manually.

Still don't get it... watch the video.

What is the purpose to display recent comment? One of the best answers I guess is, give you blog reader chance to show off their idea or opinion in your blog. This is another way for you to gain traffic for your blog. I will focus on blogger, how you can add recent comment in your blog.

1. Login into your blogger account
2. Go to layout and select Page Elements.
3. Select Feed


4. Put your comments feed url in the space provided and click continue.


5. Change the title to Recent Comments or any name
6. Decide where you wanted to put recent comment in your blog.

Complete !!! :)

What would you thing if someone ask you, what are the criteria of good template. The answer can be a million, but here I will mention a few of it. The most important things in good template is your layout. Is your layout user friendly? Most of successful blogger have user friendly as an example, http://www.problogger.net/ and http://www.johncow.com/. Did you realize beside nice looking layout, what is the similarly of this two blog? Most of the advertisement or a service offered by them is on the top of the page. On the right of the page, they put the links or page navigation and direct advertisement in their blog. There must be a reason why the blog navigation and advertisement or any money maker program is on the right side. Most of us is right hand side and left handed is only minority. The possibility easy to click is 70- 80 % must be in the right side of the page because most people is right handed.

Another thing very important to determine the criteria of good template is page process loading. Just imagine what you will do if the page you trying to open very slowly. You will leave that page and search another page. If you wish visitor of your page read the post in your blog, then thing again to create or choose a template that loading easily and fast. Trust me; it will help you increase your blog performance.

Third thing is, color combination in your blog. If your page or blog have a good color combination plus beautiful design, I believe you already have done one of the basic thing to be a professional blogger. Just ask your self, if you still didn’t satisfy with your template, try to search the best template on the internet. There is a million good and beautiful template in the internet, it’s totally free. Send a little bit of your time to search good template and try to learn how it made. I believe soon or letter you will come out with your own template. I also still learn hoe to create a good template. Here is a few tips how to select a suitable color for your blog.

Happy = Yellow Inexpensive = Brown
Pure = White Powerful = Red (tomato)
Good Luck = green Dependable = Blue
Good tasting = Red (tomato) High Quality = Black
Dignity = Purple Nausea = Green
Technology = Silver Deity = White
Sexiness = Red (tomato) Bad Luck = Black
Mourning = Black Favorite color = Blue
Expensive = Gold Least favorite color = Orange

So in designing your page or blog it's important to know what colors mean.

I made a conclusions here, the criteria of good template are:

1.Nice looking
2.User friendly
3.Page easy and fast to loading.
4.Colour of your blog.

I want to start blogging. What should I do fist? This is my first question come into my mind before I start blogging a year ago. Starting point is very important for you to begin something new in your life. Blogging also can be one of your sources of income, but your blog must be outstanding. There is many bloggers out there made a great income from their blog. How they make it? There is many way you can generate income from your blog, such as do review, google adsense, selling services, direct advertisement and many more. I didn’t want to discuss how you are getting money online for now, because I also did not get a good income from my blog.

Blogging is how we can share our knowledge, experience, expertise, felling, and idea with our readers thru internet. Why blog is more popular than web page to share information?. It because blog is very easy to use and all contain presented up to five posts in a page. Come to the main question, what I need to start blogging? Before start blogging, you have to think what the main topic is or contain of your blog. This will lead you to come out with your blog title. If you interested about car, you can make a blog about car and select title related to car. After you came out with your blog title and now is the second level, create a blog. What you need in a blog?

Here is my answer:

1. A great template. ( Many nice template available in the internet and its free, just use it)
2. Recent comment ( it important for you to response to your reader)
3. Recent posts ( tell your readers what new in your blog)
4. Chat box ( provide a space for you and your reader to chat)
5. Top commenter ( Help you to show who give a most comment in your blog )
6. Link list ( very useful to exchange link)
7. Blog Archive ( This can help your reader to check previous posts)
8. Adsense ( put any advertisement in your blog, who know your are lucky and make great money from your blog)

I hope my answer will give you an idea how to start blogging.

Demo Template | Download

New Blogger Template with elegent Style and SEO friendly. It was design simple but nice looking. The advantage of this template is loading page is fast. This template only use 20% image and the other is color by coding technique.

How to change the logo?
Before starting to make changers in your blog template please remember to backup your previous template.From layout, edit HTML find this line

<div class='ad-banner'>

the entire code is shown below:

<div class='ad-banner'>
<a href='http://YourBlogName.blogspot.com/'>

<img src='Your Logo URL is here'/></a>

</div>

save template.. done :)

It not a joke, it very real.. blogger now available in malay. You can see picture attached with this post. Malaysian you should glad, blogger had give attention to us by providing blogger in our language. I believe blogger now are growing very fast in their development. Did wordpress provide malay? So far I never heard wordpress provided in malay, if it have please let me know. Yes I do agree that most of blogger now using wordpress because this blog engine can run in a localhost. I highly suggest blogger development team will allow us to run in a localhost. My felling says that blogger will give more impact in blogging scenario in a few months, it because more and more function coming out. Good luck blogger aka blogspot.

* Here is my main point, why blogger very famous. Blogger open the way for his user to earn income compare to the other blog engine.

In the top of the Internet Explorer 7 window, in the same line as your tabs there is a Tools menu item, left click the little arrow pointing down then left click Internet Options.

Left click the Programs tab in the window that appears.

In the second section of that tab is Default browser.

Left click the button to make Internet Explorer the default browser.

Some of you might didn’t notice that there is a different for www.domain.com or domain.com. Nowadays, most of the internet user didn’t use www in front the domain. Easier for the users to access the web by just typing the domain name in the address bar without www.

What actually the different? The different is some of the search engine will assume the www and non www web page is different. It might be affect your web ranging in the search engine result. If your webs stay on the top, the chance you to make money or get notice by your visitor are very high. So, it up to you either you still want to stick with www or moving into www. The decision in your hand.

Most of the hosting provider had automatically set the redirect the www page to non www page. What should you do if your hosting provider didn’t redirect your www domain to non www. You can do the redirect from www to non www domain. For example; http://www.abc.com to http://abc.com. Just use the script below on your .htacess

########## Redirect non-www to www version of site
RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule (.*)
http://www.%{HTTP_HOST}/$1 [R=301,L]

I had use this nice template from jackbook about a month.This template is Very nice and beautiful. Only one thing make my mind to change the Wow Blogger Template , google ads cannot display after the post. If you didn't care about google ads, you should try and play around with Wow Blogger Template.Actually this template have a few version but every version have a bit different. I not gonna talking about the differences, you can view all of them and notice the differences. Visit the original, blogy-dilectio template, and jackbook template.

Here is the screenshot of jackbook template.

You need to host the image and some other java script file by your own storage. If you didn't have any online storage account, do not panic after you finish download and extract the file, you will see the instruction step by step installion. Just read it carefully and follow the instruction.

View demo or Download .

Hai… I’m back!!!!! Now I’m starting bloging again after stop around one and half month. Maybe some of my blog reader wants to know why this blog didn’t update for a long time. Honestly I concentrate to find a job in my lovely home, Sabah. Thanks God, finally I had got a job in Sabah. Just let you know, now I working in one of the great Japanese company, Tele Dynamics Toshiba. The main business of my company is EI (Electronic Imaging), Business solution and laptop. If you interested in Toshiba Laptop, just inform me and I will give my best to help you. One more thing I want to remind you, I’m not a sales man…. But I can help you to get a new laptop with a bit low price. :) Because now I was close to Toshiba, so I will make some post about Toshiba Laptop and a few great things from Toshiba.

I had mentioned before that I will come out with my own tutorial how to change image header in blogger. This tutorial will change image header for K2 Blogger Beta Template as I had promise. After download the theme to your local computer, unzip it and open that file with any text editor. My advice is open it by Word pad to see and understand the source code better. To change the image, just find #headr. If you had a problem to find it, you can use Find function. From the menu, click Edit and then Find, enter #headr. Now you need to find where is the image URL see example below,
#headr {
padding: 0;
margin: 0;
position: relative;
height: 200px;
background: #3371A3 url('http://photos1.blogger.com/blogger/7994/1253/1600/K2.jpg') no-repeat bottom center;
}
Just copy and paste the url in the address bar of your browser and you can see the image file. Define that image size or just save that image into your computer. Create your own image and make sure the image size is exactly same as the original. Upload your image to the internet and do not forget the URL of your new image because you need to change the old image URL sown as below.

#headr {
padding: 0;
margin: 0;
position: relative;
height: 200px;
background: #3371A3 url('http://your_new_imahe_url_image.jpg') no-repeat bottom center;
}

This screen shoot will might help you for a better understanding.

This theme created blogohblog and converted to blogger by Jakcbook. This design of this blog is clean and nice. This theme didn't use many image and it load fast. What make me interested with theme is, it simple but look nice and for the most is this theme had a few cool tolls such as related post , recent post. I had used this theme in one of my blog. You can view the blooger or wordpress demo using the link below.

I just wanna talking about Blogger Demo because I alerdy try and use it. In the Blogger Demo page, JackBook had give a great tutorial on steps to install related post, banner ads, feed subscribe and top menu. Everything had been explain there, just follow the instruction.

Blogger Template Download | WordPress Template Download

* Click here for Demo
* Original design by Michael Heilemann, Chris J. Davis, Safirul Alredha
* Booted by BlogCrowds
* Download the K2 Blogger Template Code (open file with Wordpad and not Notepad)

Version History
10th Dec 2006 - Release
17th Dec 2006 - Updated with extra spacing

eduiter said: this theme likely a word press theme, have an image at the top and lebels put vertical at the top too just before post body. If you didn't like the image, you can change it to your own image. :) I will came out with my own tutorial how to change the header image soon, if you wanna know it keep visiting my blog or subscribe rss from this blog.

You can add games in your friendster page to entertain your profile reader or friends by adding games in your page. Here is the web providing game for friendster. Just copy and paste the code
in your profile. Hopefully this post can help you a lot.. if you guys know other web providing game for friendster, i really glad if you can tell me.. :)

Snake <EMBED src="http://www.neave.com/games/snake/snake.swf" menu="false" quality="high" WIDTH=300 HEIGHT=200 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer/"> <br />Game provided by: <a href="http://www.FriendsterForum.com">FriendsterForum.com</a>	Kick Ups <EMBED src="http://www.media.ebaumsworld.com/kickups.swf" menu="false" quality="high" WIDTH=300 HEIGHT=200 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer/"> <br />Game provided by: <a href="http://www.FriendsterForum.com">FriendsterForum.com</a>
Hexxagon <EMBED src="http://www.neave.com/games/hexxagon/hexxagon.swf" menu="false" quality="high" WIDTH=300 HEIGHT=200 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer/"> <br />Game provided by: <a href="http://www.FriendsterForum.com">FriendsterForum.com</a>	Simon Says <EMBED src="http://www.neave.com/games/simon/simon.swf" menu="false" quality="high" WIDTH=300 HEIGHT=200 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer/"> <br />Game provided by: <a href="http://www.FriendsterForum.com">FriendsterForum.com</a>
Tetris <br /><EMBED src="http://www.neave.com/games/tetris/tetris.swf" menu="false" quality="high" WIDTH=300 HEIGHT=200 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer/"> <br />Game provided by: <a href="http://www.FriendsterForum.com">FriendsterForum.com</a>	Asteroids <EMBED src="http://www.neave.com/games/asteroids/asteroids.swf" menu="false" quality="high" WIDTH=300 HEIGHT=200 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer/"> <br />Game provided by: <a href="http://www.FriendsterForum.com">FriendsterForum.com</a>
Tic-Tac-Toe <EMBED src="http://www.neave.com/games/tictactoe/tictactoe.swf" menu="false" quality="high" WIDTH=300 HEIGHT=200 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer/"> <br />Game provided by: <a href="http://www.FriendsterForum.com">FriendsterForum.com</a>	Duck Hunt <EMBED src="http://www.media.ebaumsworld.com/duckhunt.swf" menu="false" quality="high" WIDTH=300 HEIGHT=200 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer/"> <br />Game provided by: <a href="http://www.FriendsterForum.com">FriendsterForum.com</a>

More onfriendsterforum.com

I believe you had watched the Ratatouille movie, do you love the story? This movie had reminded my self that everyone can cook and it made me trying to cook. If you really love this movie, here is the gift for you from blogger-templates.blogspot. This XML template includes a 9 minutes preview of the film and it might help your blog reader to remember Ratatouille.

Download template

This is created to showcase a Blogger template designed by GeckoAndFly.com and converted to Blogger Beta by Blogcrowds.com.

Some elements of the design has been altered for benefits of Blogger Beta templates, however overall the template looks as it did previously and aesthetically pleasing.

This template will be freely distributed at both GeckoAndFly.com and Blogcrowds.com, download the code here at our Template System. Please keep the credit to GeckoAndFly.com and Blogcrowds.com intact, for template support please visit Blogcrowds.com

edukaitor said: i love this template because it have tab on the top... just try this nice temlpate

• Click here for Demo
• Original design by Andreas Viklund
• Download the Andreas Blogger Template Code

I just find this great web who can help you to create your own friendster layout. It very easy to use, you only need to upload your image some where in the internet and get the url of your image. If you didn't know where to upload your image, do not worry, just search an image from google or use your friendster account, very easy right :). You have 100% opportunity to customize your page so just play with the settings and enjoy creating your own layouts :) After finish with your setting, you can preview the layout and generate a css code. You can repeat to make setting changers with no limit until you satisfied with it. Try friendster layout creator.

If you are looking for 3 column blogger template, i will suggest you to use this beautiful template. This Template design by Jackbook and redesign by fauzan. Believe me, it very easy to use this template and if you are loving ads.. this template had provide a good position to put your ads.

preview | download

minyx template for blogger converted from wordpress theme created by Mauricio Caballero

Download
Test

Top menu is a links list
Recent Post is your blog feed
Blog archive is Flat
19 spt
Top menu and search fixed

source:b-themes.blogspot.com

aBlogger-Themes Originally uploaded by Ezline.

I am releasing andreas04 theme template that I have ported to blogger. Click Here. Pls remember to back-up your template first and enjoy.

For flickr user=id to your own use http://idgettr.com/ tag=yourkeywords its configured to show everyone's photos, be warned photos might contain scene not to your taste so picked keywords well or configure to your own photo stream.

If you prefer the original classic images you can download it at owd from this link here.

Source: blogger-themes

Em.. want to have a different in your blog domain? Here is another nice place where you can get the free blog services, BlogMas. It very easy to start blogging with BlogMas, only three steps register, pick your blog name and select your theme. It very easy right? BlogMas is a one of the malaysian blog services provider. The advantage of using BlogMas is the platform, this blog using WordPress. WordPress usually used widely. WordPress give user more control in their blog such as customize theme, add advertisement , google adsense , plugins and etc. By using BlogMas you will have all the advantage of being look such as a profesional blogger.

I'm a new user and didn't know anything, how i'm going to start?
Do not worry, BlogMas had give a very good tutorial for the new user. You can check here. Beside share your interest or blogging, here is my suggestion why don't put some advertisement in your blog. This is a great opportunity to generate some side income from google adsense,advertlets,nuffang,text link ads and other referral program. Remember to make your blog look nice so that user will come back to your blog, more user browse your blog more income you will get. That is the rules of blogging to earn money. The more user you It not easy to generate a good income a the beginning but you have to work hard and never give up. Just put in your mind it better get 10 cent while you online beside nothing. After a month blogging then i belive you will earn more than $2 for a month or maybe more than it depend what ads services are you using.

How can I do that? Most blog services now offering you the tutorial how to put a ads in your blog, BlogMas also provide a great tutorial for you.

If i'm start blogging, what topic I should write? You can write or post anything you like.. anything.. no one will give you a marks... :) It's fun right? Blogging is fun but be careful... Some bloggers have made the mistake of writing too closely about work or personal topics. Remember this is a public journal that anyone can read, including your boss, your spouse, your mother, and that creepy guy down the block.



* this web is in Malay, it because the target maybe only malaysian.. hopefully next time the English version will be available soon. :)

start your new blog with

This stylish template is originally created by Carl Mason (Anyone know his link? I really want to put his link for you here). Carl made this theme for wordpress.ord, but thanks to kristofer93 for ordering this theme, so it is now available for you all blogger / blogspot user.

And here is the download link:

For WOrdpress Users
Demo Site here
Download Red White Web 2.0 Wordpress Theme Here

For Blogger / Blogspot Users
Demo site here
Download Red White Web 2.0 Blogger Template here (Latest Version)

There are some important notes for if you want to use this template. all elements you see there are actually widgets. so if you install this template, you would not get those menu, and sidebar immediately. you need to create the widgets first.

and here is some important notes and widgets you must create.

Note #1: Your blog must have no html/javascript at all. or if you already have html/javascript widget, you need to create at least 3 more html/javascript widgets, and move all your html1, html2, and html3 widget content to the 3 new widgets you just created.

Why? Because this template require your 3 first html/javascript widgets.
widget #1:
id= html1
description: this is your search box right side of your blog title.
content:

widget #2
id= html2
description: this is your upper menu
content:

 
   Home 
 
   Contact Us 
   
       About Us     
 
   Full Rss Feed 

widget #3
id=html3
description: this is your Rss Feed Subscribtion on the top sidebar. of course you can add this later if you want.
content:

Subscribe

Of course you need to change each link by your self. it’s not a big deal isn’t? :)

Note #2: You have to set your post timestamp to be like this:

Timestamp Format	12:27 AM 12:27:27 AM 8/14/2007 12:27:27 AM Tuesday, August 14, 2007 8/14/2007 12:27:27 AM 00:27 14.8.07 12:27 AM

how to set it like that?
1. go to your dashboard
2. go to formatting sub menu
3. there you’ll see Timestamp Format
4. choose like the above example.
5. click Save Setting on the bottom
6. done

Source:www.jackbook.com

There are different descriptions of that concept. According to most of the articles in the Internet 'blog' is short form for 'weblog', a frequently updated publication of comments and thoughts on the web. Usually it is reflecting the views of the blog's creator. Blogs consist of text and images and are sorted by date. The newest information is on the top and there is an archive of the old one. People create blogs to share their live experience with the world. The person who is updating that journal is called blogger. They write about different topics: from the typical daily situations to the progress of some scientific researches. The readers also can leave comments and this make the whole thing more interesting and useful.

source:www.siteground.com