How to Create Blog On Blogspot Free Complete Tuter With Pics

Hello Viewers, after so many days, I'm again with so popular & essential subject, "HOW TO MAKE A SITE IN BLOGSPOT.COM." But why we blog? Now it's the time of Globalization means the whole world have turned into a small village because of ICT & blog is the most powerful digital media to share your thoughts, opinion, comment's about any subject around the world. It's also the optional way to make some extra money from home. So why r we late?

After reading this post carefully you will be able 100% to make your one & own blogsite, under the tech giant Googles Unlimited hosting service & free blogspot domain. I'm saying again, "IT'S TOTALLY FREE!!" So no more delay, grab a chair & hook up with me. Now let's start........

First go to BLOGSPOT. Then SIGN UP for a free account and it's simple, needs no extra knowledge to create. Just like an email account creation. After completing your account SIGN IN. Then you'll see a page like this.

Means you got it. Then click on NEW POST. After that you'll see a page like this.

FOLLOW steps as shown in the pics. Give a name for your post in the title box. Then write/create the main article or anything by your CHOISE. You are not bound to select any topic. Allow readers comment by the allow/disallow radio button. After completing click on FINISH POST at the end of the page. You can edit your post by clicking on the tab named EDIT POSTS. You can edit & add pictures, videos and many more things as shown. Upload/directly select videos from worlds largest video sharing site YOUTUBE.COM

Blogspot.com has one more exclusive built in feature like create pages. As for example HOME, ABOUT ME, CONTACT US etc. All you have to do, click on EDIT PAGES, then create new page. Give a title, create information then publish. Then you'll see a Horizontal bar above your blog site like this.

You can create up to 10 different pages like it. It gives a more attractive look to your site. 

You are free to choose your own settings & personalization by the SETTINGS tab like this. There are so many options under this tab & very easy to understand & use. Just try it. If problem arises just inform me.

Blogspot.com is offering some attractive templates & advanced design to design your site freely. Just try, click on DESIGN as shown on the page.

Set up page elements, add exclusive & wonderful free gadgets from Googles gadgets store. Design your site, make attractive it to your viewers. Here you'll find a sub tab named template designer. From here you can select a template that fit with your subject and can apply advance settings. There are so many templates, chose your own.

Give a background.

Adjust width for your main blog and side banners.

Choose a layout.

Then click on advance menu, set advance options to your site. Click on APPLY TO BLOG. 

Then finish and BACK TO BLOGGER.

Now just enjoy. Finally your site is ready to show. Checkout by clicking on VIEW BLOG.

If you want to check your site visitor stats, just click on STATS, then view by month, week or by All time.

Your site is completed finally. If you need any help, just contact me or click on HELP.

How To Add Random Posts Widget On Blogger, Blogspot

Random posts widget is another great widget and very important in a blog also if you want to show your readers other stuffs you have in your blog. This widget I have here display some of your posts randomly. Same as the related posts widget but different because this only shows your other posts either related or not. Below is an image of this widget.

1. Go to your Dashboard > Design.
2. Then click on Add a Gadget and select HTML/JavaScript.
3. Copy the code below and paste on the HTML/JavaScript gadget.

4. Preview your blog.
5. If you can see the gadget running perfectly then SAVE it.


Configuration:

numofpost=6 - the number of posts to be shown in the widget. You can change the numerical value as you want.


Just follow the steps and you will have it in your blog in no time. Leave a comment you have something to say.

How To Add Meta Tags in Blogger , Blogspot for SEO

Meta tags / content is a very important factor in search engine optimization. This means that this will help search engine crawlers to find your blog. This tags will not be seen in your homepage or your blog because this is placed in the blog HTML and only crawlers and of course you can see it. Some blogger templates have built-in meta tags in their blogger HTML so the only thing to do is to configure the meta tags. But most of the blogger templates don't have meta tags in their blog HTML so it is your initiative to add the meta tags to make your blog more SEO friendly.

Adding Meta Tags / Content On Blogger HTML

Please Backup your Blog Template Before Updating Meta Tags for safety Reasons

1. Now go to your Dashboard > Design > Edit HTML.
2. Find the line below in your HTML.

3. Configure the js below:

DESCRIPTION HERE : Change it with your blog description.
KEYWORDS HERE : Change it your KEYWORDS, separate keywords with comma.


4. Now add the configured script just below the code in step 2.
5. SAVE your template.

If you followed the steps above then you successfully added Meta Tags / Content in your blog HTML. Good luck in your SEO adventure. Drop a comment if you have something to say!

How to Improve Your Blog Search Engine Optimization By Changing Your Post Title Before Blog, Blogger Name

how to improve search engine optimization (SEO) of your Blogger blog (Blogspot blog) by optimizing your post title tags for search engines like Google and Yahoo. How to improve search engine results by optimizing post title tags.

By default your Blogger blog (Blogspot blog) does not have search engine optimised title tags. This puts your blog at a disadvantage compared to other blogs that have inbuilt SEO or enhanced SEO modules as these sites are likely to be placed more highly in search engine results.

The title tags of your blog are ordered by blog name first followed by the title of the post. This is not ideal for popular search engines like Google and Yahoo which give more importance to the first words of a title. By way of example take a look at how the title tags of this blog were viewed in a browser before any SEO. Note the order of the tags: Blog Name | Post Name.



When this site was first indexed by Google this is the search engine results this site received. Note how the blog name is first in all the results.



Fortunately there is a simple tweak to your template which can rectify this problem. By simply reversing the position of the blog name and page title significant improvement can be gained in search engine results. See the difference in the example below:



Follow the step by step guide below to achieve higher rankings in search engine results.

Tweak of Title Tags for New Blogger (beta) Blogs

1. Login to your blog at Blogger.com and navigate to Design > Edit HTML

2. Backup your template by downloading it to your computer. This will ensure that you can upload your template before these changes in case of problems.

3. Replace the following line of code (about 5-10 lines from the top):

with (highlight code, Ctrl + C to copy)







4. Click on Save Template and then View Blog. Navigate to an individual post. You will see that your page title is now first followed by your blog title. A pipe symbol separates the two.


Below is an example of the change in search engine results since the tweak was implemented for this site. Since optimising for search engine friendly page titles there has been a significant improvement in traffic accessing the site. This didn't happen right away but if you too implement this page title tweak and continue to deliver quality content you are on your way toward higher search engine rankings.



Troubleshooting
Several readers have reported issues with the line:

If you experience problems try inserting this line instead which works on many blogs. Ensure you have double quote marks around item followed by a single quote mark:

For more on this please read the comments section.

UPDATE
Due to the number of readers experiencing problems with their browsers reading this post I have created a PDF file of this article which is free to download

This Blogger tutorial (Blogspot tutorial) has discussed how to adapt the title tags of a Blogger (Blogspot) blog to improve search engine optimization (SEO) by Google,Yahoo and other search engines.

How to add Recent Comments Widget with Avatars and Without AvatarsTo Blogger

If in the past tutorial i've talked about a simple Recent Comments widget, now i'll be sharing to you a stylish Recent comments widget with round avatars, which comes along with comment excerpts.
You have the option to change default Anonymous Avatar Image as well.

How to add recent comments widget with avatars

Step 1. Go to Blogger Dashboard, then go to Design >> Page Elements and Add a Gadget.
In the popup window scroll down + choose HTML/Javascript and paste in the following code:

If Gadget Script not Show than Click Here to View COdes --> CLICK

Settings:

- Replace your-blog with the name of your blog.
- Replace the "5" values in red, with the number of comments you want to appear, from:

• numComments = 5

and

• &max-results=5

- To change the anonymous avatar, replace the following address with your own:

• http://www.gravatar.com/avatar/?d=mm

- To change the size of the avatar, replace 60 value in green with your own

After you've made the changes, click Save... and you're done!

WITHOUT AVATARS

1. Log in to your dashboard--> layout- ->Page Elements

2. Click on 'Add a Gadget.' Select 'HTML/Javascript'.

3. Select the whole code given below and paste it in the widget box you have just opened above.

Note : Replace "http://YOURBLOG.blogspot.com" with Your blogspot URL.

4. Now Click Save and Refresh Your site.

IF YOU DONT FIND THE CODE PLEASE CLICK HERE FOR CODES

How to Add Animated Flash Cloud Label In Blogspot, Blogger By blogumus by roy tanck

Another widgets tools for blogger I will share. The "Blogumus" is an Flash based tag cloud widget which uses scripts converted from Roy Tanck's WP Cumulus plugin for Wordpress. The result is the widget you can see in action at the top of this post. Hover your mouse over the Flash object to see the animation begin. In this post, I'll explain how you can add Blogumus to your own Blogger layout with ease!

How to Add flash Animated label cloud Blogumus for Blogger

Step 1:
First Of all Goto Your blogger Layout>Page Elements page and add a Labels Widget there..You can Do that using the Add a Page Element Option on that

Choose to sort the labels Alphabetically when prompted.
Step 2:
After Adding the Label Widget Goto Layout>Edit Html (Do not expand the widget templates for the sake of easy explanation)

You will find some code similar to

()

Immediately after this line, paste the following section of code:

Finally, preview your template. If installed correctly, you should see the tag cloud appear in your sidebar.
If you want to change the size and colour of the label cloud , just play around with the highlighted numbers in the code and you will do fine.

How to Remove / Delete Labels From Blog Posts

If you want to hide labels from blogger post footer (or below post title), it is a very easy thing to do.
Sometimes labels can be unnecessary if you already have them in the blogger sidebar.
How we gonna do it?

Hide labels from Blogger

Step 1. Click 'Layout' tab and go to the 'Edit HTML' Subtab.
First of all, backup your current template to be assured that you won't lose or delete something erroneously (to do that > click download full template)
Step 2. Check 'Expand Widget Templates' option to expand the CSS code.
Step 3. Find the following code in your template.

,

Step 4. Delete this portion from your template.
Step 5. Save Template. And you're done

How to Make Your Blogger / Blog Load Faster Than 123

The speed at which your blog loads is very critical to attracting and retaining more readers to your blog. If your blog takes a long time to load, many readers may leave your blog before they have the chance to read it.


The major factors that affect your blog load speed include:

• The number and nature of Images and other multi-media
• Third Party JavaScript and Links
• Number of Posts displayed on the Main page

Let's take a look at the above factors and few tips and tricks that will help you optimize your blog load time.

Images and other multimedia are important to beautifying and attracting users to your blog. However, the more images, videos and other multi-media you have on your blog the longer it takes to load. It becomes necessary to optimize the load speed of your images and other media.
Decrease the size of your images or use thumbnails that link to the full-size image.
Consider uploading images to Picasa Web Albums via the Blogger post editor if you use third party images.Don't link to external image URLs!

For optimal blog load speed, we recommend using Google/Blogger widgets, JavaScript and links.
However, I understand that sometimes you will need to use third party JavaScript and links. If you those, put them at the bottom of the sidebar. Your blog will load much faster that way.

Finally, your blog's load time can be affected by the number of posts you display on your main page. 10 or even fewer posts per page is recommended. You can easily edit the number of posts displayed of the main page from the Settings > Formatting tab. You can then select the number of posts you want to display on the main page as shown in the image below.

How to Easy Hide or Remove Blogger / Blogspot Top Navigation Bar

If you are using any default template of Blogger, I'm pretty sure you must have seen a navigation bar at the top of your blog. The Blogger NavBar contains Search Blog textbox, Follow link, Next Blog link to visit another blog randomly, links to create a blog or sign in to Blogger etc.
Below is the preview of Blogger navigation bars.

What do you think about it? Well, I think it makes your blog look too basic and unprofessional? If we share the same thoughts and you want to hide or get rid of it. Follow these steps.

To Remove or hide the Blogger Navbar, you just have to insert one line of code into your blog's HTML. It's a very easy CSS hack. The trick will not interfere or mess up with your custom layouts and it's pretty safe and easy to implement.

1. Go to Dashboard > Template > Edit HTML
2. Check the box of Expand Widget Template.
3. Ensure you backup your template (Download Your Template)
4. Find the following code by pressing Ctrl + f

]]>

Before the line, add in the following line of code:

#navbar { display: none; }

5. Save your template.

View it. Viola and it's gone!

How to Add Animated Tag Cloud in your Blog / Blogger / Blogspot

Once you have added the animated tag cloud, you will see an additional widget (labels widget) in the Layout -> Page Elements page. So click on the "Edit" link of this widget.

Then in front of "Show" option mark the radio button "Selected Labels", now click on the small "edit" link and un-mark the labels which you want to remove from the tag cloud, and finally save it.

If you want to

Remove Label - Add New Label - Edit Label in Blogger / Blogspot

how you can edit, add or delete labels in Blogger.
Log in to Blogger, in the Posting section, click on Edit Posts.

See the highlighted regions in the image above.
As soon as you click on Edit posts, you will see all posts written by you (select posts per page as 300 in the right corner of the page).

1. Now to delete any label, click on "Select All". Then in the drop down menu "Labels action", under "Remove label" option you will see the list of all labels, click on the one, you want to remove for ever.

2. To add a label, select all the posts, you want to add the label. Then in the drop down menu "Labels action", under "Apply label" option click on New label.... Finally enter the name of the new label.

3. And in case you want to edit a label, unfortunately there's no direct option given by Blogger.
So do this, firstly in the list of labels column, present at the left side of the page, click on the label you want to edit. Now only those posts are displayed which have this label. Now add a temporary label to these posts. Then delete the label, you want to edit. Now click on the temporary label in the labels list. Now add the new label. Then finally delete the temporary label.

How to Easy Delete or Rename Blogger Labels

You've got blogger labels you don't need anymore.You want to delete or rename them?
Logon to www.blogger.com. On the dashboard, click Edit Posts.


On the Edit Posts screen, click Select: All (very important). Then drop down the Label Actions menu, scroll down and you'll find a Remove Label heading with a list of all your labels appearing under it.To delete one, click on it! You'll have to remove each label one after the other.I don't think there's a one-click solution to delete all labels at a time.

I don't also think there's a one-click solution to rename/edit a label name.Simply delete/remove the label and create another with a new name.

To create a new label, just drop down the Label Actions menu, scroll down and you'll find the New Label
heading, click on it and a dialog box prompts you to enter your new label name.Enter a name and click Ok. That's it.It's that easy!

10 Effects For Image In Blogspot Using JavaScript

10 effects of image manipulating using JavaScript. Another simple way to customize our blogs or web pages using JavaScript from Netzgesta. You need to download the scripts and upload to your file hosting server (e.g geocities). Don't need to upload all scripts, only effect you want to use on your blog or web page.

For an example I'll use glossy effect from Netzgesta for blogspot. Download the script here and upload it to your hosting server. Next go to you Blogspot layout preference and click "Edit Html". Add bellow script to head section:


Ok, now let's write some story or articles and upload some image to it. Before publishing your post click "Edit Html" to view HTML source code of your post.


Look above image and mention at red marked area specially in IMG tag area on body of your post, add glossy class on it.

Image without glossy class

Image with glossy class.

Simple right?. If you want to try another image effect, read the information here. Some of those effect require you to upload image if you want to set more effect, read on "Setting Up" section for more info. For more image effect example on blogspot see here. I hope this simple information can be useful,