How do you get those Tables & Links on your SingSnap Profile?

I've been asked this several times. And here is my answer for all

This is the HTML code I use for my table of favorite duets.
The 1st part is simply what I said BEFORE the actual table.
Notice that I center it by placing the HTML <center> comand at the beginning,
and then I place the </center> at the end

<center><big><span style="color: rgb(51, 102, 255);">Here are some of my favorite duets with other SingSnap members</span></big><br></center>

This next part is the actual TABLE. Once again, to center it, you must place <center> at the beginning
and then end it with </center>. This table might be a bit confusing because it is the table with the SingSnap recordings.
Everything in black, is all that YOU need to change for your own recordings.


<center><table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px;">
<tbody>
<tr>
<td style="text-align: center; width: 157px; vertical-align: middle;"><b>That's The Way Love Goes<br>with LillySwanC</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/ba12106a7"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/ba12106a7" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object><br>
</td>
<td style="text-align: center; width: 157px; vertical-align: middle;"><b>Jackson<br>with coyotedaisy</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/bdfe59d3"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/bdfe59d3" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object><br>
</td>
<td style="text-align: center; width: 157px; vertical-align: middle;"><b>Hopelessly Yours<br>with auntdawny</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/a8cbb5b1"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/a8cbb5b1" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object><br>
</td>
<td style="text-align: center; width: 157px; vertical-align: middle;"><b>Anything You Can Do<br>with hiddenheart</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/b79f1fea"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/b79f1fea" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"><br>
</object></td>
</tr>
<tr>
<td style="width: 157px; text-align: center; vertical-align: middle;"><b>Who's Cheatin' Who<br>with Rainnara</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/c8120f5f0"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/c8120f5f0" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object><br>
</td>
<td style="width: 157px; text-align: center; vertical-align: middle;"><b>Change My Heart Oh God<br>with Carol4Jesus</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/c0130617b"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/c0130617b" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object><br>
</td>
<td style="width: 157px; text-align: center; vertical-align: middle;"><b>Don't Cry Joni<br>with jammmieeejam</b><br>
<object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/b1b5fb09"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/b1b5fb09" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object></td>
<td style="width: 157px; text-align: center; vertical-align: middle;"><b>Green Acres <br>with Kokomo</b><br><object width="190" height="244"><param name="movie" value="http://www.singsnap.com/snap/e/a8beef39"><param name="wmode" value="transparent"><embed src="http://www.singsnap.com/snap/e/a8beef39" type="application/x-shockwave-flash" wmode="transparent" width="190" height="244"></object></td>
</tr>
</tbody>
</table></center>


When all of the above is entered into your Profile Info box, This is what you see:

Here are some of my favorite duets with other SingSnap members

That's The Way Love Goes
with LillySwanC


Jackson
with coyotedaisy


Hopelessly Yours
with auntdawny


Anything You Can Do
with hiddenheart


Who's Cheatin' Who
with Rainnara


Change My Heart Oh God
with Carol4Jesus


Don't Cry Joni
with jammmieeejam

Green Acreas
with Kokomo


There is one slight difference between the URLs above & the URLs below for your recordings
Note the difference in the two: (indicated in red text)
http://www.singsnap.com/snap/e/a8beef39  (for the ones above)
http://www.singsnap.com/snap/r/a8beef39  (for the ones below)




Now this is the Table of only Links.
Notice that each row in the table, begins with a <tr> and ends with a </tr>
so when I want to add another row, I simply copy and paste from the beginning of a <tr> to the end of the </tr> for those 4 cells
Also notice that the width of my table is 800px and the width of each cell is 200px
This is because I have 4 columns to each row and I want the cells (or columns) to be equal, thus 800px divided by 4 = 200px
Everything in black, is all that YOU need to change for your own recordings.


<center><table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b0afbad3">Little-Read Bible Book</a><br>
</td>
<td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/bb1118be3">I Fought the Lord</a><br>
</td>
<td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b410abfad">Bread of Life</a><br>
</td>
<td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b7e49d65">Bless Your Name</a><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b1ceaead">My Mighty God</a><br>
</td>
<td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b3a70249">Yes Today</a><br>
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b8deb499">You're So Good</a><br>
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/aebbf329">Y.H.W.H.</a><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b3b895cd">I'm Walking</a><br>
</td>
<td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b5e95909">Elijah<br>
</a></td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b910d87b1">I Love Jesus Christ</a><br>
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/aeaff3f1">The Broad Way</a><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/ad9c6fe9">He Really Got Mad</a><br>
</td>
<td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/bb11067c5">Streets Of Gold</a><br>
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/bbf0d1d5">Green Pastures</a><br>
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b0abb57d">Wake Up Lazy Christian</a><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b6105e36d">The Adam Family</a><br>
</td>
<td style="vertical-align: top; width: 200px; text-align: center; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b8efcf85">Come On Christian, Get On Fire</a><br>
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><a href="http://www.singsnap.com/snap/r/b6f2e5e7">The Preacher Man</a><br>
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;"><br>
</td>
</tr>
</tbody>
</table></center>


When all of the above is entered into your Profile Info box, This is what you see:

Little-Read Bible Book
I Fought the Lord
Bread of Life
Bless Your Name
My Mighty God
Yes Today
You're So Good
Y.H.W.H.
I'm Walking
Elijah
I Love Jesus Christ
The Broad Way
He Really Got Mad
Streets Of Gold
Green Pastures
Wake Up Lazy Christian
The Adam Family
Come On Christian, Get On Fire
The Preacher Man



Here are some basic HTML codes and what they are used for:

  to create a Space
  would create 11 Spaces
<br>  to create a Return
<b> or <strong> to BOLD text (the text must always end with a </b> or </strong> when you want the BOLD text to stop being Bold.
<big> to increase the text size one notch & you must always end it with </big>  (if you use TWO, also END with TWO)
<center> to Center Text or a Table & you must always end it with </center>

A Table is basically made up of the following simple HTML code

THIS HTML is a Single Cell (or Column) WITHIN the ROW <tr> </tr>


<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>


Note:
these will do nothing unless they are used inside of these:
<tr> </tr> (a row)
And these <tr></tr> (a row)
this will do nothing unless they are used inside of these: <tbody> </tbody> (a Table BODY)
and these 
<tbody> </tbody> (a Table BODY) this will do nothing unless it is used inside the Table itself: <table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;"> </table>

To create a Table that is 800 pixels wide, Put them all together like this:
<table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
</tr>
</tbody>
</table>

This is the result:
Text in the Cell

Add another Column
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>


You now have this:
<table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>

</tr>
</tbody>
</table>


This is the result:
Text in the Cell Text in the Cell

Add another Column
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>


You now have this:
<table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>

</tr>
</tbody>
</table>
This is the result:
Text in the Cell Text in the Cell Text in the Cell

Add another Column
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>


You now have this:
<table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>

</tr>
</tbody>
</table>

This is the result:
Text in the Cell Text in the Cell Text in the Cell Text in the Cell

Now Add another FULL ROW by copying a set of these <tr></tr> and everything inbetween
and paste them after the last
</tr>

<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>

</tr>

You now have this:
<table cellpadding="2" cellspacing="2" border="1" style="text-align: left; width: 800px; margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>

</tr>
<tr>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>
<td style="vertical-align: top; text-align: center; width: 200px; font-weight: bold;">Text in the Cell
</td>

</tr>
</tbody>
</table>

This is the result:
Text in the Cell Text in the Cell Text in the Cell Text in the Cell
Text in the Cell Text in the Cell Text in the Cell Text in the Cell


If you simply want to place one single link on your profile or inside a comment box, this is the code:

<a href="http://www.singsnap.com/snap/r/b0afbad3">Little-Read Bible Book</a>  will create this:  Little-Read Bible Book

Here it is without any information inserted yet:
<a href=""></a>


The link (or URL) goes between the QUOTES
<a href="FULL Path to the link">WHAT you want the TEXT to READ goes Here</a>


I hope this helps.
God Bless You



This is a starter page & I plan to add more good information for you, as time allows

Any questions? Contact BrotherGary on SingSnap
Click Here to send me a Private Message on SingSnap