How to Copy Image URL

Since there are many newbies to blog here so, I create a tutorial on how to get adiWidget's Image URL in my other blog. There are many cute images in this blog have no codes where you have to generate it by yourself.

Get the Tutorial Here: http://adiwira.blogspot.com/

Insert adiWidget™ Automatically in Blogspot

(1) Type Your Blog Address here: http://.blogspot.com (2) Paste adiWidget™ code here:

(3) ...and just follow this simple instruction. Good Luck ;)

adiWidget™ Code Generator

(1) Enter the full URL of the image

You can upload your own image at any image hosting [i.e. at KCBox.Net, photobucket, imageshack or others] or check any cute image at adiWidget™
e.g. http://adiwidget.com/images/raya/raya01_08.png
Note:Right-Click the image and Click Properties to know the image location or URL.

(2) Choose the position of the image Bottom RightBottom LeftTop Right Top Left

-- Bottom Right ------ Bottom Left ---------- Top Right ---------- Top Left ------

(3) and Copy & Paste the code below before the < /head> tag of your web if you want adiWidget™ to load first or before < /body> tag if you want it to load last:

Note:
This code is actually develop by my friend at KCBox.Net a place where you can host your image there for free. Thank you very much to him for struggling developing this code. I fully give him a credit for creating this code. Original code can be viewed here: http://widget.downloadfridge.com/

KCBox
Free Image Hosting

adiWidget™ on Friendster

Do you know that adiWidget™ can also be enabled in Friendster?
Example: http://profiles.friendster.com/54025691

Only 5 steps required:






Hoola.... adiWidget™ is now available in your Friendster!!!

Tutorial adiWidget™

How to setup adiWidget™ in blogger:

0. Login to blogger
1. Click Dashboard
2. Click Layout for the blog that you want to add adiWidget™


3. Click edit HTML


4. Find < / body> in the HTML code. You can you use function "Find" in your browser.
5. Paste adiWidget™ code BEFORE < / body> See --Get Codes--



6. Save Template. Hoola!!!


How to set up adiWidget™ for non-blogger user?

1. Please make sure that you can have accessed to edit HTML. [Blogsome or Free Wordpress account don't have this facilities. So sorry about that :(]

2. Paste adiWidget™ code BEFORE < / body> tag.

3. Save and publish your site. Yabedabedu!!!

Get Codes

Copy & Paste the code below before the < /head > tag of your web if you want adiWidget™ to load first or before < /body> tag if you want it to load last:

Bottom Right Position

<script language="JavaScript" src="http://adiwidget.com/js/adibottom.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://adiwidget.com/images/FOLDER-NAME/IMAGE-NAME.png") </script>

Top Right Position

<script language="JavaScript" src="http://adiwidget.com/js/aditop.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://adiwidget.com/images/FOLDER-NAME/IMAGE-NAME.png") </script>

Bottom Left Position

<script language="JavaScript" src="http://adiwidget.com/js/adibottomleft.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://adiwidget.com/images/FOLDER-NAME/IMAGE-NAME.png") </script>

Top Left Position

<script language="JavaScript" src="http://adiwidget.com/js/aditopleft.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://adiwidget.com/images/FOLDER-NAME/IMAGE-NAME.png") </script>

Change the http://adiwidget.com/images/FOLDER-NAME/IMAGE-NAME.png to the image name that are available in this site. If you don't know the image name or image location of adiWidget™, just "right click" your mouse at the image and click "properties". Replace the image location to the appropriate adiWidget™ code.
OR
If you have your own image, just change the http://adiwidget.com/images/FOLDER-NAME/IMAGE-NAME.png to your own image location. You can host your own image in googlepages.com, photobucket.com or any image hosting site. To avoid the limitation of adiWidget™ bandwidth, I really appreciate if you can copy adiWidget™ image and put at your own image location.

Note:
From now on, you can have multiple adiWidget™ at your site. Just paste 2 codes for 2 adiWidget™, 3 codes for 3 adiWidget™ and 4 for 4 adiWidget™.