পোস্ট এর নিচে Subscribe Us Widge /newsletter ব্যবহার করতে পারেন।

6
316
পোস্ট এর নিচে Subscribe Us Widge /newsletter ব্যবহার করতে পারেন।

মোঃ ইফতেখার আলম

আমি প্রযুক্তিকে ভালবাসি তাই নিত্য নতুন খোজ করি, আর এই জন্যই ব্লগিং করি আপনাদের জন্য, নিজের শিখা জিনিস গুলো শেয়ার করার জন্য। আমার বাংলা ব্লগ সময় হলে একবার দেখে আসবেন http://projuktirkhela.com/
পোস্ট এর নিচে Subscribe Us Widge /newsletter ব্যবহার করতে পারেন।

Subscribe Us পোস্ট এর নিচে Subscribe Us Widge /newsletter ব্যবহার করতে পারেন।

আসসালামু আলাইকুম, সবাই কেমন আছেন। বেশ কয়েকদিন জাবত পোস্ট লিখতে বসি নাই। তো আজ লিখতে বসলাম। বন্ধুরা আমি আজ একটি ব্লগার উইজেট নিয়ে কথা বলবো। এই Widget এর নাম হল “Subscribe Us Widget”। এই Widget টি ব্লগার এর পোস্ট এর নিচে হয়, অর্থাৎ যেখানে পোস্ট শেষ সেখানেই এর শুরু। হয়ত অনেকে জানে আবার হয়ত অনেকে জানে না। যারা জানেন তারা অবশ্যই আমার কোথাও ভুল হলে ভুল ধরিয়ে দিবেন।

Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

 

ভাল লাগলে এই Widget টি আপনি আপনার ব্লগে ব্যাবহার করতে পারেন। এটিকে আপনার ব্লগে স্থাপন করতে হলে যা করতে হবে তা নিচে ধাপে ধাপে দেওয়া হয়েছে।

  • প্রথমেই আপনি আপনার ব্লগার সাইটে প্রবেশ করুন।
  • তারপর আপনি আপনার ব্লগারের Template আপশনে চলে যান;
  • আপনার ব্লগারের ব্যাকআপ নিয়ে নিন, (নোটঃ সতর্কতা অবলম্বনের জন্য)
  • এবার এই <data:post.body/>    কোডটি খোজ করুন [খোজার জন্য Ctrl+F এর সাহায্য নিতে পারেন;
  • এবার নিচের কোডটি আপনি এই  <data:post.body/> কোড এর নিচে বসিয়ে দিন;

<style>
/*——–“Subscribe Us Widget by projuktirkhela.blogspot.com ——*/
<b:if cond=’data:blog.pageType == “item”‘>
<fieldset style=’border:1px dashed #444;’>
<legend align=’left’ style=’border:1px dashed #444;; padding: 4px 4px; margin- left: 20px;’>Subscribe Us</legend>
<style>
.Hackstyle{background:url(https://1.bp.blogspot.com/-WuFShqfjqf4/UUVLH2y30LI/AAAAAAAADrQ/KREAx9i116g/s1600/email_icon.png) no-repeat scroll 4px center transparent;padding:7px 15px 7px 35px;border:1px solid #D3D3D3;-moz-border-radius: 4px;-webkit-border-radius: 4px;color:#666;font-weight:bold;text-decoration:none;border-radius: 4px;-moz-box-shadow: 1px 1px 2px #CCC inset;-webkit-box-shadow: 1px 1px 2px #CCC inset;box-shadow: 1px 1px 2px #CCC inset;}.Hacksubmit{color:#666;font-weight:bold;text-decoration:none;padding:6px 15px;border:1px solid #D3D3D3;cursor: pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;-goog-ms-border-radius: 4px;border-radius: 4px;background: #fbfbfb;background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#FBFBFB’, endColorstr=’#F4F4F4′,GradientType=0 );background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);}
</style>
<center>
<div id=’emailwidget-outer’>
<div id=’emailwidget’>
<table width=’97%’>
<tbody>
<tr style=’border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;’>
<td align=’left’ style=’border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;’>
<p style=’color:#444; font-size: 16px; margin:0px 0px 5px 0px; ‘>
Get free daily email updates!</p>
<form action=’http://feedburner.google.com/fb/a/mailverify’ class=’feedburner’ method=’post’ onsubmit=’window.open(‘http://feedburner.google.com/fb/a/mailverify?uri= projuktirkhela’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true’ style=’margin: 0pt;’ target=’popupwindow’>
<input name=’uri’ type=’hidden’ value=’projuktirkhela’/>
<input name=’loc’ type=’hidden’ value=’en_US’/>
<input class=’Hackstyle’ name=’email’ onblur=’if (this.value == “”) {this.value = “Enter your email”;}’ onfocus=’if (this.value == “Enter your email”) {this.value = “”}’ type=’text/’ value=’Enter your email’/>
<input alt=” class=’Hacksubmit’ title=” type=’submit’ value=’Submit’/>
</form>
</td>
<td style=’border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;’><p style=’color:#444; font-size: 16px; margin:0px 0px 5px 0px; ‘>
Follow us!</p>
<a href=’http://feedburner.google.com/fb/a/mailverify?uri=projuktirkhela’ rel=’nofollow’ target=’_blank’ title=’Suscribe to RSS Feed’>
<img src=’http://4.bp.blogspot.com/-OQTbVwwGLBs/UUVKZPBSpTI/AAAAAAAADq0/1mDj2LuKZys/s1600/rss.png’/>
</a>
<a href=’http://twitter.com/projuktirkhela’ rel=’nofollow’ target=’_blank’ title=’Follow us on Twitter’>
<img src=’http://3.bp.blogspot.com/-o9r4HTM-JNs/UUVKZ_ccnaI/AAAAAAAADrI/VhaD-tYwG_Q/s1600/twitter.png’/>
</a>
<a href=’http://www.facebook.com/projuktir.khela’ rel=’nofollow’ target=’_blank’ title=’Follow us on Facebook’>
<img src=’http://3.bp.blogspot.com/-Rk3a1xGNCr8/UUVKZM1LljI/AAAAAAAADqw/yDU_4aZ1l8c/s1600/facebook.png’/>
</a>
<a href=’https://plus.google.com/114393064100214202735/’ rel=’nofollow’ target=’_blank’ title=’Follow us on Google+’><img src=’http://3.bp.blogspot.com/-Lxs1FyWQmp4/UUVKZAq8YhI/AAAAAAAADq4/IBFqKt5Refo/s1600/gplus.png’/>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</center>
</fieldset>
</b:if>

সাইট লিংক গুলো ঠিক করে নিন

  1. ফিড লিংকঃ projuktirkhela
  2. ফেসবুক লিংকঃ projuktir.khela
  3. টুইটার লিংকঃ projuktirkhela
  4. গুগল+ লিংকঃ 114393064100214202735

এগুলো পরিবর্তন করে আপনি আপনার নিজের লিংক ব্যবহার করেন।

  • এবার সেভ করুন।

আশাকরি আপনি এই কাজটি করতে সক্ষম হয়েছেন। যদি কাজটি করতে না পারেন তাহলে আপনি অন্য কারো সাহায্য নিন যারা এই সম্পর্কে ভাল যানে। আর না থাকলে আমার সাথে যোগাযোগ করতে পারেন।

যোগাযোগ করুনঃ @ ফেসবুকটুইটার ও প্রযুক্তির খেলা পেজ এর মাধ্যমে।
টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

6 মন্তব্য

  1. ধন্যবাদ ভাইয়া। আপনার পোস্ট গুলো বেশ সুন্দর হয়। ভালো লাগে। আপনার আর.এস.এস সেভ করে রেখেছি আমি :)

  2. খুব পছন্দ হয়েছে জিনিসটা । দাদা আরো এমন কিছু শেয়ার করেন সুন্দর এবং কিছুটা অন্য রকম ধরনের

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

eight − 1 =