Eliminate those annoying advertising popup windows from your blog

One of my pet hates in this world, its in my top 5 list, are those annoying popup advertising windows you see on a lot of websites. They infuriate me because they keep appearing over and over again. On some websites, when you click to go to a new page a dammed popup up advertising window will show up. Now, to make things even worse is getting embed codes from these websites, or any website really, only to find a damned popup advertising window shows up on your blog.

I have had this problem for a very long time, perhaps a year now. At first I didn't know where the first popup advertising window came from, and I done everything but delete my entire blog. I went through every bit of code on my blog but still couldn't find the code for the popup advertising window. Then I started thinking the code itself does not actually exist as a visible code that you can simply remove. If only things were that easy!

Over time I came to learn that these popup advertising windows are invisibly attached to certain objects you add to your blog. They are like a computer virus - but more like an internet virus. They are normally attached to widgets you add to your blog. For example, the website http://www.geovisites.com looks fine when you visit it but the moment you add their widget you end up with a popup advertising window on your blog or website. Even if you delete their links within the widget itself you still end up with the popup advertising window and you can't get rid of it.

However there is a drastic solution to all of this. That solution is to not only delete that widget that created a popup advertising window you got from the website but you also have to delete your entire blog template too. If you don't delete the widget first and you just decide to delete your template, you end up with the same popup advertising window attached to your new template. Its really a vicious circle!

No matter what you do to your blog, or how nice you have made it, it only takes one popup advertising window attached to your site to make you regret ever having placed widgets on your site in the first place. Advertising popup windows can be blocked altogether by programmes that are free to download but that is not the point. Not everyone will have an ad blocker on their computer. Not everyone can see your blog like you  can if you have an ad blocker. You would not, in this case, even see the advertising popup windows but everyone else who doesn't have that programme can.

As a blogger you have a duty to perform, not only for youself but for others too. Your duty is to make your site as accessible as possible to other people. If you want people to continuously come back to your site you must make your site safe for them to visit. Are advertising popup windows safe? I am not about to click on one of them to find out!

HERE'S SOME FREE ADVICE: Let's say you want to add a movie to your blog, as I had done in the past. NEVER, EVER, EVER embed a movie from www.movies2k.to. You will end up with an ILivid popup advertising window that not only you can't get rid of but it also tries to download the ILivid movie manager application onto your computer. Watching movies on that site is fine. I don't trust the site to download any of their movies....who knows what would be downloaded to your computer - even if you got the movie at all. (However, downloading movies from this site using the Real Player download function is quite safe and I do this all the time.)

Any time you ever want to add something to your blog or website, use this rule of thumb: If any popup advertising windows show up on a website you are trying to get something from, DON'T GET IT FROM THAT SITE! Keep your site safe and free of popup advertising windows. If you don't you will simply lose out and visitors will refuse to come back to your site. If you do have popup advertising windows showing up on your site, the only way to track them down is to revisit each site you got your widgets from. If a popup advertising window shows up from any of the sites delete that widget straight away. Do this with all your widgets.

But, these popup advertising windows will not only just show up because they are connected to certain widgets, they can also occur because you have linked your site to a website that has these popup windows on their site. Once that direct connection between your site and their site occurs, your site is also going to display the same popup advertising windows.

Some time ago on a blog I had that no longer exists I had a chatbox widget. In that chatbox were links to some people's websites/blogs - belonging to my visitors. They kindly left me their url and so I checked them all out. However, a few of the urls I clicked on simply refused to load because they had been targeted by college popup advertising windows. Actually, these are the worse case scenario blogs/sites because the direct link to these blogs are ineffective. Meaning, if you go to click on the blog links the blog starts to load momentarily, then the blog gets redirected to another site, then redirected to yet another site, then redirected to yet another site. There simply is no way to view anybody's blog when you are being automatically redirected away from it by some f***ing popup advertising or some link that has made their site unable to load normally. What's worse is at this point you (the visitor) have no control of the redirections of urls you end up on. Your only solution is to close the web pages down before something nasty shows up on your computer or on the Internet - if that may be the case. Your desire to get to that other person's blog or website instantly becomes your worst nightmare.

Always remember to check if any of your widgets create popup advertising windows. If they don't that's great. If they do then delete the culprit widget, delete your entire blog template and replace it with a different template. That way those annoying redirections will disappear and people will happily visit your blog or website. But remember one thing - never do what you done in the first place that created those redirection links. Learn from it and be smart next time you want to add links to your site/blog.

Who knows how many people out there who have this problem who are also not receiving visitors because their site is targeted by links that either cause popup advertising windows or there's links on their site that redirect visitors away from their site? Unfortunately there is very little constructive help out there on the Internet to solve this problem. So I'm writing this article to make people aware that there is a solution to this problem. If you are the victim of advertising popup windows like I was then apply my solution to your blog/website and be free of them and never repeat the same mistake again.

Alternative Recent Comments widget for Bloggers

Has your Recent Comments widget malfunctioned lately or you can't add a standard Blogger Recent Comments widget to your blog as the gadget is broken?

Fortunately, some time ago I came across an alternative Recent Comments widget which has been working all this time, even when other things malfunction. So, if your Recent Comments widget has malfunctioned or you cannot replace it with a standard Blogger widget, simply copy the code below and paste it into a new HTML/Javascript gadget/widget.

<div style='background:#ffffff;margin-top:0;margin-left:0px;margin-right:0px;margin-bottom:0px;padding:5px;'><script style=text/javascript src=https://sites.google.com/site/projectdigitaltomato/blogger/js/rc1blogger.js ></script>
<script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script>
<script src=http://bloggertutorialsforeveryone.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rcdr"><a href=http://www.madtomatoe.com/recent-comments-widget-for-blogger/>Recent Comments</a> <a href=http://www.madtomatoe.com/ target=_blank title=blogger widgets>Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style type=text/css>
.rcw-comments a {color:blue;text-transform: capitalize;}
.rcw-comments {border-bottom: 1px #444444 dotted; padding-top: 7px!important; padding-bottom: 7px!important;}
#rcdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN011d8lv8wDeZJ3l1I8Up8RFwxDxtTSIS6Q61rdYpmCZgcKYEFOTz49aarGWhuzO8tOTR6p6D9STxvVY5WTJ4TcRdmtbIhxhWE_3Ixde0cIUvg_rgPYVsMnHAnSbTeycv9rFcLo7Yyibj/s400/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rcdr, #rcdr a {color:#808080;}
</style>
</div>

Replace my blog's url (in red) with your own and then "Save" the widget. Then click on "Save" again once you have moved the widget to where you want it to show up on your blog.

At the very top of the code is an opening div lot of code. I've added it in case you want to customise the look of the widget a bit more. You can change the background colour of the widget by changing the #ffffff to any colour you like. You can adjust the width of the widget by changing the div's margin. Save the changes to the widget once you are done.

That's it. You can now view your blog again and see all the recent comments in the widget.

The best cross browser numbered page navigation menu around.

The live-demo is on this blog below all the posts!

Do you find it annoying when you add a numbered page navigation menu to your blog only for it to display posts from previous pages you clicked on? I don't remember the exact number of widgets I've come across in my time on the internet that has disappointed me by doing this but its a lot. Personally, I don't like seeing the same post I just saw on a previous page that I just came from, by clicking on the page navigation menu. I'm sure it irritates everyone else too. But what's worse than that is often what displays on Internet Explorer and Google Chrome may not display on Firefox. This can be a huge problem, as visitors become stuck trying to browse your blog with no means of accessing your older posts if the blog archive widget hasn't been added to your blog.

Well, whilst helping a friend to find a solution to this problem on a template I made for him, I found code for a cross browser numbered page navigation menu. It's so awesome I added the code to this template, and it does not disappoint. It works perfectly on Internet Explorer, Google Chrome and Firefox. I haven't tested all the browsers though but it does work on a few others too.
But before I give you the code, there is another live-demo HERE that has 213 pages to search through with this exact same numbered page navigation menu as this one. Check it out if you want to because eventually, if you add enough posts to your blog, it will display "..." as a break between the numbers of pages.

This is very simple to add to your blog. If you already have a page navigation menu (numbered or otherwise) on your blog delete all the code for it, then save your template. This also includes any code that may be in a "HTML/Javascript" widget so you need to delete that widget to, if it applies to you in this instance. Please delete your old or existing numbered page navigation menu before following the instructions below.

THE INSTRUCTIONS FOR ADDING THIS TO YOUR BLOG:

Click on your "Design" tab then your "Edit HTML" tab. You do not need to click on the "Expand Template" option for any of these instructions.

There are 3 lots of code to add to your template - 1 to alter and 2 to actually add. Firstly, find the css code for your blog-pager. Make sure all 3 bits of code (for the newer link, older link, and blog pager) do not have display:none; in it. Your pager codes should finally look something like this code below:

#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
height:21px;
background:#999;
border-top:2px solid #fff;
border-left:2px solid #777;
border-bottom:2px solid #666;
border-right:2px solid #555;
text-align: center;
margin: auto;
padding: 2px 0 1px 0;
}

N.B. The reason why my blog-pager has a height of 21px is because if I did not set a height to it, in Firefox there would be a bit space below the actual page navigation menu. Adding a height to the code deletes the space below the page navigation menu in Firefox.

Now find the line of code that says ]]></b:skin> and directly above it paste in the code below this text.


/* ----- Page Navigation ----- */
.showpageArea {
color: #666666;
margin: 10px 5px 3px 5px;
padding: 0px;
float: left;
display: inline;
font-size:12px;
}
.showpageArea a {
background: #ffffff;
padding: 1px 6px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #000000;
color: #000000;
-webkit-border-radius: 1px;
display: inline;
}
.showpageNum a {
background: #ffffff;
padding: 1px 6px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #000000;
color: #000000;
-webkit-border-radius: 1px;
display: inline;
}
.showpageNum a:hover {
background: #CCC !important;
text-decoration: none;
border: 1px solid #000000 !important;
}
.showpagePoint {
font-weight: bold;
background: #CCC;
padding: 1px 6px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #000000;
color: #000000;
-webkit-border-radius: 1px;
display: inline;
}
.showpageOf {
background: #ffffff;
padding: 1px 5px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #000000;
color: #000000;
-webkit-border-radius: 1px;
display: inline;
line-height: 21px;
}
.showpage a {
background: #ffffff;
padding: 1px 6px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #000000;
color: #000000;
-webkit-border-radius: 1px;
display: inline;
}
.showpage a:hover {
background: #CCC !important;
text-decoration: none;
border: 1px solid #000000 !important;
}
.showpageNum a:link,.showpage a:link {
background: #ffffff;
padding: 1px 6px;
margin: 0px 5px 0px 0px;
text-decoration: none;
border: 1px solid #000000;
color: #000000;
-webkit-border-radius: 1px;
display: inline;
}

Finally, find your template's </body> code. Just above that line of code paste in the code below this text.

<!--Page Navigation Starts-->
<script type='text/javascript'>;
var home_page=&#39;/&#39;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=4;
var upPageWord =&#39;&#171; Previous&#39;;
var downPageWord =&#39;Next &#187;&#39;;
</script>
<script src='http://stylifyyourblog1.googlecode.com/svn/trunk/pagination.js' type='text/javascript'/>
<!--Page Navigation Ends -->


Then click on "Save Template".

If you want to change the amount of posts to be displayed from 4, to say 6, you need to change these two numbers which I've changed to a blue colour in the code that goes directly above the </body> tag. (See the last lot of code I added above.) Once you've made the changes, click on "Save Template" again. Then you need to go to your "Design" tab and click on the "Edit" link that is attached to your "Blog Posts" widget, and change the very top number to the new number of posts you want to display for each page. Once you have done that click on "Save" to save the changes to that widget.

That is it. You will now have a numbered page navigation menu that will display all your posts and none of the posts will be repeated on any of the page numbers you click on, and can be seen on many different web browsers. Feel free to change the colours of this numbered page navigation menu to suit your own taste and your blog's colour scheme.

FIX FOR THIS CODE - 20 November 2012:
In the last few days this pagination code malfunctioned and refused to work. On top of that a popup box has been displaying which prevents any page on this site from fully loading. The popup prevents you from minimizing the browser window tab as well. So, here is what I done to fix the problem. Below is the instructions and code to fix this problem, which I'll be applying to this blog as soon as I've published this post.

Go to your "Edit template" page. Do not click on the "Expand template" box. In the original tutorial above find this code:

<script src='http://stylifyyourblog1.googlecode.com/svn/trunk/pagination.js' type='text/javascript'/>

Click on the link below to get the code needed. My blog is playing up so it won't display the code properly, hence this link below. At the top of the post on this stylifyyourblog website is the code for replacing the script code. Ignore the bottom half of that post. You just want the code from the top part of the post. When copying the code into your template don't foget to remove the numbers "1, 2, 3, 4, 5" to the left of all the code. Those numbers are just numbers for the lines of code and are not needed in the replacement code at all.

The website: http://www.stylifyyourblog.com/2011/10/pagination-in-blogger.html

Save your template. The pagination widget restores itself and the popup disappears and it does not return. Problem fixed!

Turn the Blog Archive into a Calendar widget

I noticed whilst adding posts predated to the 1970s that the standard Blog Archive widget would not display the posts prior to 1990. This was really annoying. How could I fix this problem? Well, searching the Internet I came across a tutorial for converting a standard blog archive widget into a blog archive calendar widget. I thought I'd give it a try to see if it works.

I've added blog archive calendar widgets before and they weren't impressive. But after adding all the code to another template I now have the 1970s posts being displayed. It solved my problem and it came with a bonus - you can actually customize the look of the calendar to make it match the look of your blog.

Having posts dated prior to 1990 on Blogger is a bonus because you can put unimportant information in these posts and people generally won't go looking for them in your blog archives widget.

Anyway, hop over to the bloggerstop.net site and check out the tutorial. Its really simple to follow, and the widget is easy to instal.

http://bloggerstop.net/2009/12/add-blogger-archive-calendar-widget.html

WIDGET FIX AS OF 31 JANUARY 2013:
Delete the existing script that goes directly above the </head> and replace it with this code below:

<!-- Start Blogger Archive Calendar -->
<script type='text/javascript'>
//<![CDATA[
var bcLoadingImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK1zW7mgP7KjVsbNppgrO3yAvEU5ta8dCV3Ej2ZPlYhA5bOX6XMKvVw8c4-py-L3FbzcmX-iSsSBz3yKaRhsWLzgj4tlPv1rVgqDRq9tKiHGbB0RC2fS6aqNJdWS1iVWvMykwP9UsCkYY/s400/loading-trans.gif.png";
var bcLoadingMessage = " Loading....";
var bcArchiveNavText = "View Archive";
var bcArchiveNavPrev = '◄';
var bcArchiveNavNext = '►';
var headDays = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
var headInitial = ["Su","Mo","Tu","We","Th","Fr","Sa"];
// Nothing to configure past this point ----------------------------------
var timeOffset;
var bcBlogID;
var calMonth;
var calDay = 1;
var calYear;
var startIndex;
var callmth;
var bcNav = new Array ();
var bcList = new Array ();
//Initialize Fill Array
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];
function openStatus(){
   document.getElementById('calLoadingStatus').style.display = 'block';
   document.getElementById('calendarDisplay').innerHTML = '';
  }
function closeStatus(){
   document.getElementById('calLoadingStatus').style.display = 'none';
  }
function bcLoadStatus(){
   cls = document.getElementById('calLoadingStatus');
   img = document.createElement('img');
   img.src = bcLoadingImage;
   img.style.verticalAlign = 'middle';
   cls.appendChild(img);
   txt = document.createTextNode(bcLoadingMessage);
   cls.appendChild(txt);
  }
function callArchive(mth,yr,nav){
// Check for Leap Years
  if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {
      fill[2] = '29';
   }
  else {
      fill[2] = '28';
   }
   calMonth = mth;
   calYear = yr;
   if(mth.charAt(0) == 0){
      calMonth = mth.substring(1);
      }
   callmth = mth;
   bcNavAll = document.getElementById('bcFootAll');
   bcNavPrev = document.getElementById('bcFootPrev');
   bcNavNext = document.getElementById('bcFootNext');
   bcSelect = document.getElementById('bcSelection');
   a = document.createElement('a');
   at = document.createTextNode(bcArchiveNavText);
   a.href = bcNav[nav];
   a.appendChild(at);
   bcNavAll.innerHTML = '';
   bcNavAll.appendChild(a);
   bcNavPrev.innerHTML = '';
   bcNavNext.innerHTML = '';
   if(nav <  bcNav.length -1){
      a = document.createElement('a');
      a.innerHTML = bcArchiveNavPrev;
      bcp = parseInt(nav,10) + 1;
      a.href = bcNav[bcp];
      a.title = 'Previous Archive';
      prevSplit = bcList[bcp].split(',');
      a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};
      bcNavPrev.appendChild(a);
      }
   if(nav > 0){
      a = document.createElement('a');
      a.innerHTML = bcArchiveNavNext;
      bcn = parseInt(nav,10) - 1;
      a.href = bcNav[bcn];
      a.title = 'Next Archive';
      nextSplit = bcList[bcn].split(',');
      a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};
      bcNavNext.appendChild(a);
     }
   script = document.createElement('script');
   script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';
   document.getElementsByTagName('head')[0].appendChild(script);
}
function cReadArchive(root){
// Check for Leap Years
  if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {
      fill[2] = '29';
   }
  else {
      fill[2] = '28';
   }
    closeStatus();
    document.getElementById('lastRow').style.display = 'none';
    calDis = document.getElementById('calendarDisplay');
    var feed = root.feed;
    var total = feed.openSearch$totalResults.$t;
    var entries = feed.entry || [];
    var fillDate = new Array();
    var fillTitles = new Array();
    fillTitles.length = 32;
    var ul = document.createElement('ul');
    ul.id = 'calendarUl';
    for (var i = 0; i < feed.entry.length; ++i) {
      var entry = feed.entry[i];
      for (var j = 0; j < entry.link.length; ++j) {
       if (entry.link[j].rel == "alternate") {
       var link = entry.link[j].href;
       }
      }
      var title = entry.title.$t;
      var author = entry.author[0].name.$t;
      var date = entry.published.$t;
      var summary = entry.summary.$t;
      isPublished = date.split('T')[0].split('-')[2];
      if(isPublished.charAt(0) == '0'){
         isPublished = isPublished.substring(1);
         }
      fillDate.push(isPublished);
      if (fillTitles[isPublished]){
          fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;
          }
      else {
          fillTitles[isPublished] = title;
          }
      li = document.createElement('li');
      li.style.listType = 'none';
      li.innerHTML = '<a href="'+link+'">'+title+'</a>';
      ul.appendChild(li);
      }
   calDis.appendChild(ul);
   var val1 = parseInt(calDay, 10)
   var valxx = parseInt(calMonth, 10);
   var val2 = valxx - 1;
   var val3 = parseInt(calYear, 10);
   var firstCalDay = new Date(val3,val2,1);
   var val0 = firstCalDay.getDay();
   startIndex = val0 + 1;
  var dayCount = 1;
  for (x =1; x < 38; x++){
      var cell = document.getElementById('cell'+x);
      if( x < startIndex){
          cell.innerHTML = ' ';
          cell.className = 'firstCell';
         }
      if( x >= startIndex){
          cell.innerHTML = dayCount;
          cell.className = 'filledCell';
          for(p = 0; p < fillDate.length; p++){
              if(dayCount == fillDate[p]){
                  if(fillDate[p].length == 1){
                     fillURL = '0'+fillDate[p];
                     }
                  else {
                     fillURL = fillDate[p];
                     }
                  cell.className = 'highlightCell';
                  cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';
                 }
              }
          if( dayCount > fill[valxx]){
             cell.innerHTML = ' ';
             cell.className = 'emptyCell';
             }
          dayCount++;
         }
      }
    visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;
    if(visTotal >35){
        document.getElementById('lastRow').style.display = '';
       }
  }
function initCal(){
   document.getElementById('blogger_calendar').style.display = 'block';
   var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');
   var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');
   document.getElementById('bloggerCalendarList').style.display = 'none';
   calHead = document.getElementById('bcHead');
   tr = document.createElement('tr');
   for(t = 0; t < 7; t++){
       th = document.createElement('th');
       th.abbr = headDays[t];
       scope = 'col';
       th.title = headDays[t];
       th.innerHTML = headInitial[t];
       tr.appendChild(th);
      }
   calHead.appendChild(tr);
  for (x = 0; x <bcInit.length;x++){
     var stripYear= bcInit[x].href.split('_')[0].split('/')[3];
     var stripMonth = bcInit[x].href.split('_')[1];
     bcList.push(stripMonth + ','+ stripYear + ',' + x);
     bcNav.push(bcInit[x].href);
     }
  var sel = document.createElement('select');
  sel.id = 'bcSelection';
  sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};
  q = 0;
  for (r = 0; r <bcList.length; r++){
       var selText = bcInit[r].innerHTML;
       var selCount = bcCount[r].innerHTML.split('> (')[1];
       var selValue = bcList[r];
       sel.options[q] = new Option(selText + ' ('+selCount,selValue);
       q++
       }                  
   document.getElementById('bcaption').appendChild(sel);
   var m = bcList[0].split(',')[0];
   var y = bcList[0].split(',')[1];
   callArchive(m,y,'0');
}
function timezoneSet(root){
   var feed = root.feed;
   var updated = feed.updated.$t;
   var id = feed.id.$t;
   bcBlogId = id.split('blog-')[1];
   upLength = updated.length;
   if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}
   else {timeOffset = updated.substring(upLength-6,upLength);}
   timeOffset = encodeURIComponent(timeOffset);
}
//]]>
</script>
<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'/>
<!-- End Blogger Archive Calendar -->

The widget will then display properly again.