Blogger Trick: How to Post HTML Codes

If you have a blog theme tutorial learn about blogs, you definitely have to post some HTML Codes. For Beginner Blogger, may get a little error when publishing the post. Because the post to include some of the HTML code does not write like a normal way. So to enter HTML code in the Post, we have to change some of the code. Here I will explain to you some code that should be changed.

Before we start, please understand these codes with the descriptions in the list below.

Before (Original)	After (Changed)	Description
<	&lt;	Marks the beginning of code lines
>	&gt;	Marks the end of the cover code
&	&amp;	Mark of "and"
"	&quot;	Mark of double quotes
±	&plusmn;	Mark of plus minus
Space	&nbsp;	Mark of space
©	&copy;	Mark of copyright
®	&reg;	Mark of Registered

For example:

This is your original code that you wanna post:

<a href="http://blogwidgetbox.blogspot.com/" target="_blank">blogwidgetbox</a>


To post, you must change the code to be like this:

<br/><br/>

<code>

<a href="http://blogwidgetbox.blogspot.com/" target="_blank">blogwidgetbox</a>

</code>


This tag <code> and </code> is for show your HTML code on your post. But don't forget to change the code as the table above. How? Do you understand? If you do not understand about this post, please leave your comment or question under this page. Good luck.

read more

Blogger Trick: How to Upload Photos to your Post

I already tell you about how to post. This time I will tell you how to Upload Photos to your Post. You can see all of my Post. There is always using pictures or photos. This is to further clarify what you want to tell. And also to beautify the

results you post.

You can start from here:

1. Login with your Blogger Account

2. Go to Posting tab

3. On the Create, write your post

4. Click this icon on the Post Toolbar

5. There are some settings that we can use as you want. I will explain it one by one

- Add an image from your computer: Click Browse to choose your image

- Or add an image from the web: Paste your image address on the box (I'll tell you in the next Post)

- Add another image: Use this for multiple image upload

- Choose a layout:

• None: Choose this for you can put image everywhere
• Left: Choose this for you can put image in the left
• Center: Choose this for you can put image in the center
• Right: Choose this for you can put image in the right

- Image size: Choose one of Small/Medium/Large

- Use this layout every time? Check this box for using this setting set every time

- If you done, click Upload Image

- Go to Compose mode

- Click the image that you upload, you will see 8 point in image side. That's eight-way to set the length, width, high, low the picture. You can set it.

- Have done? Click Publish Post



If you don't understand what I write, please let me know. Write your question in bottom of page. Good Luck Buddy. See You in the Next Post.

read more

Blogger Trick: How to Post

After we learn about How to create a Blog, How to setting a Blog, How to use the Blogger Templates, and How to setting Fonts and Colors, is this time for tell You about How to Post. For Beginner Bloggers who still don't understand about how to post, I can explain to you how. This is very easy. Everyone can do this.

Almost the same as when you type an article using Microsoft Word and also more simple. Which is a bit difficult to decide what the theme of our post. My suggestion is to write that you understand, that you like, and who you love. For example on your Hobbies. You are very exited to reveal all that is in your mind. But do not forget to consider what is needed on those visitors into your blog. Because most of the reasons for the visitor to read your blog post is, you post very useful for many people. So, post the article is about things that are useful for many people. If you do not have any more problems on the theme that you use for your blog, it means one of the biggest issues in blogging has been resolved.

"Post is heart of Blog. Without Post, Blog is nothing."

First, let me explain about the toolbar functions:


⇒This is use for select the type of font




⇒This is use for select the font size




⇒This is use for change the font to bold style




⇒This is use for change the font to italic style




⇒This is use for select the font color




⇒This is use for insert a link to the word




⇒This is use for text to align left




⇒This is use for text to align center




⇒This is use for text to align right




⇒This is use for text to justify full




⇒This is use for give text number list




⇒This is use for give text bullet list




⇒This is use for insert a text in the blockqoute




⇒This is use for check spelling




⇒This is use for adding image




⇒This is use for adding video




⇒This is use for remove formatting from selection




⇒This is use to write in the Html mode. The toolbar look's like this:







⇒This is use to write in the Compose mode. The toolbar look's like this:







⇒This is use for review your article that you write



Let's post:
⇒ Think about what you want to write

⇒ Write Your Post title first. Why first? Because if You write main post first, and when "Draft autosaved" coming, Your Post address will recorded to be the content of post.

ex 1:

Post Title:...

Post Content:BaBiBuBeBo

In this case, when "Draft autosaved" coming before you write Your Post Title, Your Post Address will be change to http://example.blogspot.com/2009/05/BaBiBuBeBo.html

ex 2:

Post Title:BaBy

Post Content:...

In this case, when "Draft autosaved" coming after you write Your Post Title, Your Post Address will be http://example.blogspot.com/2009/05/BaBy.html

⇒Share all the results from your mind to the Post Form

⇒Please edit your post until you feel enough

⇒Click "PUBLISH POST"

⇒Click "View Blog" and see the result

Congratulation! You have sharing your mind to the world.

read more

Blogger Trick: How to setting Fonts and Colors

In your Blogger Account there is a facility to set the Fonts and Colors. Usually every desire Blogger is not always the same. Blogger facility is designed very simple to make it easier to adjust to the Blogger's Fonts and Colors, such as the desire of each. What is "Fonts and Colors" Blog you are already in accordance with your want? Now I will tell you the Bloggers especially beginners about how to setting the Fonts and Colors in your blog. Here are the steps it:

• Page Background Color⇒ For set background color
• Text Color⇒ For set font color your post
• Link Color⇒ For set link font color
• Blog Title Color⇒ For set title color
• Blog Description Color⇒ For set description color
• Post Title Color⇒ For set post title color
• Border Color⇒ For set any border color
• Sidebar Title Color⇒ For set title color on sidebar
• Text Font⇒ For set the type of font in the sidebar and post
• Blog Title Font⇒ For set the type of blog title font
• Sidebar Title Font⇒ For set the type of sidebar title font and post date font
• Blog Description Font⇒ For set the type of blog description font
• Post Footer Font⇒ For set the type of post footer font
• Save Changes

Remember to always see preview your change in the bottom of page before you click "Save Changes" button.

read more

Blogger Trick: How to select and use the Blogger Templates

After reading the last post about "How To Setting a Blog", now is a good time to select a template to use for your Blog. But before we start selecting the template, as we must know its "What is the Template?" Template is a form of display and navigation of a website or weblog is seen by visitors when visiting your website or weblog. It is important to make our blog look more interesting and fun so that visitors like to read posts that are in your Blog.

Many templates are made by third parties other than Blogger. There are paid, but many are also free. In the Next Post, I will explain how to choose and use a template from a third party. To this time, I will tell You how to choose and use a template made in Blogger.

Let's start with follow this steps:

1. Please Login to your Blogger first using your Blogger Account
2. Click "Layout"
3. Then click "Pick New Template". (Select a new template for your blog. Changing Your template will Discard any changes you made in "Fonts & Colors". Your Page Elements will be retained. But before you make your selection, first preview of the all template with click "preview template" under the picture templates.)
4. Click "Save Template"

For those of you who may have visited some Blog (with blogspot.com) and a template to see more good and interesting, but there is no option in the templates provided by Blogger, do not worry, in the Next Post, I will explain to you how to use it. Please read the Next Post.

read more

Blogger Trick: How to setting a Blog

After you create a blog, You must do some settings to Your Blog more effective to make easy The Search Engine to find Your blog, also to easy Visitor Navigation.

To start it, please follow these steps:

1. Please Login to Your Blogger Account

2. Choose Your Blog (if You have more than 1 Blog)

3. Click "Settings"

4. In the "Basic" Tab

• Title⇒ Write Blog Title You want (ex: Blogger Trick For You)
• Description⇒ Write Your Blog Description that describes the content of Your Blog (ex: Blogger Trick For You - Free Blogger Trick for Your Blog)
• Add your blog to our listings?⇒ Yes
• Let search engines find your blog?⇒ Yes (if Your Blog is Private, choose No)
• Show Quick Editing on your Blog?⇒ Yes
• Show Email Post links?⇒ Yes
• Adult Content?⇒ No (If Yes is selected, viewers of your blog will see a warning message and will be asked to confirm that they want to proceed to your blog)
• Show Compose Mode for all your blogs?⇒ Yes
• Enable transliteration?⇒ Disable (Adds a button to the toolbar for converting words from English to the selected language. You may later change the language in the Post Editor)
• Click "Save Settings" button.
5. Go to "Publishing" Tab
• Type the characters you see in the Word Verification picture
• Click "Save Settings" button.
6. Go to "Formatting" Tab
• Show⇒ Select the number of posts you want to show on the "Home" ex: 5 | Posts (If Days is selected, a limit of up to 500 posts will be enforced)
• Date Header Format⇒ This is how the date will appear above your posts. Choose format You like
• Archive Index Date Format⇒ This is how the archive links in your sidebar will display
• Timestamp Format⇒ Choose format You like
• Time Zone⇒ Choose like where You life
• Language⇒ English
• Convert line breaks⇒ Yes
• Show Title field⇒ Yes
• Show Link fields⇒ Yes
• Enable float alignment⇒ Yes
• Post Template⇒ Post templates pre-format the post editor with text or code that will appear each time you create a new post. So write what often you use
• Click "Save Settings" button.
7. Go to "Comments" Tab
• Comments⇒ Show (Selecting "Hide" does not delete existing comments - You can show them at any time by re-selecting "Show")
• Who Can Comment?⇒ Anyone - includes Anonymous Users
• Comment Form Placement⇒ Embedded below post
• Comments Default for Posts⇒ New Posts Have Comments
• Backlinks⇒ Show (Backlinks enable you to keep track of other pages on the web that link to your posts. Selecting "Hide" does not delete backlinks - You can show them at any time by re-selecting "Show")
• Backlinks Default for Posts⇒ New Posts Have Backlinks
• Comments Timestamp Format⇒ Choose Format You like
• Comment moderation⇒ Never
• Show word verification for comments?⇒ No (Because Word Verification is not visitors friendly)
• Show profile images on comments?⇒ Yes
• Comment Notification Email⇒ Fill with your email address, so that each have a comment on the article, you get an email as a notification from blogger.com
• Click "Save Settings" button.
8. Go to "Archiving" Tab
• Archive Frequency⇒ Monthly
• Enable Post Pages?⇒ Yes
9. Go to "Site Feed" Tab
• Allow Blog Feeds⇒ Full
• Post Feed Redirect URL⇒ If you have burned your post feed with FeedBurner, or used another service to process your feed, enter the full feed URL here. Blogger will redirect all post feed traffic to this address
• Post Feed Footer⇒ This will appear after each post in your post feed. If you use ads or other third-party feed additions, you can enter that code here. You must also set "Enable Post Pages" to "Yes" (in Archiving settings) and set "Allow Blog Feeds" to "Full" (above).
• Click "Save Settings" button.

One part of the Blogger Trick has been implemented. Let's go to the next trick.

read more

Blogger Trick: How to create a Blog

Main requirements for creating a Blog is a need to have the Email Account. I think all who read this post already understand how to create an Email Account, so I do not need to explain again how to create Email Account.

But I suggest you to use email from Gmail, because Gmail and Blogspot is owned by Google. So both will be better suited to be combined. Meanwhile, for you who don't understand how to create Email Account, please visit the Gmail, and click Sign Up. Fill in all the required data correctly.



Next we will create a Blogger account. The steps are:

1. Click Blogger, or type www.blogger.com in Your Browser Box then click Enter
2. Click image arrow labeled "Create YOUR BLOG"
3. Type your Email Address that is still active
4. Retype your Email Address
5. Type the password that you want
6. Retype the password
7. Type Blog Name with the name you want to show
8. Write the Word Verification Code in the form
9. Check the little box that You accept the Terms of Service
10. Click image arrow labeled "CONTINUE"
11. Enter the Blog Title that you want in the form Blog Title (in the future can change again)
12. Write the Address Name (URL) of your site in the form Blog address
13. Write verification code displayed on the verification form words
14. Click image arrow labeled "CONTINUE"
15. Choose template that you want (in the future can change again)
16. Click image arrow labeled "CONTINUE"
17. In the "Your blog has been created". Click on the picture the arrow labeled "Start Posting"
18. Now You can write You want to Show in Your Blog then Share for people. And when You finish, click the "PUBLISH POST".

I suggest You to write anything You like (like your life or hobbies, etc) and useful to other people that will make your blog visitors will be happy with what you write. So they will be back to visit your blog to reading Your nice post again.

read more

Add A Fixed Floating Happy New Year Image To Your Blog

As we close in on the new year we will look at an easy trick to add a fixed new year banner to your blog.Once the tip is added the image will be situated in the very top corner of your blog as a Great New Year greeting to your visitors.I have included four different images to try accommodate different templates and adding the image to your blog is quick and easy.

Here's a preview of the images you can choose from:

Image 1:



Image 2:



Image 3:



Image 4:



You can see a live demo of the float image working click here..

You could also find your own image and use that.

Lets add it to your blog :

1.Click Layout-->Edit html for your blog
(Tick the 'Expand widget templates' box)

2.Find the following piece of code in the html:
(Click 'CTRL & F' for a search box to find the code)

]]></b:skin>

3.Now Add the following piece of code Directly Above ]]></b:skin>

#float_corner {
position:fixed;_position:absolute;top:3px;left:3px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}

You can change the following attributes : top :left
Change them to make the image appear were you like :

top left
top right
bottom left
bottom right

(left is usually the best way to go)
4.Now find this code in your html :

</body>

5.And place this code Directly Above </body>:

For Image 1 Add This Code :

<div id="float_corner">
<a href="http://www.spiceupyourblog.com/">
<img style="167px; height: 161px;" src="http://i941.photobucket.com/albums/ad259/spiceupyourblog/nyc0110.gif" alt="Happy New Year" border="0" /></a>
</div>

For Image 2 Add This Code :

<div id="float_corner">
<a href="http://www.spiceupyourblog.com">
<img src="http://i941.photobucket.com/albums/ad259/spiceupyourblog/764570s1ywfpdanr.gif" alt="Happy New Year" border="0" /></a>
</div>

For Image 3 Add This Code :

<div id="float_corner">
<a href="http://www.spiceupyourblog.com">
<img src="http://i941.photobucket.com/albums/ad259/spiceupyourblog/newyearsmall.gif" alt="Happy New Year" border="0" /></a>
</div>

For Image 4 Add This Code :

<div id="float_corner">
<a href="http://www.spiceupyourblog.com">
<img src="http://i941.photobucket.com/albums/ad259/spiceupyourblog/Animated-Happy-New-Year-2010-Dancin.gif" alt="Happy New Year" border="0" /></a>
</div>

---

read more