Save Homeless Animals with your Facebook / Blog!

  
   Home   Listings   Forum   Vouchers   Microchip   FurryCards
| Search          

SAVE THE HOMELESS ANIMALS!

Did you know that you can play a crucial role in helping out all these poor homeless animals with your website or blog?

It'll just take 5 minutes of your time and you can be saving an animal's life each day!


What Do I Need To Do?

It's really simple, just follow the steps below to place the code into your website:
  1. Determine how many rows and columns of animals you wish to display at your website by selecting the Rows and Columns menu at the PetFinder Code Window below
  2. Click on Preview to see how the display will look like in your website
  3. Once you are satisfied with the display, click on Highlight Code then press CTRL-C to copy it
  4. Open your webpage in a text / HTML editor, paste the code into a suitable location, and make the page live. You can also check out our sections below for specific instructions on inserting the code into Blogger, Xanga or Facebook.
  5. Congratulations, your PetFinder box is now active, and you can begin saving lives right away! Don't forget to tell us about your website!
PetFinder Code Window
Rows:      Columns:


  


Want To Promote A Specific Pet?

Do you wish to showcase a specific animal in PetFinder at your website, or feature a cute pet just for fun? Here's how you can do it!
  1. Go to our Listings and browse to that Pet's profile page
  2. Scroll right to the bottom - Promotional section
  3. Click on the "Promote This Pet Only" radio button
  4. Copy and paste the corresponding code into your website!



We have specifically created detailed instructions for you if you are using Blogger / Blogspot, Xanga or Facebook. Please refer to the specific sections below.

Blogger.com / Blogspot.com
  1. Login to your Blogger account
  2. Click on the LAYOUT Tab at the top
  3. Click on the Edit HTML sub-menu
  4. You will see a large Edit Template box showing HTML codes
  5. Scroll down until you almost reach the bottom, and look for the line:
    <!-- spacer for skins that want sidebar and main to be the same height-->

  6. Copy and paste the code from the PetFinder Code Window and place it right above that line. Note that you can adjust the number of rows and columns of animals to display at the PetFinder Code Window. A display with 1 column and multiple rows is recommended.
  7. Alternatively, you can also add it as a New Gadget at any part of the blog. Just go to "Add Gadget", select HTML/Java Script, and paste the selected code there.
  8. Click on Preview Template and you'll instantly see a dynamic PetFinder box appear at your sidebar (or any position you specified) showing animals for adoption.
  9. Once you've fine tuned the display and are satisfied with the preview, click on Save Template and you're done!
[ View Sample Blogger Display ]



Xanga.com
  1. Login to your Xanga account
  2. Click on the Edit Look & Feel link at the left navigation bar, under the Your Site section
  3. Copy and paste the code from the PetFinder Code Window and place it into the large Module text box within the JavaScript Module section. Note that you can adjust the number of rows and columns of animals to display at the PetFinder Code Window. A display with 1 column and multiple rows is recommended.
  4. Click on the Preview button and you'll instantly see a dynamic PetFinder box appear at your sidebar showing animals awaiting adoption.
  5. Once you've fine tuned the display and are satisfied with the preview, click Yes at the Save These Changes box (or the Save Changes button) and you're done!
[ View Sample Xanga Display ]



Facebook.com

For Facebook, you need not insert the PetFinder HTML code into your pages. All you need to do is add the PetFinder.my Application to your account. Please follow the instructions below.
  1. Login to your Facebook account
  2. Go to this page: http://apps.facebook.com/mypetfinder/?action=install. Or, you can type "PetFinder.my application" at Facebook's left search bar, then click into the corresponding result.
  3. At confirmation page, click "Allow" to proceed.
  4. Click on Applications button at the bottom Facebook bar and select Edit (or just go to the page http://www.facebook.com/editapps.php directly).
  5. Locate the PetFinder.my entry and click on Edit Settings
  6. At the Settings popup box, click on the Profile tab. At the Box and Tab columns, click Add (the status would automatically change from Available to Added). Change the Privacy settings to Everyone. Click Okay to finalize changes.
  7. A PetFinder Tab would automatically be added to your Profile page, and a dynamic PetFinder box would be featured at the "Boxes" tab.
  8. Go to the "Boxes" tab, then click on the Edit icon at the upper right corner of the PetFinder section and select "Move To Wall Tab".
  9. PetFinder.my's animals would now be featured at the left side of your Wall, as well as on a PetFinder.my Tab. The dynamic profile box randomly displays a pet seeking adoption, updated each hour.






Tell Us About Your Website, or Need Help?

Already placed the PetFinder code into your website? Share your success with our members now, or assist those that are not so sure of the process!

[ Tell us right away! ]

 

Home | Sign Up | Listings | Members | Fosterers | Forums | Hall of Shame | Discussions | Microchip | Vouchers
Directory | FurryCards | About PetFinder | Contact Us