Newbie Tip – Coffee Mug replacement on default theme
how to replace the coffee mug logo in the default template with your own logo..a newbie tip is born
Step 1 – you need to upstream/upload your picture (your logo) to the cloud.
Open the radio application > then open the www folder > then open the images folder, you can either place the your image directly into the images folder or create a new folder for your personal pictures. I recently created a new folder inside the images folder called birthday wish list 2005 and then pasted pictures in that folder from my computer.
(Newbie Tips located here – based on PC) (Mac Users – Just Around the Bend has newbie tips here)
Step 2 – Deleting the top part of coffee mug image
Open your #hometemplate by going to this page http://127.0.0.1:5335/system/pages/prefs?page=3.2
Read the code source until you located the image ref information – as seen in green below –
<body bgcolor=”#FFFFFF” leftmargin=”0″ topmargin=”0″ marginwidth=”0″ marginheight=”0″>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr bgcolor=”#5876AC”>
<td>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”6″>
<tr align=”center”>
<td><%radio.macros.editorsOnlyMenu ()%><%if radioResponder.flStaticRendering {return (“<font color=\”white\”>Updated: ” + now + “.”)} else {return (“”)}%></font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”112″>
<a href=”http://radio.userland.com/“> <%radio.macros.imageref (“/system/images/weblogDefault/header1.gif”)%></a></td>
You are going to deletethe section in green
Step 3 – Replacing the lower half of the coffee mug image with your image
Adding your image to the template (where the second part of the coffee mug image is located)
Next scroll down til you find this image reference (about 9 lines down from the previous image reference in step 2)
<td width=”112″ valign=”top”>
<a href=”http://radio.userland.com/“> <%radio.macros.imageref (“/system/images/weblogDefault/header3.gif“)%></a></td>
You are going to delete the section in blue and replace the section in pink with your logo or image
it will look like this when you are done (I used a marble image)
<%radio.macros.imageref (“images/marble.jpg“)%> </a></td>
I should have a marble on my newbie themes test page where the coffee mug used to be
Step 4 – Replacing coffee mug image on main template
Go to this page: http://127.0.0.1:5335/system/pages/prefs?page=3.1 and follow steps 2 and 3 above