Create Wordpress Subscription Form For Blogger

ဒီေန႔ တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ Wordpress Subscription Widget ေလးပါ။ သိၿပီးၾကေသာ မိတ္ေဆြမ်ားလည္း မ်ားေတာ့မွာပါ။ ဒါေပမယ့္ မသိေသးတဲ့ မိတ္ေဆြမ်ားအတြက္ေတာ့ အခက္အခဲ ရွိနုိင္ပါတယ္။ ဒါေၾကာင့္ ထပ္တင္ေပးလုိက္တာပါ။ ႀကဳိက္ၾကမယ္လုိ႔လည္း ေမွ်ာ္လင့္ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ ရေအာင္ link နဲ႔ တကြ လုိအပ္တဲ့ Cond ကုိလည္း ေပးထားပါတယ္။

၁။Sign In Blogger

၂။ Layout

၃။ Add a Gadget

၄။ HTML/JavaScript

၅။ ေအာက္က ေပးထာတဲ့ Cond ေလးကုိထည့္ေပးလုိက္ပါ။

<style type="text/css">                                                       

.abtbar{width:300px;float:left;background:#FFF top no-repeat;margin:0 0 10px;padding:10px;border:0px solid #DDD;}.abtbar .abt-credit{}.abtbar .abt-credit a{float:right;font-size:10px;font-weight:bold;text-shadow:1px 1px white;color:#1E598E;text-decoration:none;}.abtbar h2{background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP39mf9Zc_493zY3HM69rIuH5eMikVRB79xH4c8lZu8NiQKuwiTu9SP4x8qFzYiUg9ANEg6VWZIBUZmfQISi0awVK_62LhyttNW1HTTIs9TMsquWn1Yia_rHc_80avi0f1ovYeBsrTOOg/s1600/%5Bwww.internetricks4u.blogspot.in%5DSUBSCRIBE.gif) no-repeat;height:50px;margin:0px 0 0px 0;padding:0px 20px 0px 0px;font-size:0px;font-family:Sans-serif, Arial, Helvetica;font-weight:bold;text-transform:uppercase;color:#ffffff;text-shadow:0 1px 0 #fff;}.abtbar .count{color:#F17C18;font-size:14px;font-weight:bold;font-family:Helvetica, Arial;height:40px;line-height:40px;vertical-align:middle;width:310px;padding:0 0px 0 4px;margin:0;}.abtbar .count span.bigcount{color:#F17C18;font-size:24px;font-family:Helvetica, Arial;line-height:39px;vertical-align:middle;margin:0px;padding:10px 0px 0px 0;}.abtbar .subicons{border-bottom:1px solid #e6e6e6;margin:0px 0 0px 0;float:left;width:300px;font-family:Helvetica, Arial;font-size:12px;}.abtbar .subicons a{text-decoration:none;color:#333333;}.abtbar .subicons a:hover{text-decoration:underline;color:#333333;}.abtbar .subicons .rssicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgy3X__ec_TnS6eaoz11bVXuAsbwvtJ_2Qsn8ubUuECMKMzQcVuwZJ8n4NYKJtwkYtAJaxWuBBlMzXTsNCCF2lvxg0IVH54NvIPYnkdijWe4Bv-ccuHP4bTTrZj9GD0-8mE8G-IIjvHVA/s1600/Widget_icon.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .googleicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgy3X__ec_TnS6eaoz11bVXuAsbwvtJ_2Qsn8ubUuECMKMzQcVuwZJ8n4NYKJtwkYtAJaxWuBBlMzXTsNCCF2lvxg0IVH54NvIPYnkdijWe4Bv-ccuHP4bTTrZj9GD0-8mE8G-IIjvHVA/s1600/Widget_icon.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .fbicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgy3X__ec_TnS6eaoz11bVXuAsbwvtJ_2Qsn8ubUuECMKMzQcVuwZJ8n4NYKJtwkYtAJaxWuBBlMzXTsNCCF2lvxg0IVH54NvIPYnkdijWe4Bv-ccuHP4bTTrZj9GD0-8mE8G-IIjvHVA/s1600/Widget_icon.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgy3X__ec_TnS6eaoz11bVXuAsbwvtJ_2Qsn8ubUuECMKMzQcVuwZJ8n4NYKJtwkYtAJaxWuBBlMzXTsNCCF2lvxg0IVH54NvIPYnkdijWe4Bv-ccuHP4bTTrZj9GD0-8mE8G-IIjvHVA/s1600/Widget_icon.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.abtbar .emailsub .emailicon{background:url(http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px;float:left;padding:0px 15px 0px 50px;margin:0 0 0 5px;width:300px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.abtbar .emailsub .emailupdatesform{margin:15px 0 5px 5px;width:320px;float:left;}.abtbar .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.abtbar .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#F9EAD4,0),color-stop(#F9780E,1));background:-webkit-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-moz-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-o-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#F9780E));border:1px solid #F9780E;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}

</style><div class="abtbar">

<h2 class="title">

</h2>

<div class="count">

<span class="bigcount"></span>Learn Free Pro Tricks daily </div>

<div class="subicons">

<div class="rssicon">

&nbsp;<a href="http://feeds.feedburner.com/mrthangming" rel="nofollow" target="_blank">  RSS</a></div>

<div class="googleicon">

&nbsp;<a href="https://plus.google.com/108100949889665305918" rel="author" target="_blank"> G+</a></div>

<div class="fbicon">

&nbsp;<a href="http://www.facebook.com/tmblogtechnology" rel="nofollow" target="_blank">FB</a></div>

<div class="twittericon">

&nbsp;<a href="https://twitter.com/johnthangming" rel="nofollow" target="_blank">Tw</a></div>

</div>

<div class="emailsub">

<div class="emailicon">

<div style="color: #3a3a3a; font-family: Helvetica, Arial; font-size: 13px; font-weight: normal; margin: 0; padding: 0; width: 270px;">

Receive Our All Updates  In Your Inbox by &nbsp; &nbsp; submitting your Email ID below.</div>

</div>

<div class="emailupdatesform">

<form action="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/mrthangming" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/mrthangming', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<input class="emailupdatesinput" gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" placeholder="Enter your email here..." type="text" /><input name="uri" type="hidden" value="AllBloggingTricks" /><input class="joinemailupdates" type="submit" value="Submit" /></form>

<span class="abt-credit" style="font-family: Arial,Helvetica,sans-serif;"></span></div>

</div>

</div>

၆။ ထည့္ၿပီးရင္ Save ကုိ နုိပ္ေပးလုိက္ပါ။

မွတ္ခ်က္။    ။(၁) http://feeds.feedburner.com/mrthangming (၂) https://plus.google.com/108100949889665305918 (၃) http://www.facebook.com/tmblogtechnology (၄) https://twitter.com/johnthangming (၅) http://feedburner.google.com/fb/a/mailverify?uri=blogspot/mrthangming ဒီေနရာေတြမွာ မိမိသုံးတဲ့ အမည္နဲ႔ အစားထုိးေပးလုိက္ပါ။