HomeBLOGGER

Blog Mei Custom Email Subscribe Widget Kaise Add Kare

Blog Mei Custom Email Subscribe Widget Kaise Add Kare
Like Tweet Pin it Share Share Email

Hi readers feedburner site me apne blog keliye email subscribe widget kaise banate hai pichle ek post me maine bataya tha. Is post me apko batauga custom email subscribe widget kaise apne blog me add kare.

Apko to pata hi email subscribe widget apne blog me kiyo add karte hai. lekin me is post me custom email subscribe ke bare me hi thora batauga.

Sabhi log chate hai apne blog Ka design dekhne me achhi ho , aur iskeliye hum apne blog me bahut kuch karna padhta hai . blog me agor hum achhi stylist email subscribe widget add kare to blog ka look dugna badh jata hai.

Custom Email Subscribe widget kaise add kare

Maine ek pop up custom email subscribe box ka coding apke liye share kiya hai app ye code ko apne blog me add kareke blog better look de sakte hai. is coding ko apne blog me add karna bahut hi asan hai . Apke blog ke html file me jake is code ko add kar sakte hai.

<style>

#mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000000));;border:1px

solid #b30000; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #cc0099, #1a2638)}

#mbt-sub-box h2{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}

#mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparentborder:medium none;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:90%; color:#666; font-family:georgia; margin-bottom:5px;}

#mbt-sub-box .submit{border:1px

solid #000000;background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:10px;text-shadow:0 1px 2px #000;width:95%; font-family:georgia; margin-left:5px;}

#mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}

#mbt-sub-box .submit a:active{background: #000000}

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

<div id="mbt-sub-box"><h2>Subscribe Our Latest Post Your Email</h2><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=MyGyanBlog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Enter Your Email Address...'/> <size='30' type='text' value='Enter Your Email Address'/> <input name='uri' type='hidden' value='mygyanblog'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe Now'/></center></form></div>

</b:if>

 

Note : is code me mera blog ka name change karke apke blog ka feed name ko add kijiye.

App is code ko blogger aur wordpress mei use kar sakte hai. agor app sahe to is code ko app customize bhi kar sakte hai.

Comments (0)

Leave a Reply

Your email address will not be published. Required fields are marked *