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 YOUR WORD.

Contoh :

Font size 1

Font size 2

Font size 3

Font size 4

Font size 5

Font size 6

Font size 7

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 and or and

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

Bold: ........
ex: Example 
result: Example

italic: ........
ex: Example 
result: Example

We can replace the codes, Bold+italic: ........
ex: Example
result: Example

Tag Case is not sensitive:
........ = ........
........ = ........

If like Bold or italic have or , any tag that have no pairs like <hr>, 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!