Adding graphics to your blog

Add your photo to an empty post and upload it.
Save, publish and open the post in browser.
Click on the photo and a new browser window will open.
Copy the url from address bar.
Resave the original post as a draft so that no one will be able to see it.
Open template for editing.
Add the img src tag immediately after the h1 blog title tag in the header section.
Save and publish. View Blog.
Your photo will appear in the header.


CREATING A FAVICON FOR YOUR BLOG :

Go to the free Favicon Generator
Select apicture of any size.
Click 'Generate Favicon.ico'.
Download the zip file and extract the animated.gif file in it.
Upload this file to your blog using the method detailed above.
Open template for editing and add following code :
"<link rel="icon" href="animated_favicon1.gif" type="image/gif" >"
between your "<head> "and"</head>" tags
Replace the href with the href/URL of your photo obtained above.
Open your site in a browser to check.
Check out my favicon above in the address bar!

Open an account in a free image hosting site like photobucket.
Upload the graphic to the site.
Copy the URL of the graphic.
Paste it in img src tags to wherever you want it in the template.
If you want it in the background put it in the background section at the top of the css section.
If you want it in the sidebar put it in the sidebar section

0 comments:

Post a Comment