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

কিভাবে ব্লগে ঝুলন্ত এই বিজ্ঞাপন বসাবেন?

• ব্লগস্পট ব্লগে লগিন করে 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 লেখাটির বদলে আপনার এড কোড বসান।

সৌজন্যেঃ ব্লগার মারুফ ডট কম