How to Create Dropdown Menu

What is dropdown menu?
Dropdown menu is like this :

Blog Archive How To Create Dtree Menu How to Create Search Engine

Here is the trick how to create dropdown menu :

Copy the code below and put it on your page elements.


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Blog Archive</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

The red text is links, change it with your links.
The blue text is Anchor text. Yau must change it.

For example :


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Blog Archive</option>
<option value="http://trick-blog.blogspot.com/2008/02/tutorial-to-create-dtree-menu.htmll"> How to Create Dtree Menul </option>
<option value="http://trick-blog.blogspot.com/2008/01/how-to-create-search-engine-in-blogger.html"> How to Create Search Engine </option>
</select>

The result would be like this:

Blog Archive How to Create Dtree Menu How to Create Search Engine

To add more menu/item, put a code like below

<option value="Links 3">Text 3</option>

before this code </select>

If you want the links opened in new window, change the code below

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

with this code ::

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

The resul would be like this:

Dropdown New Window How to Create Dtree Menul How to Create Search Engine

Read more »

Free Unlimited File Hosting Service

If we have a web/blog especially about downloading like mp3, video, ebook etc, it’s need a webhost to put these files, and usually we like a free webhosting rather than paying. But there are some problems/limitations if we chose a free file hosting like :Bingung Cari Tempat Hosting Gratis Dan Unlimited?

- Limited capacity/storage.
- No store big files bigger than 5 MB (Usually).
- traffic limitation (base on time)
- etc.

Now I have a solution to solve the problems. Try to use ziddu. ziddu is one of the free unlimited file hosting service. What will you get from ziddu? here is :

- Unlimited storage, (you can upload your files as much as possible).
- maximum file size to uploaded is 200 MB (it’s big enough)
- No huorly traffice limitation.
- Get paid everytime others download your files.
For the last poin, is it true that we will get paid everytime others download files?
Yes, it’s 100% true. You will get paid $0.001 per unique download. Cash will be transfered via paypal.

If you interesting SIGN UP HERE

Read more »

How to Create Float Image

This tutorial is about to create float image that will always show on your corner blog althought you drag side scroll bar. see example. You can put an image, widget, clock etc on the corner.
Step by step to create Float image.

1. Login ke blogger then click "Layout -->> Edit HTML
2. Find this code ]]></b:skin>, then put the code below above it.

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

3. The bold text is it’e position. you can change it with "top", "bottom", "left", "right"
4. The next step is put the code below before tag</body>

<div id="float_corner">

<a href="http://trik-tips.blogspot.com"> <img src="

http://blogoholic.info/files/soniclari.gif" border="0" /></a>

</div>

"http://trick-blog.blogspot.com" is a link.
"http://blogoholic.info/files/soniclari.gif" is image URL, Change it with your own image.

5. If you wanna fill it with a widget, change the red code with your widget code.
6. Save and preview your blog.

Read more »

How to Create Email Form Subscription

The function of Email Form Subscription is to let your loyal visitors to subscribe your new article/posting in to their email. So if your post a new article your subscriber will receive your article automatically. It’s very usefull, your subscriber will know if there is a new article, so they will come to visit your blog immediatly.
Here the trick to create Email Form Subscription

1. visit this site : http://www.feedburner.com
2. You will see a box to enter your blog feeds. enter your blog feeds in to the box. Usually your blog feeds is like this : http://YOURBLOGNAME.blogspot.com/feeds/posts/default
3. If you have video file in your blog content, check on the "I am a podcaster"box, If not, it’s unnecessary. Then click "Next" Button.
4. After that, you must to fill a form, fill it with your information then click on the "Activate Feed"
5. If you’re succeed, you will see "Congrats your....." notificaton.
6. On the buttom you will see a "Next" Button and a link "Skip directly to feed management", choose this link.
7. You will see some menus on top. Choose "Email Subscription" menu.
8. On the left you will see some menu again, now click on the "Email Subscriptions"
9. Then click on the "Activate" button.
10. You will some code on the boxes. Choose code in the "Subsciption Form Code" box, and copy it. then click "Save" Button.

11. To plug it on your blog, go to "Layout-->>Add Page element-->HTML/Javascript" paste your code on the box.

See your blog, Now you have an "Email Form Subscription"
Congrats....

Read more »

How to Create Blogroll (Link List Box)

As a bloger, we usually added our Friends link on our blog. Day by day and month by month it's number will increased. But if your friends link over than hundredsor or even thousands, it will be a problem, your blog space will full of your friends link list.
Now I will show you how to create a blogroll, a box to place your friends link list. You can fill it with as many as links, and it's size will not get bigger. So it will save space on your blog or sidebar. The box will be like mine.

Here's the code that you should to copy and place on your blog or sidebar ("Add Page Element --> HTML/Java Script").

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 300px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>

Note:
- Text width: 200px; and height: 300px; is size of the box, you can change it according to your place or sidebar size .
- Change the text "#link1,#link2, #link3 dst" with your friends link list.

Read more »

Display Yahoo Messenger Status on Blog

The advantage of showing Yahoo Messenger status on your blog is your visittors can talk or ask something to you directly via YM, it will make your relationship with your visitor to be more tighly. Ok lets begin.

If you’re oflfline, it will display image like this:



And if you’re online, it will display icon like this:



It’s very simple to create it. You just copy the code below and put it on your "Page Element" or sidebar.

<a href="ymsgr:sendIM?kendhin_x"> <img src="http://opi.yahoo.com/online?u=kendhin_x&amp;m=g&amp;t=2&amp;l=us"/>
</a>

Change the red text (kendhin_x) with your YM id.
Look at the green number "2", you can change it. What the result of doing this? you will different image/icon as your YM status.

You must try it !!!!

Read more »

How to Show Recent Post on the Sidebar

To show your recent post on the sidebar is very easy, you just follow the instruction below then you will see your recent post on your blog sidebar. here’s the steps :

1. Login to Blogger then Chose "Layout"
2. Click on "Add page element" (chose where you want to put it) then chose "HTML/Javascript"
3. Copy the code below and put it in the "content" box.

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

4. Change YOURBLOGNAME with your blogname.
5. The number "10" it’s amount of recent post that will be shown, You can change it.
6. Click Save.

Get Try it .......

Read more »