Tuesday, November 24, 2015

Withdraw Money from PayPal to Bank Account or Credit Card Philippines

PayPal is known for their secured online payment system he service they provide I almost free depends on your transaction. Blogger’s and Entrepreneur’s online used PayPal to send and receive money virtually without any bank account. Because of the popularity of their service they need to verify first your account if it is real or dummy for security purposes. Verifying PayPal Account is the hardest part “sometimes” but if you’re already done this step you can enjoy using PayPal without limitations. 

The only requirements for withdrawing your PayPal Funds is a verified PayPal account. So this Tutorial is only for those who has already a verified PayPal account. You can read my tutorial on how you can get an UnionBank EON Visa Debit Card and use that card to verify your PayPal Account easily! Without any hassle promise! 

Related Posts: How To Apply For UnionBank EON Visa Debit Card | How To Verify payPal Account using EON Card

In this tutorial, I will show the methods on how you can transfer your money from PayPal to your Credit Card or Bank Account. I already did this with my own PayPal account, and I already read many comments of those people that faced problem while withdrawing their earnings from PayPal. The only reason of their problem is not reading carefully the tutorials on the internet, they are so excited to get their money wtf! So please follow the steps below on withdrawing your balance funds to avoid any errors and mistakes, believe me, you will be frustrated for one year for a single mistake! 


Withdraw Money from PayPal to Bank Account or Credit Card Philippines


Withdraw Funds To Your Bank Account

The first option is to withdraw you PayPal funds to Bank Account. This method will transfer the money from PayPal to your own Bank Account. Did you know that you can use your EON Card as your personal bank account? Yes, it is true your EON card has a separate deposit number that works as a bank deposit number that’s the advantages of using EON card. Don't worry if you don't have an EON card or UnionBank account you can use other Banks like BPI, BDO, HSBC, Metrobank and etc.

You need patience with this method because it takes 4-5 working days before the money arrived at your bank account. The advantage with this method is the fees because PayPal will charged you for only 50 PHP if you withdraw 6,999 below and free for 7,000 above. You can surely save your money with this option compare to withdraw to Credit Card option. Follow carefully the steps below on how to do it.

We need to Add first bank account to your PayPal Account
Step 1: Login to your PayPal Account and hover the PROFILE with your mouse and the drop down option will show, select the Add/Edit Bank Account

Step 2: Name on Account: Name of your bank account must match with your name in PayPal, don't worry about the middle you don't need to enter it. 
Bank Code: type the code of your bank you can search the code of your bank in google or at the website of your bank.


Step 3: In Account Number, enter carefully your account number please make sure that it is correct before you hit the CONTINUE button. Now if you're done please click CONTINUE.

Steps on How to Withdraw Money From PayPal to Bank Account
Step 1: Click on WITHDRAW and select the first option "Withdraw funds to your bank account"
How to Withdraw Money From PayPal to Bank Account

Step 2: Now enter the amount that you want to withdraw and hit the CONTINUE button. Now you will see the summary of your withdraw now click the SUBMIT button to complete the process. Remember if you want to withdraw 2000 PHP you must enter 2050 in the Amount the 50 pesos is the withdrawal fee. There is no withdrawal fee for 7000 pesos above.

Withdraw Funds To Your Card

The second option on withdrawing your PayPal funds is via Credit Card, it’s very clear once you select this option the money will be sent to your credit card. If your account is verified using your own EON Card, you will receive the money for 24-74 hours. But this method has a disadvantage because PayPal will charge a fee that cost 250 PHP. In summary, withdraw to Credit Card is the fastest way to received your earnings but it cost a lot. I already explained to you the consequences, here’s the tutorial on how to do it.

Steps on How to Withdraw Money From PayPal to Card
Step 1: Again click on WITHDRAW and select the first option "Withdraw funds to your card"
How to Withdraw Money From PayPal to Card

Step 2: Again please enter the amount that you want to withdraw and hit the CONTINUE button. Now you will see the summary of your withdraw now click the SUBMIT button to complete the withdrawal process. Remember if you want to withdraw 5000 PHP you must enter 5250 in the Amount the 250 pesos is the withdrawal fee. There is always a 250 php fee if you withdraw it to Card even if it is 7000 PHP.

Final Words!

I hope that this article answered the questions in your mind. Can you please drop a comment below if this tutorial helps you to successfully withdraw your PayPal funds. If you’re one of those people that now facing the problem, you can share your problem in the comment area below and we will discuss it, promise! That’s all guys keep on visiting my blog for more updated and informative articles.

Wednesday, November 18, 2015

Add Recent Comments Widget with Avatars To Blogger

Add Recent Comments Widget with Avatars To Blogger

In one of my previous tutorials, I already shared to you the recent comments widgets for Blogger that can show the latest published comments from your posts. However, the main disadvantage of that widget is the simplicity of the design and I didn't have an option for displaying the users avatars or logo.The avatars are their profile picture in Google plus that will show when they drop a comment in one of your posts. So for those bloggers who want to add avatars, here's the stylish recent comments widget having round avatars and comment excerpts. The widget has an extra option for your creativity, you can now change the default image of the anonymous avatars, how nice is it?

As I always said that every widget that has a link to your articles will give you a chance for more page views. Don't worry this widget is SEO friendly and it can improve your SEO because of the internal backlinks. So you don't have a reason now why you should not use this gadget in your sidebar. Follow carefully my instructions below on how you can add this beautiful recent comment in your own blog.

Steps on How to Add Recent Comments  Widget with Avatars

Step 1: Log in to your Blogger Dashboard > Go to LAYOUT and click the ADD A GADGET.

Step 2: In the pop-up window select the HTML/JavaScript option.

Step 3: Select then Copy the code below and Paste it inside the CONTENT big box. In the Title box type "Recent Comments" or whatever the title you want.

<style type="text/css">
ul.whowantstuffscomments{list-style: none;margin: 0;padding: 0;}
.whowantstuffscomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}
.whowantstuffscomments li .avatarImage {padding: 3px;
background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;}
.avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.whowantstuffscomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
.whowantstuffscomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "https://eea15f262f21e893b19e080c6fa6af37ca391d55.googledrive.com/host/0ByaqxhW3zoi_RWk1UW8xanNFYjA",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://36e1445ac4b65e272cdb61ffba2e5373c3c503cb.googledrive.com/host/0ByaqxhW3zoi_aXlrb29NVlYwODg">
</script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=whowantstuffscomments&max-results=5">
</script><div style="font-size: 10px; float: right; margin-top: -15px">Get this <a href="http://whowantstuffs.blogspot.com/2015/11/add-recent-comments-widget-with-avatars-blogger.html" rel="nofollow" >Recent Comments Widget</a></div>

Widget Customization

  • If you want more comments replace the "5" from [numComments  = 5, and &max-results=5] Remember that there are two value that you need to replace.
  • font-size: 12px;font-style: italic; >> 12 is the comment font size, remove the "font-style: italic;" line if you don't want the comment snippets to be italic.
  • If you want to change the size of the avatar, Replace the "60" from [avatarSize  = 60,]
  • If you want to have an Square avatars remove the line that has a red color OR you can also change the "true" to "false" from [roundAvatar = true,]
  • To add more character in comment snippets change the "40," from [characters  = 40,]
  • To change the avatars of anonymous users, replace the code with color blue below with the URL of your own image. https://eea15f262f21e893b19e080c6fa6af37ca391d55.googledrive.com/host/0ByaqxhW3zoi_RWk1UW8xanNFYjA. Example: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfHae97-6BNkS1mKhYaWpFjPeEtBfYDu0VEZzB0JusKQHi_p8Ulhjzekmq9UYLJ36-Z19SVrWPHAk8x_yxvRZlADrNkpPi7x4_WDUqu-GqP-6FfU2ikAeZDXxt8YX5JfzeRblqbte7543J/s1600/Add-Recent-Comments-Widget-with-Avatars-To-Blogger.jpg

Also Read: How To Add Scroll Bars on Blogger Blockquote | Add Elegant Page Loading Effect to Blogger | How To change the Favicon on Blogger | Create Rollover Image effect in Blogger | All In One SEO Pack for Blogger

Final Words!

Once the widgets finally installed in your blog's sidebar your reader will notice that the other visitors are active in commenting at your articles and that will encourage him/her to post a comment in your blog. That's the benefits of using the recent comment widget in blogger. If you face any problem while adding the widget, you can ask me at the comment section and I will do my best to help you. That's all guys thank you so much!

Tuesday, November 17, 2015

Add Simple Random Posts Widget for Blogger

Add Simple Random Posts Widget for Blogger

This simple random posts widget for blogger will display the random article in your blog sidebar. The widget will show the thumbnail and title of your post, the style is clean that's why it's called simple. If you don't like the simplicity of this widget there is an alternative for you the advanced random posts widget with snippets that you can add to your blog. The widget is coded with CSS so it's very easy to edit and add to your own Blogspot.

The advantage of this widget like the advanced version is that your very very old posts now has a chance to be read by your visitors. This is important for your posts that don't show up in the first page of Google search result. When you implement this Random Posts Widget to your blogger blog it can promise for more page views and your visitors will stay longer at your blog reading a random article that they are interested in. So don't waste your time follow my tutorial below on how you can install this widget.


Related Posts: Simple Recent Posts Widget for BloggerFloating Social Media Buttons For Blogger | Add Recent comments Widget in Blogger | All In One SEO Pack for Blogger Blogspot


Steps on How To Add Random Posts Widget To Blogger

Step 1: Log in to your blogger dashboard > Go to Layout and select the ADD A GADGET to add your new sidebar gadget.

Step 2: from the pop-up windows choose the HTML/JavaScript.

Step 3: Copy the code below and paste it inside the content box area of the HTML/JavaScript window. Don't forget to put "Recent Posts" in the Title box
<style>
#random-posts img {
    float: left;
    margin-right: 10px;
    width: 65px;
    height: 65px;
    background-color: #F5F5F5;
    padding: 3px;
}
ul#random-posts {    list-style-type: none;}

#random-posts li {
    margin-bottom: 10px;
}

.random-summary {
    display: block;
}
</style>

<ul id='random-posts'>
<script type='text/javaScript'>
var randomposts_number = 5;
var randomposts_chars = 60;
var randomposts_details = 'yes';
randomposts_details2 = 'no';
var randomposts_comments = 'Comments';
var randomposts_commentsd = 'Comments Disabled';
var randomposts_current = [];
var total_randomposts = 0;
var randomposts_current = new Array(randomposts_number);

function randomposts(json) {    total_randomposts = json.feed.openSearch$totalResults.$t
}
document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');

function getvalue() {
    for (var i = 0; i < randomposts_number; i++) {
        var found = false;
        var rndValue = get_random();
        for (var j = 0; j < randomposts_current.length; j++) {
            if (randomposts_current[j] == rndValue) {
                found = true;
                break
            }
        };
        if (found) {
            i--
        } else {
            randomposts_current[i] = rndValue
        }
    }
};

function get_random() {
    var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1));
    return ranNum
};
</script>
<script type='text/javaScript'>
function random_posts(json) {
    for (var i = 0; i < randomposts_number; i++) {
        var entry = json.feed.entry[i];
        var randompoststitle = entry.title.$t;
        if ('content' in entry) {
            var randompostsnippet = entry.content.$t
        } else {
            if ('summary' in entry) {
                var randompostsnippet = entry.summary.$t
            } else {
                var randompostsnippet = "";
            }
        };
        randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, "");
        if (randompostsnippet.length < randomposts_chars) {
            var randomposts_snippet = randompostsnippet
        } else {
            randompostsnippet = randompostsnippet.substring(0, randomposts_chars);
            var whitespace = randompostsnippet.lastIndexOf(" ");
            randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;";
        };
        for (var j = 0; j < entry.link.length; j++) {
            if ('thr$total' in entry) {
                var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments
            } else {
                randomposts_commentsnum = randomposts_commentsd
            }; if (entry.link[j].rel == 'alternate') {
                var randompostsurl = entry.link[j].href;
                var randomposts_date = entry.published.$t;
                if ('media$thumbnail' in entry) {
                    var randompoststhumb = entry.media$thumbnail.url
                } else {
                    randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1abzi1Mo3HipWi5Nm4ZBS1gTO67iJE2CHG8cTPM7x2JoBejQvI3ZNYiodxv8l_A-Logd84i5FqR0Hv4NDjrkEy4swYqZd29XX7lvz0XLrXnp5Ls3mTgQfjup1l9C6M6PY0pi0sDnOR58/s1600/no_thumb.png"
                }
            }
        };
        document.write('<li>');
        document.write('<img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/>');
        document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');
        if (randomposts_details == 'yes') {            document.write('<span>' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</span>'
        }
        if (randomposts_details2 == 'yes') {            document.write('<span class="random-summary">' + randomposts_snippet) + '</span>'
        }
        document.write('<div style="clear:both"></div></li>')
    }
};getvalue();
for (var i = 0; i < randomposts_number; i++) {    document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>')
};
</script>
</ul>

<div style="font-size: 10px; float: right;"><a href="http://whowantstuffs.blogspot.com/2015/11/add-simple-random-posts-widget-for-blogger.html" rel="nofollow">Random Posts Widget</a></div>

Step 4: Don't forget to click the SAVE button! 


Widget Customization

  • Thumbnail Dimensions >> To change the size of the thumbnail kindly modify the [ width: 65px; height: 65px; ] value with a red color to your desired width and height. Example width: 95px; height: 95px;
  • Number of Posts >> change the value "5" from [ var randomposts_number = 5; ] to the number of posts you want to show randomly.
  • Add Text Snippets >> Change "yes" to "no" from [randomposts_details2 = 'no';]
  • Snippets Length >> To add more snippets modify the "60from [ var randomposts_chars = 60; ].
  • Posts Information >> If the the post date and comment count bothering you, Change the 'yes' to 'no' from [ var randomposts_details = 'yes'; ]

Also Read: How To Add Scroll Bars on Blogger Blockquote | Add Elegant Page Loading Effect to Blogger | How To change the Favicon on Blogger | Create Rollover Image effect in Blogger | Anti Adblock Script for Blogger 


Final Words!

I hope that this Simple Random Posts Widget works on your blog. If you have any problem with the widget no matter what it is just drop your comment below and I will reply o you as soon as possible. If you love this article, a simple thank you is very appreciated your positive comments are my energy drink. That's all thank you guys happy blogging!!!

Friday, November 13, 2015

Simple Recent Posts Widget For Blogger/Blogspot

Simple Recent Posts Widget For Blogger Blogspot

The simple recent posts widget for blogger will display the most recent articles with post title and snippets in your blog. The widget is very easy to add to your own blogger sidebar and it is customizable to fit the design of your blog template. Later you will learn how to do it by modifying the CSS of the widget. This is very useful for those blogs that have a traffic coming from search engines. Because not all your visitor will go to your blog homepage to view your new posts specially if they are busy. That's why you need this widget to show your recent posts in your blog sidebar. 

When you implement this recent posts widget to your blog it helps your blog visitors to be informed of your new published articles. This will also help to decrease the bounce rate and increase the page view of your blog. Your SEO will be healthier than before because of the internal backlinks, so what's your waiting follow my tutorial below on how you can add it to your blog.

Related Posts: Advanced Random Posts Widget for Blogger With Thumbnails and Snippets | Floating Social Media Buttons For Blogger | Add Recent comments Widget in Blogger | All In One SEO Pack for Blogger Blogspot

How To Add or Install Recen Pots Widget to Blogger

Step 1: Log in to your Blogger Dashboard > Go to LAYOUT > and click the ADD A GADGET

Step 2: In the pop-up window choose the HTML/JavaScript

Step 3: Select and copy the code below and paste it inside the content box in HTML/JavaScript window. And type Recent Post in the Title.

1st Option: Recent Posts Widget With Title and Snippets


<div id="hlrpsa">
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var s=0;s<r.link.length;s++)if("alternate"==r.link[s].rel){n=r.link[s].href;break}i=i.link(n);var a="...",d=r.published.$t,u=d.substring(0,4),o=d.substring(5,7),c=d.substring(8,10),l=new Array;if(l[1]="Jan",l[2]="Feb",l[3]="Mar",l[4]="Apr",l[5]="May",l[6]="Jun",l[7]="Jul",l[8]="Aug",l[9]="Sep",l[10]="Oct",l[11]="Nov",l[12]="Dec","content"in r)var m=r.content.$t;else if("summary"in r)var m=r.summary.$t;else var m="";var w=/<\S[^>]*>/g;if(m=m.replace(w,""),document.write('<div class="rctitle">'),standardstyling&&document.write("<br/>"),document.write(i),1==showpostdate&&document.write(" - "+l[parseInt(o,10)]+" "+c+" "+u),document.write('</div><div class="rcsumm">'),1==showpostsummary)if(standardstyling&&document.write(""),m.length<numchars)standardstyling&&document.write("<i>"),document.write(m),standardstyling&&document.write("</i>");else{standardstyling&&document.write(""),m=m.substring(0,numchars);var g=m.lastIndexOf(" ");m=m.substring(0,g),document.write(m+a),standardstyling&&document.write("")}document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("")}
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://your-name-goes-here.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="http://whowantstuffs.blogspot.com/2015/11/simple-recent-posts-widget-for-blogger-blogspot.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.rctitle a{color:#000000;text-transform:capitalize;font-size:13px;}#hlrpsa {color: #999999; font-size: 11px;}.rcsumm {border-bottom:1px dotted #cccccc; padding-bottom:10px;margin-top:5px;}
</style>

2nd Option: Recent posts Widget With Title Only 


<div id="hlrpsb">
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var d=0;d<r.link.length;d++)if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")}
</script>
<script type="text/javascript">var numposts = 10;var showpostdate = false;var standardstyling = true;</script><script src="http://your-blog-name-goes-here.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="http://whowantstuffs.blogspot.com/2015/11/simple-recent-posts-widget-for-blogger-blogspot.html" rel="nofollow" >Recent Posts Widget</a><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:13px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}</style>

Widget Customization

  • In 1st option change "5" and in 2nd option change "10" with the number of posts that you want to display.
  • If you want the date of the posts to appear change "false" to "true".
  • In 1st Opion change the "100" to display more or less character in the nippets.
  • To change the summary style in 1st option change the value of [color: #999999; font-size: 11px;]
  • To change the color and font size of the links from 1st & 2nd option, modify these codes  {color: #0B3861; font-size: 13px;} 
  • Replace the http://your-blog-name-goes-here.blogspot.com with the URL address of your own blog. Be carefull for two forward slash // at the end of the URL before feeds it should be one forward slash / only.

Final Words!

I hope that you successfully add this simple recent post widget to your blog. Look at your page view next day it should increase a little bit. If you have problem installing and customizing this widget, you can ask me to help you at the comment section. If you like my tutorial a simple thank you is very appreciated! That's all guys happy blogging!

Thursday, November 12, 2015

How To Change or Add Favicon On Blogger Blogspot

How To Change or Add Favicon On Blogger Blogspot

Favicon is a short term for "favorites icon" many blogger blogs and websites has their own custom favicon. It's a small picture located before the website or article name, usually it has a size of 16px x 16px. Having your own customized favicon with simple but beautiful graphical design is very important in every blog nowadays. Because your visitors will remember your blog name if they see your favicon or blog logo somewhere on the internet. The favicon in your blog can create a great impact specially if you have a big growing blog it's something like a trademark that you need to give an importance.

For many bloggers having their own favicon (the tiny image displays in your browser tab) is the final step that connects their blog design and identity. If the other bloggers already changed their favicon you can do it also. That's why I'm here is to guide you on how to change your favicon in your blogger blog. Don't worry it's very easy, except creating your own logo.

Requirements: These are the requirements, first you should have your own logo/favicon if you know how to use Photoshop it will be easy for you, second the size of your favicon must be 16px x 16px and the file size should not exceed 100KB (KiloBytes). If you don't have photoshop skills you can select favicons from these websites: favicon.cc | tinypic.com

Related Posts: Add Elegant Animated Page Loading Effect to Blogger | How To Add Scroll Bars on Blogger Blockquote | Create A Rollover Image Effect in Blogger | Add Image Border & Hover Effect To Blogger

Steps On How You Can Add Favicon To Your Blogger Blog
Step 1: Login to your blogger account >> Go to LAYOUT and click the edit in the FAVICON 

Step 2: click the CHOOSE FILE button and find where you save your own favicon, select it after that click the SAVE button.

Step 3: Now you should see your custom favicon instead of the blogger favicon. Very easy right? Don't forget to click the SAVE ARRANGEMENT button in your blogger layout.

Important Reminder: Please be patience because it take some time before your new favicon will appear.

If you want o add an animated Favicon to your blogger blog follow the steps below
Step 1: Go to your Blogger TEMPLATE and click on EDIT HTML.

Step 2: Click inside the code are and hold the CTRL+F to show the search box, in the search box type <b:skin> 
Step 3: Copy and paste the code below just ABOVE the <b:skin>. Don't forget to SAVE your template in order to apply the changes.
<link href="favicon.gif-image-links-goes-here" rel="icon" type="image/gif"/> 
Note: Replace "favicon.gif-image-links-goes-here" with the URL address of your own favicon.
Google Chrome and Internet Explorer don't support animated favicon but you have a hope with firefox lol! Firefox support animated favicon so be contented. 

Final Words!
I hope this tutorial help you to change the default favicon in your blogger. If you have questions or problem don't hesitate to drop it in the comment area I will reply as soon as possible. A simple thank you is very appreciated that's all thank you!!!