Go to AdminCP > Styles and Templates > Style Manager > Add New Template
Title -
block_countdown
Code:
<li>
<div class="block smaller">
<div class="blocksubhead">
<a class="collapse" id="collapse_block_html_{vb:raw blockinfo.blockid}" href="{vb:raw relpath}#top"><img alt="" src="{vb:stylevar imgdir_button}/collapse_40b.png" id="collapseimg_html_{vb:raw blockinfo.blockid}"/></a>
<span class="blocktitle">{vb:raw blockinfo.title}</span>
</div>
<div class="widget_content blockbody floatcontainer">
<div id="block_html_{vb:raw blockinfo.blockid}" class="blockrow">
<script language="Javascript" type="text/javascript" src="countdown/js/jquery.lwtCountdown-1.0.js"></script>
<script language="Javascript" type="text/javascript" src="countdown/js/misc.js"></script>
<link rel="Stylesheet" type="text/css" href="countdown/style/main.css"></link>
<script type="text/javascript">
jQuery(document).ready(function() {
$('#countdown').countDown({
targetDate: {
'day': 19,
'month': 7,
'year': 2011,
'hour': 23,
'min': 59,
'sec': 59,
'utc': true
}
});
});
</script>
<div>
<div id="countdown">
<div class="dash first weeks_dash">
<span class="dash_title">Weeks</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash days_dash">
<span class="dash_title">Days</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash hours_dash">
<span class="dash_title">Hrs</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash minutes_dash">
<span class="dash_title">Mins</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
<div class="dash seconds_dash">
<span class="dash_title">Secs</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="underblock"></div>
</li>
Save the template.
Go to Forums and Moderators > Forum Block Manager > Add Block > Choose Custom HTML/PHP
Title - Countdown
Content Type- HTML
Content - <div></div>
Template To Use - block_countdown
Save. Purge Cache