Sample Text

EPF Corner: New Elite Penguin Force Spy Phone Message from Jet Pack Guy! For more information, click here.
Latest Club Penguin Times Topic: Weeks Old Message Arrives! For more information, click here.

Everything Club Penguin: Frosty's Tips Issue #1 - Auto-Updating Banners!


Hi there, penguins!

First up, Happy 4th of July to those who are celebrating it today. I hope you have a wonderful day today! In other news, I've decided to create a brand new type of post on my website to show penguins how to accomplish certain achievements with their blog. These posts will usually be centered around the questions I get asked, so if you have a question; feel free to ask, and I may cover it in the next Frosty's Tips issue. For my very first Frosty's Tips issue, I'm basing it on Auto-Updating Banners. I get asked quite often how I update my banners, and how they could do the same. In this post, you'll learn how I update my banners so that you could use the same technique for your very own blog!


Step 1 - Signing In or Signing Up! I use a website named "Webs" to update my banners. It's easy, free, and a great way to update any image you upload onto the website. You can access the website at Webs.com. To get started, you'll need to sign into your account VIA Webs.com. If you don't have an account with Webs yet, fill out the information under "Create an account for free!" with your parents/guardians' permission, then click "Get Started." When done filling out the information and submitting it, you may need to check your email address for an activation link to activate your account. If so, you'll need to activate your account in order to proceed.


Step 2 - Uploading Your Image! The next step to creating an auto-updating image is uploading the image you'd like to update to a page or a post. I recommend uploading it to a page, but uploading it to a post can work as well. To create a page, click " + ADD A NEW PAGE" on your Webs Site Manager. When filling out the information for your page, use a blank page template. It does not matter what you name the page, though. Once you create the page, you will automatically be taken to it. You'll then need to add a Content Box. Click the "Content Box" button to create one. To upload your image you'd like to auto-update, click on the "Photo" button. Then click "Upload A New Image" then click "Choose File" in order to search your computer files for the image you would like. My image is titled "IMG01". After uploading your image, click the "Publish" button, then click "Publish All Pages" so you will be taken back to the Site Manager. On your Site Manager, in order to edit the page again in the future, click the pencil button next to the page you would like to edit.


Step 3 - Creating the New Image! Onto the important step of creating an auto-updating image. In order to update it correctly, the image you'd like to update it with needs to be exactly the same. The image doesn't need to look the same, it just needs to have the same file name and file type. Since my image I uploaded to Webs is titled "IMG01" and is a .PNG file, I will need to name the image I'd like to update it as "IMG01" and save it as a .PNG file as well.


Step 4 - Deleting Your Webs Photo! Now that you have an image to update your Webs photo with, I'll teach you how to update your Webs photo with your new photo. You'll need to head back to your Webs Site Manager. At the Site Manager, click "File Manager" and find the image you want to update. I will need to find "IMG01" in my File Manager. Once I find the image, I will need to click the red minus button for that file. This will delete the image completely off of your Webs account, allowing you to add a new photo with the same exact name and file type causing the image to act as an auto-updating banner.


Step 5 - Adding Your New Image! Now that you've removed your old image, head back to the page you originally uploaded it to, and upload your new image with the same exact name and file type. Your image will now be updated and will automatically update on every website that exact photo is on, as long as they have not altered the image coding. Once you've uploaded the new image, be sure to save the page once again. You will have successfully auto-updating a photo. This process can be repeated as many times as you'd like. If your image does not update immediately, give it some time. It will update no matter what given time as long as you have followed my guide properly.


If you are in need of coding so that others can add your auto-updating image to their website, don't worry! I've got you covered. Below is the HTML code you can fill out so that your auto-updating image can update on any website it's properly added to.

<center>
<a href="YOUR WEBSITE URL GOES HERE"><img src="YOUR IMAGE URL GOES HERE" /></a></center>

I hope you enjoyed this guide I've created! Have fun creating as many auto-updating images you wish to have. If you have any questions you'd like me to answer in future Frosty's Tips issues, be sure to: comment below, send me an email at Support@EverythingClubPenguin.com, or send me a tweet containing your question. My Twitter account is @FrostyBadge.

-Frosty Badge

3 comments:

  1. How do I make a content box?! There is no option. :(

    ReplyDelete
  2. In the new Webs.com there is no Content Box anymore. You have to drag and drop the image element and follow the steps!

    ReplyDelete