Friday, 21 February 2014

How To Remove Blogger Icon From A Site

As we all know that mostly every sites has their own icon(favicon)showed on their sites.
Now am going to take you through on how you can easily remove the blogger icon from a blog.
As you hove created a logo for your site you must also create a favicon for it too,
you can use powerpoint or any other softwares like paint to create your own favicon.
You can also create it online. to create your own favicon or icon online click here
Now go to edit template,
find out this code line  
<title><data:blog.pageTitle/></title>
Just paste the following code just below the upper code line.

<link href='Your Icon's Image Location' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


If your Icon's format is .png , use

<link href='Your Icon's Image Location' rel='shortcut icon'
type='image/png'/>


 If your Icon's format is .gif , use

<link href='Your Icon's Image Location' rel='shortcut icon'
type='image/gif'/>


After following this simple step click or preview.
then save template. 



 








 

 

How To Add Email Me Button On Your Blog

Here is an easy way to add  email me button on your blog.
you can add a "Email me" link or a Image button below your every post. You can also add this code as a HTML\Java script gadget . But if you use that method , there will be a space left between your post and the button. How ever the advanced & best way is adding the codes in to the template.
follow this simple step:
Go to edit template
Now find out this code
 post-footer-line post-footer-line-3 
you can also press ctrl-F on your keyboard for quick search.

In some template , you will find out a code line as

<p class='post-footer-line post-footer-line-3'/>

Now change these code lines by giving your information 

<a href="mailto:Type Your Email Address here"><img src="Image URL of your Image" alt="Email me" /></a>


* mailto: is essential 
 


example
<a href="mailto:phardok08@gmail.com"><img src="http://sites.google.com/site/dragonzstore/_/rsrc/1242179856980/Home/email%20me%201.PNG" alt="Email me" /></a> 

Now paste it below the code line

<p class='post-footer-line post-footer-line-3'/>

Now you will see a image link like this  
                       


Email me  
If you don't want a image, then add this code

<a href="mailto:Type Your Email Address here">Email me </a>

 * mailto: is essential.

Now preview your template and then safe.