Friday, June 28, 2013

How to insert social icons to your Blog

Go to your Dashboard --> Layout --> Add a Gadget --> choose HTML/JavaScript

Find Add a Gadget / Намерете Прибави притурка

Then write the code below:
blogger tricks
Write this code: <a href="" target="_blank"><img src="http://youricon.png" height="40" width="40" /></a>

a href="" - between the quotes put a link to the site you want to redirect users, for example Facebook.

Use target="_blank" if you want redirecting link to open in a new window, if not - don't put this phrase in the code!

img src="" - between the quotes put a link of the social icon image you want users to see. I use Picasa to upload images to blogger.

height and width - determines what to be the size of the icon in px.

If you want to add more icons just copy-paste the same code with a changed img scr link and href link.

That's it! :)
social icons in blogger

Download Free Social Icons

No comments:

Post a Comment

Powered by Blogger.
Ралица Василева
Здравей, приятел! Аз съм Рал, графичен дизайнер и Направи си сам ентусиаст. Намери повече за мен тук :)