How to Put a Blinkie in My Blog
It's not too difficult to put an animated image, or blinkie, on your blog. After you create several small images, use an online animation maker to help you create a blinkie. Websites such as Picasion, Lunapic and Gifup allow you to upload several images to create an animated image. If you own a Blogger website, log in to your account and then add the HTML code.
Other People Are Reading
Instructions
-
-
1
Gather together all of the images that you plan to use for a blinkie. Ensure that your images are saved in GIF format and no larger than 150 by 50 pixels in size. Keep in mind, no more than 10 images should be used for a blinkie. Use an online photo-editing service such as Pixlr to resize and make any adjustments to your images.
-
2
Select an online animation maker website to create an animated image or blinkie for your blog. For example, go to the website Picasion and upload your images on the website's server. Click the “Browse” button to locate the file path of the first image that you created for your blinkie. Continue uploading your images on the website's server in chronological order.
-
-
3
Click the drop-down menu arrow under “Size” and select “Advanced” from the menu list. Type “150” in the “Your Size” text box to create a blinkie image. Click the drop-down menu arrow under “Speed,” and select the type of speed that you want. Click the “Create Animation” button when you're done. After the Web page loads on your browser, you will see an animated image of your blinkie. Scroll down the page and copy the tags in the text box next to “HTML code for blog/website.”
-
4
Go to Blogger.com, and enter your Gmail user account information in the appropriate text boxes. Click the “Sign In” button. If your blog is hosted on another blogging platform, log in to your user account like you normally would to make a blog post.
-
5
Click on the “Design” hyperlink and locate an area on the “Add and Arrange Page Elements” page where you want to add your blinkie image. Click on the “Add a Gadget” hyperlink and scroll down the list until you find “HTML/Java Script.” Click on the “+” symbol and when the pop-up box appears on the screen, paste the HTML code that you previously copied of the animated image for your blinkie into the “Content” box. Click the “Save” button when you're done.
-
6
Click on the “Save” button near the top of the Web page and then click the “View Blog” hyperlink to see the animated image of your blinkie. When you're done, log out of your Blogger user account.
-
1
References
- "Visual Design for the Modern Web"; Penny McIntire; 2007
- "Learn HTML 4 in a Weekend"; Steven E. Callihan; 2006
