How to Create A Blog on Blogger Free ? [Tutorial]

Create a Blog on Blogger Free – Spread Your Ideas and Your Personal Experience Through Blogging is a Best Way to Express Yourself to World. It is a Best Way to Shout to the World of Your Existence.

We think Everybody should have their Own Blog where they can Share Life Experience, Ideas and Other Informative Articles that Others Don’t Know. There are Two Popular Blogging Platform Around the Web Blogger & WordPress and Here we are going to Post “Blogger – How to Create a Blog on Blogger Free”.

Many of Bloggers Choose Blogger Platform Because of Below Reasons >>

1. Easy to Handle. 
2. Simple And Easy Interface. 
3. Third Party Template Support. 
4. Add Third Party Java Scripts and Codes. 

If You are going to start a Blog Like Professional, So Here we Share a Full Blogger Guide to Start a Good Looking Blog. Simply our Post is Divide into 4 Parts. Follow these Simple Four Steps to Make a Blog Good Looking and Professional. When You start a Blog on Blogger Platform Keep in Mind You have Google Account and have a Knowledge of little bit HTML and CSS. Once you created your Google Account, login to Blogger and Create blog from Dashboard as many as you want. Now remember below simple Steps to create a smart looking and a Professional BLOG.

Step-1. Choose a Blog Name:

After Creating a Blog on Blogger Free Just Keep in Mind that Whenever You make a Professional and Good Looking Blog So First Thing is to Choose a Better Blog Name. For Example If You Make a Blog on Gadgets and Reviews Choose Blog name Like Techno-Grill, Tech-Geek etc. Whatever You Like. Note that, Always Choose Those name that Not Exists on Web. We Take a Very Good Example, Currently On My Mind that is Labnol.org, There is No Meaning of Labnol. It is a Self Made Name by the Author – Amit Agarwal. So we Recommend to our Readers Please Choose Your Blog name Wisely.




Step-2. Select Blog Niche:

It is more Difficult to Choose Blog Niche that Create a Blog on Blogger Free. Select a Blog Niche is Very Difficult Work According to Me. Blog Niche Basically a Category of Your Blog that What You Post on About. Choose Always Blog Niche According to Interest and Hobby. Let’s Take Example – If You Make a Blog on Software So Note that Always Post About Softwares and all Related Stuffs to Software. It is a Very Critical Part of Whole Blogging Because Sometimes We are Interested in Some Other Field Like Hacking, Blogging and Technology. So we Choose Blogging as a My Blog Niche Because we Give #1 Priority to Blogging. So Guys Choose Only that Niche that You really Interested in.

Step-3. Choose a Right Template:

We just feel pity on Some Free Style Bloggers Who Use Free Blogger Templates without any Knowledge of SEO. (If You Don’t Know What is SEO ) When You Download a Blogger Template It is not Optimized with SEO because Professional Templates are Premium. Don’t Worry if you Know about SEO so You can Customize it your self.
Firstly you should Look Design and Interface of Template. If It is Suitable to Your Blog so Don’t Wait Just Pick Up. Now we are telling you the Dark Truth Of Blogger Templates that Every Website that Give You Blogger Template that have Some Template Faulty(100% Sure). Faults are Given Below :

• H1 Tag For Post Title. 
• Meta Description and Meta Tags. 
• Hidden Scripts. 
• Optimized Blog Title. 
• Lack Of SEO. 
• Use too many Scripts in One Template. 

So Many Blogger Face Problem Related Blogger Template Here we Give You a Option of Blogger Template to Choose Professional and SEO Friendly Template that is Better For Bloggers Around the Web.

Also Check:
Get your Content displayed in Google Quick Answer Box
How to Add Internal Links Within Blogger Posts?

Step-4. Blogger Widget:

Blogger Widget is Very Basic Need of any Blogger Sometime Widget Increase Your Blog Audience. Example If You Use Social Media Buttons and Subscription Box that Increase Your Audience Day by Day. So we Discuss About Blogger Widget Here. Check Below List We Provide Some Basic Widget that We Provide with Step by Step Tutorial. Blogger Widgets can easy your work of Sharing, Interface and make your Blog More Attractive.

Recommended:
How to add Disqus Recent Comments widget in Blogger?
How to create Sitemap/Table Of Contents in Blogger?
How to create Random Posts widget with image Thumbnails and Snippets?
How to make an automatic Carousel slider based on labels?
How to remove "Powered By Blogger" attribution widget?

Here we are Going to End our Tutorial on “How to Create a Blog on Blogger Free ?”. But at the End we are Giving You the Strict Instruction that nowadays Blogging is a Very Hard Game So, to be a Survivor in Blogging World you must Learn Basics Of SEO.

How to Create a Facebook Fan Page for a Blog

Creating a Facebook Fan page for a blog can be anxiety-inducing, especially if you are trying to keep your real identity separate from your blogging identity. However, it doesn't have to be complicated - once you see how easy it is, you will wonder why you waited so long.

First of all, let me tell you that it’s okay to be logged into your personal Facebook account when you create your fan page. When I made my first one, I was terrified that my last name, personal profile, or other information would be linked to it. After setting it up and testing it from my son’s profile, though, I learned that I was worried for nothing. If you set it up with a different email address, it will be much more difficult to manage because of all the logging in and out.


Second, while some people like to set up a regular Facebook profile with their blog name, it’s better to set up a fan page. That way your fans can “like” your blog without having to add you as a friend, and the page functions will be easier to control.Okay, with those tidbits out of the way, here’s what you do:To see how a Facebook Fan page looks like, please visit my FACEBOOK FAN PAGE. 

How To Make A Facebook FAN Page For A Blog ?

Step-1. Go to http://www.facebook.com/pages/create.php to get started. You’ll see a screen like this (click any image to view larger):

Step-2. Click on Brand or Product in the upper right box. You’ll be prompted to choose a category.

Step-3. In the category dropdown, select Website.

Step-4. Type in your blog name under the Category dropdown box, check the box to agree to Facebook’s TOS, and click Get Started.

Step-5. You’ll be asked to provide some basic information about your page. Fill in a description, your website URL if you have one, and choose a unique Facebook URL for your fan page. You’ll also be asked if your page represents a real business, product, or brand – no worries if yours doesn’t! It really depends on whether you consider your blog a business or brand, but answering “no” is fine if your blog is just a hobby.

Step-6. Next you’ll be prompted to upload a profile picture. If you have a logo, this would be a good time to upload it. If you don’t, feel free to skip this step – you can always add a picture later.

Step-7. Add your page to your Favorites. This option will place a link to your fan page in the left sidebar when you’re signed into Facebook. It’s totally optional but makes it really easy to find your page later!

Step-8. You’ll be taken to your page, which has the admin panel across the top. Feel free to explore the various settings and options. There are all kinds of prompts to help you understand what to do.

Step-9. You’re all done! There are some other things you’ll need to do, like mention your Facebook fan page on your blog, with a link or button so people can go “like” it, but other than that, your fan page is all set up and ready for you to post.

TWO MORE THINGS: When you visit Facebook from your personal profile, your blog page will now show up in the navigation on the left. All you have to do is click to view your page and the notifications specific to the page.

Also, when you post something on the fan page, it will show up as your blog name, not your real name. However, if you are going to visit another page or profile and you want to comment from your blog name instead of your personal profile, you’ll need to go to the top of the screen, click the little gear icon on the blue Facebook bar, and select “Use Facebook as [blog name].” To switch back, go back to the blue bar, click the down arrow on the far right, and choose “Use Facebook as [your name].”

How to Fix Missing Quick Edit Pencil in Blogger/Blogspot

Is your custom Blogger template missing its quick edit pencil at the bottom of your Blogger posts (Blogspot posts)? Don't worry. In this Blogger tutorial we discuss how to show a quick edit pencil icon beneath Blogger posts if it is missing. This is a common Blogger problem among custom Blogger templates but fortunately it only takes a couple of minutes to fix.

Fix Missing Quick Edit Pencil Blogger/Blogspot

The quick edit pencil is a nice Blogger feature that you would not want to be without. A click on this time saving Blogger icon gives you direct access to your Blogger posts without having to go through "Edit Posts"

So if the free custom Blogger template you downloaded from the internet has no quick edit pencil displaying under your Blogger posts when viewing the actual published post then it can be fixed by taking the following the steps below:

1. Login to Blogger 
2. Go to your Design > Page Elements 
3. Click on the Blog Posts edit button located in the bottom right hand corner of the widget
4. A Configure Blog Posts window will pop up displaying a number of different features that can be turned on and off on your blog posts.
5. Make sure that Show Quick Edit is checked. Tick the box and save if Show Quick Edit is not already checked
   
   
6. Now navigate to an actual published post and check whether the quick edit pencil is now displaying in or around the footer of your blog post. Remember that you must be logged into Blogger to see the quick edit pencil - it is not displayed to your visitors
   If the pencil is there then that is the end of this Blogger tutorial. The pencil just needed to be enabled. So thank you for joining me.
   
   If the Blogger quick edit pencil is still missing it means that some important code has been omitted from your Blogger template and it will need to be added to get the quick edit pencil to show up:-
7. Go to Design > Edit HTML
8. Back up your template
9. Check the Expand Widget Templates box by placing a tick in it
10. Find the following line of code by holding down the CTRL key and F at the same time:
    

    <b:includable id='postQuickEdit' var='post'>

11. Check whether the following code is under it:
    

    <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> </div>

    
    
12. If part or all of the code is missing copy and paste it above :
    

    <!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>

    
    
13. Save changes to your Blogger template.
14. Go to an individual published post page and see your new quick edit pencil displayed under your Blogger post.

Tips And Troubleshooting:

If you want to change the Blogger quick pencil icon you can by changing the image. Simply replace the image as depicted in red with the URL address of your own image. If your image is a different size you may have to change the width and height as shown in blue for the image to display correctly.

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/></span> </div>

In this Blogger tutorial (Blogspot tutorial) we have shown you how to fix a missing Blogger quick edit pencil that is not showing. We have demonstrated how to enable the quick edit pencil in Blogger via Page Elements and we have provided you with the missing code in the event that the quick edit pencil code is missing from your custom Blogger template.

Please let me know if this tutorial has been useful for you by leaving your comments and opinions below.

How to Add Internal Links Within Blogger Posts ?

There are lots of times when you may want to direct a reader to a different part of your Blogger post depending on what their needs and interests are. Or you might want to alert the visitor to something significant in a related post. In this article we will show how to make use of internal links both within posts and in Blogger generally.

Why bother with internal linking you may be wondering? Well the answer is to improve SEO. Blogs with a good internal linking structure will fare better than blogs that don't link posts. Plus you will be creating an aid to navigation for your reader. On longer posts jumps links to different sections within your post or to other posts mean readers can quickly find the information they are looking for.

Also Read:
How to Create Internal Links To Sections Within the Same Blogger Posts
How to Create Internal Links To Sections Within Different Blogger Posts

Create Internal Links To Sections Within The Same Blogger Posts:

Consider the above links. Click on them. Each jump the reader to a different part of this article. This type of internal linking is common practice in website building and can be equally applied to blogs to assist with navigation.

How did we create these links? The answer is that we used simple html that anyone can learn in a few minutes. Here are the steps we used to create these links.

Step No. 1: Log in to Blogger
Step No. 2: Go to Posting > New Post or Edit Post and either create a new article or edit an existing one.
Step No. 3: Within the article find a place where you want to add some jump links. This will be early on in the article as it will help the reader figure out what information is significant to them and how to get there quickly
Step No. 4: Switch to the Edit HTML mode rather than compose mode so you can see the code you are inserting into your post
Step No. 5: Create a couple of headings that will be your links to material further down in your Blogger article. Note you can also just jump to a word but for the purposes of this demonstration and clarity we are going to use headings. When creating this post we used the following headings:

How to Create Internal Links To Sections Within the Same Blogger Post
How to Create Internal Links To Sections Within Different Blogger Posts

Step No. 6: Add links to your headings like so:

<a href="#withinposts">How to Create Internal Links To Sections Within the Same Blogger Post</a>
<a href="#withinblogger">How to Create Internal Links To Sections Within Different Blogger Posts</a>

The href attribute and closing </a> element is the same structure you use for other links in your blog

Each identifier is preceded by a hash mark (#). The #tells the visitor's browser to look for a section within your post

Each link identifier needs its own unique identifier and needs to be enclosed in inverted commas. Use a name that reflects the link you are creating if possible as it will make it easier to identify on a page with a lot of internal jump links.

Step No. 7: Now go to the first point in your post where you want to jump the reader to. This will be the start of some new idea, section or logical split in the information.

Step No. 8: At this point create your anchor text by first adding your heading and then enclosing your heading with this anchor structure.

<a name="identifier">a heading</a>

Note the use of the name attribute at the beginning and the </a> element at the end

Each link identifier needs to be enclosed in inverted commas. Make sure to match up the correct identifier with the one created in step 6

Using this anchoring structure our first anchor becomes:

<a name="withinposts">How to Create Internal Links To Sections Within the Same Blogger Post</a>

Substitute your own link identifier and headings

Step No. 9: Now move on to the next point you want to link to and create the second anchor. In this example we use the same structure but change the identifier

<a name="withinblogger">How to Create Internal Links To Sections Within Different Blogger Posts</a>

Again substitute your own link identifier and headings to suit your article

Step No. 10: Save and Publish as normal and you will see your links are live and will jump the reader to different parts of the post

Create Internal Links To Sections Within Different Blogger Posts:

Now you know how to create links to sections within Blogger posts let's look at how to create internal links within different Blogger posts.

Most of you will be able to create a link to another post in Blogger using the posts editor. You just highlight the text you want and click on the figure eight icon and Blogger creates the link for you. Which is great most of the time.

However what if we want to direct the visitor to a particular section of a different post? When you create an internal link it will take the viewer to the top of the page but what if you want them to see something near the end of the article? Well using an internal link similar to what we did to create internal links within the post we can.

Say we want to take my reader to a particular post in this case Blogger Sitemap. How would we go about it?
Step No. 1: We create the link as usual by copying the article URL address from the browser address bar and using the post editor to add the link. The Blogger post editor uses this structure:

<a href="URLaddress">linkname</a>

So the Blogger editor would create the following link:

<a href="http://addictofblogging.blogspot.com/2015/08/how-to-create-sitemap-table-of-contents-in-blogger.html">Blogger Sitemap</a>

The link would appear like this in a browser:

Blogger Sitemap 

Step No. 2: Now we want to direct my visitors to the section about creating breadcrumb navigation so we add a section name using the following structure:

<a href="URLaddress#identifier">linkname</a>

Thus my link would look like this in the Edit HTML section of my post editor

<a href="http://addictofblogging.blogspot.com/2015/08/how-to-create-sitemap-table-of-contents-in-blogger.html#breadcrumb">Blogger Sitemap</a>

Note the link seen in a browser remains the same

Step No. 3: If you want your link to open in a new browser window add the following to your link:

<a href="http://addictofblogging.blogspot.com/2015/08/how-to-create-sitemap-table-of-contents-in-blogger.html#breadcrumb"target="_blank">Blogger Sitemap</a>

Step No. 4: Now we need to go to the post we am linking to and add the anchor. So in the post Blogger Sitemap we would use the following structure to link to the section about how to add breadcrumbs:

<a name="identifier">a heading</a>

So the section about breadcrumbs in the Blogger Blogger Sitemap article is now enclosed by the following:

<a name="breadcrumb">Add Breadcrumb Navigation to your Blogger Blog</a>

If you now click on the link below you will see that your browser open a new window and take you directly to the section about adding a breadcrumb to your blog.

Blogger Sitemap 

Step No. 5: Save your changes and publish your article as normal.

In this Blogger tutorial you have learned how to add internal links to a particular section of a post from both within the same Blogger post and within a different post. By adding internal links you will help your visitors to find their away your blog more easily and access information quickly. You will also be adding to your blog's SEO by linking related posts.

Enjoy !

How to Create a Border Around a Post in Blogger

Your Blogger account gives you tools to style your posts, but you can take this a step further by creating a border around your content. A border provides an outline that spans the length of your post, adding a nice touch. Your border can be any size, style or color you wish so it stands out, ensuring your customers won't miss important announcements. Blogger gives you direct access to your post's HTML code. Edit this code to create an eye-catching border around your blog post.

Also Read: How to Add Border around Post Images on Blogger/Blogspot

Create A Border Around A Post In Blogger:

Step 1: Navigate to the Blogger website and sign in to your account.
Step 2: Click the blog post that you want to edit or click the "Create New Post" button.
Step 3: Click the "HTML" button on the top left corner of the screen.
Step 4: Enter the code <div style="border: 1px solid black; padding: 10px;">as the opening tag for the post around which you want to create the border.
Step 5: Substitute the number after the "border" property with the value of the width you want your border to be.
Step 6: Substitute the "solid" value with dashed, groove, ridge, inset, double or outset depending on what type of border you want around your post.
Step 7: Substitute the "black" with the color that you want your border to be. Values can be either the name of the color such as red, blue, green, yellow or the hex color code, such as #C92020.
Step 8: Substitute the number after the "padding" property with the value of the distance you want your post content to be from the border line.
Step 9: Enter the </div> tag to close the code section. For example to create a dashed, yellow border that is 5px in width and has a padding of 10px, the code would be as follows:<div style="border: 5px dashed yellow; padding: 10px;"> </div>
Step 10: Click the "Compose" button at the top of the page to view your borders. You can now add your content inside the new borders if it is a new post.
Step 11: Click the "Preview" button to see a preview of how your post with the border around it will appear when published.
Step 12: Click the "Publish" button if you are satisfied with the results and want to publish it to Blogger.