Custom Fav Icon For Blogger [ tag trick ]

It's very simple to make yours own icon then replace Blogger icon (B - orange letter).

What is Icon ?

Icon in this article are about Favorite or Bookmark Browser Icon. Icon that you can see in the left of address bar Browser.

Notes:

Remember that icon size must be 24 x 24 pixel up to 32 x 32 pixel.

Steps :

1. Login to your blog (blogger/wordpress)
2. Only copy/paste the blogger tag line code below here after :
   <link href="http://www.blogger.com/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
   </link>
   
3. And then copy/paste the one of blogger tag line code below here before:
   <link href="http://[Your Link URL]" rel="icon" type="image/vnd.microsoft.icon"></link>
   
   or
   
   <link href="http://[Your%20Link%20URL]" rel="icon" type="image/png"></link>
   
   or
   
   <link href="http://[Your%20Link%20URL]" rel="icon" type="image/png" rel='SHORTCUT ICON'></link>
   
   
4. You must change [Your Link URL] with icon directory that you have uploaded.
   It works very compatible if you are using Picasa Web (www.picasaweb.google.com).

keyword:
Icon,FavIcon, blogger, (blogger/blogspot), create, make, modify, change blogger icon, blogspot icon
blog trik, blog trik2, blog tips, blog tutorial, blog guide, blog information, blogtrik, blog info

You can use:

http://favicon.htmlkit.com/favicon/

Wordpress

WordPress is web software or CMS (Content Management System) framework & simple web hosting you can use to create a beautiful website or blog. We like to say that WordPress is both free and priceless at the same time.

The core software is built by hundreds of community volunteers, and when you’re ready for more there are thousands of plugins and themes available to transform your site into almost anything you can imagine. Over 25 million people have chosen WordPress to power the place on the web they call “home” — we’d love you to join the family.

source :wordpress.org


keyword : wordpress, blog, blog guide, blog trik, blog info, wordpress, plugin, themes

Graphics Banner Generator Online

http://cooltext.com/


http://www.bannerbreak.com/
Glitter/Animation Graphics , Graffiti Creator, Free Banner Maker

http://www.bannerfans.com/banner_maker.php
Web 2.0 Graphics Banner Text Generator Online

blog trik

Hack : Add Animated Image Icon Before Post Titles in Blogger / Blogspot

Find or Upload Image Icon To Insert Before Blogger Post Titles :
1. You must find an suitable icon to place in your blog. The maximum size of your icon should be 50*50 pixels.
2. You may search on Google  or Google Images with search phrases like “Animated icons”, “Animated logos”, “Animated avatar” and choose an image.
3. See if the image you have choosen is not protected under any copyright law.
4. Try to get an icon which blends perfectly with your blog theme/background.
5. Upload your icon to any image hosting site such as ImageShack, PhotoBucket, TinyPic or Picasa etc, and get the link to your image.
Hack HTML Code Layout For Your Image Icon :
1. You must getting the link to your image icon.
2. Follow below template code to make a HTML code using the link to your animated icon.

<img src="Link%20Your%20Image%20LINK" style="border-width: 0px;" />

3. Change the text LINK YOUR IMAGE LINK with the link to your image

Editing HTML Layout To Insert Image Code
1. Login to your blogger dashboard.
2. Navigate to Settings > Layout > Edit HTML.
3.  Expand Widget Templates by clicking the box next to it.
4. Search for the below code in your template by pressing Ctrl+F on your browser

<b:if cond="data:post.url"></b:if>

5. Add your image HTML code just above this code in your template.
Save the template and you are done.

Now you can see an animated image icon before all your post titles on blogger/blogspot. You can also apply this trick to add some special/sticky notes before your post titles. Simply post your text in place of the image icon code in your blogger template code and you are done.

Keyword : blog trik, blog trick