Thursday 21 March 2013

பிளாக்கர்க்கு மிக அழகான Email Subscription Widget


நம் பதிவுகளை மின்னஞ்சலில் படிக்க நினைப்பவர்களுக்கு நாம் Email Subscription என்ற வசதியை பயன்படுத்துகிறோம். பெரும்பாலோனோர் Feedburner மூலமாக இதை செய்கிறோம். அதற்கு மிக எளிதான கோடிங் உடன் அழகான Widget ஒன்றை எப்படி பயன்படுத்துவது என்று பார்ப்போம்.
http://3.bp.blogspot.com/-ZDuJdu3YxI0/UDRCjBCSRMI/AAAAAAAAIa8/gAaGuqUFJYk/s200/email.jpg

அது கீழே படத்தில் உள்ளது போல இருக்கும். [கற்போம் தளத்தில் பதிவுகளுக்கு கீழே உள்ளது]

http://4.bp.blogspot.com/-boFrplnRYjU/UDKyy52iCdI/AAAAAAAAIUU/e2HYieCekqk/s320/newsletter.png

இதை உங்கள் வலைப்பூவில் சேர்க்க

1. முதலில் Blogger >> Layout பழைய Interface என்றால் Blogger >> Design 

2. இப்போது Sidebar - இல் Add A gadget >> HTML/Java Script

3. கீழே உள்ளதை Copy/Paste செய்யவும்

<form name="f1" action="http://feedburner.google.com/fb/a/mailverify?uri=baleprabu" method="post" target="_blank"><input type="hidden" name="_submit" value="0001" /><table width="285" cellpadding="0" cellspacing="0" border="0"> <tbody><tr valign="bottom"><td width="15" height="15" style="font-size:1px;"> <img src="http://4.bp.blogspot.com/-jXV0gFRk0T8/UDE9GRzXbeI/AAAAAAAAINM/QsC8fBNkFN4/s1600/rsssub_nw_999999.gif" width="15" height="15" /></td> <td colspan="2" style="font-size:1px;background-image:url(http://4.bp.blogspot.com/-7ngaUA7LvKU/UDE9Nr-k_cI/AAAAAAAAINU/3aoTdiMemyM/s1600/rsssub_n_999999.gif);repeat:repeat-x;"><img src="http://1.bp.blogspot.com/-Ja_bAh0sHFY/UDE9l53_uVI/AAAAAAAAINc/oC4mYT_dSPg/s1600/spacer.gif" width="1" height="1" border="0" /></td><td width="15" height="15" style="font-size:1px;"><img src="http://1.bp.blogspot.com/-FH52z1Op0e8/UDE9x31lIPI/AAAAAAAAINk/tnIfsoATQVs/s1600/rsssub_ne_999999.gif" width="15" height="15" /></td></tr> <tr valign="top"><td rowspan="2" width="15" style="background-image:url(http://4.bp.blogspot.com/-ChPjV1Y4owo/UDE98s3iSUI/AAAAAAAAINs/dPyIMXywroY/s1600/rsssub_w_999999.gif);repeat:repeat-y;font-size:8px;"> </td><td nowrap="" bgcolor="#ffffff" style="text-align:center;font-family:verdana,arial,helvetica,sans-serif;font-size:12px;color:#333333;font-weight:bold;">Sign-Up To Our Free Newsletter!</td><td align="right"><img src="http://2.bp.blogspot.com/-SRGKSqQ6ems/UDE-ISXDylI/AAAAAAAAIN0/buo4OVubkPk/s1600/rsssub_emailicon.gif" width="29" height="23" /></td> <td rowspan="2" width="15" style="background-image:url(http://4.bp.blogspot.com/-UnDGThumikk/UDE-XVI42fI/AAAAAAAAIN8/vSlh9ucn6v0/s1600/rsssub_e_999999.gif);repeat:repeat-y;font-size:8px;"> </td></tr><tr valign="top"><td colspan="2" bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0"> <tbody><tr valign="middle"> <td style="padding:2px 5px;"><input type="text" id="email" name="email" value="Your Email Address" onfocus="value=&#39;&#39;" /></td> <td style="text-align:right;padding-left:5px;"><input type="submit" value="Sign Up Now!" /></td> </tr></tbody></table></td></tr><tr valign="top"><td width="15" height="15" style="font-size:1px;"><img src="http://3.bp.blogspot.com/-PuqU4L2oVfA/UDE-jUhzg3I/AAAAAAAAIOE/oN8RKf8THbw/s1600/rsssub_sw_999999.gif" width="15" height="15" /></td><td colspan="2" style="font-size:1px;background-image:url(http://2.bp.blogspot.com/-90_q3ia-Oag/UDE-t_9YAaI/AAAAAAAAIOM/QzlVmVF_TeA/s1600/rsssub_s_999999.gif);repeat:repeat-x;font-size:8px;"> </td><td width="15" height="15" style="font-size:1px;"><img src="http://4.bp.blogspot.com/-KGsh_5SJrI4/UDE-4tQ7fsI/AAAAAAAAIOU/Hpbzx98MZpI/s1600/rsssub_se_999999.gif" width="15" height="15" /></td></tr></tbody></table></form>


4. இதில் baleprabu என்று உள்ளதை உங்கள் Feedburner ID க்கு மாற்றிக் கொள்ளவும்.

5.
உங்கள் Feedburner ID - அறியfeedburner.google.com சென்று கீழே உள்ளது போல செய்யவும்.
http://4.bp.blogspot.com/-ExmvW0mkyC0/UDRB3MUNDbI/AAAAAAAAIa0/M5eyfe7bMfM/s400/feed+id.png

இப்போது Widget - Save செய்து விடுங்கள்.


No comments:

Post a Comment

ஆன்லைன் வயது கால்குலேட்டர்


Udanz