The My Photo In Blog and Contact Me components have been pre-loaded
with a temporary placeholder. To change it, please do the following:
Part One: Edit your Profile
1. Log-in to your blog
2. Go to the Administration Dashboard (you'll find the link under Help for Publishers in the right sidebar)
3.
Click on your username at the top left-hand side where it says “My
Profile.” You will be taken to your profile page where you can upload a
photo and add contact info.
4. Where it says “My Photo” click “Browse…” to locate the image file you want to upload on your local computer or disk.
5.
Click “Save Changes” to upload the image. (please make sure that your
photo is in the appropriate file format: jpg, or gif). When the upload
is successful, the image will automatically appear.
6. You can also
add contact information on this page and select whether it will be
visible to everyone or just to people you choose.
Part Two: Customize “My Photo in Blog”
Now that you have added a photo to your profile the next step is to replace the temporary profile on your blog with your own.
1. At the top of the My Profile page click on the Control Panel tab.
2. Click on the Look & Feel tab in the next row
3. Click on Layout in the next row
4. Click on the Components tab at the top of the blue shaded area
5. In the long list of components find My Photo In Blog and click Customize
6. You will see a pop-up window- “Add Custom Component”- with this code in it:
<div class=”component”>
<div class=”componentTopicItem”>
<!– Delete this line or Change the URL on the next line to change the image that appears –>
<div class=”componentContent”><a href=”javascript:openWindow('http://www.blogware.com/profiles/
wellesleyalumna',
'Profile', 450, 600);”><img
src=”http://www.blogware.com/profiles/wellesleyalumna/thumb.jpg”
alt=”photo”></a></div>
</div>
</div>
7. Look for the fourth line down that says:
<a href=”javascript:openWindow('http://www.blogware.com/profiles/
wellesleyalumna/index.html', 'Profile', 450, 600);”>
and REPLACE the username in bold (wellesleyalumna) with YOUR unique username.
Your edited code should now look like:
<div class=”component”>
<div class=”componentTopicItem”>
<!– Delete this line or Change the URL on the next line to change the image that appears –>
<div class=”componentContent”><a href=”javascript:openWindow('http://www.blogware.com/profiles/
YOURusername/index.html', 'Profile', 450, 600);”>
<img src=”http://www.blogware.com/profiles/wellesleyalumna/thumb.jpg” alt=”photo”></a></div>
8. NEXT, where the code says
<img src=”http://www.blogware.com/profiles/wellesleyalumna/
thumb.jpg” alt=”photo”></a></div>
you will need to REPLACE the username in bold (wellesleyalumna) with YOUR unique username.
For example, <img src=”http://www.blogware.com/profiles/YOURusername/
thumb.jpg” alt=”photo”></a></div>
Your completed code should now look like:
<div class=”component”>
<div class=”componentTopicItem”>
<!– Delete this line or Change the URL on the next line to change the image that appears –>
<div class=”componentContent”><a href=”javascript:openWindow('http://www.blogware.com/profiles/
YOURusername/index.html', 'Profile', 450, 600);”>
<img
src=”http://www.blogware.com/profiles/YOURusername/thumb.jpg”
alt=”photo”></a></div></a></div>
</div>
9. Click Add Component.
Part Three: Customize your “Contact Me” Component.
The process for customizing the Contact me component is very similar to what you just did for My Photo in Blog
1. Go back to the Look&Feel tab.
2. Click on Layout.
3. Click on Components.
4. In System Components, locate “Contact Me” and click on “Customize”
5. You will see a pop-up window- “Add Custom Component”- with this code in it:
<div class=”component”>
<div class=”componentHead”>
<!– This line below must be edited: please see “How to customize Contact Me” at http://www.faq.pingwellesley.com–>
<a href=”javascript:openWindow('http://www.blogware.com/profiles/
wellesleyalumna/index.html', 'Profile', 450, 600);”>Contact Me</a>
</div>
</div>
6. About 5 lines down, you should see:
<a href=”javascript:openWindow('http://www.blogware.com/profiles/
wellesleyalumna/index.html', 'Profile', 450, 600);”>Contact Me</a>
7. Replace wellesleyalumna with YOUR unique username.
Example:
<a href=”http://www.blogware.com/profiles/YOURusername/index.html”>Contact Me</a>
8. Click Add Component.
That's it! Your Contact Me and My Photo In Blog should now link to your profile photo and profile page.
Share This