Select Menu

Lets How To

Lets How To

Random Posts

Technology

Breaking News

Populars

Contact Form

Name

Email *

Message *

Join us

Facebook Tricks

Internet Tricks

Blogger Tips

Beauty Tips

Travel

Earning Tricks


                   How to change blogger favicon 




How to change blogger favicon


Favicon is actually the small icon which is shown with your website URL in the address bar. Having your own favicon can make your website look authentic and it looks good to get your own favicon for blog or website instead of having a default blogger’s orange colored favicon. You can make your own favicon for you blog and make your blog more beautiful by having a logo of your brand. And it is very easy now a days to make a logo or icon for your blog favicon online. There are also some websites present online which provide you service to make a free favicon of your choice for your blog or website.

Are you bored of the blogger’s default favicon that “B” and want to have your own? Here is the complete guide to tell you how to change blogger/website favicon.  This will make your blog/website more professional.

You can change your blogger favicon by two different methods and they are below.
ü             
               First: By directly uploading your favicon.
ü           Second: By editing it in your blog’s template.

Note: Before going through any of the following steps, please get a backup of your template in case of any damage.

      1. How to change blogger favicon by directly uploading method:

  • First of all Login to your Blogger’s Dashboard.
  • Now simply go to “Layout”.
  • You would see an option of “Favicon” above the header. And there will be an orange colored blogger’s default favicon. 
  • Now just click on the “Edit” button and a new page will open having the option of uploading favicon. 
  •  From there select and upload your own customized image file of favicon and click on “Save”.
  • And you will successfully change blogger/website favicon.
 

            2. How to change blogger favicon by editing it in your blog’s template

  • First of all Login to your Blogger’s Dashboard.  
  • Now simply go to “Template” and click on “Edit HTML”.  


How to change blogger favicon



  • Now Press “CTRL + F” and find the code below;
                                             <title><data:blog.pageTitle/></title> 

  • Now Copy the code present below in blue color and paste it below the code present above in green color.
              <link href=’Your own favicon link URL here’ rel=’shortcut icon’ type=’image/x-icon’/> 


How to change blogger favicon


  • Now finally click on the “Save Template” button and you have successfully changed your blogger’s favicon.
Note: The text in red “Your own favicon link URL here” is the image URL that you want to use as your customized favicon.
How to add page view, post views counter in blog or website
Post views, page views counter

*How to add page view, post views counter in blog or website*


Nowadays  every blogger or website holder think to have an option by which I can see how many people viewed my blog's posts or pages, So today i came with a great method for you people to have a "view option" in your blog/website by which you easily check your page or post views. I am sure this will help you a lot to know the views of each and every page and post.
A lot of people requested me to show them a method by which this can be possible. So, after some research I found a solution for you people.
It’s really easy to use this method.

Let me show you how to add the post or page views widget for you blog:


1. Go to your blog dashboard.

2. First of all Click on "Template".


> Then click on "Edit HTML" button.


> Then find the following code present below in the coding area.

<div class='post-header-line-1'/>


For this click in the editing area anywhere and press "CTRL + F" button and a finder box will open. paste the code above there and find it.

Watch the picture below to get it.



And when you find it, paste the widget code after or below it. Check the picture below.


Widget Codes for post views:


Code 1: Style 1. (With Icon):


CODE:

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' width='16'/> <a href='http://www.letshowto.blogspot.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>


Code 2: Style 2. (Without Icon):


CODE:

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><a href='http://www.letshowto.blogspot.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>

After adding the widget code in the template, click the "Save Template" button and you are done.


Congratulation you have successfully added the post views, page views, counter for your blog/website.
For any question or suggestion please write down a comment below thanks.
-