Friday, 26 August 2016

Best 10 Email Subscription Widget Blogger Me Kaise Lagaye.

Email subscription widget ये blogger blog पर लगाऐ जानेवाला subscription form है जिसको blog के sidebar में लगा सकते है, Email subscription widget को feedburner से connect किया जाता है, Email subscription widget हमारी website की traffic increase करने में help करता है साथ ही अच्छे readers की royal community बनाने में help करता है.
Email Subscription Widget

जब कोई visitors हमारे blog पर visit करते है तब visitors को हमारे website के latest update अपने email पर आये इसके लिए Email subscription widget में अपना email address डालकर "Subscribe" button पर click करना होता है, इससे वो visitor हमारे website पर subscribe हो जाता है इसके बाद हमारी website के latest update उस visitor के email inbox में जाने लगेंगे.

Benefits Of Email Subscription Widget
Email Subscription box एक best option है हमारे वेबसाइट को promote करने का, साथ ही Email subscription widget हमारी हेल्प करता है readers की active community बनाने में जिससे आप अपने blog traffic को boost कर पाओगे. यानि More traffic = More AdSense earning. ये इस widget का फायदा है.

Email subscription widget हमारे ब्लॉग के latest posts को deliver करता है customers के email पर, इस wedget का best part ये है कि Email subscription widget में social site के लिंक add करते आयेंगे जो आपके visitors को आपके social site से connect करने में हेल्प करेगा.

आज आप best top 10 Email subscription widget बताऊंगा आपको जो widget पसंद आये उसको आप अपने ब्लॉग पर लगा सकते है, ये जो widget वो मैंने अलग - अलग website से लिए इसके पीछे की मंशा है कि सभी best Email subscription widget को एक जगहा लाना है ताकि सभी हिंदी blogger इसको अपने blog पर लगा सके जो उनको पसंद हो.

Request.
जैसा की मैंने आपको ऊपर ही बताया है Email subscription widget कई blog से लिए गए है इसलिए आपसे request है कि आप उन blog के credit को remove मत करे, जिन blogger ने ये widget बनाये है उनको उनके महेनत का credit दे, आशा है आप hinditechbook के request को और blogger को सम्मान देंगे.

How To Add Email Subscription Widget To Blogger.

अब हम बात करते है Email subscription widget को blog में कैसे add करे ये बहुत ही आसान है, इसके लिए आप मुझे step by step follow करे, अगर आपने blog नही बनाया है तो पहेले बना ले इसके लिए आप इस post पढ़े wordpress or blogger par Free blog website kaise banaye.

Step 1. सबसे पहले Blogger.com पर जाये और अपने Email account से login करे.
Step 2. अब dashboard >> layout >> add gadget पर क्लिक करे.
Step 3add gadget पर क्लिक करते ही एक page खुलेगा उसमे आपको Html/JavaScript पर क्लिक करे.
Step 4Html/JavaScript पर क्लिक करते ही एक popup पेज खुलेगा उसमे आपको Email subscription widget code add करना है जो widget आपको अच्छी लगे उसका code add करे और save button पर क्लिक करदे.
Step 5. Email subscription widget को save करने के बाद आप layout पर पहुच जायेगे वहा पर आपको save arrangement के button पर क्लिक करके widget सेव करले और अपने blog को खोल कर देखे.

Best 10 Email Subscription Widget.

#widget 1.
Email-Subscription-Widget



<style type="text/css"> .hbzsignup-form { background: transparent url("https://1.bp.blogspot.com/-Y_e_B9KzB-c/Vr6fNXna_BI/AAAAAAAAALo/dk3TFDW2-4I/s1600/Email-bg.jpg") no-repeat scroll center center / 250px 150px; height: 150px; width: 250px; margin: 10px auto 60px auto; } .hbzform-inner h4 { text-align: center; font-weight: 900; font-size: 15px; color: rgb(255, 255, 255); padding: 10px; } .hbzemailform { margin: 120px auto 5px; width: 215px; } #hbzemailbox { background: #FEFEFE none repeat scroll 0% 0%; border: medium none; font: 12px/12px "HelveticaNeue",Helvetica,Arial,sans-serif; margin-right: 5px; box-shadow: 0px 0px 4px rgb(207, 207, 207) inset, 1px 1px 1px rgb(186, 186, 186); padding: 7px; } #hbzemailbutton { background: transparent linear-gradient(to bottom, rgb(202, 48, 40) 0%, rgb(235, 88, 78) 100%) repeat scroll 0% 0%; box-shadow: 0px 0px 2px rgb(182, 37, 32) inset; border: medium none; color: #FFF; cursor: pointer; font: 13px/13px "HelveticaNeue",Helvetica,Arial,sans-serif; padding: 6px; border-radius: 5px; } #hbzemailbutton:hover { background: transparent linear-gradient(to bottom, #CA3028 0%, #B72420 100%) repeat scroll 0% 0%; } .hbzsocial-icons { margin: 20px 0 0; overflow: hidden; display: block; text-align: center; } .hbzsocial-icons ul { display: inline-block; margin: 0 auto !important; text-align: center; padding: 0px } .hbzsocial-icons ul li { background: transparent !important; border: none !important; float: left; list-style-type: none !important; margin: 0 4px 10px !important; padding: 0 !important; } .hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover { background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; height: 38px; overflow: hidden; text-indent: -999px; transition: all 0.25s linear 0s; width: 38px; } .hbzsocial-icons ul li.social-facebook a { background-color: #3b5998; background-position: -60px 3px; } .hbzsocial-icons ul li.social-twitter a { background-color: #00aced; background-position: -253px 3px; } .hbzsocial-icons ul li.social-gplus a { background-color: #dd4b39; background-position: -93px 3px; } .hbzsocial-icons ul li.social-pinterest a { background-color: #cb2027; background-position: -157px 3px; } .hbzsocial-icons ul li.social-rss a { background-color: #F87E12; background-position: -189px 3px; } .hbzsocial-icons ul li a:hover { background-color: #333; } .hbzsocial-like { display: block; text-align: center; } .hbzsocial-like tbody, .hbzsocial-like tbody tr { display: block; } .hbzfb-likes { display: inline-block; padding-bottom: 15px; margin-right: 5px; } .hbztw-follow { display: inline } </style> <div> <div class='hbzsignup-form'> <div class='hbzform-inner'> <h4>Sign Up for Email Updates</h4> </div> <div class='hbzemailform'> <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ijankari&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='ijankari'/> <input name='loc' type='hidden' value='en_US'/> <input id='hbzemailbox' name='email' required='' type='text' placeholder='Enter your email...'/> <input id='hbzemailbutton' title='' type='submit' value='Sign up'/> </form> </div> </div> <div class="hbzsocial-icons"> <ul> <li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li> <li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li> <li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li> <li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li> <li class="social-rss"><a href="[RSS url]" target="_blank" title="RSS">RSS</a></li> </ul> </div> <table class='hbzsocial-like'> <tbody> <tr> <td class='hbzfb-likes'> <div id="fb-root"> </div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div class="fb-like" data-href="[Fb url]" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"> </div> </td> <td class='hbztw-follow'> <a href="[Twitter url]" class="twitter-follow-button" data-show-count="true" data-show-screen-name="false" data-dnt="true">@[Twitter Username]</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs'); </script> </td> </tr> <tbody> </table> </div>


#widget 2.
email-widget-2

<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700" rel="stylesheet" type="text/css"></link> <br /> <div id="byard-emailsubsocial"> <div class="heading"> Sign Up in Seconds </div> Sign up with your email address to receive hot updates straight in your inbox.<br /> <div class="emailsub"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ijankari', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input name="name" placeholder="Your Name" type="text" /> <input name="email" placeholder="Your Email" type="text" /> <input name="uri" type="hidden" value="ijankari" /> <input name="loc" type="hidden" value="en_US" /> <input class="button" type="submit" value="Sign Up Now!" /> </form> </div> <div id="credits"> Powered By : <a href="http://www.bloggeryard.com/">Blogger Yard</a></div> </div> <style type="text/css"> #byard-emailsubsocial { width: 300px; height: 330px; border: 1px solid #ddd; border-radius: 5px 5px 0px 0px; } #byard-emailsubsocial .heading { padding: 15px 25px; line-height: 35px; font-size: 26px; font-weight: 600; font-family: open sans; color: rgb(170, 170, 170); text-align: center; text-shadow: 0px 1px rgba(255, 255, 255, 0.75); background: none repeat scroll 0% 0% rgb(247, 247, 247); } #byard-emailsubsocial p { font-family: open sans; font-size: 13px; color: rgb(170, 170, 170); line-height: 25px; padding: 10px 20px 0 20px; margin: 0; } #byard-emailsubsocial .emailsub { padding: 0px 20px 10px 20px; } #byard-emailsubsocial .emailsub input { color: rgb(170, 170, 170); padding: 10px; margin-top: 10px; font-size: 15px; font-family: open sans; width: 92%; border: 1px solid #ccc; border-bottom: 2px solid #ccc; border-radius: 5px; transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; } #byard-emailsubsocial .emailsub input:focus { border-color:#F4836A; outline: none; box-shadow: 0 0 2px 1px #F4836A; } #byard-emailsubsocial .emailsub .button { background: #F4836A; color: white!important; border:none; outline: none; border-bottom: 3px solid #B3614E; transition:background .4s linear; width: 90%; margin-right: 5%; margin-left: 5%; font-weight: 600; cursor:pointer; } #byard-emailsubsocial .emailsub .button:hover{ background: #DD7761; } #credits { margin: 0 auto!important; margin-top: -10px!important; width: 160px; } </style> </div>

#widget 3.
Email Subscription Widget 3

<style> .tbisubscribe { border: 1px solid #D3D3D3; padding: 8px; width: 300px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tbisubscribe:hover { -moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1); -webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1); box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1); } .tbimailbox { border: 1px solid #D3D3D3; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset; -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset; color: #666; font: 14px "trebuchet ms", sans-serif; padding: 7px 15px; width: 160px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tbimailbox:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .tbisubmit { font: bold 12px Tahoma, Geneva, sans-serif; font-style: normal; color: #ffffff; background: #ff5714; border: 0px solid #ffffff; text-shadow: 0px -1px 1px #222222; box-shadow: 2px 2px 5px #000000; -moz-box-shadow: 2px 2px 5px #000000; -webkit-box-shadow: 2px 2px 5px #000000; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; padding: 8px 15px; cursor: pointer; margin: 0 auto; } .tbisubmit:active { cursor: pointer; position: relative; top: 2px; } .tbisubmit::-moz-focus-inner { border: 0; padding: 0; margin: 0; } </style> <link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"></link> <br /> <div class="tbisubscribe"> <div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;"> Get Free Updates in your Inbox</div> <div style="margin: 10px 0 0 6px;"> <form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ijankari', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow"> <input name="uri" type="hidden" value="ijankari" /> <input name="loc" type="hidden" value="en_US" /> <input class="tbimailbox" 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="tbisubmit" title="" type="submit" value="Subscribe" /> </form> </div> <div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;"> Follow us on:</div> <div style="margin: -32px 0 0 120px;"> <a href="https://draft.blogger.com/FACEBOOK%20URL" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://1.bp.blogspot.com/-7BFnvcwztPI/UDvPdyfwRdI/AAAAAAAALEI/JIvOf_6qVvs/s1600/facebook500.png" /></a> <a href="https://draft.blogger.com/TWITTER%20URL" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://4.bp.blogspot.com/-whgSYuUXFK4/UDvPif88foI/AAAAAAAALEk/o1h9AQUEN48/s1600/twitter.png" /></a> <a href="https://draft.blogger.com/GOOGLE+%20URL" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://3.bp.blogspot.com/-CKC8VpnLV4E/UDvPe3F-JeI/AAAAAAAALEM/CfdjTmmDbHU/s1600/googleplus-revised.png" /></a> <a href="https://draft.blogger.com/PINTEREST%20URL" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://1.bp.blogspot.com/-W-z8yV2MJAo/UDvPgCvvFaI/AAAAAAAALEU/EM36zCqtyNE/s1600/pinterest.png" /></a> <a href="https://draft.blogger.com/RSS%20URL" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://3.bp.blogspot.com/-0kc9eDAEfVY/UDvPhDm2DuI/AAAAAAAALEg/xTrMT70Lutw/s1600/rss.png" /></a> </div> </div> </div>

#widget 4.
Email Subscription Widge 4



<style type="text/css"> #LS-Newsletter4-Box { background: url(http://1.bp.blogspot.com/-65PvPzNlUCo/UEEijEFGUdI/AAAAAAAALTI/5UGflvDEMJ8/s1600/Newsletter-5.png)no-repeat scroll center center transparent; height: 299px; width: 408px; } form#LS-Newsletter4-Form { display: block; margin: 0; padding-left: 71px; padding-top: 63px; } form#LS-Newsletter4-Form #s { background: transparent; border: none; color: #444242; font-family: georgia; font-size: 15px; font-style: italic; height: 28px; margin-top: 37px; vertical-align: top; width: 275px; outline:0px; position: relative; left: -25px; } form#LS-Newsletter4-Form #d { background: transparent; border: none; color: #444242; font-family: georgia; font-size: 15px; font-style: italic; height: 28px; margin-top: 38px; vertical-align: top; width: 275px; outline:0px; position: relative; left: -25px; } form#LS-Newsletter4-Form #sbutton { background: transparent; border: none; cursor: pointer; height: 43px; position: relative; left: -36px; top: 25px; width: 144px; border-radius: 5px; } </style> <br /> <div id="LS-Newsletter4-Box"> <form action="ijankari" id="LS-Newsletter4-Form" method="post"> <input id="d" name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Name&quot;;}" onfocus="if (this.value == &quot;Enter Your Name&quot;) {this.value = &quot;&quot;}" value="Enter Your Name" /> <input id="s" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter Your E-Mail&quot;;}" onfocus="if (this.value == &quot;Enter Your E-Mail&quot;) {this.value = &quot;&quot;}" type="email" value="Enter Your E-Mail" /> <input id="sbutton" src="http://3.bp.blogspot.com/-D4DL8TMRtd0/UCuQt-AVn3I/AAAAAAAAJz8/K1sjzXIxyQk/s1600/blank.gif" type="image" /> </form> </div> </div>


#widget 5.
Email Subscription Widget 5

<style type="text/css">#sidebar-subscribe-box { background: url(http://1.bp.blogspot.com/-IyEBRR8yOQQ/UBhYdBd23PI/AAAAAAAAFTU/aeW3JdAlrCs/s1600/colored-strip.png) repeat scroll 0 0 transparent; border: 1px solid #aaa; border-radius: 3px; padding: 3px 0; } .sidebar-subscribe-box-wrapper { background: url(http://2.bp.blogspot.com/-tUlo5p5gP8o/UBhYciGNgwI/AAAAAAAAFTM/x22pIuNLVPw/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7; color: #111; font-size: 14px; line-height: 20px; padding: 1px 20px 10px; text-align: center; text-transform: uppercase; } .sidebar-subscribe-box-form { clear: both; display: block; margin: 10px 0; } form.sidebar-subscribe-box-form { clear: both; display: block; margin: 10px 0 0; width: auto; } .sidebar-subscribe-box-email-field { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff url(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 0 -27px; border: 1px solid #ccc; border-radius: 4px; color: #444; margin: 0 0 15px; padding: 10px 40px; width: 68%; } .sidebar-subscribe-box-email-button { background: #09f; border: 1px solid #007fff; box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent; color: #fff; cursor: pointer; font-family: verdana; font-weight: 700; padding: 10px; text-shadow: 1px 1px 0 rgba(0,0,0,.4); text-transform: uppercase; width: 100%; } .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus { background: #1ca4ff; } .sidebar-subscribe-box-email-button:active { -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset; box-shadow: 0 1px 4px rgba(0,0,0,0.5) inset; outline: 0; } iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table { width: 100%; } embed { border-radius: 3px; -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); background: #FFF; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0,0,0,0.2); margin: 0; padding: 4px 4px 4px; } #footer-section { background: #f5f5f5 url(http://1.bp.blogspot.com/-n5s9Bu0JCgg/UA_AfQ5qLkI/AAAAAAAAFMU/G9FOuh4SP7k/s0/bg-pattern.png) repeat top left; border-top: 1px solid #aaa; box-shadow: inset 0 4px 6px -3px #aaa; font-family: cambria; font-size: 14px; height: 100px; margin: 10px -30px 5px; padding: 0 30px; text-align: center; width: 100%; }</style> <br /> <div id="sidebar-subscribe-box"> <div class="sidebar-subscribe-box-wrapper"> Subscribe to our email newsletter &amp; receive updates right in your inbox. <br /> <div class="sidebar-subscribe-box-form"> <form action="http://feedburner.google.com/fb/a/mailverify?uri=ijankari" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ijankari', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input name="uri" type="hidden" value="labstrike" /><input name="loc" type="hidden" value="en_US" /> <input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="Enter your email address :)" /> <input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now!" /></form> </div> </div> </div> </div>

aapko ye post padhni chaiye.
>> Eleven40 Blogger Template.
>> iBeats Blogger Template | iBeats Template Customize Kaise Kare.
>> Global Blogger Template.

#widget 6.
Email Subscription Widget 6

<style type="text/css"> .hbzsub { background-color: rgb(87, 98, 105); width: 100%; height: 100%; padding: 5px; box-shadow: 0px 0px 5px rgb(87, 98, 105); } .hbzform-inner { text-align: center; color: rgb(255, 255, 255); font: bold 16px "trebuchet MS","Tahoma"; } .hbzemailform { width: 240px; margin: 10px auto; } #hbzemailbox { background-color: #798187; color: #FFF; width: 208px; border: 1px solid #697780; padding: 15px; text-align: center; height: 18px; } #hbzemailbutton { background-color: rgb(243, 93, 92); border: 1px solid rgb(215, 84, 83); color: rgb(255, 255, 255); width: 240px; font: bold 16px "trebuchet MS","Tahoma"; padding: 15px; text-align: center; height: 50px; margin: 10px auto; cursor: pointer; } #hbzemailbutton:hover { background-color: #E64C4B; border: 1px solid #BF4A49; } .hbzsignup-form { margin-top: 15px; } .hbzsocial-icons { overflow: hidden; text-align: center; border-bottom: 1px solid rgb(133, 133, 133); width: 230px; display: block; margin: 20px auto; } .hbzsocial-icons ul { margin: 0px auto !important; text-align: center; padding: 0px !important; display: inline-block; } .hbzsocial-icons ul li { background: transparent none repeat scroll 0% 0% !important; border: medium none !important; float: left; list-style-type: none !important; padding: 0px !important; margin: 0px 2px !important; } .hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover { background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; height: 34px; overflow: hidden; text-indent: -999px; transition: all 0.25s linear 0s; width: 34px; } .hbzsocial-icons ul li.social-facebook a { background-position: -62px 1px; } .hbzsocial-icons ul li.social-facebook a:hover { background-color: #3b5998; } .hbzsocial-icons ul li.social-twitter a { background-position: -254px 1px; } .hbzsocial-icons ul li.social-twitter a:hover { background-color: #00aced; } .hbzsocial-icons ul li.social-gplus a { background-position: -95px 0px; } .hbzsocial-icons ul li.social-gplus a:hover { background-color: #dd4b39; } .hbzsocial-icons ul li.social-pinterest a { background-position: -159px 1px; } .hbzsocial-icons ul li.social-pinterest a:hover { background-color: #cb2027; } .hbzsocial-icons ul li.social-rss a { background-position: -190px 0px; } .hbzsocial-icons ul li.social-rss a:hover { background-color: #F87E12; } </style> <br /> <div class="hbzsub"> <div class="hbzsocial-icons"> <ul> <li class="social-facebook"><a href="https://draft.blogger.com/[Fb%20url]" target="_blank" title="Facebook">Facebook</a></li> <li class="social-twitter"><a href="https://draft.blogger.com/[Twitter%20url]" target="_blank" title="Twitter">Twitter</a></li> <li class="social-gplus"><a href="https://draft.blogger.com/[Google+%20url]" target="_blank" title="Google+">Google+</a></li> <li class="social-pinterest"><a href="https://draft.blogger.com/[Pinterest%20url]" target="_blank" title="Pinterest">Pinterest</a></li> <li class="social-rss"><a href="https://draft.blogger.com/[RSS%20url]" target="_blank" title="RSS">RSS</a></li> </ul> </div> <div class="hbzsignup-form"> <div class="hbzform-inner"> <h4> Subscribe to my Newsletter</h4> </div> <div class="hbzemailform"> <form action="http://feedburner.google.com/fb/a/mailverify" id="subscribe" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ijankari', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input name="uri" type="hidden" value="ijankari" /> <input name="loc" type="hidden" value="en_US" /> <input id="hbzemailbox" name="email" placeholder="Your Email" required="" type="text" /> <input id="hbzemailbutton" title="" type="submit" value="Subscribe" /> </form> </div> </div> </div> </div>

#widget 7.
Email Subscription Widget 7

<style type="text/css"> .hbzsub { background-color: rgb(255, 255, 255); width: 100%; height: 100%; border: 1px dashed #ddd; } .hbzsube { color: rgb(255, 255, 255); background-color: rgb(11, 172, 227); padding: 10px 0; text-align: center; font: bold 15px "trebuchet MS", "Tahoma"; width: 100%; } .hbzemailform { width: 235px; margin: 10px auto; } #hbzemailbox { background-color: #FFF; color: #747474; width: 130px; border: 1px solid #D8D8D8; padding: 7px; height: 18px; display: inline-block; vertical-align: top; box-shadow: inset 0px 0px 5px #c2c2c2; } #hbzemailbutton { background-color: rgb(243, 93, 92); border: 1px solid rgb(215, 84, 83); color: rgb(255, 255, 255); width: 85px; font: bold 13px "trebuchet MS", "Tahoma"; padding: 7px; text-align: center; cursor: pointer; display: inline-block; } #hbzemailbutton:hover { background-color: #E64C4B; border: 1px solid #BF4A49; } .hbzsignup-form { margin-top: 15px; } .hbzsocial-icons { overflow: hidden; text-align: center; display: block; margin: 20px auto; } .hbzsocial-icons ul { margin: 0px auto !important; text-align: center; padding: 0px !important; display: inline-block; } .hbzsocial-icons ul li { background: transparent none repeat scroll 0% 0% !important; border: medium none !important; float: left; list-style-type: none !important; padding: 0px !important; margin: 0px 5px !important; } .hbzsocial-icons ul li a { background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 34px; overflow: hidden; text-indent: -999px; transition: all 0.25s linear 0s; width: 34px; } .hbzsocial-icons ul li a:hover { background-color: #aeaeae !important; } .hbzsocial-icons ul li.social-facebook a { background-position: -62px 1px; background-color: #3b5998; } .hbzsocial-icons ul li.social-twitter a { background-position: -254px 1px; background-color: #00aced; } .hbzsocial-icons ul li.social-gplus a { background-position: -95px 0px; background-color: #dd4b39; } .hbzsocial-icons ul li.social-pinterest a { background-position: -159px 1px; background-color: #cb2027; } .hbzsocial-icons ul li.social-rss a { background-position: -190px 0px; background-color: #F87E12; } </style> <div class="hbzsub"> <div class="hbzsube">Join Our Free Newsletter</div> <div class='hbzsignup-form'> <div class='hbzemailform'> <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ijankari&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='ijankari' /> <input name='loc' type='hidden' value='en_US' /> <input id='hbzemailbox' name='email' required='' type='text' placeholder='Your Email address' /> <input id='hbzemailbutton' title='' type='submit' value='Join Us' /> </form> </div> <div class="hbzsube">Sociliaze with Us</div> <div class="hbzsocial-icons"> <ul> <li class="social-facebook"><a href="[Fb url]" target="_blank" title="Facebook">Facebook</a></li> <li class="social-twitter"><a href="[Twitter url]" target="_blank" title="Twitter">Twitter</a></li> <li class="social-gplus"><a href="[Google+ url]" target="_blank" title="Google+">Google+</a></li> <li class="social-pinterest"><a href="[Pinterest url]" target="_blank" title="Pinterest">Pinterest</a></li> <li class="social-rss"><a href="[RSS url]" target="_blank" title="RSS">RSS</a></li> </ul> </div> <div style="width: 230px; margin: 0px auto;"> <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.6"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div class="fb-page" data-href="[Fb url]" data-width="230" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-hide-cover="true" data-show-facepile="true"> <div class="fb-xfbml-parse-ignore"> <blockquote cite="[Fb url]"><a href="[Fb url]">[Fb Page Name]</a></blockquote> </div> </div> </div> </div> </div>

#widget 8.
Email Subscription Widget 8

<style type="text/css"> #LS-Newsletter5-Box { background: url(http://1.bp.blogspot.com/-kJo_v4W6Qto/UEEie4wT7XI/AAAAAAAALS4/OgZfjp9e2o4/s1600/Newsletter-3.png)no-repeat scroll center center transparent; height: 230px; width: 355px; } form#LS-Newsletter5-Form { display: block; margin: 0; padding-left: 71px; padding-top: 63px; } form#LS-Newsletter5-Form #s { background: transparent; border: none; color: #444242; font-family: georgia; font-size: 15px; font-style: italic; height: 28px; margin-top: 118px; vertical-align: top; width: 235px; outline:0px; position: relative; left: -35px; } form#LS-Newsletter5-Form #sbutton { background: transparent; border: none; cursor: pointer; height: 32px; position: relative; left: 206px; top: -31px; width: 55px; border-radius: 0px 25px 25px 0px; } </style> <br /> <div id="LS-Newsletter5-Box"> <form action="ijankari" id="LS-Newsletter5-Form" method="post"> <input id="s" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter Your E-Mail&quot;;}" onfocus="if (this.value == &quot;Enter Your E-Mail&quot;) {this.value = &quot;&quot;}" type="email" value="Enter Your E-Mail" /> <input id="sbutton" src="http://3.bp.blogspot.com/-D4DL8TMRtd0/UCuQt-AVn3I/AAAAAAAAJz8/K1sjzXIxyQk/s1600/blank.gif" type="image" /> </form> </div> </div>

#widget 9.
Email Subscription Widget 9

<style type="text/css"> #LS-Newsletter1-Box { background: url(http://4.bp.blogspot.com/-YL316LAsD9U/UEEicRMg7tI/AAAAAAAALSo/huvi3XqnnIo/s1600/Newsletter-1.png)no-repeat scroll center center transparent; height: 143px; width: 264px; } form#LS-Newsletter1-Form { display: block; margin: 0; padding-left: 71px; padding-top: 63px; } form#LS-Newsletter1-Form #s { background: transparent; border: none; color: #444242; font-family: georgia; font-size: 15px; font-style: italic; height: 21px; margin-top: -2px; padding-left: 2px; vertical-align: top; width: 160px; outline:0px; } form#LS-Newsletter1-Form #sbutton { background: transparent; border: none; cursor: pointer; height: 21px; padding-right: 45px; position: relative; left: 92px; top: 28px; width: 35px; } </style> <br /> <div id="LS-Newsletter1-Box"> <form action="ijankari" id="LS-Newsletter1-Form" method="post"> <input id="s" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter Your E-Mail&quot;;}" onfocus="if (this.value == &quot;Enter Your E-Mail&quot;) {this.value = &quot;&quot;}" type="email" value="Enter Your E-Mail" /> <input id="sbutton" src="http://3.bp.blogspot.com/-D4DL8TMRtd0/UCuQt-AVn3I/AAAAAAAAJz8/K1sjzXIxyQk/s1600/blank.gif" type="image" /> </form> </div> </div>

Customize.
code के अंदर ijankari के जगह आप अपने feedburner नाम डाले.
[Twitter url], [Google+ url], [Pinterest url], [RSS url] in code ke jagha aapko social site ke link add karna.

आपको ये widget कैसे लगे हमे जरूर बताये अगर आप widget लगाने में कोई problem होती है तो आप comment में बताये हम आपकी हेल्प जरूर करेगे, salaamhindi पर publish होने वाले letest post अपने email पर पाने के लिए Email subscribe करे, ये post को अपने dosto से share करके हमारी help करे.

aapko ye post padhni chaiye.
>> Facebook Like Box Widget Blogger me add Kare.
>> Website Icon | Favicon Online Generate karke Blog me Lagaye.
>> Whatsapp Sharing Button Blog me kaise Lagaye.

Tuesday, 23 August 2016

What is Bitcoin?

What is Bitcoin? Bitcoin क्या है ? Bitcoin कैसे earn करे ? Bitcoin की पूरी जानकारी आज के पोस्ट में मई आपको बताऊंगा, हाली में मुझे Bitcoin के बारे में पता चला जो बहुत ही अच्छा way है make money कमाने का, Bitcoin के बारे में मई जितना जानते गया उतना ही मेरी इच्छा बढ़ने लगी इसको earn करने को और कुछ ही दिनों में मैंने Bitcoin earning करना स्टार्ट कर दिया.

what-is-Bitcoin


Bitcoin kya hai?

Bitcoin एक digital crypto currency है, और ये virtual है यानि हम इसे internet पर इस्तेमाल कर सकते है, आसान भाषा में कहे तो हम bitcoin को छु नहीं सकते, जैसे हम rupaye के छोटे भाग paisa को छू नही सकते, bitcoin को हम electronic currency भी कहे सकते है.

Bitcoin को Denoted (दर्शाने ) के लिए BTC, mBTC, uBTC Etc. जैसे मात्रक Use किया जाता है. ये Open Source है इसपर किसी का अधिकार नहीं है इसे हर कोई Use कर सकता है जैसे Internet पर इस्तेमाल करना, यानि offline और online इस्तेमाल किया जा सकता है.

Bitcoin का use कहा किया जाता है ?

Bitcoin का Use आप Online Shopping के लिए कर सकते है. Online Payment करने के लिए, Payment Receive करने के लिए भी कर सकते है. हलाकि india में bitcoin को bank से इस्तेमाल करते नही आता है, अभी rbi ने इसपर कोई निर्णय नही लिया है.

1 Bitcoin की कीमत $420 यानी Indian Rupees में Rs.27500 के करीब है इसकी कीमत हर दिन कम या ज्यादा (ऊपर – नीचे ) होती रहती है. Bitcoin Send या Receive करने के लिए आपके Pass Bitcoin Address होना जरुरी है. साथ ही bitcoin earn करने के लिए आपको bitcoin Wallet की जरुरत पड़ेगी क्योंकि bitcoin Wallet से ही आप Bitcoin Address पा सकते है तो चलिए जानते है Bitcoin Address क्या है ? और Bitcoin Wallet क्या है ?



Bitcoin Address क्या है ?

अगर आप bitcoin को use करना चाहते है, या फिर earn करना चाहते है तो आपको bitcoin address की जरुरत पड़ेगी, एक तरह से ये आपका bank account address होगा जिससे आप payment send या receive कर सकते है.

Bitcoin Address कुछ इस तरह होता है.
Example :- 30uAbMganupShBVTewXjrtvBv5MnDwf2hb

Bitcoin Address में 27 To 24 Alphanumeric Character होते है. आसान भाषा में कहे तो जैसे आपका Bank Account Number होता है वैसे ही Bitcoin Address होता है पैसे Send और Receive करने के लिए. bitcoin address के लिए आपको bitcoin account create करना होगा जिसको आप bitcoin wallet कहेते है.



bitcoin wallet क्या है?

bitcoin wallet आपका online bank account होता है जहाँ से आप payment receive और send कर सकते है, साथ ही bitcoin को सेव करके रख सकते है, जब आप bitcoin wallet create करोगे तभी आपको bitcoin address मिलेगा, तो इसलिए आपको wallet की बहुत ही ज्यादा जरुरत होगी.

bitcoin wallet create करना बहुत ही आसान है, bitcoin wallet create कैसे करे? ये हम आनेवाले दिनों में सीखेगे, मई आपको कुछ popular website बताता हूं जो india में trust किये जाने वाली site है.
unicon
bittrex

ये वो 2 website है जहाँ पर आप bitcoin wallet account create कर सकते है, दोस्तों account बनाने के लिए आपके पास pancard होना जरुरी है सो आप pancard जल्द से जल्द बना लीजिए.

Bitcoin कैसे Earn कैसे करे ?

Bitcoin Earn करने के काफी सारे तरीके है जैसे Paid To Click Sites, Surfing Advertisement, Playing Games, ये bitcoin earn करने के best tarike है आने वाले दिनों में मई आपको ऐसे कई site बताऊंगा जहा से आप free bitcoin earn कर सकते साथ ही कुछ tricks भी बताऊंगा जिससे आप fast earning कर पाओगे.

Bitcoin Popular क्यों है ?

  • Transaction की Fees बहुत कम है. 
  • Worldwide Payment Sends And Receives कर सकते है. 
  • Open Source है इसको हर कोई Use कर सकता है. 
  • High Security है. 
  • Offline या Online दोनों Use कर सकते है.


दोस्तों अब आप जान चुके है bitcoin kya hai ? आपको ये जानकारी कैसी लगी ये जरूर बताये साथ ही हमारे साइट पर किये जाने वाले leteste पोस्ट की जानकारी प्राप्त करने के लिए email subscribe जरूर करे. पोस्ट को share करके इस जानकारी को लोगो तक पहुचने में हमारी help करे.


aapko ये पोस्ट  पढ़नी चिहिए. 
>> URL Shortener Websites se paise kamaye.
>> Earn Money Online Karne Ke 10 Popular Tarike.
>> Android Mobile ki Topten problem or Solutions.  

Monday, 22 August 2016

Ribbon Blogger Template.

Ribbon blogger template ये आजके पोस्ट का title है इससे पहले के पोस्ट में हमने जाना था blog website कैसे बनाये ? अगर आपने ये पोस्ट पढ़ी नही है तो पहले इसको पढ़ले, Ribbon एक SEO friendly blogger template है जो बहुत ही अच्छा responsive मोबाइल फ्रैंडली टेम्पलेट है, इस में 2 columns, ribbon magazine blogger theme है इसको general purpose Blogs के लिए बनाया गया है.
ribbon blogger template

LIVE DEMO

Ribbon blogger template में आपको auto header ad banner लगाने को मिलेगा साथ ही read more, right sidebar, 3 columns footer, social buttons, post sharing buttons, related posts, Google fonts, scroll to top button और कई चीज़े मिलेगी.

Template का नाम : Ribbon.
Template Designer : MyThemeShop.

Ribbon Template ko Customize Kare.


अब बात करते है template को customize कैसे करते है, सबसे पहले अपने blog में login करके dashboard >> template >> edit html बटन पर क्लिक करके Ctrl+f बटन दबाके code search करने है जो मैं आपको निचे बताऊंगा.

Top Navigation Menu.

निचे बताये कोड को सर्च करे
<nav id='navigationnbt'>

Template में code मिलने पर आपको उसके निचे demo कोड की तरह कोड दिखाई देगे उसमे आपको # के जगहा label लिंक ऐड करनी और anchor text को रिमूव करके categorie का नाम रखना है.

Demo code.





<ul class="menunbt">
<li><a expr:href="data:blog.
homepageUrl" href="https://www.blogger.com/null">Home</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=8215903759598337750#">Business</a> <ul class="sub-menu">
<li><a href="https://www.blogger.com/blogger.g?blogID=8215903759598337750#">Internet</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=8215903759598337750#">Market</a></li>
<li><a href="https://www.blogger.com/blogger.g?blogID=8215903759598337750#">Stock</a></li>
</ul>
</li>
<li><a href="https://www.blogger.com/blogger.g?blogID=8215903759598337750#">Uncategorized</a></li>
</ul>
</div>


Social Buttons.
निचे बताये code को सर्च करे.

<div class='ribbon-social-buttons'>

Template में code मिलने पर आपको उसके निचे demo कोड की तरह कोड दिखाई देगे उसमे आपको social site url को remove करके उस जगहा अपने social account लिंक add करनी है.





<a href="https://plus.google.com/" rel="nofollow" target="_blank" title="GooglePlus"><i class="fa fa-google-plus-square"></i></a> <a href="https://twitter.com/" rel="nofollow" target="_blank" title="Twitter"><i class="fa fa-twitter-square"></i></a> <a href="https://www.facebook.com/" rel="nofollow" target="_blank" title="Facebook"><i class="fa fa-facebook-square"></i></a> <a href="http://instagram.com/" rel="nofollow" target="_blank" title="Instagram"><i class="fa fa-instagram"></i></a> <a href="https://www.youtube.com/" rel="nofollow" target="_blank" title="Youtube"><i class="fa fa-youtube-square"></i></a> <a href="http://www.pinterest.com/" rel="nofollow" target="_blank" title="Pinterest"><i class="fa fa-pinterest-square"></i></a> <a href="http://www.linkedin.com/" rel="nofollow" target="_blank" title="Linkedin"><i class="fa fa-linkedin-square"></i></a> <a href="https://vimeo.com/" rel="nofollow" target="_blank" title="Vimeo"><i class="fa fa-vimeo-square"></i></a> <a href="http://tumblr.com/" rel="nofollow" target="_blank" title="Tumblr"><i class="fa fa-tumblr-square"></i></a> <a expr:href="data:blog.homepageUrl + &quot;feeds/posts/default&quot;" href="https://draft.blogger.com/null" rel="nofollow" target="_blank" title="RSS"><i class="fa fa-rss-square"></i></a> </div>


Ribbon blogger template में ज्यादा कुछ edit करने जैसा नही है फिर भी आपको कुछ एडिट करने का सवाल हो तो आप मुझे comment में पूछे सकते है आपको ये टेम्पलेट कैसा लगा या  बताये साथ ही हमारे new post की जानकारी के लिए email subscribe करे.

aapko ye post padhni chahiye.

>> Eleven40 Blogger Template.
>> Zippo Responsive Blogger Template.
>> Global Blogger Template.

Eleven40 Blogger Template.

Eleven40 Blogger Template free download करे xml format में, साथ ही customize कैसे करते है ये आज के post का विषय है इससे पहले हमने ribonn blogger template के बारे में जाना था, Eleven40 template wordpress genesis child theme पर आधारित बनाया गया template है जिसको alltechbuzz के author इमरान जी ने publish किया है .

Eleven40 Blogger Template
LIVE DEMO

Eleven40 WordPress theme को converted किया गया है blogger template में, ये template बहुत ही clean होने के साथ ही हर तरहा के niches blogger को support करता है जैसे How-To blogs, SEO Guides, Social Media Tips, Technology related blogspot blog पर लगाया जा सकता है.

Eleven40 Blogger Template | Eleven40 Customize kaise kare.

Eleven40 bloggers template बहुत ही अच्छा responsive template है इसमें header navigation menu, custom search, two column layout, three column footer, auto read more, numbered page navigation इस तरह के कई feature hai.

ELEVEN 40 BLOGGER TEMPLATE KE FEATURES.

  1. Clean and Elegant Look : template बहुत ही अच्छा look देता है जो clean है इसका background color सफ़ेद होने के साथ ये visitors को आकर्षक काटने में बहुत ही बड़ा किरदार निभाता है.
  2. Search Box : template में search box add किया गया है ताकि आपके visitors को post search करने में आसानी हो बिना टाइम ख़राब किया.
  3. Auto Read More : Eleven 40 Blogger template में read more बटन लगा गया है.
  4. SEO Optimized : template को full SEO optimiz किया गया है जो आपके blog की traffic increase करने में हेल्प करता है.
  5. adsense ads ready : Template को ads ready बनाया गया है जिससे आप अच्छी earn कर सकते है. 

Eleven40 Customize kaise kare.

अब हम बात करते है template को cusomize कैसे करते है, सबसे पहले आप अपने blog पर template को upload करले upload करने से पहले वाले template का backup download करले.
अब हम template को edit करते है, इसके लिए आप blogger के dashboard >> Template >> edit HTML पर click करे और Ctrl+f buttons दबाके जो code आपको search करने को बताया जाये उसको search करे.

Navigation Menu.
निचे बताये कोड को सर्च करे.
<div class='header' id='header'>
Template में code मिलने पर आपको उसके निचे demo कोड की तरह कोड दिखाई देगे उसमे आपको # के जगहा label लिंक ऐड करनी और anchor text को रिमूव करके categorie का नाम रखना है.
 
<div class='header' id='header'>
<ul class='menu' id='menu'>
<li class='menu' id='menu'><a href='#'>home</a></li>
<li class='menu' id='menu'><a href='#'>about</a></li>
<li class='menu' id='menu'><a href='#'>contact</a></li>
<li class='menu' id='menu'><a href='#'>learn bogging/making money online</a></li>
</ul>
</div>

Widget add kare.

  • dashboard >> layout >> add gadget पर क्लिक करे.
  • add gadget पर क्लिक करते ही एक page खुलेगा उसमे आपको Html/JavaScript पर क्लिक करे.
  • Html/JavaScript पर क्लिक करते ही एक popup पेज खुलेगा उसमे आपको निचे बताये code add करना है.


Adding Blog Description in Footer:
Alltechbuzz.NET is a blog for Tech Geeks and Bloggers where we share fresh and updated information related to Internet, Social Media, Gadgets, Blogging, How-To Guides, Internet Marketing, SEO and much more related to Technology. You can check out about the admin of the blog <a href="#" target="_blank">here</a> and check out our <a href="#" target="_blank">Sitemap</a>.

Footer me Navigation Links lagaye.

<ul>
<li><a href="#" target="_blank">About Us</a></li>
<li><a href="#" target="_blank">Contact Us</a></li>
<li><a href="#" target="_blank">Advertise on this Blog</a></li>
<li><a href="#" target="_blank">Privacy Policy</a></li>
<li><a href="#" target="_blank">Disclaimer</a></li>
<li><a href="#" target="_blank">All India Youth</a></li>
</ul>

Footer me Featured Links lagaye.
<ul>
<li><a href="#" target="_blank">Learn Blogging/SEO</a></li>
<li><a href="#" target="_blank">Learn How to Make Money Online</a></li>
<li><a href="#" target="_blank">Increase/Boost Alexa Rank</a></li>
<li>Free WordPress Installation Service</li>
</ul>

Search Box lagaye.
<form method="get" class="searchform search-form" action="/search" role="search"><input type="text" value="Search this website…" name="q" class="s search-input" onfocus="if (&#39;Search this website…&#39; === this.value) {this.value = &#39;&#39;;}" onblur="if (&#39;&#39; === this.value) {this.value = &#39;Search this website…&#39;;}" /><input type="submit" class="searchsubmit search-submit" value="Search" /></form>

अब आप जान चुके है Eleven40 Customize kaise karna है, आपको ये template कैसा लगा ये हमे जरूर बताये, template को edit करने में कोई परेशानी आती है तो आप हमें comment करके पूछे हम आपकी help जरूर करेगे, आपसे से गुजारिश है कि आप post को अपने dosto से share करे.

Minima Colored 2.1 Responsive Blogger Templates.

Minima Colored 2.1 Responsive Blogger Templates free download करे xml format में साथ ही इस template को edit कैसे करना है ये भी सीखे इससे पहेले के post में हमने Eleven40 Blogger template के बारे में जाना था और उसको edit कैसे करना है ये भी सीखा था, आज हम minima colored 2. 1 responsive blogger template के बारे में जानेंगे और इस template को Customize करना सीखेगे.
minima colored 2.1 responsive blogger template

Flatform Type : Blogger.
Template Name : Minima Colored 2.1 Responsive Blogger Templates. 
Author Name : Arlina Fitriani. 
Design Url : www.arlinadzgn.com

Features.
Responsive Design, SEO, Custom Threaded Comment, Recent Post, Slider, 2 Column, White Base Theme Color, Responsive Ads ready, Breadcrumbs, Related Posts with Thumb, Search Box, Share Button, Sticky Top Menu, Main Dropdown Menu, Numbered Page, Navigation, Top Social Bookmark, Recent Comment, Custom 404 Page, Smooth back To Top Button, Better Print Page Layout, Author Box, Custom Contact Form Designand more..

Minima Colored 2.1 Responsive Blogger Templates Customize kare.

अब हम बात करते है template को cusomize कैसे करते है, सबसे पहले आप अपने blog पर template को upload करले upload करने से पहले वाले template का backup download करले.
अब हम template को edit करते है, इसके लिए आप blogger के dashboard >> Template >> edit HTML पर click करे और Ctrl+f buttons दबाके जो code आपको search करने को बताया जाये उसको search करे.

Navigation.
निचे बताये कोड को सर्च करे.
#
Template में code मिलने पर आपको उसके निचे demo कोड की तरह कोड दिखाई देगे उसमे आपको # के जगहा label लिंक ऐड करनी और anchor text को रिमूव करके categorie का नाम रखना है.

<ul> <li class='home1'><a expr:href='data:blog.
homepageUrl'><i class='fa fa-home'/> Home</a></li> <li><a href='#'><i class='fa fa-trophy'/> Advertise</a></li> <li><a href='#'><i class='fa fa-sitemap'/> Sitemap</a></li> <li><a href='#'><i class='fa fa-cog fa-spin'/> About</a></li> <li class='sorting-01 facebook' title='Follow us on Facebook'><a href='#'><i class='fa fa-facebook'/><span class='inv'/></a></li> <li class='sorting-02 twitter' title='Follow us on Twitter'><a href='#'><i class='fa fa-twitter'/><span class='inv'/></a></li> <li class='sorting-03 googleplus' title='Follow us on Google+'><a href='#'><i class='fa fa-google-plus'/><span class='inv'/></a></li> <li class='sorting-06 linkedin' title='Follow us on LinkedIn'><a href='#'><i class='fa fa-linkedin'/><span class='inv'/></a></li> <li class='sorting-04 youtube' title='Follow us on Youtube'><a href='#'><i class='fa fa-youtube'/><span class='inv'/></a></li> </ul>

<nav id='menu'> <input type='checkbox'/> <label/> <ul> <li class='homers'><a href='/'><i class='fa fa-home fa-2x fa-fw'/></a></li> <li><a href='#'>Static Page</a></li> <li><a class='ai' href='#'>Sub Menu</a> <ul class='menus'> <li><a href='#'>Menu a</a></li> <li><a href='#'>Menu b</a></li> <li><a href='#'>Menu c</a></li> </ul> </li> <li><a href='#'>Button</a></li> <li><a class='ai' href='#'>Sub Menu</a> <ul class='menus'> <li><a href='#'>Menu a</a></li> <li><a href='#'>Menu b</a></li> <li><a href='#'>Menu c</a></li> </ul> </li> <li><a href='#'>Error</a></li> <li class='searchbutton'/> </ul> </nav>


Meta Tag.  
निचे बताये कोड को सर्च करे. 
<head>

<meta content='YOUR, KEYWORD, PUT, HERE' name='keywords'/></b:if> <link href='https://plus.google.com/YOURGPLUS/posts' rel='publisher'/> <link href='https://plus.google.com/YOURGPLUS/about' rel='author'/> <link href='https://plus.google.com/YOURGPLUS' rel='me'/> <meta content='YOUR VERIFICATION GOOGLE CODE' name='google-site-
verification'/> <meta content='YOUR VERIFICATION BING CODE' name='msvalidate.01'/> <meta content='YOUR VERIFICATION ALEXA CODE' name='alexaVerifyID'/> <meta content='INDONESIA' name='geo.placename'/> <meta content='YOUR NAME' name='Author'/> <meta content='general' name='rating'/> <meta content='ID' name='geo.country'/> <meta content='YOURFBAPPSID' property='fb:app_id'/> <meta content='YOURFBUSERID' property='fb:admins'/> <meta content='@USERNAME' name='twitter:site'/> <meta content='@USERNAME' name='twitter:creator'/>

Adsense ads lagaye post title ke niche.

निचे बताये कोड को सर्च करे.
<!-- Place Your Ads Here (Already Parsed) -->

<div expr:id='&quot;adsmiddle1&
quot; + data:post.id'/> <div style='clear:both; margin:10px 0'> <!-- Place Your Ads Here (Already Parsed) --> </div> <div expr:id='&quot;adsmiddle2&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> var obj0=document.getElementById(&quot;adsmiddle1<data:post.id/>&quot;); var obj1=document.getElementById(&quot;adsmiddle2<data:post.id/>&quot;); var s=obj1.innerHTML; var r=s.search(/\x3C!-- adsense --\x3E/igm); if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);} </script>

Author info.
निचे बताये कोड को सर्च करे.
This is dummy text

<div class='authorContent'> <div class='authorLeft'> <div class='authorAvatar'> <img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='http://1.bp.blogspot.com/-pZeZcLgWar4/VDK4F8Cuc1I/AAAAAAAAG7U/_J13G5uHOhc/s1600/Minima%2BLogo2.png' width='120'/> </div> </div> <div class='authorDetails'> <h2>About <a href='#' rel='author' title='Posts by Admin'>Admin</a></h2> </div> <p>This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.</p> </div> </div>

ये लीजिये आपने टेम्पलेट को edit कर दिया है अब हम बात करते है widget  कैसे लगाए और उसके code के बारे में.
widget.
  • dashboard >> layout >> add gadget पर क्लिक करे.
  • add gadget पर क्लिक करते ही एक page खुलेगा उसमे आपको Html/JavaScript पर क्लिक करे.
  • Html/JavaScript पर क्लिक करते ही एक popup पेज खुलेगा उसमे आपको निचे बताये code add करना है.
Recent Comments.

<style type="text/css" scoped> ul.kangismet_recent{list-
style:none;margin:0;padding:0;} .kangismet_recent li{background:transparent;margin:0 0 6px!important;padding:3px !important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent; border-radius:9px; max-height: 100px;} .kangismet_recent li:hover{background:#fff;border: 1px solid #e9e9e9;} .kangismet_recent a {text-decoration:none;} .avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{border-radius:100px;width:35px;height:35px} .kangismet_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ var numComments = 5, showAvatar = true, avatarSize = 35, roundAvatar = true, characters = 40, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; maxfeeds=50, adminBlog='Lina'; //]]> </script> <script type="text/javascript" src="https://arlina-design.googlecode.com/svn/recent.js"></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50"> </script>

Recent Post Slider.

<style> /* CSS Responsive Slider Recent Post */ #slides *{-moz-box-sizing:border-box;-
webkit-box-sizing:border-box;box-sizing:border-box} #slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative} #slides ul{height:320px} #slides li{width:50%;height:100%;position:absolute;display:none} #slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4), #slides li:nth-child(5){display:block} #slides li:nth-child(1){left:0;top:0} #slides li:nth-child(2){left:50%;width:25%;height:50%} #slides li:nth-child(3){left:75%;width:25%;height:50%} #slides li:nth-child(4){left:50%;top:50%;width:25%;height:50%} #slides li:nth-child(5){left:75%;top:50%;width:25%;height:50%} #slides li:nth-child(1) h4 {overflow:hidden;font-size:25px;bottom:0;color:#fafafa;width:100%; padding:10px 10px 10px 90px;text-align:left;text-transform:uppercase;background:rgba(0,0,0,0.3); height:90px;font-family:'Oswald';text-shadow:2px 2px 0 rgba(0,0,0,0.2);line-height:32px;left:0;} #slides li:nth-child(1) .label_text {font-size:30px;display:block;bottom:10px;left:10px; padding:0;font-family:'Oswald';box-shadow:5px 3px 0 rgba(0,0,0,0.2);} #slides li:nth-child(1) span.dd {display:block;font-size:30px;padding:12px 15px; background:#ff6553;margin:0;} #slides li:nth-child(1) span.dm {display:block;font-size:14px;background:#333;color:#fff; padding:5px 21px;text-transform:uppercase;margin:0;} #slides li:nth-child(1) span.dy, #slides li:nth-child(1) span.autname{display:none;} #slides a{display:block;width:100%;height:100%;overflow:hidden} #slides img{display:block;width:100%;height:auto;border:0;padding:0;background-color:#333;-moz-transform:scale(1.0) rotate(0);-webkit-transform:scale(1.0) rotate(0);-ms-transform:scale(1.0) rotate(0);transform:scale(1.0) rotate(0);transition:all 0.6s linear;} #slides li a:hover img {-moz-transform:scale(1.1) rotate(1deg);-webkit-transform:scale(1.1) rotate(1deg);-ms-transform:scale(1.1) rotate(1deg);transform:scale(1.1) rotate(1deg);transition:all 0.3s linear;} #slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://2.bp.blogspot.com/-0haO2Mfkjjk/VDgZww2tfEI/AAAAAAAAHAk/zhu3INYSkHA/s1600/fade.png);background-position:50% 40%;background-repeat:repeat-x;} #slides h4{position:absolute;bottom:40px;margin:0;font-size:13px;font-family:'Oswald'; left:10px;padding:5px 10px;color:#f9f9f9;z-index:3;line-height:20px;font-weight:normal; background:rgba(41,41,41,0.7);text-align:left;text-transform:uppercase;margin-right:10px;} #slides .label_text{font-size:12px;color:#fff;bottom:10px;z-index:3;left:10px; position:absolute;background:rgba(255,101,83,0.8);padding:3px 6px;font-family:'Oswald'; text-transform:uppercase;} #slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname,#slides li:nth-child(4) .autname,#slides li:nth-child(5) .autname{display:none;} #slides .overlayx,#slides li{transition:all .4s ease-in-out} #slides li:nth-child(1) .overlayx{display:none;} #slides li:hover .overlayx{opacity:0.1} @media only screen and (max-width:800px){ #slides li:nth-child(1) h4 {font-size:18px;line-height:24px;}} @media only screen and (max-width:600px){ #slides ul{height:600px} #slides li:nth-child(1){width:100%;height:50%} #slides li:nth-child(2){top:50%;height:25%;left:0;width:50%} #slides li:nth-child(3){left:50%;top:50%;width:50%;height:25%} #slides li:nth-child(4){left:0;top:75%;height:25%;width:100%} #slides li:nth-child(5){display:none;}} @media only screen and (max-width:480px){ #slides li:nth-child(1) h4 {font-size:13px;line-height:16px;}} </style> <div id="featuredpost"></div> <script type="text/javascript" src="https://arlina-design.googlecode.com/svn/slider-post.js"></script> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { FeaturedPost({ blogURL:"YOUR-BLOG-URL", MaxPost:8, idcontaint:"#featuredpost", ImageSize:500, interval:10000, autoplay:true, tagName:false }); }); //]]> </script>


Sitemap page add kare.
अगर आप sitemap पेज add करना चाहते है  पेज के html में नीचे बताया code ऐड.

<div id="table-outer"> <table><tbody> <tr><td><label>Sort posts by : </label></td><td><select id="orderFeedBy"><option selected="" value="published">New post</option><option value="updated">Post updated</option></select></td>
</tr> <tr><td><label>Filter posts by category : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">Loading...</option></select></span></td></tr> <tr><td><label>Search by keyword : </label></td><td><form id="postSearcher"> <input type="text" /></form> </td></tr> </tbody></table> </div> <header id="resultDesc"></header> <ul id="feedContainer"></ul> <div id="feedNav"> Loading...</div> <script src="https://googledrive.com/host/0B5NxkB895DDIMDB3YnM0ZkFUVDg" type="text/javascript"></script>


अब आप जान चुके है Minima Colored 2.1 Responsive Blogger Templates Customize kaise karna है, आपको ये template कैसा लगा ये हमे जरूर बताये, template को edit करने में कोई परेशानी आती है तो आप हमें comment करके पूछे हम आपकी help जरूर करेगे, आपसे से गुजारिश है कि आप post को अपने dosto से share करे.