Your Ad Here

How to prepare link to my site widget

How to prepare link to my site widget


How To prepare link to my site widget ?
Many people are unaware of how to create this widget
I am going to tell you a simple trick which will tell how to create this widget
Just follow the following steps
Step 1>Take a screen shot of the image which you want to put in the widget or in which you want to put the hyperlink to your website .
For example i took the screenshot given below:-


This can be taken by and image capturing software. If you dont have one you can download it from here
Then Upload the image to a free photo hosting website .like ibibo flickr or photobucket
Then go to the website where you have uploaded the image
open that image and copy its web adress address
eg. the web address of my image is :-http://mdb8.ibibo.com/03453616c7465645f5f5957c18ac85173578b00b2aa0e4bdd1c0d7290ba73e4c2dfa944b5b2
75bb82ff5a07b88fc5fb58463e753f.bmp

STEP 2 > Go to your blogger dasboard . Create a new post . then put the image by using the second option of uploading i.e obtain image through web


Step 3> Since the image you upload must be of a small size so that it could easliy fit in the link.Then rezise the image to the size which you appear the best

Step 4> Give the image link to your website or whatever website you want to connect


Step 5> Go to HTML tab of the editior

Step 6> Copy all the HTML code given there

Step 7> Paste the HTML Code in a new notepad or wordpad file which ever you are using . This would be the code of your image .

Step 8> Now we have to prepare a scroll box where we can put this link.
Step 9> For that copy the code given below:-
<textarea style="WIDTH: 100; HEIGHT: 75" onfocus="this.select();" name="textarea" cols="19">

Step 10>Just arrange the codes in the follwoing manner
Picture code
(leave three four lines)
above code written in that and just after that the picture code (dont leave any space between the scroll and the picture code )
eg:-

Step 11> Select the whole code obtained in 10
Step 12> Go to Layout>Add a gadget>HTML/javascript and paste that code .
The work is done cheers
You can also adjust the size of the box by resizing the picture and the scroll box code if you wish
If you counter any problems please feel free to consult me .

VIVITI

VIVITI






  1. GO TO VIVITI.COM
  2. SIGN UP
  3. START EDITING YOUR WEBSITE


Your Ad Here