Help w/Custom Profile and Home Pages

Return to Help Topics

How to create a full page HTML profile page.

This tutorial will teach you how to use custom pages and many useful HTML techniques to build a My Favorite Gay Movies page.

1.	Go to your profile in a different window or tab so you can leave these instructions open.
2.	Add an HTML tab by clicking the to the right of 'New Tab' and then select 'HTML'. ***If you don't see 'New Tab' you will need to Get Certified.
3.	The widget is now on the page, enter Top 3 Favorite Movies in 'Widget Title' and click 'OK'
4.	Click the on the widget title bar to see the widget preferences.
5.	Type this into the 'HTML' field. <div align=center> <br><span style="font-size:28px">The 3 Best Movies</span> <br>more stuff here <br></div>
6.	Click 'OK'
7.	Open a new web browser page, leave Connexion open, and go to Amazon.com and find a movie you love.
8.	Right-click on the movie image and select: IE: Properties. Triple-click on the Address (URL) link 'http://...' to highlight the entire link. Right-click and copy. Firefox: Copy Image Location Safari: Copy Image Address
9.	Go back to your 'My Favorite Movies' tab on your profile, and view the preferences of the widget by clicking the .
10.	Replace the text 'more stuff here' by pasting what you had just copied, and click OK. *Notice that the link isnt clickable.
11.	Edit the preferences again with , and change the link to <img src="[pasted link]"> and click OK.
12.	You can make this image link to Amazon.com by changing it to <a href="http://www.amazon.com"><img src="[pasted link]"></> and click OK.
13.	Now click the movie image and it will take you to Amazon. Close that window and go back to Connexion. You should link to the actual Amazon page URL, just copy the URL from the Address bar <a href="[the real long amazon product link]">*
14.	Edit the preferences again with , and write why you love this movie, use a <br> as an HTML return. <img src="[pasted link]"><br>#1. This movie is really funny.
15.	To change the color and text size of your caption <span style="font-size:18px;color:red;">#1. This movie is really funny.</span>
16.	Give a link to amazon where people can view this movie. <a href="[the real long amazon product link]">Check it out here</a>
17.	Now repeat for your remaining movies.

The final HTML for My Favorite Gay Movies page.

<div align=center>
 The 3 Best Gay Movies
 
<a href="http://www.amazon.com/Another-Gay-Movie-Unrated-Widescreen/dp/B000HWXPXK/ref=pd_bbs_sr_1?ie=UTF8&s=dvd&qid=1198087299&sr=8-1"><img src="http://ecx.images-amazon.com/images/I/51p70zPqCoL._AA240_.jpg"></a>
 #1. Another Gay Movie. This movie is really funny. <a href="http://www.amazon.com/Another-Gay-Movie-Unrated-Widescreen/dp/B000HWXPXK/ref=pd_bbs_sr_1?ie=UTF8&s=dvd&qid=1198087299&sr=8-1">Check it out here</a>
 

 
<a href="http://www.amazon.com/Latter-Days-Unrated-Steve-Sandvoss/dp/B0002I84JO/ref=cm_srch_res_rpli_1"><img src="http://ecx.images-amazon.com/images/I/511SRX464WL._AA240_.jpg"></a>
 #2. Latter Days. Good movie with hot boys. <a href="http://www.amazon.com/Latter-Days-Unrated-Steve-Sandvoss/dp/B0002I84JO/ref=cm_srch_res_rpli_1">Check it out here</a>
 

 
<a href="http://www.amazon.com/Trick-Tori-Spelling/dp/0780629167/ref=pd_bbs_1?ie=UTF8&s=dvd&qid=1198103887&sr=8-1"><img src="http://ecx.images-amazon.com/images/I/71ZEQZ2S7VL._AA240_.gif"></a>
 #3. Trick. Classic. Lots of fun. <a href="http://www.amazon.com/Trick-Tori-Spelling/dp/0780629167/ref=pd_bbs_1?ie=UTF8&s=dvd&qid=1198103887&sr=8-1">Check it out here</a>
 

</div>

Return to Help Topics