HotMax Zone: Blogger Trick

Showing posts with label Blogger Trick. Show all posts

Monday, July 13, 2009

How to Create dTree Navigation Menu

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!

Friday, July 3, 2009

Blogger Trick: Set the Blog Width

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!

Monday, June 29, 2009

Blogger Trick: Install Date Properties

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.

Sunday, June 28, 2009

Instant Submit Blog to Search Engine

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.

Wednesday, June 24, 2009

Submit Blog to Directory

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!

Tuesday, June 23, 2009

How to Removing Post Image Border

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!

Monday, June 22, 2009

Ping Service List for Search Engine Optimization

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!

Sunday, June 21, 2009

How to make Rainbow Links

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

Saturday, June 20, 2009

Adding Picture to Post Title

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…

Thursday, June 18, 2009

Blogger Trick: Using Keyboard Shortcuts While Posting

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.

Wednesday, June 17, 2009

Blogger Trick: Adding Yahoo! Messenger Status

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!

Tuesday, June 16, 2009

Blogger Trick: How to Create Recent Comments

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.

Monday, June 15, 2009

Blogger Trick: How to Create Blogroll / Links List

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.

Sunday, June 14, 2009

Blogger Trick: Adding Online User Counter

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!

Saturday, June 13, 2009

Blogger Trick: Union Emoticons to Post

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!

Monday, July 13, 2009

Friday, July 3, 2009

Monday, June 29, 2009

Sunday, June 28, 2009

Wednesday, June 24, 2009

Tuesday, June 23, 2009

Monday, June 22, 2009

Sunday, June 21, 2009

Saturday, June 20, 2009

Thursday, June 18, 2009

Wednesday, June 17, 2009

Tuesday, June 16, 2009

Monday, June 15, 2009

Sunday, June 14, 2009

Saturday, June 13, 2009

Best iPod Reviews

Best Notebooks laptops Reviews

Business Zone

Work Online

Blog and Internet Marketing

WordPress Tips

Blogger Tips

Blog Promotion

Google AdSense

Affiliate Programs Tips

Best iPhone Review

HotMax Zone

About Me

Subscribe To

Search This Blog

Followers

Blog Archive