আপনার blogspot সাইট কে সাজান নিজের মত করে(পর্বঃ০৯)|আপনার ব্লগে যুক্ত করুন সুন্দর একটি Subscription বক্স


আসসালামু আলাইকুম।কেমন আছেন আপনারা।আজকে আমি আপনাদের জটিল একটা Subscription বক্স কিভাবে আপনার ব্লগে যুক্ত করবেন তা শিখাবো।


»»Subscription বক্স কি?
সাবসক্রিপসান বক্স হচ্চে … আপনার বল্গে যারা নিয়মিত পাঠক তারা কোনো সমস্যার কারণে আপনার ব্লগে আসতে পারছেনা।তারা এই বক্স এ তাদের ইমেল এড্রেস দিয়ে সাবসক্রাইব করলে তার ইমেলে নতুন পোস্ট চলে যাবে।অর্থাত্‍,সে আপনার ব্লগের নতুন পোস্ট করা লিইনকটি পেয়ে যাবে।
এতে আপনার ব্লগ পাঠকদের সুবিদা হবে।এবং,ব্লগে নিয়মিত পাঠক আসবে।


যে ভাবে এটি ব্যাবহার করবেনঃ
প্রথমে ব্লগার.কম এ যান।এর পর ডাসবোর্ড থেকে ডিজাইনে এ যান।তার পর Page Elements এ যান।।
Add A Gadget যে খানে লেখা তাতে ক্লিক করুন।এর পর HTML/ Javascript এ ক্লিক করুন।নিচের কোডটি রাখুন।এবার সেভ করুন।


.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="<font color="lime">your blog feed url</font>" id="feedform" method="post" target="popupwindow" onsubmit="window.open(‘<font color="lime">your blog feed url</font>?uri=<font color="red">your blog name.ex(RIYADHHOSSEN)</font>’, ‘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="<font color="red">your blog name.ex(RIYADHHOSSEN)</font>" 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 দিন।ব্যাস এবার দেখুন।
সবাই ভালো থাকবেন।আল্লাহ হাফেজ।

Author: রিয়াদ হোসেন

Leave a Reply

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