Blogger Trick For You

How to Create dTree Navigation Menu

2009-07-13T23:28:00.001-07:00

Do you want Great Navigation for your Blog? I suggest you to use this stuff! We called dTree Navigation Menu. Maybe you have ever see this Menu. That's right! Like Windows Explorer Navigation Menu. You must have to try this. Just by following these simple steps, you will have Great dTree Navigation Menu on Your Great Blog:

1. Login to your Blogger Account

2. Go to Layout tab

3. Click Edit HTML

4. Download Full Template for your Back Up

5. Copy the code below, and paste before </head> (You can find this code by Ctrl+F)

<link rel="StyleSheet" href="http://www.hotlinkfiles.com/files/2669839_ry7co/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.hotlinkfiles.com/files/2669840_otete/dtree.js"></script>

6. SAVE TEMPLATE

7. Go to Page Elements

8. Click Add a Gadget

9. Choose Add HTML/JavaScript

10. Fill the code below to the Gadget

<div class="dtree">

<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p>

<script type="text/javascript">
<!--

d = new dTree('d');

d.add(0,-1,'Home','http://bloggertrick4u.blogspot.com');


d.add(1,0,'Example 1')

d.add(3,1,'Example 1.1','');
d.add(10,3,'Example 1.1.1','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-create-blog.html');
d.add(20,3,'Example 1.1.2','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-setting-blog.html');
d.add(30,3,'Example 1.1.3','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-select-and-use.html');
d.add(40,3,'Example 1.1.4','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-setting-fonts-and.html');
d.add(50,3,'Example 1.1.5','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-post.html');
d.add(60,3,'Example 1.1....','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-upload-photos-to.html');

d.add(5,1,'Example 1.2');
d.add(10,5,'Example 1.2.1','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-post-html-codes.html');
d.add(20,5,'Example 1.2.2','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-setting-my-profile.html');
d.add(30,5,'Example 1.2.3','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-upload-photo-to.html');
d.add(40,5,'Example 1.2.4','http://bloggertrick4u.blogspot.com/2009/06/blogger-trick-bloging-tips-for-beginner.html');
d.add(50,5,'Example 1.2.5','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-create-banner.html');
d.add(60,5,'Example 1.2....','http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-create-animated.html');

d.add(2,0,'Example 2','','','','http://i717.photobucket.com/albums/ww176/neorie/D-Tree/globe.gif','http://i717.photobucket.com/albums/ww176/neorie/D-Tree/globe.gif');
d.add(10,2,'Example 2.1','http://bloggertrick4u.blogspot.com','','','http://i717.photobucket.com/albums/ww176/neorie/D-Tree/user_icon.gif');
d.add(20,2,'Example 2.2','http://21hotbiker.blogspot.com','','','http://i717.photobucket.com/albums/ww176/neorie/D-Tree/user_icon.gif');

d.add(4,0,'My friendster!','http://profiles.friendster.com/rie21hotbiker','My Friendster!','','http://i717.photobucket.com/albums/ww176/neorie/D-Tree/my_friendster.gif');
d.add(6,0,'My Facebook!','http://www.facebook.com/Rie21','My Facebook!','','http://i717.photobucket.com/albums/ww176/neorie/D-Tree/my_facebook.png');


document.write(d);

//-->
</script>

</div>

11. SAVE

12. Now you can see the Result

13. But you must edit the code in the Gadget with yours

Good Luck!

Blogger Trick: Set the Blog Width

2009-07-03T21:42:00.001-07:00

Many of the good templates in the internet ready for your blog. But for some people feel this is not special. Special is that we create and modified by your own. Results will also be very satisfying because we get a template like what we want. Where to begin? I suggest to you to begin to set the blog width of the view that its header wrapper, outer wrapper, main wrapper, sidebar wrapper and footer. Not too difficult to do it. With little change to the code number, you have to do it successfully. You ready to get started now? Please follow a few steps below:

Note: This example is using Minima Default template by Blogger

1. Login to your Blogger Account

2. Go to Layout Tab

3. Click Edit Html

4. Download Full Template! Important to back up your data.

5. To set Width of Header, find this code:

#header-wrapper {

width:660px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}

Change the red with your want. Example:

#header-wrapper {

width:990px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}

6. To set Width of Outer, find this code:

#outer-wrapper {

width: 660px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

Change the red with your want. Example:

#outer-wrapper {

width: 990px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

7. To set Width of Main, find this code:

#main-wrapper {

width: 410px;

float: $startSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Change the red with your want. Example:

#main-wrapper {

width: 650px;

float: $startSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

8. To set Width of Sidebar, find this code:

#sidebar-wrapper {

width: 220px;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Change the red with your want. Example:

#sidebar-wrapper {

width: 300px;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

8. To set Width of Footer, find this code:

#footer {

width:660px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}

Change the red with your want. Example:

#footer {

width:990px;

clear:both;

margin:0 auto;

padding-top:15px;

line-height: 1.6em;

text-transform:uppercase;

letter-spacing:.1em;

text-align: center;

}

9. Click PREVIEW

10. If you want to set again, don't click SAVE TEMPLATE!

11. If you have done, click SAVE TEMPLATE

12. If you want to back to your last template, just upload back up template that your download with Download Full Template.

Next post I will tell you about next trick to modified your blog template to be great! Good Luck!

Blogger Trick: Install Date Properties

2009-06-29T20:53:00.001-07:00

Date is one of many important information that we can give to visitors. Visitors will more like your blog. Not too much intro for this trick. If you want to Install Date Properties on your blog, go to Free Blog Content right now. And follow these steps:

1. In the Free Blog Content, choose your style.

2. In the below style you choose, save that code.

3. Login to your Blogger Account.

4. Go to Layout tab.

5. In the Page Elements, click Add a Gadget.

6. Choose Add a Html/JavaScript.

7. Paste that code on this form.

8. Click SAVE.

9. See your result.

10. Good Luck and see you in the next post.

Instant Submit Blog to Search Engine

2009-06-28T09:17:00.001-07:00

Want to have a famous blog? Submit your blog to Search Engine! Have no time for submit one by one? Use Instant Submit Blog to Search Engine. You just need to fill your Blog URL and your Email. If you want to submit with instant, you can do this way. Here the list:

1. Free Web Submission

2. Submit Express

3. Coming Soon

Note: this list always update when I find another Instant Submit to Search Engine Service.

Submit Blog to Directory

2009-06-24T19:54:00.001-07:00

I have already Posting, Search Engine List and Ping Service List. Now I will tell you Submit Blog to Directory. This is one of SEO (Search Engine Optimization) for increase your blog traffic. Tips for you, submit 5~10 for a day. And this list will always update to adding more the list. So come back here later. Here the list:

Hope this List can useful for you. But remember, this list will always update when I find more. Good Luck!

How to Removing Post Image Border

2009-06-23T17:41:00.001-07:00

For every new Blogger have border image in their post automatically set. I think that border make bad post image. So how’s that? Can we make the border disappear? Yes we can. Just change 1 code in your HTML code. For example you have image Post like this:

And when you removing post image border, the results to be like this:

Now I’ll tell you how to Removing Post Image Border. Please follow these steps:

1. Login to your Blogger Account

2. Go to Layout Tab

3. Click Edit Html

4. Download Full Template for back up data

5. Find code like this

.post img {

padding:4px;

border:1px solid $bordercolor;

}

Note: If you so hard to find, press Ctrl+F then type .post img

6. Change the border pixel number to be like this

.post img {

padding:4px;

border:0px solid $bordercolor;

}

7. Save Template

If this Blogger Trick is un useful for you, tell me. Good Luck Dude!

Ping Service List for Search Engine Optimization

2009-06-22T19:35:00.001-07:00

Using Ping Service is one simple way of Search Engine Optimization. This is for tell them about your weblog or website has update. So your visitors number will increase.

But remember, you must just pinging one time on a day with some update in your blog. And if you doing ping more than 1 of a day or without blog update, maybe you doing Spam (you called Spammer) and they will blocking your ping next time. So be careful for this Blogger Trick.

Here I have Ping Service List for you.

My Page Rank Ping Service

Pingoat

Ping~O~Matic

And if you using Windows Life Writer or tools have form of Ping Service List, you can using the list below to put in Tools--->Options…--->Ping Servers:

Hope this Ping Service List useful for you. Good Luck!

How to make Rainbow Links

2009-06-21T17:16:00.000-07:00

Did you hear Rainbow Links? or do you ever see it? Rainbow Links is a text that all links in the blog someone who is color change such as the rainbow. You can see an example of fact here. You only need to refer you mouse, to a text link. See its colors. Very beautiful eh? Do you want your blog links have color like rainbow? Now I will give way to Make a Rainbow Links for you. Please follow some of the following steps:

1. Login with your Blogger Account

2. Go to Layout Tab

3. Choose Edit HTML

4. Find this code <body> (Press Ctrl+F then type the code)

5. Copy this code:


  <script src='http://www.hotlinkfiles.com/files/2626671_vufeb/Rainbow-Links.txt'
  type='text/javascript'>
  </script>

6. Paste Under <body>

7. Click Preview

8. If Done, Click Save Template

Congratulation! You have Rainbow Links on your beautiful blog...
See you in the next post...

Adding Picture to Post Title

2009-06-20T19:18:00.001-07:00

Blog Post will looking good with adding some picture or image. How about Post Title? Can we adding image or picture too? Of course we can. Like this blog, you can see picture in the left of post title. You can put any picture you want, like your face photos maybe. This Blogger Trick can only put same picture on every post title. So, choose the best picture you want like animation gif image. About the size, don’t too bigger more than post title font size. Because can make your post title invisible. Ok, if you want Adding Picture to Your Post Title, please follow these steps:

1. Prepare your picture (you can put animation too)

Example:

2. Save the picture by upload your picture to your hosting (like photobucket). Then take the URL Picture.

Example: <img src="http://i717.photobucket.com/albums/ww176/neorie/Blogger%20Trick%20For%20You/BT4UBannerChicklet.gif"></img>

3. Set the image size and border with adding code width=”…” , height=”…” , border=”…”

Example: <img src="http://i717.photobucket.com/albums/ww176/neorie/Blogger%20Trick%20For%20You/BT4UBannerChicklet.gif" width="94" height="26" border="0"></img>

4. Log in with your Blogger Account

5. Go to Layout Tab

6. Click Edit HTML

7. Download Full Template for Back Up Data

8. Check Expand Widget Template radio button

9. Find this code:

<a expr:href='data:post.url'><data:post.title/></a> <b:else/>

10. Put the picture code between <a expr:href='data:post.url'> and <data:post.title/></a>

Example to be like this:

<a expr:href='data:post.url'> <img src="http://i717.photobucket.com/albums/ww176/neorie/Blogger%20Trick%20For%20You/BT4UBannerChicklet.gif" width="94" height="26" border="0"></img> <data:post.title/></a>

11. Click Review to see the result. Done? Save Template

Good Luck! See you in the next post…

Making Blogger Contents List

2009-06-19T22:24:00.001-07:00

If you reading book, maybe you have to see Contents List. Every book have Contents List. The function is for easy to find some content on the book. Also Blogger, need Contents List Featured for visitors easy to find some content or some article on the blog. Making Contents List is one of many Blogger Tricks. Do you want Blogger Contents List Featured install to your Blog? Please follow these steps:

1. Login to Blogger with your Account

2. Go to Layout Tab

3. Click Edit HTML (Important: Download Full Template first for Back Up)

4. Check Expand Widget Template Radio

5. Find this code (You can use Ctrl+F, fill the code, and Click Next or Find)

<b:include data='post' name='post'/>

6. Delete or replace that code with this code:

<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>

7. Save Template

8. Go to Page Elements

9. Click Add a Gadget

10. Choose Add a HTML/JavaScript

11. Fill the form with this code:

<a href="http://YOURBLOGNAME.blogspot.com/search?max-results=200">Contents List</a>

12. Click SAVE

You can set that code to your style about border style, border size, border color, background color, font color, etc...

Congratulation! You have done and Good Luck!

Blogger Trick: Using Keyboard Shortcuts While Posting

2009-06-18T23:35:00.001-07:00

Blogger already have shortcut featured just by click. Don’t need to adding some code to make a font bold or something else. Now more simple way for you. Blogger has several keyboard shortcuts you can use while editing posts. And posting will more faster than before. The keyboard shortcuts definitely work in Internet Explorer 5.5+/Windows and the Mozilla Family (1.6+ and Firefox 0.9+) and might work in other browser. Ready to Using Keyboard Shortcuts While Posting? Here they are:

Ctrl + b	Bold
Ctrl + i	Italic
Ctrl + l	Blockqoute (in edit HTML mode only)
Ctrl + z	Undo
Ctrl + y	Redo
Ctrl + Shift + a	Link
Ctrl + Shift + p	Preview
Ctrl + d	Save as Draft
Ctrl + p	Publish Post
Ctrl + s	Autosave and keep editing
Ctrl + g	Indic transliteration

Hope this info can useful for you. Good Luck.

Blogger Trick: Adding Yahoo! Messenger Status

2009-06-17T21:21:00.001-07:00

You’ve already know about Yahoo! Messenger, don’t you? Yahoo! Messenger or usually called YM is a place for connecting people by online chat. Do you want your blog visitors to know are you online? That’s need to put some widget automatically can tell anyone who comes to your blog, your YM status. That status is just Online or Offline. So, your blog visitors who want to chat to you, can send you message just by click. This is very useful widget. Do you want to Adding Yahoo! Messenger Status on your Blog? Easy way. Please follow these easy steps.

1. Login with your Blogger Account

2. Go to Layout Tab

3. In the Page Elements, Click Add a Gadget

4. Choose Add HTML/Javascript

5. Copy the code below and Paste in Add HTML/Javascript Form

<a href="ymsgr:sendIM?YOUR-ID"><img src="http://opi.yahoo.com/online?u=YOUR-ID&m=g&t=YOUR-STYLE-NUMBER" border="0"></a>

6. Choose style in the below

7. Modified the code to be like this (ex: My email is neorie@yahoo.com and I choose style number 2)

<a href="ymsgr:sendIM?neorie"><img src="http://opi.yahoo.com/online?u=neorie&m=g&t=2" border="0"></a>

The example results is like this:

8. If you have done to change the code with your Yahoo! ID and your style number, Click SAVE

Now, you can see your result. I hope with this widget, we can always keep our touch friendship. Good Luck!

Blogger Trick: How to Create Recent Comments

2009-06-16T19:50:00.000-07:00

Do you know about the Recent Comments widget? If you do not know about, please see the bottom-right of the homepage. You will see a widget content are newest comments show up. That's good for making visitors want to give comments on your blog. Because name of visitors who comment, will visible on the homepage. How to Create Recent Comments is very easy. You just need to install the code that I give to your HTML widget. Please follow these steps:

1. This is the code:

<script style="text/javascript" src="http://www.hotlinkfiles.com/files/2612393_7ekdt/Visitors-Recent-Comments.txt"></script><script style="text/javascript">var numcomments = 2;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://cahyarienaldi.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

2. But you must modified the code first. Change this URL(just bold) with yours:
http://cahyarienaldi.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments

http://YOURBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments

3. Go to Layout tab

4. In Page Elements, Click Add a Gadget

5. Choose Add a HTML/Javascript

6. Paste the code that already modified by you

7. SAVE

8. Congratulation! Please see the result.

You can see the example here. Good Luck! And see you in the next Post.

Blogger Trick: How to Create Blogroll / Links List

2009-06-15T21:51:00.000-07:00

Blogroll or Links List is a place to store the Link Address on your blog. The reason for you to put other people Link Address in your blog, usually to links exchange. Links Exchange is a mutual link put other people that have a link towards your blog. Links Exchange is very useful to improve the link popularity your blog. The more blogs that have a link to the blog you are, the higher the link popularity your blog, and will be the better your blog in the Search Engine. So, Blogroll or Links List is a very important part in your blog. This time I will tell you How to Create Blogroll / Links List with a few options. Keep Reading.

1. Li

Example:

Here's the code:


<div style="border: 1px solid #D8DFEA; margin: 10px 0pt 0pt; padding: 8px; overflow: auto; width: 250px; height: 100px;">

<li>1.<a href="http://bloggertrick4u.blogspot.com/">Blog Name 1</a></li>

<li>2.<a href="http://bloggertrick4u.blogspot.com/">Blog Name 2</a></li>

<li>3.<a href="http://bloggertrick4u.blogspot.com/">Blog Name 3</a></li>

<li>4.<a href="http://bloggertrick4u.blogspot.com/">Blog Name 4</a></li>

<li>5.<a href="http://bloggertrick4u.blogspot.com/">Blog Name 5</a></li>

</div>

You can setting these:
border: 1px solid #D8DFEA is about border size, type, and color. You can change that.
width: 250px is about box width, can change with 300px, 400px, 500px, etc...
height: 100px is about box height, can change with 200px, 300px, 400px, etc...

2. Marquee

Example:

Blog Name 1

Blog Name 2

Blog Name 3

Blog Name 4

Blog Name 5

Here's the code:


<table border="3" width="250" height="250" cellpadding="2">

<tr>

<td align="left">

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="250">

<a href="http://bloggertrick4u.blogspot.com/" target="_blank">Blog Name 1</a>

<br/>

<a href="http://bloggertrick4u.blogspot.com/" target="_blank">Blog Name 2</a>

<br/>

<a href="http://bloggertrick4u.blogspot.com/" target="_blank">Blog Name 3</a>

<br/>

<a href="http://bloggertrick4u.blogspot.com/" target="_blank">Blog Name 4</a>

<br/>

<a href="http://bloggertrick4u.blogspot.com/" target="_blank">Blog Name 5</a>

<br/>

</marquee>

</td>

</tr>

</table>

Anyway, you can setting that code. Here's you can set:
scrollamount="2" is about scroll speed. You can change with 3, 4, 5, etc...
direction="down" is about direction. You can change with up, right, or left.
width="100%" is about box width with %. You can change with 80%, 60%, 50%, etc...
height="250" is about box height with pixel. You can change with 300, 400, 500, etc...

3. Dropdown

Example:

Here's the code:


<form>


<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>


<option>  - Blogroll -  </option>


<option value="http://bloggertrick4u.blogspot.com/">Blog Name 1</option>


<option value="http://bloggertrick4u.blogspot.com/">Blog Name 2</option>


<option value="http://bloggertrick4u.blogspot.com/">Blog Name 3</option>


<option value="http://bloggertrick4u.blogspot.com/">Blog Name 4</option>


<option value="http://bloggertrick4u.blogspot.com/">Blog Name 5</option>


</select>


</form>

4. Post it
If you don't want your homepage looks too much widget elements, you can move Blogroll / Links List to your Post. It's make simple hompepage. See example here.

Now, you just have to choose is. I hope we can do Exchange Links. Please put my banner links in the sidebar to your blog, and tell me. I will do same with you. Good Luck! See you in the next Post.

Blogger Trick: Adding Online User Counter

2009-06-14T22:00:00.000-07:00

Maybe you wanna know, how many people's online in your blog. You can adding online user count on your blog to know it. Many online user count service in the internet. Let's try one named Histats. The function are to know how many online user in your blog, how many user visit you today, and many more useful function. The Histats look's like this:

To put this tool to your blog, please following the steps :

1. Please visit Histats

2. Click Register on the top tab

3. Fill the forms with your information

4. Click Continue

5. Choose the style of Histats counter by mark the radio button below the counter style you choose

6. Click Continue

7. Click at the drop down menu, choose the category which to display at your counter. the choice is : visitor today, Page views today, User online, Total visitors, and total page views. Choose empty if you want not to display them.

8. Click Continue

9. Wait a moment, your counter is updating. Copy the code

10. Login with your Blogger Account

11. Go to Layout Tab

12. In Page Element, click Add a Gedget in the sidebar

13. Choose HTML/JavaScript

14. Paste your Hitstat code here

15. Save

16. Congratulation! Now you can see the result

If you don't like it, try other service :

http://whos.amung.us/

http://www.neoworx.net

http://www.webfooted.net

http://www.fastonlineusers.com

Good Luck!

Blogger Trick: Union Emoticons to Post

2009-06-13T10:29:00.000-07:00

I think, Union Emoticons more cool than Blogger or Yahoo Emoticons. In addition, the Union also more emoticons amount. I really like it. But the decision to select emoticons still in you. If you wanna using Blogger Emoticons, please click here. Or you wanna using Yahoo Emoticons, you can click here. This post is for adding your Emoticons Library.

The code format:

<img src="http://IMAGE-URL" width="30" height="30" border="0">

Or if you not understand about the format, you can read here.

UNION EMOTICONS

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon1.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon2.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon3.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon4.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon5.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon6.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon7.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon8.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon9.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon10.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon11.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon12.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon13.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon14.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon15.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon16.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon17.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon18.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon19.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon20.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon21.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon22.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon23.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon24.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon25.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon26.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon27.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon28.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon29.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon30.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon31.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon32.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon33.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon34.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon35.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon36.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon37.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon38.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon40.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon41.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon42.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon43.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon44.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon45.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon46.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon47.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon48.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon49.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon50.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon51.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon52.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon53.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon54.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon55.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon56.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon57.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon58.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon59.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon60.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon61.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon62.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon63.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon64.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon35.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon66.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon67.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon68.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon69.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon70.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon71.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon72.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon73.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon74.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon75.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon76.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon77.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon78.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon79.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon80.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon81.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon82.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon83.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon84.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon85.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon86.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon87.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon88.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon89.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon90.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon91.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon92.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon93.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon94.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon95.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon96.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon97.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon98.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon99.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon100.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon101.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon102.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon103.gif" width="18" height="18" border="0">

= <img src="http://i717.photobucket.com/albums/ww176/neorie/Emoticons/UnionEmoticon104.gif" width="18" height="18" border="0">

Anyway, you can set the size by change "18" to size you want( example width="30" height="30" ). Try to make square. Or maybe you wanna download all Union Emoticons, please download here. Good Day!

Free Download

2009-06-12T23:01:00.006-07:00

This Free Download will always updates. So find stuff you want here and download. If you can't find what you want, please leave comment below, maybe I can finding for you. And you can back here again to download your request. And remember, here's totally free!

1. Blogger Emoticons <--------------------> Download

2. Yahoo Messenger Emoticons <------------> Download

3. Union Emoticons <----------------------> Download

4. Coming Soon <--------------------------> Download

5. Coming Soon <--------------------------> Download

Blogger Trick: Learn about HTML part 2

2009-06-12T14:15:00.000-07:00

This post is a continuation of the post titled Learn about HTML. This tutorial is still in the beginners go to the blogger. Why do I not tell you the tutorial for the expert? Because I am a beginner blogger too that must still learning. So I will take the beginner blogger to learn together. Please continue reading Learn about HTML part 2.

This element is for choose font size that show in your browse. The Heading Tags is <h1>...</h1> ~ <h6>...</h6>.

Example :


<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<h3>This is heading 3</h3>

<h4>This is heading 4</h4>

<h5>This is heading 5</h5>

<h6>This is heading 6</h6>

The result to be like this :

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

Or you can using tag <font size="SIZE NUMBER">YOUR WORD</font>.

Contoh :

<font size="1">Font size 1</font>

<font size="2">Font size 2</font>

<font size="3">Font size 3</font>

<font size="4">Font size 4</font>

<font size="5">Font size 5</font>

<font size="6">Font size 6</font>

<font size="7">Font size 7</font>

These are the result :

Font size 1

Font size 2

Font size 3

Font size 4

Font size 5

Font size 6

Font size 7

See you in the next post. Hope this post useful for you. Good Luck!

Blogger Trick: Yahoo Emoticons to Post

2009-06-11T13:11:00.000-07:00

Expression is any your posts with a variety of emoticons. So that readers can more feeling what you feel when you write. There are emoticons from Blogger, Yahoo, and Union. For Blogger Emoticons I already gave you here. For Union Emoticons, I will give you in the next post. To adding emoticons to post, very easy. You only need to add some HTML codes on the HTML Tab(Not in the Compose Tab). This format code is:

<img src="http://YOUR-IMAGE-URL" width="18" height="18" border="0">

Or if you not understand about the format, you can read here.

The emoticons codes are:

:)happy


<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width="18" height="18" border="0">

:(sad
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width="18" height="18" border="0">

;)winking
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width="18" height="18" border="0">

:Dbig grin
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width="18" height="18" border="0">

;;)batting eyelashes
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width="18" height="18" border="0">

>:D<big hug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width="18" height="18" border="0">

:-/confused
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width="18" height="18" border="0">

:xlove struck
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width="18" height="18" border="0">

:">blushing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width="18" height="18" border="0">

:Ptongue
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width="18" height="18" border="0">

:-*kiss
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width="18" height="18" border="0">

=((broken heart
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width="18" height="18" border="0">

:-Osurprise
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width="18" height="18" border="0">

X(angry
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width="18" height="18" border="0">

:>smug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width="18" height="18" border="0">

B-)cool
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width="18" height="18" border="0">

:-Sworried
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width="18" height="18" border="0">

#:-Swhew!
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width="34" height="18" border="0">

>:)devil
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width="18" height="18" border="0">

:((crying
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width="22" height="18" border="0">

:))laughing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width="18" height="18" border="0">

:straight face
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width="18" height="18" border="0">

/:)raised eyebrow
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width="18" height="18" border="0">

=))rolling on the floor
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width="30" height="18" border="0">

O:-)angel
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width="30" height="18" border="0">

:-Bnerd
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width="24" height="18" border="0">

=;talk to the hand
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width="18" height="18" border="0">

:o3puppy dog eyes - New!
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif" width="31" height="18" border="0">

:-??I don't know
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif" width="40" height="18" border="0">

%-(not listening
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif" width="52" height="18" border="0">

:@)pig
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif" width="18" height="18" border="0">

3:-Ocow
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif" width="18" height="18" border="0">

:()monkey
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif" width="21" height="18" border="0">

~:>chicken
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif" width="18" height="18" border="0">

@};-rose
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif" width="18" height="18" border="0">

%%-good luck
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif" width="18" height="18" border="0">

**==flag
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif" width="25" height="18" border="0">

(~~)pumpkin
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif" width="17" height="18" border="0">

~O)coffee
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif" width="18" height="18" border="0">

*-:)idea
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif" width="30" height="18" border="0">

8-Xskull
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif" width="18" height="18" border="0">

=:)bug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif" width="20" height="18" border="0">

>-)alien
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif" width="18" height="18" border="0">

:-Lfrustrated
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" width="18" height="18" border="0">

[-O<praying
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif" width="18" height="18" border="0">

$-)money eyes
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif" width="18" height="18" border="0">

:-"whistling
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif" width="22" height="18" border="0">

b-(feeling beat up
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" width="18" height="18" border="0">

:)>-peace sign
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" width="22" height="18" border="0">

[-Xshame on you
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif" width="22" height="18" border="0">

\:D/dancing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif" width="26" height="18" border="0">

>:/bring it on
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif" width="23" height="18" border="0">

;))hee hee
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" width="18" height="18" border="0">

:-@chatterbox
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif" width="36" height="18" border="0">

^:)^not worthy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif" width="32" height="18" border="0">

:-joh go on
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif" width="26" height="18" border="0">

(*)star
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif" width="18" height="18" border="0">

o->hiro
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif" width="18" height="18" border="0">

o=>billy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif" width="18" height="18" border="0">

o-+april
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif" width="18" height="18" border="0">

(%)yin yang
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif" width="18" height="18" border="0">

Or you can download all here. Happy post and Good Luck! See you in the Next Post!

Blogger Trick: Blogger Emoticons to Post

2009-06-10T13:25:00.000-07:00

I already tell you How to Adding Emoticons to Post. That's about codes format for adding Emoticons to the post. It's simple to use (beginner friendly). This is a Blogger Emoticons to Post. The mean is this emoticons from Google Blogger. For Yahoo Emoticons, you can see here. Please use to the posts you make.

Blogger Emoticons

<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">

<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">

Or you can download all here. Good Luck.

Blogger Trick: How to Adding Emoticons to Post Toolbar

2009-06-09T22:25:00.000-07:00

In the last post I already tell you about How to Adding Emoticons to Post for manual with Blogger Emoticons, Yahoo Emoticons, and Union Emoticons. The more simple way is Adding Emoticons to Post Toolbar. With this way, you just need to click the emoticon that you want then it's show up.

Very easy . But, this trick just support by Firefox. Please follow these steps:

1. If you don't have a Firefox, please install first. Click here.

2. After finish installing Firefox, please install Grease Monkey by click here.

3. Install this script and this script

4. Restart Firefox

5. Login with your Blogger Account

6. Go to Layout Tab

7. Click Edit HTML

8. Press Control+F to find this code ]]></b:skin>

9. Copy the code below and paste before ]]></b:skin>

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

10. Save Template

Now, trying to create post. Go to Compose Tab. Click the Emoticon you want. Move to wherever you want.

Good Luck! See you in the Next Post.

Blogger Trick: How to Adding Emoticons to Post

2009-06-09T10:33:00.000-07:00

Perhaps there is still a blogger doesn't know how to adding emoticons to post. Emoticon is like this .
Looks good eh? More useful to show emotion or meaning of any posts in your posting.
Example: "I really happy today , because I'm fallin in love ".

If you want to adding emoticons to your post, keep reading. And now, I will tell you how to adding emoticons to your post.

1. Download all your Emoticons to your PC, then Upload to web hosting service, and take the all of Image URL. This step is for when the web hosting server to be weak because a lot of access, your Emoticons still can accessed from your web hosting server because only you that you access. For free image hosting service you can visit Photobucket.

2. The format <img src="YOUR IMAGE URL" />

3. Example

Edit Html:
I wanna learning blogger trick in Blogger Trick For You <img src="http://www.geocities.com/gx_lionvhia/33lamagawa.gif" />

Compose:
I wanna learning blogger trick in Blogger Trick For You

If you have no time for uploading your emoticons, you can using Blogger Emoticons, Yahoo Emoticons, and Union Emoticons. Good Luck! and see you in the next Post...

Blogger Trick: Learn about HTML

2009-06-08T18:41:00.000-07:00

I am happy to customizing or editing my blog template, to find out what the template I want. But the main requirement for editing a template or costumizing required knowledge of HTML tags. The first time I learn about HTML, I can not understand it. Because I think, HTML is very complex. In fact when executed, the results can make it bearable we understand about the elements of the template and blogger widgets. But I not a expert in the field of HTML. I only understand a little about HTML, and must still learn the same as you. Little knowledge I share this to you who want to learn about HTML.

What is HTML?

HTML (Hyper Text Markup Languange) is a language for describing web pages

HTML is not a programming language, it is a markup language

A markup language is a set of markup tags

HTML uses markup tags to describe web pages

HTML Tags:

HTML markup tags are usually called HTML tags

HTML tags are keywords surrounded by angle brackets like <html>

HTML tags normally come in pairs like <b> and </b> or <i> and </i>

The first tag in a pair is the start tag or opening tag, the second tag is the end tag or closing tag

Bold: <b>........</b>
ex: <b> Example </b>
result: Example

italic: <i>........</i>
ex: <i> Example </i>
result: Example

We can replace the codes, Bold+italic: <b><i>........</i></b>
ex: <b><i>Example</i></b>
result: Example

Tag Case is not sensitive:
<b>........</b> = <B>........</B>
<i>........</i> = <I>........</I>

If like Bold or italic have </b> or </i>, any tag that have no pairs like <hr>, <br> or <input>.

Blogger template is in three parts HTML Tags. Namely html, head, and body.

<html>
<head>
</head>
<body>
</body>
</html>

The text between <html> and </html> describes the web page (about HTML Doc)
The text between <body> and </body> is the visible page content (ex:image,link,text,etc..)
The text between <head> and </head> is to put like meta data (ex:keyword,etc..)

Hopefully this is useful knowledge for you. Good Luck!

Blogger Trick: How to adding Music Player

2009-06-07T19:32:00.000-07:00

For Bloggers who like the music, may feel bored when blogging without music. Or for visitors who like the music, will feel a bit bored when stay in your blog. Now, how do you adding music player in your blog? In this post I will tell how to adding music player in your music blog. I only choose one of the many music players on the internet. Impossible to post all of the music player in the internet, because this post will be very long. So, music player that I will tell you today the name is MixPod. With this service you will be able to show your music player in your blog. Let's start:

1. Go to MixPod

2. Click Sign Up in the top-right

3. Fill your

Your Email:
New Password:
Re-type Password:
Birthdate:
I am:(Gender)
Location:(Country)

4. Click Sign Up

5. In the middle-right of page, click Create My Playlist

6. Customize your player's colors & styles and add up to 200 songs per playlist at Music Playlist Skins. Example: I choose MixPod

7. Just follow 3 steps: -Add Music (Adding Playlist), -Customize (Skins, Colors and Styles, Settings), -Save Playlist

8. If you done all of it, click SAVE (get code)

9. In the left options, click Blogger

10. Copy the code, then Paste on your HTML Widget. Save! Or follow steps below code box.

11. Done

Create a playlist at MixPod.com

Good Luck.

Blogger Trick: How to Create Animated Banner GIF

2009-06-06T10:44:00.001-07:00

About how to create Animation Banner, I already post in here. Maybe there is not yet satisfied with the links that I give to you. This time I will tell you about Animation Banner Generator is a simple to use. His name is GIFMAKE. GIFMAKE is one of its many Animation Banner Generator on the Internet and is very easy to use. This Banner Generator can make nice banner for you. Below I will give you the know how to create it.

1. Please visit the address http://gifmake.com/

2. For example, you want to create an Animation Banner like this:

3. So you need to have the pictures as below:

1. First Upload

2. Second Upload

3. Third Upload

4. Fourth Upload

4. Please upload the pictures in accordance with the order you wish

5. When you are finished Uploading, please click Generate GIF

6. Download

Next, you just need to upload your GIF image to Free Hosting Service like Photobucket.

Good Luck!

Blogger Trick: Submit Blog to Search Engine

2009-06-05T23:37:00.000-07:00

You have a blog with posts. Now what can you do with your blog? Submit your blog to search engines. This is first step you can doing the SEO. SEO is Search Engine Optimization. That way your posts read by the visitor. If not, what's the posts that you write does not have a read. Unless you make a Private Blog, you do not need to register to search engines. In this post I will give you list of Search Engines. Maybe you'll see a lot of the list. But this is only a small part of the Search Engines. On the Internet there are many Search Engines. There may be thousands. But I will give you the best and famous Search Engines until just now. No need to hurry

to complete all that is in the list. Please submit your blog to the list of Search Engine below gradually. You can submit 5 or 10 Search Engine per day. This list is:

Google
Yahoo
Excite
Dogpile
DMOZ
KartOO
IceRocket
Beaucoup
Picsearch
Webshots
Exalead
Flickr
Fark.com
A9.com
Factbites
Findology
Biznetic
FirstGov
Zworks
Ezilon
Galaxy
InCrawler
Mamma
Download
Netscape
PageBull
Wotbox
Cantufind
Accoona
Delicious
Furl.com
VRoosh
WindSeek
Digg.com
IncyWincy
Technorati
DirectGov
HighBeam
DevilFinder
Lycos
About
AOL
Search
Jayde
Xanga
UpSpiral
Blogger
Sphere
JoeAnt
Hippo
Congoo
Use.com
Rollyo
Kaboose
SurfSafe
AbiLogic
Mozbot
Ebay
Snap
MyWeb
MSN
iWon
Kazazz
Qango
Scirus
Ixquick
Answers
Clusty
Fyber
JDGO
WoW
UKPlus
JUX2
Izito
HotBot
Hoppa
AltaVista
AskJeeves
Allrecipes
LookSmart
AllTheWeb
Librarians
Gigablast
MySpace
Mirago
Qksearch
Walhello
Searchy
Info.com
Findtarget
BBCSearch
Linkopedia
FamilySites
ThumbShots
KillerInfo
Vivisimo
MyWay
Netcraft
InfoSpace
SurfWax
ScrubWeb
SearchAlot
Searchles
WebSearch
Feedster
Entireweb
MetaEureka
BlowSearch
Mahalo.com
PodcastAlley
WebBeacon
StumbleUpon
FindForward
WikiSeek
Yahooligans
WebWombat
AlexaSearch
AOLVideo
Reference
SiteAdvisor
Wikipedia
FindArticles
CurryGuide
SearchSight
MetaCrawler
WindowsLive
ExactSeek
iBoogie
FreeSearch
Skaffe.com
YouTube
Ulysseek
ZoomInfo

Got tired ha? Don't be give up. If you want your blog was famous, work hard!
Good Luck!

Blogger Trick: How to install Sitemeter

2009-06-04T20:53:00.000-07:00

Impossible if you can calculate the number of visitor that came to your blog. So, we must install equipment to know the number of visitors. Please see homepage of this blog, you will see a small banner like this:

Banner called the visitors counter and traffic source analysis tool. You can find out how many visitors come to your blog, through which they come to your blog, and posted on where they leave your blog page, etc.

And this tool can improve the nice look of your blog. If you wanna use this tool, please follow these steps:

1. Go to www.sitemeter.com

2. Choose: Site Meter Basic (Free) or Site Meter Premium ($6.95)

3. If you choose Site Meter Basic, click Sign Up on Site Meter Basic box

4. Click Next

5. Click Next again

6. Fill the forms, then click Next

7. Fill the forms again, then click Next

8. Click Next

9. Click Next again

10. Now is verification time, please open your email. You will receive username and password for login to www.sitemeter.com

11. If you already login, go to Manager

12. Click Meter Style and choose by click Select button

13. Click HTML Code

14. Click Adding site Meter to a Blogger.com Site

15. Copy the HTML code and Paste on your sidebar. Done

Good Luck!

Blogger Trick: How to adding Clock Widget

2009-06-04T13:03:00.000-07:00

Having a blog means not only to reveal to your mind in the article. But also to share all kinds of things to other people who visit your blog. That means, you need to make visitors feel comfortable while visiting your blog. Including time information. I will tell you how to adding Clock Widget to your blog. With Clock Widget on your blog, the visitors will feel comfortable because they can always view the information. Do you want to install the clock on your blog? Please follow some of the following steps:

1. Go to www.clocklink.com

2. Click Want a Clock on Your Website?

3. See all options (Newest, Analog, Animal, Animation, Count Down & Up, Dark Backgrounds, Digital, Holidays, Logo & Custom, Seasons, Sports, Transparent, and Wallpaper )

4. Choose one of them with clicking View HTML tag in the below of Clock you want

5. In the new window that opened, click Accept

6. Please setting as you want. And don't forget to select your Time Zone

7. Then Copy the HTML Code

8. Paste in your Blog (ex: sidebar, post)

9. Done

Good Luck!

Blogger Trick: How to Adding Custom Emoticon to ShoutMix Shoutbox

2009-06-03T20:16:00.000-07:00

If you are in my homepage, you'll see a chat box in the middle of the page. Please click the "+" button on the bottom of the Shoutmix. You will see the funny pictures like this:

The images are called emoticons. Many other emoticons you

can select for your Shoutbox. To get it, you just type the keywords "free emoticons set" in the search engines (example Google, Yahoo, MSN, etc). Then download it to your PC. Then upload to free image hosting like Photobucket. We just need the URL of images. If you done with your uploads, let us plug in your Shoutbox. Please follow the following steps:

1. Go to ShoutMix. If you don't have any account, you can sign up first. To make ShoutMix Account, Click Here.

2. In the Display, choose Smileys

3. Fill image URL in the Smiley image URL, fill the code, then click Add. You must do one by one. Your shoutbox will use only first 10 custom smileys below with basic account. But you can upload to 500 emoticons or smileys with Upgrade to Premium

4. If you done, click Save setting

5. See the result from your ShoutMix

You don't need to change your code. That's do automatically

Anyway, this is the standard Smiley from shoutMix, you can turn it off if you want:

Good Luck!

Blogger Trick: Bloging Tips for Beginner Bloger

2009-06-02T20:58:00.000-07:00

For Professional Blogger, it's not difficult to run a blog. They will only do some updates to their blog to stay exist. But, for the beginner blogger is not that simple. Because, beginner blogger should be doing more updates to pursue dropping of Professional Blogger. You are a Beginner Blogger? If yes, you are the same as me. This time, I want to share some tips for Beginner Bloger that are useful to you, to make it easier for you to post.

1. Sometime you receive a bad comment. Don't be disappointed. Try to remain calm and polite reply to the comment to other people. Because, if you are too rough in the issue in your opinion, will result in missing your faithful readers.

2. You don't need to reply to any criticism that you receive. Some people are just looking for attention by writing a negative comment. Ignore and block them if necessary.

3. Don't write when you are anxious or angry. Because you can write something that will make you a bad blog. If you want to publish, save any posts as a draft until you are calm again.

4. It takes time to blog you have the number of visitors. So, be patient and keep trying to make the text quality and useful to other people.

5. Write what you know and like. Don't often write about hot topics that many are discussed. Loyalty on the one topic will be visible to you in any posts. This will be a plus for your blog.

So, Keep Blogging and Good Luck.

Blogger Trick: Use Simple Favicon Generator from Favikon

2009-06-02T20:10:00.000-07:00

In the last post, I have tell you about How to Create Favicon using Favicon Generator from: http://tools.dynamicdrive.com/favicon/. Favicon is the icon that's located on the left address bar and tab bar on your browser. Anyway, many Favicon Generators for you, but there is a more simple to use. Namely Favikon - Free Favicon Generator Service. This is very simple. Go to Favikon. You just need to upload (PNG, GIF or JPG), croping, and save your result. How to install a Favicon, click here.

Good Luck.

Blogger Trick: How to Create Favicon

2009-06-01T20:11:00.000-07:00

Favicon is the icon that's located on the left address bar and tab bar on your browser. For Blogger (Blogspot.Com) already have a default favicon like this .

Maybe you want a different icon for your blog. How to create a favicon is simple enough. You just need to do some blogger tricks. If you ready start to create costum favicon for your blog, please follow these steps:

1. Create image with square size that you wanna make to favicon [ex: 30x30, 25x25]

2. Then open http://tools.dynamicdrive.com/favicon/

3. Click Browse then choose your image

4. Click Create Icon

5. Click Download FavIcon for save your favicon to your computer

6. Open http://www.picpanda.com/ (sign up first if you have no PicPanda Account)

7. Go to loggin in PicPanda

8. Then click Upload IMAGE

9. Click Browse then choose your image

10. Click Upload and wait a moment

11. Copy the code in the Hotlink for Websites box

12. ex:

<a href="http://www.picpanda.com/"> <img src = "http://www.picpanda.com/images/7eh62uc3dng8t7j5zn.ico" border = "0" alt = "PicPanda. com "/> </ a>

Just take the Favicon URL: http://www.picpanda.com/images/7eh62uc3dng8t7j5zn.ico.
Please delete the remaining code

13. Login to your Blogger Account

14. Go to Layout tab

15. Choose Edit HTML

16. Find <head> with Ctrl + F then type the code that you want to find

17. Copy this code

<link rel="shortcut icon" href="CHANGE THIS WITH YOUR FAVICON URL">

ex: <link rel="shortcut icon" href="http://www.picpanda.com/images/7eh62uc3dng8t7j5zn.ico">

18. Paste the code below <head>

19. Click SAVE TEMPLATE

Congratulation! You have done to Create Favicon for your blog. See the result. If no change, please refresh your browser, or delete your Cookies then refresh again. Good Luck.

Blogger Trick: How to Create Animated Banner

2009-05-30T20:09:00.000-07:00

How to create a banner I have described to you. Now I will explain one of blogger tricks about how to create animated banner. What is the animated banner? Animated banner is an image of change and containing the text you want to tell those who read it. Animated banner is more effective in attract visitors, rather than standard banner or banner that is not moving. In addition, animated banners are also more beautiful to decorate your blog appears to be more beautiful. First, I will give you the list of address. So, please check these out. I'm hope you like it.

You can edit like you want. Make some good banner buddy. Good Luck

Blogger Trick: How to Create a Banner

2009-05-30T19:00:00.000-07:00

Banner is a very important part in a blog. Useful as a header banner, banner link, banner ads, etc.. Banner means a picture with the message you want to tell people who see it. So, the more beautiful your banner, the more likely people will read it and view it. The fact is, not everyone can make a good banner. But the beauty of the banner is very important. So here I will explain a little about how to make a good banner, along with addresses to make a good banner.

There are several internet sites that provide free online generator to create a banner. This is a list of addresses is, you can click it:

Customize the background is with the letter, color, effect that will be used so that it can catch of your blog visitors eye. But the results will depend on how you do it. Don't be disappointed if you make a banner to its poor results. Keep trying, I believe a time will surely make you a good banner. And do not forget to show me the results that you make. If you have any reference about the addresses such as above, please let me to enrich its information.

Blogger Trick: How to Create Guest Book

2009-05-30T03:38:00.001-07:00

Did you ever see a blog that have a guest book widget? This Blogger Trick point is to interact among the visitors. Such as chat boxes that are placed in the sidebar, or footer. Usually contains about feedback or comments about your blog posts, and also that you write. In the guest book is also useful to accommodate visitors to request information that you provide. In addition, the guest book widget also allows you to add a visitor comfortable in your blog, because they can

give all their aspirations into the guest book.

Many Guest Book Widget on the internet for free. Please your own search on Google or Yahoo. Just type "Free Guest Book Widgets" or "Free Guest Book", you will find many options. But I suggest to the Guest Book of Shoutmix. Because, Shoutmix still have no problem. For example, have not sever down and easy navigation for new users or new visitors. If you want to create a guest book to your blog, please follow these steps:

Sign Up to Shoutmix

1. Go to http://www.shoutmix.com/

2. In the top-right of page, click Create

3. Complete the information requested by the Shoutmix

4. Don't forget to check the box of "I have read and agree to the Terms of Service." then click Continue

5. Choose your style, then click Continue

6. If you got a message like this "Thank you for using ShoutMix" the mean is you already have a shoutmix.

Shoutmix Setting

1. Still in the Shoutmix, go to your control panel

2. Under Display, click Style & Colors. Here you can set font & colors of your chat box. If you have done, click Save settings

3. In the top-left on Navigation, click Back to settings, then choose Date & Time. Here you can set your timezone and date and time format to show. If you have done, click Save settings

4. In the top-left on Navigation, click Back to settings, then choose Labels. Here you can set all labels of shoutmix that you wanna show on your chatbox. If you have done, click Save settings

5. In the top-left on Navigation, click Back to settings, then choose Smileys. Here you can adding 10 your emoticon (for premium account can add to 500 emoticon or smiley). Just fill Smiley image URL and code for smiley [like :) , :( , :D ,etc] then click add. If you have done, click Save settings

6. In the top-left on Navigation, click Back to settings, then choose Get codes under Quick Start. In the below of Generated codes, copy the codes. Paste on notepad for a while or hold the last page of shoutmix.

Places Shoutmix on the Sidebar Blog

1. Login with your Blogger Account

2. Go to Layout tab

3. In the Page Elements, click Add a Gadget in the sidebar widget.

4. Choose HTML/JavaScript

5. Paste Shoutmix Codes on the Content form

6. Save

7. See the result.

If your shoutmix have outmatching size with your sidebar, don't worry, you can set again. Just edit your Shoutmix Widget in the Page Elements.

example:

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="YOUR-TITLE" src="http://www4.shoutmix.com/?YOUR-TITLE" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www4.shoutmix.com/?YOUR-TITLE">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->

You can change the number of width="160" height="400" like to width="250" height="500"

Hope you understand this tutorial. Good Luck.

Blogger Trick: How to Post HTML Codes

2009-05-28T19:13:00.000-07:00

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
<	<	Marks the beginning of code lines
>	>	Marks the end of the cover code
&	&	Mark of "and"
"	"	Mark of double quotes
±	±	Mark of plus minus
Space		Mark of space
©	©	Mark of copyright
®	®	Mark of Registered

For example:

This is your original code that you wanna post:

<a href="http://bloggertrick4u.blogspot.com/" target="_blank">Blogger Trick Blog</a>

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

<br/><br/>

<code>

<a href="http://bloggertrick4u.blogspot.com/" target="_blank">Blogger Trick Blog</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.

Blogger Trick Blogroll: Friends Link List

2009-05-27T20:58:00.000-07:00

If you Blogger that have to Exchange your link to me. Please follow these steps:

1. Copy my banner code in the sidebar
2. Paste on your blog (sidebar/footer/post,etc)
3. If done, tell me about what you've done in the Comment Form below with format:

URL : (Yours)

Title : (Yours)

Description : (Yours)

URL : (where you put my link)

4. I will linkback you with put your banner on this page immediately
5. If you wanna contact me, please click here.

0~9

A~Z

Chloe Ling

Gadget Information

Great Chocolate Cakes Recipes|Pictures|Articles

Hot Biker

Blogger Trick: How to Upload Photo to your Profile

2009-05-27T20:17:00.001-07:00

In past Blogger Trick, I have tell you about How to Setting My Profile. Please look in the footer of this page. You can see this my profile with this photo? You can upload your photo in your "My Profile" too. Let people to know more about you. Including your great photo. Because, bloging is just not about writing something to give for people. But, Blogger care about social too like the Followers, and My Profile feature. So Blogging have many function in this live. Now, I tell you how to

Upload Photo to your Profile:

1. Login with you Blogger Account

2. Click Edit Photo

3. On Photograph, you have 2 options.

Choose from your computer by click browse
From the web: In this option, you must have your photo URL that you wanna put in your Profile. Many Hosting Service on the web, with free or with pay. In this time I give you example of Free Hosting Service. Photobucket is one of Free Image Hosting on the web. You must have account to access your photo inside. If you not have Photobucket Account, you can sign up ( it,s free ). Already have the account, please login with your Photobucket Account, then Upload your photos (you can do multiple upload). Next, you have URL of your photos. Please copy the URL (http://.......jpg). And paste in the From the web form box.

4. Save Profile

Now your charming photo has publish. Everyone on the world can see your Sweet Face. Happy Blogging My Friend.

Blogger Trick: How to Upload Photos to your Post

2009-05-27T19:00:00.000-07:00

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.

Contact Us Form

2009-05-26T21:17:00.000-07:00

Thank You

2009-05-26T20:50:00.000-07:00

Thank you for contacting us. Your request or questions we will immediately process and provide a reply to you as soon as possible. Please bookmark us.

Back to Home

Blogger Trick: How to make Dropdown Menu

2009-05-26T18:11:00.000-07:00

In Blogger, we each post will be automatically archived each month. The problem is, if we have been blogging for a year, the archives from January to December will be a line in your sidebar. What if two, and three more years? Your blog will appear to be not good. Step simple and easy way to smarten Blog Archive, is to make the Dropdown Menu. Please see below:

So, how many months or years we are blogging in Blogger (Blogspot), the month that will not meet and fall in line length in the sidebar. It's just look "Archives", after you clicking that, the month archives will appear. Please Follow these Steps:

1. Login to your Blogger Account

2. Go to Layout Tab

3. Click Add a Gadget

4. Choose Blog Arvhive

5. At Style, check in radio button of Dropdown Menu

6. Then Save

Now, I will tell you how to make Dropdown Menu and you can customized by yourself. The result just like this:

To make it, follow these steps:

1. Login to your Blogger Account

2. Go to Layout Tab

3. Click Add a Gadget

4. Choose HTML/JavaScript

5. Copy this code:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>MAIN MENU TITLE</OPTION>




<option value="URL HERE">URL TITLE HERE</option>
</select></form>

<option value="URL HERE">URL TITLE HERE</option>
</select></form>

Example:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>



<option>Bloger Trick For You</option>



<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-create-blog.html">How to create a Blog</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-setting-blog.html">How to setting a Blog</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-select-and-use.html">How to use the Blogger Templates</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-setting-fonts-and.html">How to setting Fonts and Colors</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-post.html">How to Post</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-setting-my-profile.html">How to Setting My Profile</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-make-link.html">How to make a Link</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-tricks-how-to-make-link-result.html">How to make Link Result to New Page</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-make-link-title.html">How to make Link Title</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-make-read-more.html">How to make Read More Part 1</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-make-read-more_22.html">How to make Read More Part 2</option>

<option value="http://bloggertrick4u.blogspot.com/2009/05/blogger-trick-how-to-make-text-area.html">How to make Text Area</option>

</select></form>

6. Then paste on the form

7. Change the Main Menu Title, URL Title and URL with you want

8. Save

Good Luck.

Blogger Trick: How to make Text Area

2009-05-25T16:42:00.000-07:00

Do you have to know about Link Exchange? Doing it with the html code blog copying other people are placed in your blog. And you will get a linkback from him. Its function is to improve your ranking in the Search Engine. To facilitate other people copying your blog's html code, place it at the code that is easily accessed by visitors who come to your blog. To do this is to create a Text Area. Did you see the form of a Text Area? Please you see on the left side of this article. There is a box containing some html code. The code is copied by the visitors who want to Link Exchange with me. Do you also want to create a Text Area? Please follow the steps it:

Copy the code below:

<center>This is my banner code. Let's Link Exchange!</center>

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();"
type="button" value="Highlight All"> </div><div align="center"></div><p
align="center"><textarea style="WIDTH: 300px; HEIGHT: 150px" name="txt"
rows="100" wrap="VIRTUAL" cols="55">PUT YOUR HTML CODE HERE</textarea></p></div></form>

1. Change "PUT YOUR HTML CODE HERE" with your Html code.
example:

<center><a href="http://bloggertrick4u.blogspot.com/" target="_blank" title="Blogger Trick For You - Free Blogger Trick for Your Blog"><img alt="Blogger Trick" src="http://i717.photobucket.com/albums/ww176/neorie/Blogger-Trick-For-You.gif"/></a></center>

2. Go to Layout Tab

3. Click Add a Gadget

4. Choose HTML/JavaScript

5. Paste the code

6. Save

Here are some details about the settings for you:
1. <div align="center"> is for setting where you wanna put the button of "Select All". The option is left, center, or right. You can change it.

2. value="Select All" is text on the button. You can change with you want.

3. <p align="center"> is for Text Area setting where you wanna put. The option is left, center, or right. You can change it.

4. WIDTH: 300px You can change this for setting width of Text Area. Please just change "300px". ex: 500px

5. HEIGHT: 150px You can change this for setting width of Text Area. Please just change "150px". ex: 200px

If you don't understand this, please ask me a question. Please leave some comment, question or advice for me in below of Post. For goodness this blog. Thank You.

Blogger History: Easy to Share People Mind

2009-05-23T20:45:00.000-07:00

Long time ago, if someone wanted to have the idea that in sharing, these things will be expressed in a note book then sent to the newspaper. That only memories past. Now, if you have ideas, all people can easily distribute to all in the blog. Because the blog is very easy to make, free of charge and can be a land of business. Internet network is now available everywhere, and even can be accessed via mobile phones facilitate the people in the blogging activity.

Around 1990 is the first look blog in the virtual world. Blog is the most likely first is What's New on Mosaic Browser created by Marc Andersen in 1993. Mosaic is the first Internet browser before the Internet Explorer and Nestcape. Until 1998, the number of Blog is still small. Because at that time required specific skills and knowledge about creating websites, HTML, and web hosting to create a Blog. So that only those working in the field of Internet or Web Designer who is able to create a Blog.

Now who does not know Blogger or Blogspot. Free blog service provider is a large company that is able compete WordPress. And is a provider of free blog number one most in demand in the world. Blogger is a blog publishing system that was originally created by Pyra Labs on 23 August 1999 and is a dedicated blog-publishing tool that is first to help popularize the format. In Februari2003, because the very popular, eventually Pyra Labs Acquired by Google. Many features that are free after the change.

In 2004, Google introduce new services "Picasa", namely an application for organizing and editing digital photos. This service is then combined with a photo sharing utility Hello into Blogger service, so that Blogger allows a user to post photos in their blogs. On May 9, 2004, the "Blogger" redesigned the main display, the various changes made in Blogger to add various features such as web standards-compliant templates, individual archive pages for posts, comments and post using email.

On 14 Agustus2006, "Blogger" has launched the latest release in "beta" with the code "Invader," and the release version of Gold in the same time. Blogger users make this move to Google servers and come with some additional "new features" in it. In December 2006, the latest version of Blogger is no longer in "beta" and in "May 2007", Blogger has really moved to Google servers.

Here are some screenshoot blogger.com since 1999 until now:

1999

2000

2009

Have made a blog in Blogspot? Start from here.

Blogger Trick: How to make Read More Part 2

2009-05-22T22:03:00.000-07:00

In the last Post, there may be some who still have not succeeded in process making the read more. When I first created read more, I also often fail. But I don't give up, I was trying to create a more simple read more than in the last Post. But I hope this time will be good. Hopefully you still have the spirit to bloging. Let's do this buddy.

1. First Step:

⇒ Please login first

⇒ Go to Setting Tab

⇒ Click Formatting

⇒ Scroll to the down of page, you will find the box

⇒ Copy this code, and Paste on the box:

<span class="fullpost">


</span>

⇒ Save Setting

2. Second Step:

⇒ Go to Layout Tab

⇒ Click Edit Html

⇒ Click Download Full Template first before you edit your html code. Remember, it's very important! Save it.

⇒ Check the Expand Widget Templates box

⇒ Find this code(just find one from 2 code below) on your html code (you can use Ctrl+F for easy find):


<data:post.body/>

or

<p><data:post.body/></p>

⇒ Delete that code, and replace with the code below:


<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

⇒ Save Template

How to Post is just same way with the last post:
⇒ Your Post have

<span class="fullpost">


</span>

⇒ Your Post example:

This is post that you wanna show on your homepage
<span class="fullpost">
This is post that you wanna hide on your homepage. And will show if visitors click the Title Post or click read more.
</span>

⇒ Publish Post

I hope this code will be work for you. Don't give up. If you failed again, you can upload your saved template. And try again. Good Luck. Keep Blogging.

Blogger Trick: How to make Read More

2009-05-22T19:41:00.000-07:00

Go to my homepage, or click here. You will see half Post and "read more" link. I create "Read more" to save space on the my homepage, and give you a more space to choose what Post you wanna read. Look's good don't you? Perhaps you have seen many website or weblog use that. You wanna make it for your blog? If yes, I'll tell you a blogger trick how to make read more. Ready?

Let's follow these steps:

⇒ Please Login first with your Blogger Account

⇒ Go to Layout Tab

⇒ Click Edit Html

⇒ Click Download Full Template first before you touch your html code.

Warning! It's very Important. Frequent errors in the edit html code. If an error occurs and you become a damaged template, you only to upload it from your computer. So, do back up before you edit your blog's html code.

⇒ Check the Expand Widget Templates box

⇒ Find this code on your html code:

<div class='post-body'>

⇒ To easy find, you can use Ctrl+F, then paste that code you wanna find on the box, click Find or Next

⇒ Copy this code, and paste under <div class='post-body'>:


<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

⇒ Then find this code:

<p><data:post.body/></p>

⇒ Copy this code, and paste under <p><data:post.body/></p>:


<a expr:href='data:post.url'>Read More......</a>

</b:if>

⇒ Save Template

Take a rest for moment. . .

⇒ Go to Setting Tab

⇒ Click Formatting

⇒ Copy this code, and Paste on the box:

<div class="fullpost">


</div>

⇒ Click Save Setting

Now, let's try the post:

⇒ Your Post have

<div class="fullpost">


</div>

⇒ Your Post example:

This is post that you wanna show on your homepage
<div class="fullpost">
This is post that you wanna hide on your homepage. And will show if visitors click the Title Post or click read more.
</div>

⇒ Publish Post

Let's see the result. If failed, don't give up. Please try again and Good Luck. See you in the Next Post.

Blogger Trick: How to make Link Title

2009-05-21T19:46:00.000-07:00

Have You ever seen some link with Link Title? Now, navigate your mouse to the link and banner link on the right side. But do not click on. Only directed. Wait a moment, you will see the show. The text that appears is called the Link Title. It;s very easy to make it. You just add some Html code.

Example Text Link with Link Title

To make it, let's follow these steps:

⇒ For example you have link like this:

<a href="http://21hotbiker.blogspot.com/" target="_blank">Example Text Link with Link Title</a>

⇒ Then you add Html code (title="here your title")

⇒ For example you have link to be like this:

<a href="http://21hotbiker.blogspot.com/" target="_blank" title="This is Link Title">Example Text Link with Link Title</a>

I hope you understand what I tell to you. If any trouble in this trick, please leave a comment under this post. See You in the next Post.

Blogger Tricks: How to make Link Result to New Page

2009-05-21T19:00:00.000-07:00

When you click "this blog", you will see the result in the same page. This will hurt you a bit. Because the visitors gone. We definitely want visitors continue to be in the blog in time for us as possible. Better to use a link that will open in a new page. So the last page is not lost. We need to adding some Html code. Now try to Click example link that added the code:

ex: I always feeling good when I read posts in this blog.
The last page wan not lost. And we keep our traffic.

Ready to make it? Please follow these steps:

⇒Choose "Edit Html" mode (not a Compose)

⇒In the example before added Html code is like this:
ex: I always feeling good when I read posts in this blog.

⇒Please add this Html code: target="_blank" or target="new"

⇒The results like this (on Edit Html mode):

I always feeling good when I read posts in <a href="http://bloggertrick4u.blogspot.com/" target="_blank">this blog</a>.

I always feeling good when I read posts in <a href="http://bloggertrick4u.blogspot.com/" target="new">this blog</a>.

Next Post I will tell You How to make Link Title. Keep Read.

Blogger Trick: How to make a Link

2009-05-21T16:45:00.000-07:00

Link is something that connects between one to another. The function of a link is important. They connect one to another blog that is often called the "Link Exchange". The more your links in other Website or Weblog, your blog will be better in the Search Engine.

Basically, the link can be placed anywhere on the Blog. But how to create a link in the Post and in the Widget (sidebar, footer, etc) is different. In this post I will explain to you how.

⇒Login with your Blogger Account First

1. Make Links inside Post:

⇒New Post

⇒Write your post with title
ex: I always feeling good when I read posts in this blog.

⇒Select the word that you want insert a link (ex: this blog)

⇒Click

⇒And write the link address you want
ex: http://bloggertrick4u.blogspot.com/

⇒You can make like this:
ex: I always feeling good when I read posts in this blog.

2. Make Widget Links in The Sidebar

⇒Go to Layout tab

⇒Click Add a Gadget

⇒Choose Link List

⇒Write Title (ex:Blogroll or Partner Links)

⇒Write number of links to show in list, leave blank to show all links

⇒Choose Sorting mode: Don't Sort, Sort Alphabetically, Sort Reverse Alphabetically

⇒Write the new site URL (ex: http://bloggertrick4u.blogspot.com/)

⇒Write the new site Name (ex: Blogger Trick For You)

⇒Click Add Link

⇒If you want to add more than one link, please fill in again

⇒Have done? Click Save

⇒In the Layout tab, You can Hold Click & Drag the widget position

⇒Click Save

Good Luck!

Blogger Trick: How to Setting My Profile

2009-05-20T18:56:00.000-07:00

The function of a Blog are not only to share information such as news, life story, tutorial, and others. But, the blog can also like be social network that can add a friend here called Followers. How to add the Followers widget, I will explain to you in the Next Post. In this moment, I just tell You How to setting "My Profile". Do the same with when setting profile in Friendster or Facebook. The difference, Blogger is simple. In fact this trick is no need to explain in more to you, because you may simply have to understand. But I think, that there may still not understand. You may not have one I will post this article. So, for those of you who already understand, you don't need to read this.

Please Follow These Steps:

1. Login with your Blogger Account

2. Click Dashboard on top of page

3. Then click Edit Profile on the left page

Privacy:

⇒Share my profile (check in the box if your profile is not private)

⇒Show my real name (If checked, your first and last name will appear on your profile)

⇒Show my email address (Check the box If You wanna show your email)

⇒Show my blogs(Select Your blog that you wanna show. This list of blogs will only be displayed on your user profile - if You have more than one Blog in one Blogger Account)

⇒Show sites I follow (If checked, sites you've followed in either Blogger or Google Friend Connect will appear in your profile)

Identity:

⇒Username (Cannot change this)

⇒Email Address (This is email to show on Your user Profile. Changing this does not change the e-mail address you use to sign-in)

⇒Display Name (The name used to sign your blog posts)

⇒First Name (Your First Name)

⇒Last Name (Your Last Name)

Photograph:

⇒Photo URL (Upload photo from the web/ from your computer)

⇒Remove image (For remove Your Image)

Audio Clip:

⇒Audio Clip URL (You can use this for insert Audio Clip to your user profile)

General:

⇒Gender: (Select your gender)

⇒Birthday (Ex: 9/17/1976 - The year may be left blank - Show astrological signs with check the box)

⇒Homepage URL (Choose Your URL for Homepage)

⇒Wishlist URL (Wishlist - left blank if You dont wanna show this)

⇒IM Username: (Tell to anyone what Your Instant Messenger Username - and Choose the type: Yahoo, AOL, MSN, ICQ, Google Talk, Jabber, QQ or None If you have not IM)

Location:

⇒City/Town (Your Main City/Town)

⇒Region/State (Your Main Region/State)

⇒Country (Your Main Country)

Work:

⇒Industry (Choose Yours)

⇒Occupation (Your work Company)

Extended Info:

⇒Interests (Your Interests)

⇒About Me (Write as little or as much as you'd like)

⇒Favorite Movies (Your Favorite Movies)

⇒Favorite Music (Your Favorite Music)

⇒Favorite Books (Your Favorite Books)

⇒Random Question: (Your Random Question, You must save your profile to get a new question)

4. SAVE PROFILE

There are some benefits that we get from the facilities provided by Blogger. Among them is we can communicate with visitors who come to our Blog. Hopefully this case will be useful for all of us. For Blogger, or for visitors. See You in the next Post.

Blogger Trick: How to Post

2009-05-19T21:20:00.000-07:00

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.

Blogger Trick: How to setting Fonts and Colors

2009-05-19T18:21:00.000-07:00

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.

Blogger Trick: How to select and use the Blogger Templates

2009-05-19T18:10:00.000-07:00

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:

Please Login to your Blogger first using your Blogger Account

Click "Layout"

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.)

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.

Blogger Trick: How to setting a Blog

2009-05-19T02:07:00.000-07:00

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.

Publishing

Type the characters you see in the Word Verification picture

Click "Save Settings" button.

Formatting

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.

Comments

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.

Archiving

Archive Frequency⇒ Monthly

Enable Post Pages?⇒ Yes

Site Feed

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.

Blogger Trick: How to create a Blog

2009-05-18T22:36:00.000-07:00

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:

Click Blogger, or type www.blogger.com in Your Browser Box then click Enter

Click image arrow labeled "Create YOUR BLOG"

Type your Email Address that is still active

Retype your Email Address

Type the password that you want

Retype the password

Type Blog Name with the name you want to show

Write the Word Verification Code in the form

Check the little box that You accept the Terms of Service

Click image arrow labeled "CONTINUE"

Enter the Blog Title that you want in the form Blog Title (in the future can change again)

Write the Address Name (URL) of your site in the form Blog address

Write verification code displayed on the verification form words

Click image arrow labeled "CONTINUE"

Choose template that you want (in the future can change again)
Click image arrow labeled "CONTINUE"

In the "Your blog has been created". Click on the picture the arrow labeled "Start Posting"

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.

Let's Blogging - Share Your Mind to The World

2009-05-18T20:59:00.000-07:00

Human beings are social. It is the human need to relate to other human knowledge. Technology has been developed. Internet System already supports a touch through the virtual world, through Social Networks like Facebook, Friendster, etc. Along with its development, there is a new way to meet and share with people around the world that is Blogging.

Blog more specific than the social network. Here we can customizing the blog as much as possible with fewer restrictions. We can share everything with people around the world. We need only write it in the Post. There have only goal to share, but not a few of them for the purpose of his blog as the land of business.

Many of us who do not know how to create a blog with a variety of features in it. I will share about how you can run to create a blog as you want with Blogspot(http://www.blogger.com/). Please review the tricks that I write in this blog. However, I am not a perfect person. Maybe there was an error in writing and such. I will appreciate any advice you give to the progress this blog. I say the final word. Let's Share to the World, Let's Bloging!