2009
04.19

Having a website and throwing in some content in it has been much easier these days, thanks to Wordpress and the likes. I wish I can say the same about editing the .php of the website, a necessary evil which I wish I could just skip it altogether. I prefer more visual approach than coding in any given day, although I must admit, editing some code in Dreamweaver or TextWrangler makes me look like a cool geek in front of my wife :)
Anyhow, in my website which is based on Composito template from DesignDisease, there is one part that I must update manually—not from WP Control Panel—which is the “About Me” and the “Photostream”. The first part was filled with fill holder text (lorem ipsum dolor …), while the second part needs an access to my Flickr account. To modify them, I must access and edit the sidebar .php file, and fill in the necessary content.

Changing the “About Me”:
This is the old “About Me” section on the sidebar.php:
<!– Start About This Blog –>
<div class=”about”>
<h3>About this blog</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra.</p>
</div>
<!– End About This Blog –>

To explain the purpose of my blog, I edited the content under the <h3>About this blog</h3> tag, and make it like this:
<!– Start About This Blog –>
<div class=”about”>
<h3>About this blog</h3>
<p>Just my place to write about things I love to do, range from technology, literature, and culinary as well. Enjoy!</p>
</div>
<!– End About This Blog –>

Adding Flickr Photostream to My Blog
I googled the Net to find out how to adding Flickr Photostream to my blog, and sure there are some references there. I crosschecked 2 tutorials that I found in this site and this site, then try to use them on my website:

  1. I went to my Flickr home page.
  2. Scroll down to the bottom and click on “Tools”
  3. Under the last paragraph in “Upload by Email”, I clicked on “Hey! Where is the badge?”
  4. Start from this page, there are 5 steps to go through until I get the code. I just selected the options that I want, and change it until it fit what I have in mind.
  5. On the last step (no.5), select all the code in the text box and copy it (Cmd+C on the Mac)
  6. Paste the code between the <!– Start Flickr Photostream –> tag and <!– End Flickr Photostream –> tag.
  7. Using FTP uploader, I upload the file to the Composito roots, then I preview the look.
  8. When I’am happy with it, save and publish. If not, just repeat and rinse step 1 to 8.

Flickr has changed few times in the past 2 years, and the location of the tool for designing your own badge has been moved here & there. Currently it reside in http://www.flickr.com/badge.gne

That’s it, the 2 steps that I need to do “manually” in order to function my website. Hopefully this will enhance my rusty skill in HTML and the likes :)

No Comment.

Add Your Comment