ব্লগে অটো Scrolling পপ আপ ফেসবুক লাইক বক্স যুক্ত করুন - একদম ভিন্ন সাধের !!

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="post-title entry-title" style="text-align: left;">ব্লগে ফেসবুক <a href="http://www.computerjajot.com/search/label/Widget">লাইক বক্স </a>থাকলে যেমন ফেসবুক পেজের ফ্যান বারে তেমনি ওপর দিকে সাইটের বা ব্লগের ট্রাফিক ও বাড়ে । তাই আমি মনে করি ব্লগ বা সাইটে ফেসবুক লাইক বক্স থাকা জরুরী।<a href="http://www.computerjajot.com/"> কম্পিউটার জগৎ</a> সাইটেও অটো Scrolling পপ-আপ ফেসবুক লাইক বক্স যুক্ত করা আছে। আজকে এই পোষ্টে একটি ভিন্ন সাধের ফেসবুক পপ-আপ লাইক বক্স শেয়ার করছি। এর আগের পোষ্টে<a href="http://www.computerjajot.com/2014/11/how-to-add-subscribe-bottom-in-blogger.html"> কিভাবে ব্লগের প্রতিটি পোস্টের নীচে সহজে Subscribe বক্স যুক্ত করবো  </a>আলোচনা করা হয়েছিল। সাইট ট্রাফিক বাড়াতে গেলেও ব্লগে Subscribe বক্স যুক্ত করা প্রয়োজন। কেননা এতে ব্লগার ও পাঠকের উভয়েরই লাভ। কথা না বাড়িয়ে আসুন নিজে নিজে আপনি আপনার ব্লগে যুক্ত করে নিন, অটো Scrolling পপ আপ ফেসবুক লাইক বক্স ।</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6J5Mt_vlgjYnItH8dbPn_8hlMkSlYyR8Tox4vB3Iu3JiZ2t8fIzi69VrxkcPQ76ZwWeSfTc9gzj4Lyi4qHl0eTrbJVNduh1XNBFXgHBbUjdKwmxwSDAcuK-6yuIrxiMMHGjnHfFk881c/s1600/facebook+fan+page.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt=" ব্লগে অটো Scrolling পপ আপ ফেসবুক" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6J5Mt_vlgjYnItH8dbPn_8hlMkSlYyR8Tox4vB3Iu3JiZ2t8fIzi69VrxkcPQ76ZwWeSfTc9gzj4Lyi4qHl0eTrbJVNduh1XNBFXgHBbUjdKwmxwSDAcuK-6yuIrxiMMHGjnHfFk881c/s1600/facebook+fan+page.jpg" title=" ব্লগে অটো Scrolling পপ আপ ফেসবুক" width="268" /></a></div><blockquote class="tr_bq"><div class="post-title entry-title" style="text-align: left;"> এটিও পড়ুন - <a href="http://www.computerjajot.com/2014/10/6-way-to-make-money-for-students-online.html">ছাত্র-ছাত্রীদের অনলাইনে টাকা আয় করার সেরা ৬ টি উপায়</a></div></blockquote><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"></div><h3></h3><h3 class="post-title entry-title" style="text-align: left;"> </h3><h3 class="post-title entry-title" style="text-align: left;">কিভাবে ব্লগে অটো Scrolling পপ আপ লাইক বক্স যুক্ত করবেন ?</h3><blockquote><blockquote class="tr_bq"><style type='text/css'><br />#blogtariffFBpop {<br />position:fixed !important;<br />position:absolute;<br />top:-1000px;<br />left:50%;<br />margin:0px 0px 0px -182px;<br />width:300px;<br />height:auto;<br />padding:16px;<br />background:#<span style="background-color: #f6b26b;">FEFEFE</span>;font:normal Dosis, Georgia, Serif;<br />color:#111;<br />border:2px solid #333;<br />-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />-webkit-border-radius:10px;<br />-moz-border-radius:10px;<br />border-radius:10px;<br />}<br />#blogtariffFBpop a.bsclose {<br />position:absolute;<br />top:-10px;<br />right:-10px;<br />background:#fff;<br />font:bold 16px Arial, Sans-Serif;<br />text-decoration:none;<br />line-height:22px;<br />width:22px;<br />text-align:center;<br />color:#000000;<br />border:2px solid #333;<br />-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />box-shadow:0px 1px 2px rgba(0,0,0,0.4);<br />-webkit-border-radius:22px;<br />-moz-border-radius:22px;<br />border-radius:25px;<br />cursor:pointer;<br />}<br /></style><br /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><br /><script type='text/javascript'><br />$(window).bind("load", function() {<br />// Animate Top<br />$('#blogtariffFBpop').animate({top:"50px"}, 1000);<br />// Widget by <span class="IL_AD" id="IL_AD6">www</span>.blogtariff.com<br />$('a.bsclose').click(function() {<br />$(this).parent().fadeOut();<br />return false;<br />});<br />});<br /></script><br /><div id='blogtariffFBpop'><br /><!-- Widget by www.computerjajot.com Start --><br /><center><b><a class="Blogtariff">Don't Forget To Join With Our Community</a></b></center><br /><center><br /><iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F<span style="background-color: #6fa8dc;">geteverythingcomputers</span>&amp;width=292&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowTransparency="true"></iframe></center><br /><!-- Widget by www.computerjajot.com End --><br /><a class='bsclose' href='#'>&times;</a><br /><center style="float:right; margin-right:10px;"><span style="font-size:xx-small; color:#000; text-decoration:none;">+Get this at</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href="http://www.computerjajot.com/2015/03/add-tech-scrolling-facbook-popup-like.html">PCTipsTweets </a></center><br /></div></blockquote></blockquote>নোট -<br /><ul style="text-align: left;"><li>আপনি পপ আপ ফেসবুক লাইক বক্সে কালার (রং) পরিবর্তন করতে চাইলে, <span style="background-color: #f6b26b;">FEFEFE </span><span style="background-color: white;">লেখাটি মুছে দিয়ে অন্য কলার কোড ব্যবহার করতে পারেন। </span></li><li><span style="background-color: #6fa8dc;">geteverythingcomputers<span style="background-color: white;"> মুছে দিয়ে আপনার ফেসবুক পেজের নাম টাইপ করুন ।</span></span></li></ul>কোন সমস্যা হলে কমেন্ট করুন। ধন্যবাদ</div>

ব্লগে অটো Scrolling পপ আপ ফেসবুক লাইক বক্স যুক্ত করুন - একদম ভিন্ন সাধের !!

ব্লগে ফেসবুক লাইক বক্স থাকলে যেমন ফেসবুক পেজের ফ্যান বারে তেমনি ওপর দিকে সাইটের বা ব্লগের ট্রাফিক ও বাড়ে । তাই আমি মনে করি ব্লগ বা সাইটে ফেস...

Read more »

কিভাবে টেবিল কন্টেন্ট অনুযায়ী ব্লগের পেজ বানাবেন ? Update কোড ব্লগারদের জন্য

<div dir="ltr" style="text-align: left;" trbidi="on"><div><div>আজ আমার দেখাবো <a href="https://www.blogger.com/%E0%A6%AC%E0%A7%8D%E0%A6%B2%E0%A6%97%E0%A6%B8%E0%A7%8D%E0%A6%AA%E0%A6%9F%20%E0%A6%AC%E0%A7%8D%E0%A6%B2%E0%A6%97%E0%A7%87%20%E0%A6%AA%E0%A7%8B%E0%A6%B7%E0%A7%8D%E0%A6%9F%20%E0%A6%AD%E0%A6%BF%E0%A6%89%20%E0%A6%95%E0%A6%BE%E0%A6%89%E0%A6%A8%E0%A7%8D%E0%A6%9F%E0%A6%BE%E0%A6%B0%20Plugin%20%E0%A6%AF%E0%A7%8B%E0%A6%97%20%E0%A6%95%E0%A6%B0%E0%A7%81%E0%A6%A8%20%E0%A6%B8%E0%A6%B0%E0%A6%B2%20%E0%A6%A8%E0%A6%BF%E0%A7%9F%E0%A6%AE%E0%A7%87%20-%20%E0%A6%A8%E0%A6%A4%E0%A7%81%E0%A6%A8%20!%20%20Read%20more:%20http://www.computerjajot.com/#ixzz3Q3UN8J7w" target="_blank">কি ভাবে</a> লেবেল কন্টেন্ট গুলিকে একই পেজে সম্মিলিত করা যায়। লেবেল কন্টেন্ট বলতে সাধারন কথায় বলতে পারি-অধ্যায় বা চ্যাপ্টার। সাইটের ক্ষেত্রে আমরা লেবেল অনুযায়ী পোষ্ট গুলিকে একই পেজে একত্রীকরন কে বলবো। যেমন কোন পুস্তকের <a href="http://www.computerjajot.com/search/label/%E0%A6%AC%E0%A7%8D%E0%A6%B2%E0%A6%97%20%E0%A6%B6%E0%A6%BF%E0%A6%95%E0%A7%8D%E0%A6%B7%E0%A6%BE%E0%A6%B0%20%E0%A6%86%E0%A6%B8%E0%A6%B0" target="_blank">অধ্যায় বা চ্যাপ্টার</a> দেখে নির্বাচন করি কোন চ্যাপ্টারটা পড়ব। ঠিক সাইটের Table Contents বেলাতেও । যাক এবার হয়তো  আপনি ভাবছেন এত সুন্দর Table Contents পোষ্টি  কিভাবে আপনার ব্লগে যুক্ত করবেন ? কি ভাবে করবেন নিম্নে লক্ষ্য করুন- <br />এটিও পড়ুন -<a href="http://www.computerjajot.com/2015/01/plugin.html">ব্লগস্পট ব্লগে পোষ্ট ভিউ কাউন্টার Plugin যোগ করুন সরল নিয়মে - নতুন !</a><br /> <br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRezPCuyh5mc0ukb_T_0WUyFnm7Vaz9S_O0jF3IbX1Sb5QQE_5v5i-6_cYIyslRz-_dupdeeK72QodFeSn7hy_QrBjeVEwfN6nToaXJ707fflZTWmJLjfa8c_mt4QL6dCOdN0t7nQTUkY/s1600/table+content.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="কিভাবে টেবিল কন্টেন্ট" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRezPCuyh5mc0ukb_T_0WUyFnm7Vaz9S_O0jF3IbX1Sb5QQE_5v5i-6_cYIyslRz-_dupdeeK72QodFeSn7hy_QrBjeVEwfN6nToaXJ707fflZTWmJLjfa8c_mt4QL6dCOdN0t7nQTUkY/s1600/table+content.png" title="কিভাবে টেবিল কন্টেন্ট" width="280" /></a></div><br />ডেমো -<a href="http://bangleverything.blogspot.in/p/blog-page_81.html" target="_blank"> <b>ডেমো দেখতে চাইলে এখানে ক্লিক করুন</b></a><br /><h3 style="text-align: left;">Table Contents পেজের জন্য যা যা করতে হবে-</h3><ul style="text-align: left;"><li><span class="fullpost"> প্রথমে <a href="http://blogger.com/" target="_blank">Blogger</a> এ লগ ইন করুন</span></li><li><span class="fullpost">তারপর Design গিয়ে  Edit HTMLক্লিক করুন</span></li><li><span class="fullpost">এরপর </span><span class="fullpost">]]></b:skin>লিখে সার্চ করুন</span></li><li><span class="fullpost">এরপর নিম্ন প্রদত্ত কোডটি </span><span class="fullpost"><b>]]></b:skin></b> উপরে পেস্ট করুন</span></li></ul></div><div style="text-align: left;"><span class="fullpost">কোডটি হল- </span></div><blockquote class="tr_bq"><span class="fullpost">/*--------MBT TOC-----*/ <br />.judul-label{ <br />background-color:#E5ECF9; <br />font-weight:bold; <br />line-height:1.4em; <br />margin-bottom:5px; <br />overflow:hidden; <br />white-space:nowrap; <br />vertical-align: baseline; <br />margin: 0 2px; <br />outline: none; <br />cursor: pointer; <br />text-decoration: none; <br />font: 14px/100% Arial, Helvetica, sans-serif; <br />padding: .5em 2em .55em; <br />text-shadow: 0 1px 1px rgba(0,0,0,.3); <br />-webkit-border-radius: .5em; <br />-moz-border-radius: .5em; <br />border-radius: .5em; <br />-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); <br />-moz-box-shadow: 1px 1px 4px #AAAAAA; <br />box-shadow: 0 1px 2px rgba(0,0,0,.2); <br />color: #e9e9e9; <br />border: 2px solid white !important; <br />background: #6e6e6e; <br />background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); <br />background: -moz-linear-gradient(top,  #888,  #575757); <br />filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); <br />} <br />.data-list{ <br />line-height:1.5em; <br />margin-left:5px; <br />margin-right:5px; <br />padding-left:15px; <br />padding-right:5px; <br />white-space:nowrap; <br />text-align:left; <br />font-family:"Arial",sans-serif; <br />font-size:12px; <br />} <br />.list-ganjil{ <br />background-color:#F6F6F6; <br />} <br />.headactive{ <br />    color: #fef4e9; <br />    border: 2px solid white !important; <br />    background: #1C8DFF; <br />    background: -webkit-gradient(linear, left top, left bottom, from<b>(</b><span style="color: #8080ff;">#9dc2e7</span>), to(<span style="color: #0080ff;"><b>#438cd2</b></span>)); <br />    background: -moz-linear-gradient(top,  <span style="color: #8080ff;">#9dc2e7</span>,  <span style="color: #0080ff;"><b>#438cd2</b></span>); <br />    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='<span style="color: #8080ff;">#9dc2e7</span>', endColorstr='<span style="color: #0080ff;"><b>#438cd2</b></span>'); <br />}</span></blockquote><ul style="text-align: left;"><li><span class="fullpost">এরপর টেম্পলেটিকে সেভ করুন। </span></li><li><span class="fullpost">এরপর New Page অপশনে ক্লিক করুন</span></li><li><span class="fullpost">এরপর </span><span class="fullpost">EDIT HTML মোডে ক্লিক করুন।</span></li><li><span class="fullpost">এরপর Blank পেজে নিচের কোডটি পেস্ট করুন</span></li></ul></div><h3 style="text-align: left;"><span class="fullpost"><span style="color: red; font-size: x-small;"><span style="color: black;">UPDATED কোডটি হল নিম্নরূপ-</span></span></span></h3><blockquote class="tr_bq"><div style="text-align: left;"><span style="font-size: small;"><span class="fullpost"><span style="color: red;"><span style="color: black;"><span class="fullpost"><script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> <br /><script src="<b><span style="color: red;"><span style="font-weight: normal;">http://www.computerjajot.com</span></span></b>/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script> <br /><script type="text/javascript"> <br />var accToc=true; <br /></script> <br /><script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script></span></span></span></span></span></div></blockquote>নোট- <span style="font-size: small;"><span class="fullpost"><span style="color: red;"><span style="color: black;"><span class="fullpost"><b><span style="color: red;"><span style="font-weight: normal;">http://www.computerjajot.com </span></span></b><span style="color: red;"><span style="font-weight: normal;"><span style="color: black;">এর জায়গায় আপনার সাইটের URL টাইপ করুন। </span></span></span></span></span></span></span></span><br /><span style="font-size: small;"><span class="fullpost"><span style="color: red;"><span style="color: black;"><span class="fullpost"><span style="color: red;"><span style="font-weight: normal;"><span style="color: black;">সবশেষে পেজটিকে পাবলিশ করুন। সমস্যা হলে কমেন্ট করুন। ধন্যবাদ।</span></span></span><b><span style="color: red;"><span style="font-weight: normal;"><span style="color: black;"><b> </b></span></span></span></b></span></span></span></span></span><br /><h3><span class="fullpost"><b><u><span style="color: red; font-size: x-small;"></span></u></b></span></h3></div>

কিভাবে টেবিল কন্টেন্ট অনুযায়ী ব্লগের পেজ বানাবেন ? Update কোড ব্লগারদের জন্য

আজ আমার দেখাবো কি ভাবে লেবেল কন্টেন্ট গুলিকে একই পেজে সম্মিলিত করা যায়। লেবেল কন্টেন্ট বলতে সাধারন কথায় বলতে পারি-অধ্যায় বা চ্যাপ্টার। সাইট...

Read more »

ব্লগের প্রতিটি পোস্টের নীচে সহজে Subscribe বক্স যুক্ত করে নিন

<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;">ব্লগ Subscribe কি এবং কেন ? </h2>Subscribe বতাম ব্লগ বা সাইট এর ট্রাফিক ভিজিটর বাড়াতে সাহায্য করে। এত কোন ভিজিটর আপনার ব্লগ বা সাইট Subcribe বতামে ক্লিক করলে পরবর্তীতে আপনি আপনার ব্লগে কোন আর্টিকেল লিখলে Subcriber অর্থাৎ আপনার ভিজিটর সেটি email এর মাধ্যমে সে বার্তা পেয়ে যাবেন। এক কথায় Fecebook ফ্যান পেজ লাইক বতামের মতো। সেজন্য ব্লগে বা পোস্টে Subcribtion বতাম যুক্ত করা আবশ্যিক। এতে ভিজিটর এবং ব্লগারের উভয়ের লাভ। কেননা ব্লগার পরবর্তীতে পুনরায় সেই ভিজিটর ফিরে পেতে পারে আর ভিজিটর ব্লগে নতুন কিছু যুক্ত হলে সেও জানতে পারবে। Subscription বতাম ব্লগে দুই ভাবে যুক্ত করতে পারি (এক) Widget কিংবা সরাসরি (দুই) টেম্পলেটের মাধ্যমে। এই পোস্টে কীভাবে টেম্পলেটের মাধ্যমে Subcribtion বতাম যুক্ত করবো তা দেখানো হয়েছে। <br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKoLevtVxpR50DChbu0FPntxx0Zcep2_FSYXIVegm_rwz2rDLNHKXw3bHVL_O3iAdt4OZAMY-E02t3l-iH1z38jH6Qkz9N-nLdMh3wsFjsgvoqJekRacOTsb0GrcMHixgnTMANGdSAWj0/s1600/scriber.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Scribetion" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKoLevtVxpR50DChbu0FPntxx0Zcep2_FSYXIVegm_rwz2rDLNHKXw3bHVL_O3iAdt4OZAMY-E02t3l-iH1z38jH6Qkz9N-nLdMh3wsFjsgvoqJekRacOTsb0GrcMHixgnTMANGdSAWj0/s1600/scriber.jpg" title="Scribetion" /></a></div><br /><h2 style="text-align: left;">কিভাবে যুক্ত করবো Subscribe বতাম? </h2><ul style="text-align: left;"><li>প্রথমে ব্লগে লগ ইন করুন </li><li>তারপর ড্যাশবোর্ড থেকে Template এ ক্লিক করে Edit HTML ক্লিক করুন ।</li><li>এবার কীবোর্ড এর Ctrl+F প্রেস করে নীচের কোডটি খুজে বের করুন ।</li></ul><blockquote class="tr_bq"><data:post.body/></blockquote>উপরের কোডটি খুঁজে পেলে ঠিক তার নিচে নিচের কোডটি পেস্ট করুন।<br /><br /><blockquote class="tr_bq"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><fieldset style='border:1px dashed #444;'><br /> <legend align='left' style='border:1px dashed #444;; padding: 4px 4px; margin-  left: 20px;'>Subscribe Us</legend><br /> <style><br /> .TVBstyle{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEHzCT7l8yEWo1nh3RL6W4uvgVyV1VJ10t8ocBUhz9bWeujCy23YiKGMydoh34CPYoWgnqD7AHUTJaXpjgxiK81rl_Wj_rHhVYrhs_NR6uj6yMlIFq3zpzEkhzXCZ0moMOcqjH_EIIol4g/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;}.TVBsubmit{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=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);}<br /> </style><br /> <center><br /> <div id='emailwidget-outer'><br /> <div id='emailwidget'><br /> <table width='97%'><br /> <tbody><br /> <tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><br /> <td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px;'><br /> <p style='color:#444; font-size: 16px; margin:0px 0px 5px 0px; '>Get free daily email updates!</p><br /> <form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri= asobondhu&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'><br /> <input name='uri' type='hidden' value='asobondhu'/><br /> <input name='loc' type='hidden' value='en_US'/><br /> <input class='TVBstyle' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;}' type='text/' value='Enter your email'/><br /> <input alt='' class='TVBsubmit' title='' type='submit' value='Submit'/><br /> </form><br /> </td><br /> <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><br /> <a href='http://feedburner.google.com/fb/a/mailverify?uri=<b><span style="color: red;">computerjajot</span></b>' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><br /> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFWohV75Utl4lTSE7pq2bD1CcqUO6L9p1QnS4trbcyqvV8EoBTAfDcLArGvUKNnEmGw1Wz2FfkPYdrYs1pRpShaT-GYSv9Ub4URKa63aZavABZdvhgJIOQGI6T2OtDPC_bthADXBwoBNAN/s1600/rss.png'/><br /> </a><br /> <a href='http://twitter.com/<span style="color: red;"><b>sarkarmalin</b></span>' rel='nofollow' target='_blank' title='Follow us on Twitter'><br /> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw1G6m_UMMIaqb3uTW45Ml4xtY3I18SKhzfa_Lmpm-qqOWSkgtxUrUoPk9xf7XNK6wHRJAduIsyX9cHI2BiebcxWmmE94tn0Q_9j2n2vhiyBiWtqAedq99DPi4RoWyC72jUU2MLuQuHizD/s1600/twitter.png'/><br /> </a><br /> <a href='http://www.facebook.com/<span style="color: red;"><b>geteverythingcomputers</b></span>' rel='nofollow' target='_blank' title='Follow us on Facebook'><br /> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2DRaFnx0XHNfrR-IldV-W2iqypvVbgGvZjLfHBI76ej7WpPYyI-UIv-Jf6HtE_GuhsI50ydX0pdiLCp-Pki6YHVXJdfYKv89OeXW7l2k0BraAcCkb3t4jUCEbUxR7VTTF0PKdP7Z_E0WH/s1600/facebook.png'/><br /> </a><br /> <a href='https://plus.google.com/<span style="color: red;"><b>১২৩৪৫৬৭৮৯১২৩৪৫৬৭৮৯</b></span>' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYLB4H6cT8duSLjnnjzmREl_1y0tQ7JDFHrOJbrW82GJpuJTrUHlDgsdE2fdUvyRwx6ZIHneBNQOIeNysZ1WTp06lH4bPYEiP0mD7fRzYAXsZ9192BgOP1GKnJMl6pKCRxTi-EjXxeatez/s1600/gplus.png'/><br /> </a><br /> </td><br /> </tr><br /> </tbody><br /> </table><br /> </div><br /> </div><br /> </center><br /> </fieldset><br /> </b:if> </blockquote><b>বিঃ দ্রঃ</b> - লাল চিহ্নিত লেখা গুলি পরিবর্তন করে আপনার গুগল, ফেসবুক, টুঁটার অ্যাকাউন্ট এর অ্যাড্রেস যুক্ত করুন।  <br />এবার Template টিকে সেভ করুন।<b> </b>তারপর একবার আপনার অয়েব সাইট কিংবা ব্লগ টিকে চালিয়ে দেখুন। সমস্যা হলে জনাবেন। ভালো লাগলে শেয়ার করবেন। সুস্থ থাকুন ভালো থাকুন ধন্যবাদ।</div>

ব্লগের প্রতিটি পোস্টের নীচে সহজে Subscribe বক্স যুক্ত করে নিন

ব্লগ Subscribe কি এবং কেন ? Subscribe বতাম ব্লগ বা সাইট এর ট্রাফিক ভিজিটর বাড়াতে সাহায্য করে। এত কোন ভিজিটর আপনার ব্লগ বা সাইট Subcribe বতাম...

Read more »

বানিয়ে ফেলুন একটি ডাইনামিক ব্লগের সাইট মাপ

<div dir="ltr" style="text-align: left;" trbidi="on"><h2 style="text-align: left;">সাইট মাপ কি ?</h2>সাইটম্যাপ মূলত দু'ধরণের হয় । একটি হল XML (<b>এক্সএমএল</b>) সাইট ম্যাপ অন্যটি HTML (<b>এইচটিএমএল সাইট ম্যাপ</b>) সাইট ম্যাপ ।  XML (এক্সএমএল) সাইটম্যাপ সাধারণত সার্চ ইঞ্জিনগুলোকে আপনার ব্লগ ক্রল বা ইনডেক্স করতে সাহায্য করে। আমি এখানে HTML সাইট ম্যাপ নিয়ে আলোচনা করছি। HTML সাইট ম্যাপ মূলত আপনার সম্পূর্ণ সাইট পোস্ট বা সম্পূর্ণ ব্লগ পোস্ট গুলিকে একত্রে এক পেজে বা একটি পোস্টে উপস্থাপন করে । এতে একজন পাঠকের কাছে সহজে ব্লগ বা সাইট এর উপর স্বচ্ছ ধারনা জন্মায়। আমার যেমন কোন বই পড়ার আগে সুচি পত্র বা Content দেখেই বুঝি, যে বইটি কি কি বিষয় নিয়ে লেখা। এতে কিছুটা হলেও ঐ বই সমন্ধে বেসিক ধারনা একজন পাঠকের  জন্মায়। অপর পক্ষে ঠিক সাইটম্যাপ ও অনুরুপ বলতে পারি। <a href="http://www.computerjajot.com/p/blog-page_30.html">কম্পিউটার জগৎ</a> এর সাইট ম্যাপ দেখতে <a href="http://www.computerjajot.com/p/blog-page_30.html">এখানে ক্লিক</a> করুন। <br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihymO97MzGmYfVOYfT8ro9uZ5W2IB3WdkAKK65mOsqxNGXxri3rIJVrvqGpTvLOGOs60knRtCZXpmu9OW6FBdatAfjLUoA6YyxZEuSAkRDxMyv56t4nUThyphenhyphenDleXD9N6o2r1KvOIOaVg2A/s1600/sitemap.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="সাইট ম্যাপ" border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihymO97MzGmYfVOYfT8ro9uZ5W2IB3WdkAKK65mOsqxNGXxri3rIJVrvqGpTvLOGOs60knRtCZXpmu9OW6FBdatAfjLUoA6YyxZEuSAkRDxMyv56t4nUThyphenhyphenDleXD9N6o2r1KvOIOaVg2A/s320/sitemap.bmp" title="সাইট ম্যাপ" width="320" /></a></div><h2 style="text-align: left;">কিভাবে সাইটম্যাপ বানাবেন ?</h2><ul style="text-align: left;"><li>প্রথমে Blogger এ লগ ইন করুন ।</li><li>এরপর Dashboard প্রবেশ করুন ।</li><li>এরপর Pageঅপশনে ক্লিক করুন।</li><li>এরপর Create New Page ক্লিক করুন।</li><li>এরপর HTML Tab ক্লিক করুন।</li></ul><br />এরপর নিচের কোডটি কপি করে পেস্ট করুন।<br /><blockquote class="tr_bq"><style type="text/css"><br />#toc{<br />width:99%;<br />margin:5px auto;<br />border:1px solid #2D96DF;<br />-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);<br />-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);<br />box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);<br />}<br />.labl{<br />color:#FF5F00;<br />font-weight:bold;<br />margin:0 -5px;<br />padding:1px 0 2px 11px;<br />background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);<br />background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));<br />border:1px solid #2D96DF;<br />border-radius:4px;-moz-border-radius:4px;<br />-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;<br />-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;<br />}<br />.labl a{<br />color:#fff;<br />}<br />.labl:first-letter{t<br />ext-transform:uppercase;<br />}<br />.new{<br />color:#FF5F00;<br />font-weight:bold;<br />font-style:italic;<br />}<br />.postname{<br />font-weight:normal;<br />background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);<br />background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));<br />}<br />.postname li{<br />border-bottom: #ddd 1px dotted;<br />margin-right:5px<br />}<br /><br /></style><br /><br /><div id="toc"><br /><script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script><br /><script src="http://www.<i><span style="color: red;">YOURBLOGDOMAIN</span></i>.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"><br /></script></div></blockquote>নোট-  <i><span style="color: red;">YOURBLOGDOMAIN </span></i><span style="color: red;"><span style="color: black;">এর পরিবর্তে নিজের ব্লগ নেম  লিখবেন।</span></span><br /><span style="color: red;"><span style="color: black;">এরপর পেজ বা পোস্ট কে Publish করুন। এরপর ব্লগটিকে </span></span><span style="color: red;"><span style="color: black;"><span style="color: red;"><span style="color: black;"> একবার</span></span> Browse করে দেখুন। কোন প্রবলেম হলে অবশ্যই জানাবেন। ভালো লাগলে শেয়ার করে আমাকে অনুপেরনা দিবেন। ভালো থাকুন সুস্থ থাকুন ধন্যবাদ।  </span></span><br /></div>

বানিয়ে ফেলুন একটি ডাইনামিক ব্লগের সাইট মাপ

সাইট মাপ কি ? সাইটম্যাপ মূলত দু'ধরণের হয় । একটি হল XML ( এক্সএমএল ) সাইট ম্যাপ অন্যটি HTML ( এইচটিএমএল সাইট ম্যাপ ) সাইট ম্যাপ ।  XML (এ...

Read more »

কিভাবে ব্লগস্পট ব্লগে তিনটি বা তার বেশি সুন্দর ফুটার বার যুক্ত করবেন

<div dir="ltr" style="text-align: left;" trbidi="on">ফুটার হচ্ছে ব্লগে এক্সট্রা <span id="6604314341005581829">widget</span> যুক্ত করার অপশন যেখানে আমরা সহজে বাড়তি widget যুক্ত করে ব্লগকে আরও সুন্দর ভাবে গড়ে তোলা যায়। এক্সট্রা ফুটার থাকলে আপনি আপনার বিভিন্ন অ্যাড কিংবা প্রয়োজনীয় তথ্য ফুটারে যুক্ত করে ব্লগের মান উন্নত করতে পারবেন। আমরা অনেকে যারা প্রোগ্রাম জানি না তাদের কাছে এই কাজটি খুব শক্ত। আজ আমার দেখবো কিভাবে সহজ উপায়ে আপনার ব্লগে নিজেরাই দুটি ,তিনটি কিংবা তার বেশি ফুটার যুক্ত করবেন।<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkoyFd1A_2lmwltpzfCH5VdWntd915TwAdkljVs8g4m8368yeFbbiPbiuPm0at-R-Xok5tI8jJVT-A1ZlOcY8b-SwsMh3vWr2na8jZH4aEQn6vcz4Pd_gl6Qbb4AK1PT5FpS6IIifvOM/s1600/footer+image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ফুটার" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjkoyFd1A_2lmwltpzfCH5VdWntd915TwAdkljVs8g4m8368yeFbbiPbiuPm0at-R-Xok5tI8jJVT-A1ZlOcY8b-SwsMh3vWr2na8jZH4aEQn6vcz4Pd_gl6Qbb4AK1PT5FpS6IIifvOM/s1600/footer+image.jpg" title="ফুটার" /></a></div><br /><br />কিভাবে ব্লগস্পট ব্লগে তিন সারীতে footer বার তৈরি করবো?<br /><ul style="text-align: left;"><li>প্রথমে আপনার Blogger ব্লগের ড্যার্শবোর্ডে প্রবেশ করুন।</li><li>তারপরে ড্রাপ ডাউন বাটন হতে Template নির্বাচন নির্বাচন করুন ।</li><li>Template নির্বাচন করার পরে আপনাকে Edit HTML ট্যাব ক্লিক করে body Tags খুঁজে বের করতে হবে।</li><li>Body Tags হতে ফুটার বা নিচের Code টুকু খুঁজে বের করতে হবে। অথবা Ctrl+F চেপে নিচের কোডটি search বক্সে পেস্ট করুন।</li></ul><blockquote class="tr_bq">    <div id='footer-wrapper'><br />    <b:section class='footer' id='footer'/><br />    </div</blockquote><div style="text-align: left;"></div><ul style="text-align: left;"><li>যদি উপরের code টি খুঁজে না পান তাহলে নিচের code গুলো হুবাহু কপি করে আপনার ব্লগ Template ফুটার বারে পেষ্ট করবেন। বা <span id="6604314341005581829"><span class="fullpost"><span style="font-size: small;"></body> ট্যাগ এর উপরে পেস্ট করবেন ।</span><b><br /></b></span></span></li></ul><blockquote class="tr_bq">    <!-- three column footer HTML Start by projuktimela.blogspot.com --><br />    <div id='new-footer-wrapper'><br />    <div id='column1-wrapper'> <br />    <b:section class='new-footer' id='new-footer1' preferred='yes'/><br />    </div><br /><br />    <div id='column2-wrapper'> <br />    <b:section class='new-footer' id='new-footer2' preferred='yes'/><br />    </div><br /><br />    <div id='column3-wrapper'> <br />    <b:section class='new-footer' id='new-footer3' preferred='yes'/><br />    </div> <br />    <div style='clear: both;'/><br />    </div><br />    <!-- three column footer HTML End --></blockquote><div style="text-align: left;">নোট - ফুটার বার কালার করার জন্য CSS Style কোড ব্যবহার করতে হবে। নিম্নে কোডটি দেওয়া হল।</div><ul style="text-align: left;"><li>এবার কালার করার জন্য আপনাকে Template হতে নিচের দেওয়া কোডটি খুঁজে বের করতে হবে।</li></ul><blockquote class="tr_bq">    ]]></b:skin></blockquote><ul style="text-align: left;"><li>তারপরে নিচের CSS কোডটুকু কপি করে  ]]></b:skin> এর উপরে পেষ্ট করুন।</li></ul><div style="text-align: left;"></div><blockquote class="tr_bq">    /* three column footer CSS Start by computeruptodate.blogspot.com */<br />    #new-footer-wrapper {background: #E1E2B8; margin: 0 auto;width:98%; padding: 0 10px  10px 0;} <br />    #column1-wrapper, #column2-wrapper, #column3-wrapper { float: left; display:inline-block; width: 33%;padding: 0px 0px 0px 0px; text-align: left; word-wrap: break-word; overflow: hidden;}  <br />    .new-footer h2 { margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; text-align: left; color: #222222; background: #C1C298; font-weight: bold;font-size: 0.9em;} <br />    .new-footer .widget { margin: 10px 0 0 10px; border: 1px solid #F1F5CA; background: #F7FCDF;}<br />    .new-footer .widget-content { padding: 0px 5px 5px 5px; } <br />    .new-footer ul { list-style-type:square; margin-left:15px; }<br />    /* three column footer CSS End by computeruptodate.blogspot.com */</blockquote><div style="text-align: left;"></div><ul style="text-align: left;"><li>এবার আপনি Template টিকে সেভ করে বের হয়ে আসবেন। ব্যস এখন আপনার  কাজ শেষ।</li></ul><div style="text-align: left;">কোন কিছু জানার বা অসুবিধে হলে কমেন্ট এর মাধ্যমে জানতে ভূলবেন না। তাই আজ এই পর্যন্ত ভালো লাগলে শেয়ার করবেন । আপনারা সকলে ভাল থাকুন ধন্যবাদ ।</div><div style="text-align: left;"><br /></div></div>

কিভাবে ব্লগস্পট ব্লগে তিনটি বা তার বেশি সুন্দর ফুটার বার যুক্ত করবেন

ফুটার হচ্ছে ব্লগে এক্সট্রা widget যুক্ত করার অপশন যেখানে আমরা সহজে বাড়তি widget যুক্ত করে ব্লগকে আরও সুন্দর ভাবে গড়ে তোলা যায়। এক্সট্রা ফুট...

Read more »

ব্লগ টাইটেল,মেটাট্যাগ,পোষ্টের অক্ষর গণনা করার দুর্দান্ত টুলস

<div dir="ltr" style="text-align: left;" trbidi="on"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuT41p-dP1ytXZUkyR2l6rBvXonoF8GYN2QQNAVscIZ05-5M7S1xEgVyhYZyWOD-HL1RHHo-3goPDH48_fL9fg-5WBtsDKzzJPUrf0uKtgUDWggCc6rjNiwoKrHXc9Apx9RbcefT0nyqM/s1600/%E0%A6%8F%E0%A6%B8%E0%A6%87%E0%A6%93.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="এসইও" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuT41p-dP1ytXZUkyR2l6rBvXonoF8GYN2QQNAVscIZ05-5M7S1xEgVyhYZyWOD-HL1RHHo-3goPDH48_fL9fg-5WBtsDKzzJPUrf0uKtgUDWggCc6rjNiwoKrHXc9Apx9RbcefT0nyqM/s1600/%E0%A6%8F%E0%A6%B8%E0%A6%87%E0%A6%93.jpg" title="এসইও" /></a>সাইট বা ব্লগ বাননোর সময় সার্চ ইন্জিন অপটিমাজেশনের (SEO) কথা মাথায় রেখে সাইটের Title ,Meta Description এগুলো দিয়ে থাকি। যেমন -<a href="http://amar-pc.blogspot.in/search/label/SEO">SEO </a>উপযুক্ত ব্লগ বা <span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">সাইটের Title যথা সম্ভব ৬৫ অক্ষরের মধ্যে এবং </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">Meta Description সর্বোচ্চ ২৫০ অক্ষরের মধ্যে রাখার চেষ্টা করতে হবে। কেননা গুগল সহ সকল সার্চ ইন্জিন ২৫০ অক্ষরের এর বেশী তাদের ফলাফল দেখায় না। তবে গুগল ১৬০,ইয়াহু ১৬৫,এম এস এন ২০০ টি করে অক্ষর দেখায়। </span> কিন্তু এসকল গুরুত্বপূর্ন বিষয়কে আমরা যদি সঠিক ভাবে ব্যবহার করতে না পারি তাহলে আশানূরুপ ফল পাওয়া সম্ভব নয়। তাই আজ আমি আপনাদেরকে জন্য Character count করার জন্য SEO টুল তুলে ধরলাম। প্রয়োজনে আপনি সাইট বা ব্লগ টাইটেল,মেটাট্যাগ, ব্লগ পোষ্টের অক্ষর গণনা করে নিয়ে নিতে পারেন। আপনি আপনার নিজের ব্লগে বা সাইটে <a href="http://amar-pc.blogspot.in/search/label/SEO">Character count SEO </a>টুলটি যুক্ত করতে চাইলে <a href="http://adf.ly/s2YR1" target="_blank">How to add character count JavaScript tool for blogger </a>এ ঘুরে আসতে পারেন। কিংবা পরবর্তী পোষ্টে লক্ষ্য করুন।<br />নিম্ন ফাঁকা বক্সে আপনার লেখা কপি করে পেস্ট করুন তারপর Calculate Character এ ক্লিক করুন। তারপর কতগুলো অক্ষর আছে তা দেখতে পাবেন।<br /><br /><br /><form method="POST"><table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="100%"><textarea cols="60" name="charcount" rows="12" wrap="virtual">

সমস্যা ও সমাধানঃ-

Download এ সমস্যা হলে লিঙ্কটিতে ক্লিক করার পর পাঁচ সেকেন্ড অপেক্ষা করুন এবং ডান দিকের উপরে লেখা Skip Ad অপশন টিতে ক্লিক করুন। ধন্যবাদ।

ব্লগে হট নিউজ নোটিফিকেশান বার যুক্ত করুন সহজে

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="MsoNormal"><br /><span style="line-height: 27.6000003814697px;">ব্লগে যারা নোটিফিকেশান বার যুক্ত করতে চান, তাদের মুশকিল আসান করতে এই পোষ্ট। অনেক দিন ধরে যারা ভাবছেন ব্লগে নোটিফিকেশান বার লাগাবেন, তারা আজ নিঃসন্দেহে জুরে দিন নেজেদের ব্লগে। এই নোটিফিকেশান বার দিয়ে আপনি আপনার পছন্দের পোষ্ট কিংবা বিজ্ঞাপন দিতে পারবেন। তাতে আপনার সাইটের বাড়তি জায়গার প্রয়োজন নেই। তবে আর দেরি কেন? এক্ষুনি লাগিয়ে নিন। আর যারা লেখা লেখি ভালোবাসেন, এক মিনিটও সময় নষ্ট না করে লেগে পড়ুন।   </span><br /><h3 style="text-align: left;"><span style="line-height: 115%;">কিভাবে যুক্ত করবেন marquee notification বার?</span></h3><br /><br /><ul style="text-align: left;"><li>Gmail অ্যাকাউন্ট Password দিয়ে ব্লগে প্রবেশ করুন</li><li>তারপর <b>Blogger Dashboard প্রবেশ করুন।</b></li><li><b>এরপর </b><b>Add a gadget অপশনে ক্লিক করুন।নিচের ছবিটির মতো দেখতে পাবেন।</b></li></ul><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZYR0JbB03xmtadQYbfvJ-_8HFAKEtXvxh0uGpV1ZYq2wLjaLWrzMYneitm1h7GWEPVwalBTkBUXBDzjIP0jAxh7PlDD-SESlQjSA0YLfusMwYGh6ILsvShm0dFWlR07At75S-7k1Myk/s1600/add+a+gadget.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZYR0JbB03xmtadQYbfvJ-_8HFAKEtXvxh0uGpV1ZYq2wLjaLWrzMYneitm1h7GWEPVwalBTkBUXBDzjIP0jAxh7PlDD-SESlQjSA0YLfusMwYGh6ILsvShm0dFWlR07At75S-7k1Myk/s1600/add+a+gadget.PNG" /></a></div><br /><ul style="text-align: left;"><li>এরপর <b>HTML/JavaScript</b> Gadget ক্লিক করুন।<b>নিচের ছবিটির মতো দেখতে পাবেন।</b></li></ul><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYA1D0oI6VU869HWfzC7D2_KdpLif8YylzpT0FFWyQRty0qdAFgUlzphIElGU4gt1VvBJJWkNXVmHyK1enpXSUOZc81RP9_YNqviGP-1X2czTMTGMuEAanUsRBxlw1LnJaLFnw7BVs6so/s1600/add+html-java+script.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYA1D0oI6VU869HWfzC7D2_KdpLif8YylzpT0FFWyQRty0qdAFgUlzphIElGU4gt1VvBJJWkNXVmHyK1enpXSUOZc81RP9_YNqviGP-1X2czTMTGMuEAanUsRBxlw1LnJaLFnw7BVs6so/s1600/add+html-java+script.PNG" /></a></div><br /><ul style="text-align: left;"><li>এরপর নিচের কোডটি কপি করে Content বক্সে পেস্ট করে দিন। এবং সেভ করে দিন।</li></ul><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCUy8HjpB1JSC3m_IAJ0_GW8zA5pkUIWaXVXvRAjgV4guz2JYprukx_n2kDS9YqCiYQdr1Nb1HvBtvKKOuDh_QtC0dgL6hPOLAeH66KHJstYXyM1Mbme11GS9RuaxXjL_g_GcdKddW3Uk/s1600/gadget3.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCUy8HjpB1JSC3m_IAJ0_GW8zA5pkUIWaXVXvRAjgV4guz2JYprukx_n2kDS9YqCiYQdr1Nb1HvBtvKKOuDh_QtC0dgL6hPOLAeH66KHJstYXyM1Mbme11GS9RuaxXjL_g_GcdKddW3Uk/s1600/gadget3.bmp" width="276" /></a></div><br />কোডঃ-</div><div class="MsoNormal"><blockquote><style><br />#wcnot-cont<br />{<br /><span style="color: red;">top</span>:0px;<br />left:0px;<br />z-index:9999999;<br />position:fixed;<br />width:100%;<br />background:#<span style="color: red;">222222</span>;<br />color:#ffffff;<br />font:16px georgia;<br />box-shadow:2px 2px 5px #444444;<br />-moz-box-shadow:2px 2px 5px #444444;<br />-web-kit-box-shadow:2px 2px 5px #444444;<br />-goog-ms-box-shadow:2px 2px 5px #444444;<br />}<br />#wc-movtext<br />{<br />text-align:center;<br />padding:8px;<br />font-family: Verdana,"Times New Roman",Georgia,Serif;<br />font-size:12px;<br />color: #ffffff;<br />}<br />#wc-movtext a<br />{<br />color:#ffffff;<br />text-decoration:none;<br />font:16px georgia;<br />}<br />#wc-movtext a:hover<br />{<br />color:yellow;<br />text-decoration:none;<br />}<br /></style><br /><div id='wcnot-cont'><br /><div id="wc-movtext"><br /><marquee behavior='alternate' direction="left"<br />onmouseover="this.stop();"<br />onmouseout="this.start();"><br /><p><br /><a href="<span style="color: red;">#</span>" target="_blank"><b><span style="color: lime;">How to change mouse cursor in blogger blog to animated cursors</span></b></a><br />| <a href="<span style="color: red;">#</span>" target="_blank"><b><span style="color: lime;">Numbered Page Navigation For Blogger New Script</span></b></a><br />| <a href="<span style="color: red;">#</span>" target="_blank"><b><span style="color: lime;">Animated Recent posts for Blogger with Thumbnails - Simple Spy</span></b></a><br />| <a href="<span style="color: red;">#</span>" target="_blank"><b><span style="color: lime;">17+ Featured Content Slider for Blogger Using jQuery</span></b></a><br /></p><br /></marquee><br /></div><br /><div></blockquote></div>এর পর সাইটটিকে ওপেন করে দেখুন, ঠিক-ঠাক কাজ করছে কিনা। কিছু পরিবর্তন করতে চাইলে নিচের দেওয়া নোট লক্ষ্য করুন। সমস্যা হলে কমেন্ট করুন। ভালো লাগলে শেয়ার করতে ভুলবেনা প্লিস। ধন্যবাদ।<br />নোটঃ-<br /><br /><ul style="text-align: left;"><li># চিহ্নে নিজের URL টাইপ করুন</li><li>সবুজ লেখাগুলির জায়গায় নিজের পছন্দের Text টাইপ করুন।</li><li>উপরে হলে top এবং নিচে হলে bottom টাইপ করুন। </li></ul><br /><div class="MsoNormal"><br /></div></div>

ব্লগে হট নিউজ নোটিফিকেশান বার যুক্ত করুন সহজে

ব্লগে যারা নোটিফিকেশান বার যুক্ত করতে চান, তাদের মুশকিল আসান করতে এই পোষ্ট। অনেক দিন ধরে যারা ভাবছেন ব্লগে নোটিফিকেশান বার লাগাবেন, তারা আজ ...

Read more »