I dared to play around a bit with the html of my blog's template. I wanted to add a Flickr Badge of family photos to the right side of my blog. I managed to add it to the bottom - a step in the right direction at least. Can anyone help me figure out where I need to post the code in the template to make it show up on the side? Will I need to reset margins a bit to make it fit?
Tammy Moore who is learning by trial and error. :0)
-------- 6 HOURS LATER - Same day ------------------------
My 18 (oops, had 17 written here for a whole day before I realized I had the wrong age - LOL) year old helped me to move the family pictures Flikr Badge to the side. It looks sooo good. I love it. Yay!!!! And I learned a bit more about HTML in the process.
You can do this too. First open your template in the blogger control panel and select 'edit template. Copy/paste everything you see in the window to a notepad or word document. This is your safety net if you really mess up. You can always delete the html in the template edit window and copy/paste the original working one back in.
Next, opening a free Flickr account (or use your existing one if you have one), uploading the photos you want, and select the link that takes you to making a Flikr Badge. You will have the option of having a Flash version or an html one. I chose the html one in a vertical orientaion. The site will generate some html code that you copy to the clipboard. Then go to your blog control panel, select edit template and paste it in where it seems best to go. My first try I pasted to almost the end of the template. That is why it originally put the badge at the bottom of the blog. I looked through the template code and soon was able to identify most of what the parts were there for. With Greg's help, we found the perfect spot.
------- by 9:30 pm - Same day -----------------------------
Well, I am getting adventurous. I just added a site meter to the blog under the family photo badge. This is fun. LOL.
If you want to try a meter too, I got mine free through http://sitemeter.com. Always begin by copy/pasting a working backup of your template before ever changing anything. Do that right away. Then, go to the sitecounter website. You just fill in the registration information, they mail you an e-mail with your username and password which will let you into the manager section of your account, you copy the html code from their site, and then paste it into your template (edit template at your controlpanel). It was easy and quick especially after gaining a bit of experience earlier in the day with the Flickr Badge. I just pasted the counter html right under the Flikr Badge html. The site counter took less that 10 minutes to do from beginning to end.
|