Showing posts with label Basics. Show all posts
Showing posts with label Basics. Show all posts

Blogspot Video Tutorial: How to Create a Post in Blogger

Hi guys, this is the 2nd part of my video tutorials series "Blogging for Beginners". In this part, I've explained how you can create a post on Blogger. Please watch this video and share it with your friends.



You can subscribe to my YouTube channel for further video updates:

http://www.youtube.com/user/BloggerEngineer

Blogspot Video Tutorial: How to Create a Blog With Blogger

Hi guys! I've started a series of video tutorials for beginners. This is the 1st part in which I've explained how you can create your first blog on Blogger. Please watch it and feel free to visit my YouTube channel. You can subscribe to my YouTube channel and post your comments there.



Please post your comments on video page (right click on video and chose "Watch on YouTube"). Also subscribe to my YouTube channel because I'll be posting more tutorials for beginners. Your feedback will be appreciated, thanks :-)

Blogspot Tutorial: How to Write a Post in Blogger Compose Mode


When you're logged in to Blogger and you already have created a blog, you'll see a NEW POST icon under every blog, click on that icon and you'll be taken to an other page where you can create a post. This area is your Post Editor. and it has two modes i.e. Edit HTML and Compose. Our topic is all about Compose mode.

This is an overall look of the Blogger post editor (Compose mode).

A Dummies Guide to Compose Mode

What to do if you can't see a Compose mode option in the post editor!


If you're unable to see a Compose mode option in the post editor then you need to see a setting. Go to your Blogger Dashboard | Settings | Basic and scroll down to second last option which is Show Compose Mode for all your blogs?. Make sure this option is seleted Yes and then click on SAVE SETTINGS at the bottom of the page.

The Title field in Compose mode!


When you're creating a post, the first thing you'll work with is your post title. Please be careful and enter a relevant title in this field because this is a critical component to search engines. I'm writing this tutorial on Compose mode, so, my title is "A Dummies Guide to Compose Mode" which is pretty relevant.

A Dummies Guide to Compose Mode

The toolbar with a lot of icons!


Toolbar is really our biggest help in Blogger Compose mode. It contains a lot of tools that will make our life easier. Move your cursor on any of these icons to see what they do. Let's start discussing these tools one by one...

A Dummies Guide to Compose Mode

1- Font


Blogger offers 8 different fonts which can be added to beautify our post. You just need to select the text which font you want to change and then select the font from the drop down menu. This fonts are:

1- Arial
2- Courier
3- Georgia
4- Lucida Grande
5- Times
6- Trebuchet
7- Verdana
8- Webdings

2- Font size


Second tool in our toolbar is about font size. We can select a text to and select it's size from this tool.

1- Smallest
2- Small
3- Normal
4- Large
5- Largest

3- Bold & Italic


These tool will simply make your selected text bold or italic.

4- Text Color


You can change your text to any color through this tool, it's really amazing and easy. Make sure you don't do any stupid things with this tool like your post background color is black and you're making your post text dark.

5- Link


This is maybe the most important tool and is used extensively. You might want to link to someone else' blog or some other site in your post then you can simple type in the name of that blog or site and click this tool, it will prompt you to enter a URL and you need to enter the URL (address) of that blog or site which you want to link.

For example, I want to link "Blogger" to "http://www.blogger.com/", so I'll type Blogger and press the Link tool and enter the URL (http://www.blogger.com/) and this is the result, click to see: Blogger

I would recommend you to read "Creating and Using Links in Blogger" for further information.

6- Align Left, Align Center, Align Right & Justify Full


When writing poems, these tools are really helpful to align your text like I'm writing some lines of a poem here with different alignments.

Be glad your nose is on your face,
not pasted on some other place,
for if it were where it is not,
you might dislike your nose a lot.
(Align Left)


Be glad your nose is on your face,
not pasted on some other place,
for if it were where it is not,
you might dislike your nose a lot.
(Align Center)


Be glad your nose is on your face,
not pasted on some other place,
for if it were where it is not,
you might dislike your nose a lot.
(Align Right)


Be glad your nose is on your face,
not pasted on some other place,
for if it were where it is not,
you might dislike your nose a lot.
(Justify Full)

7- Numbered List, Bulleted List & Blockquote


These tools are helpful to create lists. Numbered List will, of course, create lists with numbers like 1, 2, 3, 4 and so on. Bulleted List will not create numbers and it will only use some bullets to create lists.

Blockquote is a very rarely used tool. Select some text and click on Blockquote tool, your text alignment will change and it will be more distinguishable (easily recognizable) than the remaining text. This tool inserts a space before and after the selected text and also creates margin between selected and unselected text.

8- Check Spelling


It will check spelling mistakes in your post.

9- Add Image


This tool will help you to add images in your post from your computer or from the internet. Clicking this tool will cause a pop-up window to appear like this..

A Dummies Guide to Compose Mode


You can click Browse button to upload an image from your computer or you can directly enter an image URL (http://www.sample.com/sample.jpg) from the internet to include images in post. You can also select alignment of your image (None, Left, Center, Right) and upload size (Small, Medium, Large). If you check the Use this layout every time? option then you don't need to adjust the size and alignment of your images again and again.

I would recommend you to always chose Large as your image upload size and don't use image URLs from the internet to upload instead you can always upload image from your own computer. Blogger gives every one 1 GB free space for images, use it. See these articles on images:

How to Use Blogger for Uploading or Hosting Images

and

How to Post Large Images

10- Add Video


This tool will upload a video from your computer with maximum upload size of 100 MB.

A Dummies Guide to Compose Mode

11- Remove Formatting from selection


This is an awesome tool, it's like Undo tool we found in many many applications. Imagine you've selected a text and changed it's color but after some time you want to remove that color then simply selected the color text and click Remove Formatting from selection tool and see what happens.

Preview link


This link will show you a preview of your post i.e. how it will look like when you'll publish it online.

Post body


Post body is the central part of our discussion. Whatever we do, appears here, in a big white box under our toolbar. In the picture, the post body is highlighted in orange color.

A Dummies Guide to Compose Mode

Post Options Link


You need to click this link at the bottom to see what it contains. You can manage Reader Comments, Backlinks and Post date and time of every post through this link.

A Dummies Guide to Compose Mode

Labels for this post: & Show all link


You can also set categories for each post, in terms of Blogger categories are labels. For example I'm writing about this article about Blogger basics, so, my labels could be "Blogger Basics", "Basics", "Blogger Compose Mode" and so on.

PUBLISH POST & SAVE NOW buttons


The PUBLISH POST button will simple publish your post to the world of internet and SAVE NOW can save your post progress specially when you're writing long posts. However, Blogger automatically saves the post after regular intervals.

How to Create a Blogger Blog


Considering you're a Blogger beginner, I'll tell you how to create your first blog on Blogger.

Steps


1- Go to this link http://www.blogger.com/ and click on CREATE A BLOG button.


How to Create Your First Blogger Blog



2- As Blogger is owned by Google, so, you need to create a Google Account. Type in all the fields but make sure that you already have an email address of any web service like Yahoo, Hotmail or Gmail. This Email will be your username in the future. After filling all the fields in this page, click CONTINUE button at the bottom of the page.


How to Create Your First Blogger Blog



3- Your Google Account has now been created so you can create a blog on this page. Enter a Blog title (can be changed later) and a Blog address (can be changed later but not recommended). Please chose your Blog address wisely, it will be something like http://YOURNAME.blogspot.com/. After that click CONTINUE button to move on.


How to Create Your First Blogger Blog



4- Now, you've also created your first Blogger blog. Chose a template from this page (can be changed later) and click CONTINUE.


How to Create Your First Blogger Blog



5- Hurray, your blog is alive now online. You can share the address of your blog with friends, family or colleagues. Make sure to see other tutorials on this blog.

Important Tips


See backup related articles here.

http://bloggerfaqs.blogspot.com/search/label/Backup

http://help.blogger.com/bin/answer.py?hl=en&answer=112498

10 Reasons to Chose Blogger For Blogging


Blogger was founded by a small company Pyra Labs and later bought by Google in 2003. Since then it has grown into a huge platform for blogging. You can easily start your online life just by going to the Blogger homepage and starting a blog. Here are some of my favorite reasons to chose Blogger for blogging.

1- Ownership


Blogger is owned by one of the biggest companies on web "Google". With billions of dollars in the pocket, Google can really keep the things going happy.

2- Free


Like most of the Google services, Blogger is also free for everyone. You can start and host a blog on Blogger absolutely free. You're also given a free domain.

3- Resources


Currently, hundreds of templates, tutorials and hacks are available to get you going with Blogger. Some people have also started to offer premium templates and services exclusively for Blogger.

4- Community


A lot of coders and experts are getting involved in helping fellow Blogger users. People (like me) provide free help, consultation and tutorials on Blogger.

5- SEO


Blogger blogs are automatically indexed by Google after some time of their creation. However, it is always better to submit your site manually (?) or submit the site map of site through Google Webmaster Tools (?).

6- Personalization


Once you create a blog, it will never be deleted or the name will never be given to anyone, it will always remain yours. By default, you get a free domain like yourname.blogspot.com but you can purchase and use a custom domain anytime. Of course, users of old domain would be automatically redirected to the new custom domain.

7- Advertisements


Blogger allows any kind of advertisements on Blogger powered blogs. Like many other free hosts, it doesn't add any kind of banner on your blog.

8- Customization


You can totally customize the look and feel of your blog. There's absolutely no restriction on doing that and by the way, Blogger has just introduced a custom template designer through which you can create your very own designs.

9- Security


Blogger is very secure and I've not heard anyone losing his/her account through hacking. Of course, if you'll give your password to someone then... what can I say.

10- Simple


Blogger is really simple and easy to get started. It is designed to target the people who aren't familiar with HTML or CSS stuff. You just have to follow the simple instructions to do something.

Final Words


Well, I've already said a lot in favor of Blogger but of course, there are also some very popular blogging platforms like Wordpress but if you're new to the blogging or you've not yet tried Blogger, try it because you won't regret it.

Blogspot Tutorial: How to Change Default Blogger Favicon


A good favicon means good brand
In this tutorial, I'll tell you how to change the default favicon present in every Blogspot/Blogger blog. A favicon is usually a 16x16 .ico file and it is displayed with the title of a blog in a browser. So, we can add our own favicon to make our blog more personal.

Ready? Lets Add a Custom Favicon


1- Search for a free custom favicon on Google and you'll find a lot of them.

2- Blogger doesn't allow to upload .ico files so you need to upload your favicon on Google Sites. Just log in there with your Blogger account, create a site and upload your favicon there.

3- Go to Design then Edit HTML tab.

4- Find this code in your template:

]]></b:skin>

4- Paste the following code right below above line like this:

]]></b:skin>
<link rel="shortcut icon" href="YOUR FAVICON URL" />
<link rel="icon" href="YOUR FAVICON URL" />


4- Just change the YOUR FAVICON URL with the URL or address of your favicon uploaded in step 2.

5- Save your template and enjoy.

Blogspot Tutorial: Add a Cool Animated Favicon in Blogger


What is a favicon?


A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 (or 32x32) pixel square icon associated with a particular website or webpage. (Wikipedia.Org)

How to install an animated favicon in a Blogger blog?


Go to Layout | Edit HTML and find </b:skin>. Paste the following code right after </b:skin> but before </head> tag. It should look like this:



</b:skin>

<link href='URL of .ico file' rel='shortcut icon' type='image/x-icon'/>

<link href='URL of animated .gif file' rel='icon' type='image/gif'/>

</head>


Remember: I'm using two files (.ico & .gif) because old internet browsers like Internet Explorer cannot display an animated favicon so we need to add a .ico file for this purpose.


How to find and upload .gif and .ico files...


You can search on Google for keywords like "animated favicons" or "free .ico favicons" and then you can upload your files to Google Sites for free.

Add a Cool Animated Favicon in Blogger