Smart Blogging Methods

Happy Pongal Countdown Widget For Blogger

Posted: 10 Jan 2015 07:39 PM PST

Happy Pongal Countdown Widget For Blogger

Advance Happy Pongal to My South Indian People.Today i am Going to Share a Happy Pongal Countdown Widget For Blogger.Pongal is Traditional Festival in Tamilnadu Celebrate By South Indian Framers and All south Indian Peoples.I Recieve a Lot Of Requests From My South indian Friends For Happy Pongal Countdown Widget.Already Newyear,Christmas have the Countdown Widgets.Yesterday Only i Develop this Happy Pongal Countdown Widget For South indian Bloggers.

How to Add Happy Pongal Countdown Widget For Blogger?

Just Follw The Below Steps

Go to Blogger Dashboard
Go to Layout
Click Add a Gadget
Choose HTML/JAVASCVRIPT
Now Copy the Below Widget Code and Paste it on HTML/JAVASCRIPT Text Box

<table width="360" border="0" cellspacing="0" cellpadding="3" style="border-left:1px solid #D8D8D8; border-top:1px solid #D8D8D8; border-bottom:1px solid #8E8E8E; border-right:1px solid #8E8E8E" bgcolor="#FFFFFF">  <tr bgcolor="#427F31">  <td colspan="2" align="center" style="font-family:Arial, Helvetica, sans-serif"><strong><font color="#FFFFFF" size="2">Happy Pongal</font></strong></td>  </tr>  <tr>  <td width="30%" style="padding-top:10px"><table width="120" border="0" cellspacing="0" cellpadding="0" style="background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4NrSkVZABiTmDNQh02cV53ryOcR21INdP6PxRDOPmU1BgitC7aQnGpO6BoRYbvJD4N59xPAuGRjVXp0oMkxUWFUkYzqziPn0Mb5cf3pab7c1N3U3MIMu6yqbnF3oHMncxuDECqF2mJN-E/s1600/iconbg.jpg')">  <tr>  <td height="120" align="center" style="padding-bottom:4px; padding-left:1px"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqT_L4tCobGGTyhUitl8nGu3SbyoolLU4NyRhGIJEFUA7a27uv2uEDNK2PPMfkUVEu2OU3pcTw069KBcpNrm7ngUlRW5JgyrybD3pHAjNfSljr0XntVXJntpKe5ffnNoFoy-QkOysrAJ03/s1600/pongalicon.jpg" alt="Pongal" width="85" height="85" border="0" /></td>  </tr>  </table></td>  <td width="70%" valign="top" style="padding-top:25px"><table width="100%" border="0" cellspacing="0" cellpadding="0">  <tr>  <td align="center" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold"><script language="JavaScript" type="text/javascript">  TargetDate = "01/14/2015 0:00 AM";  BackColor = "no";  ForeColor = "#9B0101";  CountActive = true;  CountStepper = -1;  LeadingZero = true;  DisplayFormat = "%%D%% : %%H%% : %%M%% : %%S%%<br> &nbsp;<font size='2' color='#212D00'><b>DAYS &nbsp; HOURS &nbsp; MINS &nbsp; SECS</b></font>";  FinishMessage = "It is Today!";  </script>  <script language="JavaScript" src="http://widgets.mskian.com/blogger-widgets/countown.js" type="text/javascript"></script>  </td>  </tr>  <tr>  <td>&nbsp;</td>  </tr>  <tr>  <td align="center" style="font-size:11px; color:#2B3400; padding-top:3px; padding-bottom:3px; font-family:Verdana, Arial, Helvetica, sans-serif"><span style="background-color:#EBFF8C; padding:6px"><b>Pongal :</b> January 14, 2015</span></td>  </tr>  </table></td>  </tr>  <tr bgcolor="#F9F7F7">  <td colspan="2" style="text-align:justify; font-size:11px; color:#666666; border-top:1px solid #EBEAEA; font-family:Verdana, Arial, Helvetica, sans-serif"><strong>Pongal</strong> is an important festival of South India that falls in the mid-January every year. Traditional activities mark the four-days-long Pongal celebrations.<br /></td>  </tr>  <td colspan="2" bgcolor="#D8D8D8"><table width="100%" border="0" cellspacing="0" cellpadding="2"></table></td>  </table>

Iframe Method (For WordPress,Blogger,HTml and Php websites)

<iframe align="middle" src="http://widgets.mskian.com/Widgetgenerators/pongal.html" width="380" height="300" scrolling="no" style="border:none;"></iframe>

Now Click The Save Button
Successfully Happy Pongal Countdown Widget Install in your Blogger Blog
Check Demo -> Click Here

From the Editor’s Desk

If you Want to Change the Icon Just Find this Below Code

<td height="120" align="center" style="padding-bottom:4px; padding-left:1px"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqT_L4tCobGGTyhUitl8nGu3SbyoolLU4NyRhGIJEFUA7a27uv2uEDNK2PPMfkUVEu2OU3pcTw069KBcpNrm7ngUlRW5JgyrybD3pHAjNfSljr0XntVXJntpKe5ffnNoFoy-QkOysrAJ03/s1600/pongalicon.jpg" alt="Pongal" width="85" height="85" border="0" /></td>

Remove The Default Url and Paste your Image url You Want to Display

If you want to Change the Pongal Message Jus Find the Below code in the Widget Code.

<tr bgcolor="#F9F7F7">  <td colspan="2" style="text-align:justify; font-size:11px; color:#666666; border-top:1px solid #EBEAEA; font-family:Verdana, Arial, Helvetica, sans-serif"><strong>Pongal</strong> is an important festival of South India that falls in the mid-January every year. Traditional activities mark the four-days-long Pongal celebrations.<br /></td>  </tr>

<strong>Happy Pongal</strong> Your Message.