MountainGoat

How to create a ‘basic’ widget for your site.

The widget is based on a picture of the day type image.

So, here we go (with thanks to SabrinaDeep for the POTD script that I have modified for this purpose).

1. Download Amnesty Generator from here.
2. Prepare your server. Create a folder in the server, for the thumbnails, and then select the images that you want to create the thumbnails. In testing, I found that if you stuck to a horizontal or vertical format, then this would work better… So, say you were using a monthly rotation, use all vertical.
3. Resize all your images to the same size. (VERY IMPORTANT LATER ON!) And not too big, say 200px on the long side, because you do not want to swamp the user’s widget bar.
4. Open up notepad, and then write a script like this one I have added below (from SabrinaDeep’s script earlier on last week!)
5. Once you have saved this, after making the adjustments necessary to work, then upload this, and the images to the server. The width and height are the same ones that you cropped the image to. Make sure that your image script is in an easy to remember place (I saved to the root folder during testing, and it worked fine)
6. Create a new document in your notepad/html editor, and then add
Where the height and the width correspond to the height/width of your images. (just remove the spaces in "I"frame, cos the board software blocks them!)
7. Open up Amnesty generator, and in the HTML code field, place the command above in there.
8. In the name and identifier, write whatever you want to call it, and with the width and height used above.
9. Save.
10. Install or upload to the server, for others to download and install.

fresh

thanks for the tut, will do that

__________________

MountainGoat

As I detailed yesterday, about building a widget in Netpond, I won’t go over the basics again, unless you are unsure about something, if you are just post it in the 'widgets thread' in the main forum, and I will try and answer the questions! (Hey, I have only been looking in to this, a little under 24 hours!)

To help you along, a little, I have built a widget resource pack, which, surprise, surprise, is for the promo of my own site! Download it here. It is just over 4mb in size, because I have included the images, to give an idea of the overview.

It is very simple to get everything working right, but I will point out that the widget functionality does not support PHP as a native standard, I am unsure if they support Javascript either, for that matter, because I have not been able to have a look in the code to which they are built. Basically, they are static web displays. As my tutorial went yesterday, I packaged all the functionality up and shipped that off to a server, and then in the code for the widget packaged it in an “I”frame. This is so you do not lose the PHP or if you decide on a bigger and better, the Javascript/flash/whatever functionality.

Ok, to modify the resource pack, which I have built last night (twenty minutes, because of a thunderstorm which took out the power!) I will detail below how to modify it for your own promo purposes.

1. Decompress the widgettutorial.zip to somewhere memorable in your machine.
2. Open the “Widget.html” file in any editing package of your choice.
3. Add your own background, by cutting an image to the dimensions of 180x250px. Then save this in to the “widgimg” folder, in whatever file format you should desire.
4. Find the entry that says:
and change the server address to whatever your website is, and the ‘back.png’ to whatever your image file name is. Remember, this is going to be running on the computer of the user, so this is important that you get this right to start with! Also remember to make the background graphic to the size of the #frame div tag, or larger, so it doesn’t look like a s*** in a bucket.
5. Now, next find the entry of “I”frame, and which should look like this, with the spaces removed in the I word...
and replace the server address with whatever your website is called.
6. Now, find the link below this, to navigate to the site of your choice, but remember to put in your affiliate ID in to this link!!! (The reason for this is the visitor may download the widget, without directly becoming a member, and I would hate you to lose out on the hard work you have put in to building this box of tricks, when they finally do!) The link is the bit that looks like
Make sure you do not adjust the target because if not, the website will attempt to open in the widget, itself; and the user will bin the widget in a heartbeat.
7. Adjust the title of the website in the same line, so instead of “Visit Nena Blue” it will become “Visit This Site, or Whatever!”
8. Open up Amnesty Generator, which you should have snagged yesterday, if you were following the preceding tutorial, and build the “Widget.html” file that you should still have open in your editor of choice, into a widget. Give it a memorable name, and the size of 180x250. This is a good size to be visible, but not swamp the user’s widget bar, or desktop.
9. Open up Widg.php, and change the line that says:
to reflect the path to your website. Save it, that is the only adjustment that needs to be made to this.
10. To adjust the images, collect the thumbs or gallery images from your affiliate site, over the month, and cut them to the size of 133x200px, in whatever image editor you use.
11. Rename the files from 01 to 28, 30, 31, depending on the days of the month you are promoting for, but remember you MUST have the complete month accounted for, don’t think that you can skip a couple of days, because your user will think it is broken and bin it!
12. Upload Widg.php and folder “widgimg” to the root of your server, unless you have specified in the coding of Widg.php and widget.html.
13. When it comes to the last day of the month, or a day specified for changing the images, then you just cut the next month’s images to size, rename to the correct convention and upload them to the widgimg folder.

PLEASE NOTE: The implementation of this, is your own choice, not because “MountainGoat said so…” and also the other thing is, that the references to 127.0.0.1 are my testing server and they are the lines that you replace for your website!

PornBlogger

thanks MountainGoat, very cool!

i love me some widgets.. *rubbing my MacBook* lol

peace

__________________
- Reading can help your $$$ status
"Follow your passion and success will follow you"
- "knock'em out the box yoooooo"

markz08

that's cool, widgets also help in Optimization

__________________

dld1900

thanks for tut

__________________
I need to make a total 10 posts before my sig can be seen, so until then, why not check out Netpond's sponsors