Make a short Archive Widget Cool

Thank you for visiting Design24h.com. Do you have comments or questions comment about this article comments.You can also read the article on the blog via the tools to read news Feed Link with this or to subscribe to new posts via email. In addition, you can address this blog to Favorites (Internet Explorer) or Bookmarks (Mozilla Firefox) for easy tracking. If you're working at Google Blogger blog you can also save this blog in the track records, which are the sources that bring visitors your blog. I hope you find interesting tips from this page.

If you blog contains many posts after blogging for a long time, it should
requires lots of space to diplay the links on widget archive of you page. If you
think the list is too long or you wanna save your space, you can shorten it by
following this tip.

Look at the sample image:

As you see, this archive is pretty short and readers can view your posts on
anyday. It doesn't need much space, does it? You can make this short Archive by
copy and paste this section of code to your HTML Widget:

<script type="text/javascript">



home_page = "http://www.vietwebguide.com/";

timezone = "+07:00";



function submitdate(){

year = document.selectdate.year.options[document.selectdate.year.selectedIndex].value;



month = document.selectdate.month.options[document.selectdate.month.selectedIndex].value;


day = document.selectdate.day.options[document.selectdate.day.selectedIndex].value;


tmax = year+"-"+month+"-"+day+"T23:59:59"+timezone;

tmin = year+"-"+month+"-"+day+"T00:00:00"+timezone;

tlink = home_page+"search?updated-max="+encodeURIComponent(tmax)+"&updated-min="+encodeURIComponent(tmin)+"&max-results=20&arview";


if(year=="" || month=="" || day=="") {

alert("Please select a right date!"); return false;


} else {

self.location.href=tlink;

}

}

</script>

<form name="selectdate">Select a date and click <b>[Go]</b>

to view posts in it: <br/> &nbsp;&nbsp;

<select name="day" size="-1">

<option value="" selected="selected">Day</option>

<option value="01">1</option>


<option value="02">2</option>

<option value="03">3</option>

<option value="04">4</option>

<option value="05">5</option>

<option value="06">6</option>


<option value="07">7</option>

<option value="08">8</option>

<option value="09">9</option>

<option value="10">10</option>

<option value="11">11</option>


<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>


<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

<option value="20">20</option>

<option value="21">21</option>


<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>


<option value="27">27</option>

<option value="28">28</option>

<option value="29">29</option>

<option value="30">30</option>

<option value="31">31</option>


</select>

-

<select name="month" size="-1">

<option value="" selected="selected">Month</option>

<option value="01">1</option>

<option value="02">2</option>


<option value="003">3</option>

<option value="4">4</option>

<option value="05">5</option>

<option value="06">6</option>

<option value="07">7</option>


<option value="08">8</option>

<option value="09">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>


</select>

-

<select name="year" size="-1">

<option value="" selected="selected">Year</option>



<option value="2007">2007</option>

<option value="2008">2008</option>




</select>

&rarr;

<input type="button" onclick="submitdate()" value="Go"/>

</form>

Replace the red text with your own:

home_page = "http://www.vietwebguide.com/"; : this is your home page. Dont forget add slash / at the end

.

timezone = "+07:00"; : this is time-zone of your blog setting.

<option value="2007">2007</option>

<option value="2008">2008</option>


You can add other years for this widget, example



<option value="2008">2009</option>


<option value="2008">2010</option>

Anhvo

You may be interested in the following freebies as well:

Search In Blog:

Thank you for reading the article. Do you have suggestions or how better to go back a few words to share with everyone. Please note you, these comments have no comment of building or helping each other progress will be deleted without notice. In addition, you will not necessarily be a member of the Google Blogger or other networks listed below are new comment, use Anonymous (anonymous) if you do not want to leave personal information of themselves.Wishing to house your have been many visitors. The contents of typing in Chinese are clearly marked will easily account for more than all of sympathy. (Design24h.com).