Do You Like Box Widget Plugin For Blogger

ब्लॉग पर Do You Like Box विडजेट लगाये . ब्लॉगर, वर्डप्रेस और वेबसाइट सभी में ये विडजेट आसानी से रखा जा सकता है. विडजेट की खासियत यह की इस एक ही विडजेट में ईमेल सदस्यता फॉर्म, facebook, rss post , twitter आदि लिंक एक साथ रखी जा सकती है . इस विजेट को अपने ब्लॉग पर लगाने के लिए नीचे प्रक्रिया देखे .

विजेट ब्लॉग पर ले जाये

• अपने ब्लॉगर खाते में प्रवेश करे
• अब > Design > Edit HTML पर जाए
• यहाँ "Expand Widget Templates" चेक बॉक्स पर क्लिक करे
• अब templete में <data:post.body/> कोड तलाशे
• इस कोड के तुरंत बाद नीचे दिया पूरा कोड पेस्ट करे

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

<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.h4ttext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyJ9XG7VFk9gawP9BzWj3Jzu9kuN7oKjM9UDKmI7-TWvhCAeI9_a1qct1z-JmakbmJCfhhGFTepoT1L0N8Zkoxsjc0U8zH6wX5NDXMLzIHDKwpvS2138BrZlSpbXOKkBBwJ92cN_1smVB5/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;
}
.h4tbutton{
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=Hindi4tech&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='Hindi4tech'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='h4ttext' 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='h4tbutton' 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/Hindi4tech' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDJbeP2fyDgAFrKUdqSFAslWIqrTunaWC5UazcXVZTYRRYHfk3NAbHkBQtOhlQTzAk_l7Fa_zrot94cdX3yhDaJHNCqgYz0KyLIkl8KUzylfquHTXf56osS_KFY6cSB_IWeyjpXxWjfXDc/s40/w2bRSS+.png'/></a>

<a href='http://twitter.com/Hindi4tech' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixFGOpgb6LyITlUNzLYVasPg34dxw0PV35z4rFJ7EM3XSohcrvXOf9NMESCVLNg1ktsZeJcKjncertpebR5SZGqYAeed3asqyQKHCHyhB10tPvd2vhgL21dimuSzQcGDqzEGO5h432FTlQ/s40/w2bTwitter.png'/></a>

<a href='http://www.facebook.com/Hindi4tech' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiifrs8-cPZWnBl3pedSyoyb_MRDnRoBq3rae1jDuUEKh65U2APdhsIjqo_h_98MqQ3MbrxKmBsqVAIfa3BzPj_L6jzyJNkkngUTi2_06IVuhSTYffhaYzTqrnM0ClOYrZVyGNU-V0-ZQs7/s40/w2bFaceBook.png'/></a>
</td>

</tr>

</tbody></table></div></div>
</b:if>

ध्यान दे hindi4tech की जगह अपनी लिंक url डालना न भूले