Popular tags :
-- : -- : --
 

blog post Report Featured Song Template for your Bio

Bruce
Posted on Feb 2, 2010 - 11:15 by Bruce
  • Edited By Bruce on Feb 8, 2010 - 14:33
Here's a template you can fill in with your own songs on your Bio.


featuredsongs-notes.png

Upcoming Blues on Uvumi.com Marshall Stokes - Upcoming Blues

This Place We're In on Uvumi.com Van Wampler = This Place We're In
get this





Copy/Paste This Template



1. Highlight and copy all the HTML code in the box. Paste that into your bio.

2. Fill in the song(s) of your choice. To get the image link for a song, click open the song's permalink and copy the link for the mini avatar version. See my blog Song Links for more details about song links.

3. You might want to change the "on Uvumi.com" part to the artist and title.

It should be pretty obvious which chunk of text you need to replace in this example to add your own selections - a song link starts with "<a" and ends at "</a>.

Copy/Paste HTML in box



<p style="float:left;font-size:120%;color:#000000;background-color:#FFFFCC;padding-left:25px;padding-right:25px;border:solid #eeeebb;">
<img src="http://img.uvumi.com/photos/1013/big/featuredsongs-notes.png" alt="featuredsongs-notes.png" />

<a href="http://uvumi.com/marshall"><img src="http://uvumi.com/marshall/avatar/mini" style="vertical-align=middle" alt="Upcoming Blues on Uvumi.com"/></a> <a href="http://uvumi.com/marshall/songs/47">Marshall Stokes - Upcoming Blues</a>

<a href="http://uvumi.com/vanwampler"><img src="http://uvumi.com/vanwampler/avatar/mini" style="vertical-align=middle" alt="This Place We&#039;re In on Uvumi.com"/></a> <a href="http://uvumi.com/vanwampler/songs/2774">Van Wampler = This Place We&#039;re In</a>

<span style="float:right;font-size:70%;color:#606060;"><a href="http://uvumi.com/#bruce/blog/276">get this</a></span>
</p>
<br style="clear:both;" />

Customize Your Template


You can customize this template, if you wish. The top "Featured Songs" bar is called "featuredsongs-notes.png". You can change that to a graphic of your choice, but it should be 512 pixels wide. And you can change the background color and border by making appropriate changes to the first <p> definition. See Post with Style for more info on that.

Older Post: Post with Style Newer Post: HINT - Permalinks

Comments (9)

  • alicson's picture
    Left by alicson, on Mar 2, 2010 - 18:49
    coolio!
    Permanent LinkLink   ReplyReply   ReportReport
  • Kalli2B's picture
    Left by Kalli2B, on Feb 17, 2010 - 9:56
    Neat!
    Permanent LinkLink   ReplyReply   ReportReport
  • Left by gingerbelle, on Feb 8, 2010 - 9:32
    I got here via sandyness. Thanks for being so helpful! Very cool:)
    Permanent LinkLink   ReplyReply   ReportReport
  • hdsander's picture
    Great!!!
    Left by hdsander, on Feb 4, 2010 - 16:00
    I can't wait to use the html code you revealed!
    You're so cool!
    Permanent LinkLink   ReplyReply   ReportReport
  • redshift9's picture
    Left by redshift9, on Feb 4, 2010 - 7:38
    I just added this to my profile, and it's awesome. Thanks!
    Permanent LinkLink   ReplyReply   ReportReport
  • Left by worldblee, on Feb 3, 2010 - 15:55
    Thanks for sharing this good info. You can make lists just by pasting the URL of the song directly into a blog post, but adding the avatar pictures makes it much cooler. :-)
    Permanent LinkLink   ReplyReply   ReportReport
  • olivier's picture
    Left by olivier, on Feb 3, 2010 - 1:21
    By the way, how did you find about the /avatar thing? I don't remember it being used anywhere on the site
    Permanent LinkLink   ReplyReply   ReportReport
    • Left by Marshall Stokes, on Feb 3, 2010 - 5:37
      I mentioned it in a comment on another one of Bruce's blog posts! Giving away all of our secrets!
      Permanent LinkLink   ReplyReply   ReportReport
  • olivier's picture
    Left by olivier, on Feb 3, 2010 - 1:18
    This is pretty awesome, than you for your hard work
    Permanent LinkLink   ReplyReply   ReportReport

Add a comment.

Register a new account.
Forgot your password?

Sharing box

Share this page:    

Copy/pasteable HTML: