ব্লগস্পট ব্লগে ঝুলন্ত এবং আকর্ষণীয়ভাবে বিজ্ঞাপন যুক্ত করুন করতে চান?

অবশেষে বেশ কয়েকদিন অনিয়মিত হয়ে যাওয়ার পর আজ আপনাদের জন্য নিয়ে এসেছি কাজের একটি পোস্ট। একটি ব্লগে বিজ্ঞাপন বসানোর স্থান এবং ধরনের উপর নির্ভর করে বিজ্ঞাপনটিতে ক্লিকের হার। আর যারা এডসেন্স ব্যবহার করেন তাদের জন্য তো ক্লিক পাওয়া মানেই ভালো মানের কিছু আয়। তাই ব্লগে হাইলাইট করে বসাতে হবে বিজ্ঞাপনগুলো। আজ ব্লগস্পট ব্লগের জন্য নিয়ে এসেছি এমন একটি টিপস। একটি ব্লগের ডানে বা বামে যদি বিজ্ঞাপন ঝুলন্ত অবস্থায় থাকে তবে আমি মনে করি বিজ্ঞাপনটি সহজেই চোখে লাগবে। যারা ব্লগস্পটে ব্লগিং করছেন তাদের জন্য আজকের এই টিপস। 

ডেমো দেখুন আমার এই ব্লগেই। বাম পাশে ঝুলে আছে একটি বিজ্ঞাপন। ঠিক এইরকম বিজ্ঞাপন আপনার ব্লগস্পট ব্লগেও লাগাতে পারেন। তাই এবার আসুন কিভাবে ব্লগে এরকম এড বসাবেন?

• ব্লগস্পট ব্লগে লগিন করে Layout অপশনে যান এবং যথানিয়মে একটি Html/JavaScript Gadget খুলুন।
• এবার Title অপশন ফাঁকা রেখে Content বক্সে নিচের কোডগুলো দিন।

 <style>
#bloggermarufflotads {
height:30px;
width:auto;
background: #333333 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#bsadsbase{
height:500;
margin:0auto;
width:160px;
background:#fff;
border-bottom:2px #333333 solid;
border-right:2px #333333 solid;
border-left:2px #333333 solid;
text-align:center;
padding:4px;
}
#bsadsheadline{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:10px;
border-bottom:1px #005094 solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("bsadsheadline").style.display = 'none';
}
</script>
<div id="bsadsheadline">
<div id="bloggermarufflotads">
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.bloggermaruf.com" target="_blank" onclick="getValue()">Close This Ad(X)</a></span>
</div>
<div id="bsadsbase">                                                                                               
Your Advertise Code Here
</div></div>

• এবার আসেন কাস্টমাইজেশনে। 
• কোডে text-align:left; এর স্থানে আপনি ব্লগের ডান পাশে নাকি বাম পাশে দেখাতে চান সেটা বলে দিন। বাম পাশে হলে text-align:left; আর যদি চান ডান পাশে তবে text-align:right;
• এখন আসব দৈর্ঘ্য প্রস্থে। এখানে height:500; কোডটিতে আপনি দৈর্ঘ্য বা উচ্চতা পরিবর্তন করতে চাইলে 500 এর স্থলে আপনার ইচ্ছেমত সাইজ বসিয়ে দিন। আর প্রস্থ পরিবর্তন করতে চাইলেও একই কাজ। width:160px; কোডে 160 এর স্থলে আপনার চাহিদামত সাইজ বসিয়ে দিন।
• আর চূড়ান্ত ধাপ হল আপনার অ্যাডসেন্স বা অন্য কোড এড কোড বসানোর পালা।  Your Advertise Code Here লেখাটির বদলে আপনার এড কোড বসান। 

 ব্যাস, আর কাজ নেই। এবার উইডগেটটি  Save করেই সমাপ্ত করুন আপনার কাজ। নিজে বুঝলেও নতুনদেরকে বুঝাতে পারলাম কিনা আপনারাই জানেন। তাই কিছু না বুঝলে কমেন্টে জানাবেন। ধন্যবাদ