আসসালামু আলাইকুম।কেমন আছেন আপনারা।আজকে আমি আপনাদের জটিল একটা Subscription বক্স কিভাবে আপনার ব্লগে যুক্ত করবেন তা শিখাবো।
»»Subscription বক্স কি?
সাবসক্রিপসান বক্স হচ্চে … আপনার বল্গে যারা নিয়মিত পাঠক তারা কোনো সমস্যার কারণে আপনার ব্লগে আসতে পারছেনা।তারা এই বক্স এ তাদের ইমেল এড্রেস দিয়ে সাবসক্রাইব করলে তার ইমেলে নতুন পোস্ট চলে যাবে।অর্থাত্,সে আপনার ব্লগের নতুন পোস্ট করা লিইনকটি পেয়ে যাবে।
এতে আপনার ব্লগ পাঠকদের সুবিদা হবে।এবং,ব্লগে নিয়মিত পাঠক আসবে।
যে ভাবে এটি ব্যাবহার করবেনঃ
প্রথমে ব্লগার.কম এ যান।এর পর ডাসবোর্ড থেকে ডিজাইনে এ যান।তার পর Page Elements এ যান।।
Add A Gadget যে খানে লেখা তাতে ক্লিক করুন।এর পর HTML/ Javascript এ ক্লিক করুন।নিচের কোডটি রাখুন।এবার সেভ করুন।
<style> .abt-email{ background:url(https:// lh3.googleusercontent.com/-3mMr7bVkJEA/ T2mKAcZEBkI/AAAAAAAAAZI/ IWMC_nG_foU/h120/service- email.jpg) no-repeat -8px 10px ; width:240px; padding:10px 0 0 65px; float:left; font-size:1.2em; font-weight:bold; margin:0 0 10px 0; color:#0084CE; box-shadow: 1px 1px 5px 1px #eee; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .abt-emailsubmit{ background:#9B9895; cursor:pointer; color:#fff; border:none; padding:4.4px; text-shadow:0 -1px 1px rgba (0,0,0,0.25); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:12px sans-serif; box- shadow:inset 4px 4px 3px rgba (0,0,0,0.1); } .abt-emailsubmit:hover{ background:#0084CE; box- shadow:inset 8px 8px 6px rgba (0,0,0,0.1); } .textarea{background: #fff ! important;box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1); border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #888; font-size: 12px; height: 25px; width: 165px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0px; } </style> <div class=’abt-email’> Subscribe via Email <form action="http:// feedburner.google.com/fb/a/ mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open(‘your blog feed url’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true"> <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" /> <input type="hidden" value="your blog name.ex (RIYADHHOSSEN)" name="uri"/><input type="hidden" name="loc" value="en_US"/> <input class="abt-emailsubmit" value="Submit" type="submit" /> </form> </div>
your blog name.ex(RIYADHHOSSEN)এখানে আপনার ব্লগ এর নাম লিখুন।
your blog feed urlএখানে আপনার ফিড url দিন।ব্যাস এবার দেখুন।
সবাই ভালো থাকবেন।আল্লাহ হাফেজ।
»»Subscription বক্স কি?
সাবসক্রিপসান বক্স হচ্চে … আপনার বল্গে যারা নিয়মিত পাঠক তারা কোনো সমস্যার কারণে আপনার ব্লগে আসতে পারছেনা।তারা এই বক্স এ তাদের ইমেল এড্রেস দিয়ে সাবসক্রাইব করলে তার ইমেলে নতুন পোস্ট চলে যাবে।অর্থাত্,সে আপনার ব্লগের নতুন পোস্ট করা লিইনকটি পেয়ে যাবে।
এতে আপনার ব্লগ পাঠকদের সুবিদা হবে।এবং,ব্লগে নিয়মিত পাঠক আসবে।
যে ভাবে এটি ব্যাবহার করবেনঃ
প্রথমে ব্লগার.কম এ যান।এর পর ডাসবোর্ড থেকে ডিজাইনে এ যান।তার পর Page Elements এ যান।।
Add A Gadget যে খানে লেখা তাতে ক্লিক করুন।এর পর HTML/ Javascript এ ক্লিক করুন।নিচের কোডটি রাখুন।এবার সেভ করুন।
<style> .abt-email{ background:url(https:// lh3.googleusercontent.com/-3mMr7bVkJEA/ T2mKAcZEBkI/AAAAAAAAAZI/ IWMC_nG_foU/h120/service- email.jpg) no-repeat -8px 10px ; width:240px; padding:10px 0 0 65px; float:left; font-size:1.2em; font-weight:bold; margin:0 0 10px 0; color:#0084CE; box-shadow: 1px 1px 5px 1px #eee; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .abt-emailsubmit{ background:#9B9895; cursor:pointer; color:#fff; border:none; padding:4.4px; text-shadow:0 -1px 1px rgba (0,0,0,0.25); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:12px sans-serif; box- shadow:inset 4px 4px 3px rgba (0,0,0,0.1); } .abt-emailsubmit:hover{ background:#0084CE; box- shadow:inset 8px 8px 6px rgba (0,0,0,0.1); } .textarea{background: #fff ! important;box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1); border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #888; font-size: 12px; height: 25px; width: 165px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:0px; } </style> <div class=’abt-email’> Subscribe via Email <form action="http:// feedburner.google.com/fb/a/ mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open(‘your blog feed url’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true"> <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here";}" onfocus="if (this.value == "Enter email address here") {this.value = "";}" value="Enter email address here" type="text" /> <input type="hidden" value="your blog name.ex (RIYADHHOSSEN)" name="uri"/><input type="hidden" name="loc" value="en_US"/> <input class="abt-emailsubmit" value="Submit" type="submit" /> </form> </div>
your blog name.ex(RIYADHHOSSEN)এখানে আপনার ব্লগ এর নাম লিখুন।
your blog feed urlএখানে আপনার ফিড url দিন।ব্যাস এবার দেখুন।
সবাই ভালো থাকবেন।আল্লাহ হাফেজ।