பதிவுகளின் முடிவில் Animated Email Subscription Box-ஐ வரவைக்க

நாம் சில நாட்களுக்கு முன்னர் பதிவுகளின் முடிவில் Email Subscription Box-ஐ வரவைக்க  என்ற பதிவில் பதிவுகள் முடிந்த பிறகு அழகிய  Email Subscription Box-ஐ வரவைப்பது எப்படி என்று பார்த்தோம் இன்று பார்க்க போவது பதிவுகளின் முடிவில் Animated Email Subscription Box-ஐ வரவைப்பது எப்படி என்று பார்க்கப்போகிறோம்.அதுவும் Twitter Face book போன்ற Social Icon-உடன்.சரி அதை எப்படி செய்வது பார்ப்போம்.


செய்முறை:

             1.முதலில் Blogger Dashboard => design => Edit Html பக்கத்திற்கு செல்லவும்.
           

             2."Expand Widget Templates" என்பதில் டிக் செய்யவும்.

             3.பின்வரும் Code-ஐ தேடவும்

                                                                     <data:post.body/>

கண்டுபிடித்த Code-க்கு கீழே பிவரும் Code-ஐ Paste செய்யவும்

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style> 

form.emailform{ 

margin:20px 0 0; 

display:block; 

clear:both; 

} 

.mbttext{ 

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcSjAKVYSDJg18fEP6OtZH6EwbPtsBvJBUys1pu_PNhmCLo2fsVTKAKkpRu6QOT9EsE81r-ZdnVV12XDuGQUzdg6Qo4t8NJJ79RRNHpeCp5MnZvt2Zl1CFN-HlBAplbqAK-EiOAOeAGgQY/s28/w2b-mail.png) no-repeat scroll 4px center transparent; 

padding:7px 15px 7px 35px; 

color:#666; 

font-weight:bold; 

text-decoration:none; 

border:1px solid #D3D3D3; 

-moz-border-radius: 4px; 

-webkit-border-radius: 4px; 

border-radius: 4px; 

-moz-box-shadow: 1px 1px 2px #CCC inset; 

-webkit-box-shadow: 1px 1px 2px #CCC inset; 

box-shadow: 1px 1px 2px #CCC inset; 

} 

.mbtbutton{ 

color:#666; 

font-weight:bold; 

text-decoration:none; 

padding:6px 15px; 

border:1px solid #D3D3D3; 

cursor: pointer; 

-moz-border-radius: 4px; 

-webkit-border-radius: 4px; 

-goog-ms-border-radius: 4px; 

border-radius: 4px; 

background: #fbfbfb; 

background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%); 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4)); 

background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 

background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 

background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 ); 

background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); 

}

#doulike-outer { 

-moz-border-radius: 10px 10px 10px 10px; 

-webkit-border-radius: 10px 10px 10px 10px; 

-goog-ms-border-radius: 10px 10px 10px 10px; 

border-radius: 10px; 

background: none repeat scroll 0 0 transparent; 

border: 1px solid #D3D3D3; 

padding: 8px; 

-moz-transition: all 0.3s ease-out; 

-o-transition: all 0.3s ease-out; 

-webkit-transition: all 0.3s ease-out; 

-ms-transition: all 0.3s ease-out; 

transition: all 0.3s ease-out; 

width:480px; 

} 

#doulike-outer:hover{ 

background: none repeat scroll 0 0 #FFF; 

-moz-box-shadow: 1px 1px 2px #CCC inset; 

-webkit-box-shadow: 1px 1px 2px #CCC inset; 

box-shadow: 1px 1px 2px #CCC inset; 

} 

#doulike-outer td{ 

padding:3px 0; 

} 

</style>

<div id='doulike-outer'> 

<div id='doulike'> 

<table width='100%'> 

<tbody> 

<span style='font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana;  color:#FF683F;'>Do you Like this story..?</span> 

<tr> 

<td>

<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='300'/>

</td>

</tr>

<tr>

<td align='left'> <p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Get Free Email Updates Daily!</p> 

<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=vairai&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'> 

<input name='uri' type='hidden' value='vairaisathish'/> 

<input name='loc' type='hidden' value='en_US'/> 

<input class='mbttext' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email...'/>

<input alt='' class='mbtbutton' title='' type='submit' value='Submit'/> 

</form> 

</td>

<td><p style='color:#666; font-style:italic; margin:0px 0px 5px 0px;  '>Follow us!</p> 

<a href='http://feeds.feedburner.com/vairaisathish' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzP4p4QomOtkYDrrSm-KngaXT1-JCGpEO2EPuPISMpWt1jJ66PDrSobewWzKiMHYzxamAtDL_TjTc8CjUUleaABK2XBTSHA2W6GQqowo3oAEQRa6nl0YRXrn29GnnccFhV9Go4HcLtzboN/s40/w2bRSS+.png'/></a>

<a href='http://twitter.com/vairaisathish' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggNZ3Gxk_Ea6c145GRojQkd-D1dAUJySKz56w8OdUQGlVZVD5LNU7C2WVn-ndQc0ZZdAKm1lOl2iUut-sMo5aqi64YBinftBduWICaFHFIh3K4kHXGQxnLwiNfpuvdnWoh-keFj0D9zCvj/s40/w2bTwitter.png'/></a>

<a href='http://www.facebook.com/pages/vairaisathish/' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg6P_00u5mhslmI_Gfne4rT5nfQRmT1NUqwHXMVIlQjaHbIuP0wkNsK3GgTRP5y8gTIefEtkNiG1gOewLCCxAGr3NQ6-6222wgLI-s9HzGc0hDnoDFEapNS63hZRl1QaSWsWolm_qvrwMe/s40/w2bFaceBook.png'/></a> 

</td>

</tr>

</tbody></table></div></div> 

</b:if> 

மாற்ற வேண்டியவை:

• சிவப்பு நிறத்தில் உள்ளவற்றை உங்களுக்கு ஏற்றவாறு மாற்றிக் கொள்ளவும்.என்பதில்
• நீல நிறத்தில் உள்ளவற்றை உங்களுக்கு ஏற்றவாறு மாற்றிக் கொள்ளவும்.

• ஆரஞ்சு நிறத்தில் இருப்பது உங்களுடைய Feed Burner,FaceBook,Twitter முகவரியை மாற்றிக்கொள்ளவும்

Feed Burner முகவரியை எவ்வாறு கண்டுபிடிப்பது?

• Feed Burner Account இல்லாதவர்கள் இந்த லிங்கில் சென்று ஒரு அக்கவுண்டை ஏற்படுத்தி கொள்ளவும்.
• Feed Burner Account வைத்திருப்பவர்கள் உங்கள் FEED-ஐ தேர்ந்தெடுத்து உள்நுழையுங்கள்.
• அடுத்து வரும் பக்கத்தில் Edit Feed Details… என்பதை தேர்வு செய்யவும்
  இப்போது வரும் பகுதியில் Feed Address: என்பதில் உள்ள Text Box-ல் எழுதி இருப்பதை மட்டும் Copy செய்து மேலே உள்ள Code-ல் “vairaisathish” என்பதற்கு பதிலாக Paste செய்யுங்கள்.
  புரியவில்லையா கீழே உள்ள படத்தை பார்க்கவும்

நன்றி:My Blogger Tricks