INSTALLING YOUR
NEW GWPP2 CODE
Welcome to the Installation for the Guild Wars Profiles Project 2 code for myspace. This code is meant for distribution of non-commercial purposes only.
Ok, lets begin with basic blank layout and everything you must have ready to go before we start this installation process. So lets start by making a checklist to easily display what we need, and also reference for later on.. in case we get confused.
THE CHECKLIST:
Okay after we have done this, we are ready to begin. This is a step-by-step tutorial, so feel free to skip ahead at anytime in order to save time.
Pre-Prep:
This is one of the most essential parts of the tutorial because of the fact that it will save us a ton of time if we have all our Pre-Prep done before we begin.
1) We have a blank Layout ready to go (Everything is
deleted)
2) We go to the website www.bbzspace.com/overlay
And go to Essential Links & Codes for Overlays:
3) fill in your URL, click create link!, and leave this tab/window open.
4) Get URLs(links) for the following things:
· 4 Links to Profiles of the 4 same friends.
How to Get your Comment URL:
Now that you have all your Pre-Prep done, We are ready to begin!
1) Open the .txt file entitled “Who I’d Like to Meet Guild Wars PP2”
Now we go through the rigorous process of replacing links.
2) Find this line of code:
<A HREF="INSERT GALLERY URL HERE">
And replace it with the URL of a Gallery (Or View all Pictures)
I will use the link to my Flickr Gallery:
3) Find this line of code:
<A HREF="INSERT SHOW ALL PICTURES URL HERE">
And Replace it with the URL given by bbzspace for View all Pics
Here’s what I get:
4) Find these Lines of code:
<A HREF="INSERT SHOW ALL PICTURES URL HERE">
<IMG SRC="INSERT MAIN PIC URL HERE" WIDTH=252 HEIGHT=298 BORDER=0 ALT=""></A></TD>
And Fill both the Areas with the Proper URLs (This is the second time we are using the “show all Pictures URL”)
Here’s what I get:
5)Find These lines of code:
<A HREF="INSERT 1ST FRIEND PROFILE URL
HERE">
<IMG
SRC="INSERT 1ST FRIEND PIC URL HERE" WIDTH=100 HEIGHT=100 BORDER=0
ALT=""></A></TD>
<TD
ROWSPAN=2>
<IMG
SRC="http://wetwilly92.googlepages.com/New-Myspace_24.jpg" WIDTH=6
HEIGHT=126 ALT=""></TD>
<TD
COLSPAN=3>
<A
HREF="INSERT 2ND FRIEND PROFILE URL HERE">
<IMG
SRC="INSERT 2ND FRIEND PIC URL HERE" WIDTH=100 HEIGHT=100 BORDER=0
ALT=""></A></TD>
<TD
ROWSPAN=2>
<IMG
SRC="http://wetwilly92.googlepages.com/New-Myspace_26.jpg" WIDTH=7
HEIGHT=126 ALT=""></TD>
<TD
COLSPAN=2>
<A
HREF="INSERT 3RD FRIEND PROFILE URL HERE">
<IMG
SRC="INSERT 3RD FRIEND PIC URL HERE" WIDTH=100 HEIGHT=100 BORDER=0
ALT=""></A></TD>
<TD
ROWSPAN=2>
<IMG
SRC="http://wetwilly92.googlepages.com/New-Myspace_28.jpg" WIDTH=8
HEIGHT=126 ALT=""></TD>
<TD
COLSPAN=2>
<A
HREF="INSERT 4TH FRIEND PROFILE URL HERE">
<IMG SRC="INSERT 4TH FRIEND PIC URL HERE" WIDTH=100 HEIGHT=100 BORDER=0 ALT=""></A></TD>
And Replace them with the Img URLs and Profile links of the four friends you chose from Pre-Prep.
Here’s mine:
Find These Lines of code: ( you can tell I’m getting tired.. )
<TD COLSPAN=4 ROWSPAN=2>
<A
HREF="INSERT ADD TO FRIENDS URL HERE">
<IMG
SRC="http://wetwilly92.googlepages.com/New-Myspace_36.jpg" WIDTH=93
HEIGHT=55 BORDER=0 ALT=""></A></TD>
<TD
COLSPAN=3 ROWSPAN=2>
<A
HREF="Insert Message URL HERE">
<IMG
SRC="http://wetwilly92.googlepages.com/New-Myspace_37.jpg" WIDTH=93
HEIGHT=55 BORDER=0 ALT=""></A></TD>
<TD
COLSPAN=3 ROWSPAN=2>
<A
HREF=" Insert Comment URL HERE ">
<IMG
SRC="http://wetwilly92.googlepages.com/New-Myspace_38.jpg" WIDTH=93
HEIGHT=55 BORDER=0 ALT=""></A></TD>
<TD
COLSPAN=4 ROWSPAN=2>
<A
HREF=" INSERT BLOCK URL HERE ">
<IMG SRC="http://wetwilly92.googlepages.com/New-Myspace_39.jpg" WIDTH=97 HEIGHT=55 BORDER=0 ALT=""></A></TD>
And Replace them with the links you are getting from bbzspace and the comment link you got from your myspace.
Mine:
Okay, now that you have your Profile Slices all done, It’s time to Get your Music Player Ready to Go!
The Open-Source
XSPF Player & You:
Okay, it’s time to get our music player up and ready.
First we need a Domain, if you have your own, then Great! You don’t need to read this next part :D!
How to get a domain:
Lucky for you, Google offers a
free domain to anyone with a google account. So go to
www.google.com and sign up for an account.
Once you are all signed up go to:
And sign up for that and you
are all ready to go.
Making a XSPF File:
To make a playlist
you must have some sort of text editor (I recommend Notebook).
Open up your Text editor, and copy this code into your document:
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
<
You can do as many tracks as you want, just continue to use this:
<
<
<
<
<
<
In between the tracklist and playlist tags.
Now go to http://www.projectplaylist.com/
And search a song you would like. Click one of the WORKING Mp3s (trial and error method ;D )
Now click “visit site”
Copy the green text to the left:
Now save the the file with the .XSPF (literally type it into the filename.. )
Here is my playlist file:
Now Upload this file to your domain.
Okay, It’s time to choose a skin you like:
Go to http://freddyizbadd.com/xspf_skins.php and download one of the skins you like. Upload that file to your domain. I am currently hosting three skins that are free for you to use:
http://wetwilly92.googlepages.com/xspf_bluegreen.swf
http://wetwilly92.googlepages.com/xspf_greyblue.swf
http://wetwilly92.googlepages.com/xspf_gryblk.swf
They are basically described in the filename, if you want to see how they look, test them out.
Now it is time to get your flash player running:
Find these line of code in your Who I’d like to Meet Guild Wars PP2 file:
data=".SWF FILE HERE?playlist_url=PLAYLIST URL HERE">
<param name="allowScriptAccess"
value="never" />
<param name="allowNetworking"
value="internal" />
<param name="movie" value=".SWF FILE HERE?playlist_url=PLAYLIST URL HERE" />
And Replace the specified areas.
Here’s mine:
data="http://wetwilly92.googlepages.com/xspf_bluegreen.swf?playlist_url=http://wetwilly92.googlepages.com/Playlist.XSPF&autoplay=true">
<param name="allowScriptAccess"
value="never" />
<param name="allowNetworking"
value="internal" />
<param name="movie" value=http://wetwilly92.googlepages.com/xspf_bluegreen.swf?playlist_url=http://wetwilly92.googlepages.com/Playlist.XSPF&autoplay=true”/>
(NOTE* I ADDED AN AUTOPLAY PARAMETER TO THE CODE, DELETE IT UNLESS YOU WANT AUTOPLAY)
Okay, now save your file, and you should be good to go.
Open up your About Me Guild Wars PP2 File, and copy all the Code in that file. Paste this into your about me profile.
Copy all the Code in your Who I’d Like to Meet Guild Wars PP2 File and paste it into your Who I’d like to meet section.
Save your profile and check it out. Make sure all the links work properly, if you find a bad link, go back and fix it. Replace the lines of TEXT TEXT TEXT with actual text. Make sure your playlist is working, if not then re-read the instructions. Make sure you have ready everything carefully.
My Final:
THANK GOD! WE’RE DONE!! OMG!!!
Alrighty guys, this has been a blast (not really, because I had to edit the code for like the 30th time, and this tut took like 4hrs to write >.>)
Now GET OUT!
Feel free to edit this.
Any aspiring div overlayers, feel free to re-position the music player. Here’s some stuff to know:
Code:
quick lesson on "position: relative"
top: -45px = moves up 45px
top: 45px = moves down 45px
left: -15px = moves left 15px
left: 15px = moves right 15px
quick lesson on "position: absolute"
top: 0% = moves to top of page
top: 50% = moves to middle of page
top: 100% = moves to bottem of page
left: 0% = moves to left of page
left: 50% = moves to center of page
left: 100% = moves to right of page
margin-left: -15px = moves left 15px
margin-left: 15px = moves right 15px
margin-top: 45px = moves down 45px
margin-top: -45px = moves up 45px
Mini Music Player:
W: 15 H: 225
Full music player (w/o info button):
W: 335 H: 153
Full Music Player (W/ info button):
W: 400 H: 170
This profile is protected by the Creative
Commons License
Feel free to edit this profile for redistribution, Oh and you have my consent to void the “I have to link to the Creative Commons Lisence or else” rule. Just make sure credit is given where credit is Due :D
-IMAU
Copyright © Guild Wars Profiles Project (Profile #2)
Enjoy Everyone :D