আপনার ব্লগার ব্লগে ব্যবহার করুন Floating/Pop-up অ্যাড ব্যানার সঙ্গে ফেসবুক লাইক বক্স !!

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

Live Demo

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

বিজ্ঞাপন ব্যবহার করার জন্য নিচের ধাপ গুলো অনুসরন করুন।

• আপনার ব্লগ সাইটের ড্যাশবোর্ড লগিন করুন। 
• ড্যাশবোর্ড হতে লেআউট নির্বাচন করুন। 
• Add a Gadget এ ক্লিক করে HTML/Javascript এ ক্লিক করুন।
• টাইটেল ঘর ফাকা রেখে Content ঘরে নিচের কোড গুল বসিয়ে দিন।

<style>
#BloggerSpices.com{
height:0px;
width:auto;
background:transparent url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:0px;
}
#Biggapon{
height:280px;
margin:0 auto;
width: 620px;
background:#FEFEFE;
text-align:center;
padding:4px;
}
#BiggaponArUpore{
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:30%;
left:30%;
background:transparent;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("BiggaponArUpore").style.display = 'none';
}
</script>
<div id="BiggaponArUpore">
<div id="BloggerSpices.com">
<span style="color:#333333;font-size:13px;font-weight:bold;float:right;padding-top:1px;padding-right:10px"><a href="http://www.esobondhu.com/" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="Biggapon">
<p>
<table border='0' cellpadding='0' cellspacing='0' color='#FFFFFF' width='610' style='margin: 5px 5px 0 0'>
<tr>
<td align='center' style='background-color: #FFFFFF; padding: 5px;' width='300'>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fblogginjagat&amp;width=300px&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=155204787972563" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:250px;" allowtransparency="true"></iframe>
</td>
<td align='left' style='background-color: #FFFFFF; padding: 5px;' width='300'>
<script type='text/javascript' src='http://ads.qadservice.com/t?id=ef539717-f25f-4e90-aa4f-7c9a47be2c0c&size=300x250'></script>
</td>
</tr>
</table>                        
</p>
</div>
</div>

উপর থেকে নীল রঙের কোড গুল পরিবর্তন করতে হবে যেমন - সব উপরে 620 পরিবর্তন করে আপনার পছন্দ মত দিয়ে দিন , তারপরে top এবং left এর সাইজ ঠিক করে নিতে পারে সেটা আপনার ব্যাপার , bloggingjagat মুছে সেখানে আপনার ফেসবুক এর user নাম বসান সব নিচে দেখুন দুই লাইনের কোড আছে সেটা মুছে সেখানে আপনার বিজ্ঞাপন কোড বসান ।

ব্যস এবার কাজ শেষ। এবার আপনার ব্লগ ভিজিট করে দেখুন আপনি কাজটি করতে সফল হয়েছেন।

তাহলে আজকের মত এই পর্যন্ত কোড গুল bloggerspice থেকে নেওয়া হয়েছে , পোস্টটি ভাল লাগলে বন্ধুদের সঙ্গে শেয়ার করুন কোন রকম বুঝতে সমস্যা হলে নিচে কমেন্ট করুন । ভাল থাকবেন সুস্থ থাকবেন ।আল্লাহ হাফেজ।