Blogger - Problem custom favicon wont show up

I love to customize my blogs with many custom-able things such as using sIFR to post title and changing default blogger favicon with custom static or animated favicon. But in the last month i figure out that my favicon wasn't show up in several browser including Firefox and Opera. But with some trial error experiment, I've accidentally founded the solution.

This problem occur if you place your "SHORCUT ICON" code above the element that default named with "all-head-content". It's likely that the default faveicon replacing yours with the blogger default if you placed it above the all-head-content element.

Move you code to bellow the "all-head-content" element to fix the problem, save you work and then refresh your browser. If nothing is wrong you should see your custom favicon on the left url bar or tabs if you open your blog with Firefox or Opera.