আপনার ব্লগস্পট ব্লগের জন্য চরম এবং চোখে পড়ার মতো একটি ইমেইল সাবক্রিপশন উইডগেট। বাংলা এবং ইংরেজী দুই ভাষাতেই! ব্লগার ভাইয়েরা মিস! করবেন না

ইমেইল সাবক্রিপশন
একটি সার্থক ব্লগ চালাতে অনেক বিষয়ের উপর নজর দিতে হয়। ব্লগের ইমেইল সাবক্রিপশন অন্যতম একটি বিষয়। আপনার ব্লগের পোষ্ট দ্রুত এবং সহজেই পাঠকের কাছে নিতে ইমেইল সাবক্রিপশন সিস্টেম অন্যতম গুরুত্বপূর্ণ ভূমিকা পালন করে থাকে। ইমেইল সাবক্রিপশনের মাধ্যমে সেই পাঠক তাঁর ইমেইলে সাবক্রাইব করা ব্লগের নতুন আপডেট পোষ্ট গুলো পেতে পারে। এজন্য ব্লগার সবসময়ই চায় ভিজিটরস যেন তাঁর ব্লগে ইমেইল সাবক্রাইব করে নিয়মিত পাঠকে পরিণত হয়। আর এজন্য প্রয়োজন ভালো মানে পোষ্ট এবং ইমেইলে সাবক্রাইব করাতে ভিজিটরসের দৃষ্টি আকর্ষন।
আজ আপনাদের সাথে শেয়ার করছি চরম আকর্ষণীয় একটি ইমেইল সাবক্রিপশন উইডগেট ব্লগস্পট ব্লগের জন্য। আসলেই এটি আপনার ব্লগের ভিজিটরসের সহজেই দৃষ্টি আকর্ষণে সমর্থ হবে।

ইমেইল সাবক্রিপশন উইডগেটটি দেখতে  এখানে ক্লিক করে ডান সাইডবারে লক্ষ্য করুন।

বাংলা ব্লগ এবং ইংরেজী ভাষার ব্লগের জন্য উপযোগী দু'ধরনের উইডগেটই শেয়ার করছি। আপনার ব্লগের ধরন অনুযায়ী নিম্নের কোডগুলো নিয়ে নিন।

বাংলা ব্লগের উপযোগী ইমেইল সাবক্রিপশন উইডগেট কোডঃ

<center>

<div align="center" id="truebloggertricks-Subscribe-wrapper">

<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px">

<img src="http://accountantsguildford1.co.uk/images/email.png" width="100px" height:100px" alt="email"/>

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

<input class="name" id="truebloggertricks_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="আপনার নাম" /><br />

<input class="email" id="truebloggertricks_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="আপনার ইমেইল এড্রেস" /><br />

<div class="separator" style="clear: both; text-align: center;">

</div>

<input name="uri" type="hidden" value="bloggermaruf" /><input name="loc" type="hidden" value="en_US" /> <input id="truebloggertricks_Submit_Text" style="width: 130px;  padding: 5px 0;" type="submit" value="সাবমিট" /></form>

</div>

</div>

<div class="credit"><p>Widget By <a
href="http://www.bloggermaruf.com">Blogger Maruf</a> । <a
href="http://www.bloggermaruf.com/2014/06/attractive-email-subcription-widget-for-blogspot.html">Get
This Widget</a></p></div>

</center>

<style>#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;

background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;

text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;

margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;

padding: 5px;border: none;}#ig-subscription-optin input.name {

background: white url(http://3.bp.blogspot.com/-Jl2lcnXe42Y/UOb49YMFH8I/AAAAAAAAAiA/hOnOANR83gc/s1600/subscribe-name.png) no-repeat center right;}

#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;

font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}

#ig-subscription-optin input.email {background: white url(http://2.bp.blogspot.com/-dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {

font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;

font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;

text-transform: none;text-decoration: none;

text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;

border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {

background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;

color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {

color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(http://2.bp.blogspot.com/-nmlWGnTX5y4/UOb44zqKGBI/AAAAAAAAAh4/Aaa-E2D0Umk/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;

padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}

#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;} .credit p{ font-size: 10px;} </style>

ইংরেজী ব্লগের উপযোগী ইমেইল সাবক্রিপশন উইডগেট কোডঃ

<center>

<div align="center" id="truebloggertricks-Subscribe-wrapper">

<div
id="ig-subscription-optin" style="border: 3px solid #000000; filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE',
endColorstr='#003366',GradientType=0 ); width: 250px">

<img src="http://accountantsguildford1.co.uk/images/email.png" width="100px" height:100px" alt="email"/>

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

<input
class="name" id="truebloggertricks_Subscriber_name" name="name"
onblur="if(this.value=='')this.value=this.defaultValue;"
onfocus="if(this.value==this.defaultValue)this.value='';" type="text"
value="Your Name" /><br />

<input class="email"
id="truebloggertricks_Subscriber_email" name="from"
onblur="if(this.value=='')this.value=this.defaultValue;"
onfocus="if(this.value==this.defaultValue)this.value='';" style="width:
130px;" type="text" value="Your Email Address" /><br />

<div class="separator" style="clear: both; text-align: center;">

</div>

<input name="uri" type="hidden" value="bloggermaruf"
/><input name="loc" type="hidden" value="en_US" /> <input
id="truebloggertricks_Submit_Text" style="width: 130px;  padding: 5px
0;" type="submit" value="সাবমিট" /></form>

</div>

</div>

<div class="credit"><p>Widget By <a href="http://www.bloggermaruf.com">Blogger Maruf</a> । <a href="http://www.bloggermaruf.com/2014/06/attractive-email-subcription-widget-for-blogspot.html">Get This Widget</a></p></div>

</center>

<style>#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;

background:
-moz-linear-gradient(top, #5AE, #036);background:
-webkit-gradient(linear, left top, left bottom, from(#5AE),
to(#036));height: auto!important;color: white !important;padding: 20px
15px !important;

text-align: center !important;font-family: Georgia,
Times, "Times New Roman", serif !important;margin: 10px;margin:
0px;padding: 10px;

margin: 8px 0 0 !important;line-height:
22px;font-family: Georgia, Times, "Times New Roman", serif;padding:
5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0
!important;line-height: 22px;font-family: Georgia, Times, "Times New
Roman", serif;

padding: 5px;border: none;}#ig-subscription-optin input.name {

background:
white
url(http://3.bp.blogspot.com/-Jl2lcnXe42Y/UOb49YMFH8I/AAAAAAAAAiA/hOnOANR83gc/s1600/subscribe-name.png)
no-repeat center right;}

#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;

font-size:
15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px
10px !important;width: 80% !important;height: auto !important;}

#ig-subscription-optin
input.email {background: white
url(http://2.bp.blogspot.com/-dcien5QLnB8/UOb4N7eNU1I/AAAAAAAAAhw/NxzO8UXjgG4/s1600/subscribe-email.png)
no-repeat center right;}#ig-subscription-optin input {

font-family:
Georgia, Times, "Times New Roman", serif;border-radius:
3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px
2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px
#111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top:
10px !important;margin-bottom: 8px !important;margin-left: 10px
!important;margin-right: 10px !important;

font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;

text-transform: none;text-decoration: none;

text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;

border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {

background-color:
#0094D2;border: 1px solid #0094D2;color: white;text-decoration:
none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid
#0094D2;

color: white;cursor: pointer;font-family: 'Droid Sans',
sans-serif !important;font-size: 13px;font-weight: normal;padding:
5px;text-decoration: none;}input {

color: #333;font-family: 'Droid
Sans', sans-serif;}#ig-subscription-optin input[type="submit"]
{background: #960E17
url(http://2.bp.blogspot.com/-nmlWGnTX5y4/UOb44zqKGBI/AAAAAAAAAh4/Aaa-E2D0Umk/s1600/subscribe-red.png)
repeat-x top;border: 1px solid #111 !important;color: white;cursor:
pointer !important;font-size: 18px !important;font-weight: bold
!important;

padding: 6px 0 !important;text-shadow: -1px -1px #3A060A
!important;width: 90% !important;height: auto !important;line-height:
24px !important;}

#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;} .credit p{ font-size: 10px;}</style>

ব্লগস্পট ব্লগে ইমেইল সাবক্রিপশন উইডগেট সেটাপঃ

  • প্রথমে আপনার ব্লগের ধরন অনুযায়ী যেকোন একধরনের কোড উপর থেকে কপি করুন।
  • এবার আপনার ব্লগার ড্যাশবোর্ড এর লেয়াউট অপশন থেকে নতুন  Html/Javascript Gadget খুলুন।
  • সেখানে আপনার কপি করা কোড পেস্ট করুন।
  • এবার মনোযোগ সহকারে আবার উপরের কোডগুলোতে লক্ষ্য করুন। সেখানে কমলা রঙ্গে দাগানো দুইটি bloggermaruf নামের জায়গায় আপনার feedburner ইউজারনেম বসান । এছাড়াও আপনার উইডগেট এর প্রস্থ বাড়াতে 250 এর জায়গায় আপনার প্রয়োজনমত সাইজ বসিয়ে দিন।
  • এখন সেভ করে ব্লগ ভিজিট করুন এবং দেখুন!
উইডগেটটি কেমন লাগলো জানাবেন। আর feedburner সম্পর্কে ধারণা না থাকলে আপনি উইডগেটটি আপনার ব্লগে বসাতে পারবেন না। আপনারা feedburner সম্পর্কে জানতে চাইলে আমাকে জানাবেন। পরের পোস্টে লিখার চেস্টা করব। আর শুধু ব্লগস্পট নয় সবধরনের আকর্ষণীয় পোষ্ট পেতে ব্লগার মারুফ ডট কম -এ আমন্ত্রণ। ধন্যবাদ

Level 2

আমি ব্লগার মারুফ। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 1 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 196 টি টিউন ও 1301 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমি মারুফ। প্রযুক্তিকে ভালোবাসি। তাই গড়তে চাই প্রযুক্তির বাংলাদেশ। পড়াশুনা করছি রংপুরের বেগম রোকেয়া বিশ্ববিদ্যালয়ে অ্যাকাউন্টিং এন্ড ইনফরমেশন সিস্টেমস বিভাগে। আমার ওয়েবসাইটঃ https://virtualvubon.com এবং https://www.rupayon.com


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

প্রিয় টিউনার,

আপনার টিউন যেহেতু প্রোগ্রামিং সংক্রান্ত টিউন ও টিউনে কোডের ব্যবহার রয়েছে তাই বিভিন্ন প্রোগ্রামিং ল্যাঙ্গুয়েজের কোড যেমন HTML, CSS, JS, PHP ইত্যাদি কোড সুন্দর ও সঠিক ভাবে দেখাতে টেকটিউনসের রয়েছে নিজেস্ব “কোড হাইলাইটার”। টেকটিউনস কোড হাইলাইটার ব্যবহার করার জন্য Code Escape করার প্রয়োজন নেই।

টেকটিউনসের “কোড হাইলাইটার” কিভাবে ব্যবহার করতে হয় তা জানতে এই টিউনটি দেখুন।

নিয়মিত টিউন করুন ধন্যবাদ আপনাকে।

    Level 2

    @টেকটিউনস মেন্টর V: যে টিউন দেখতে বললেন তার লিংক ই নাই।

আমার ব্লগস্পটের জন্য একটি Simple Related Post-এর কোড দরকার। Simple Related Post বলতে একদমই Simple কোন প্রকার ডিজাইন করার প্রয়োজন নেই। শুধুমাত্র লিঙ্কের Hover Effect থাকলেই হবে।
আমি ব্লগস্পট তেকে উইগেজেট নামিয়ে ছিলাম তবে তা, আমার পোস্টের নিচে না বসে আমার পোস্টের কমেন্টের নিচে বসে। তাই আমি বলছিলাম.. যে আমাকে এমন কোন Simple Related Post-এর কোড দেওয়া যাবে কি… যা একদমই Simple এবং এটি যাতে আমার পোস্টের নিচে বসাতে পারি।