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

আসসালামু আলাইকুম বন্ধুরা সবাই কেমন আছেন , যাই হোক আমার পোস্ট টাইটেল দেখে অনেকেই ভাবছেন যে এটা মনে হয় টাকা ইনকাম এর বিষয় নিয়ে পোস্ট তবে বলে রাখি তা ঠিক না তবে কিছুটা সেই রকম পোস্ট কারন আমারা যারা ব্লগিং করি তারা সাধারনত টাকা ইনকাম করার জন্যই ব্লগিং করি আর তাই বিভিন্ন অ্যাড নিজ নিজ ব্লগে ব্যবহার করি সেটা সাইড বার বা পোস্ট এর মধ্যে ইত্যাদি যাইগাই কিন্তু আজকে আমি আপনাদের দেখবো কিভাবে Floating বা Pop-up স্টাইলে অ্যাড ব্যানার ব্যবহার করবেন আপনার ব্লগার ব্লগে । এটা ব্যবহার করলে আপনার ব্লগ যখুন ভিজিটর ভিজিট করবে তখুন প্রতিবার সেটা তার সামনে আসবে যেমন টা ফেসবুক লাইক এর ক্ষেত্রে হয় । তাহলে চলুন দেখে নেওয়া যাক কিভাবে ব্যবহার করবেন ।

Live Demo

উপরের ফটো দেখুন ঠিক ঐ রকম হবে দেখতে অ্যাড ব্যানার সঙ্গে ফেসবুক লাইন বক্স ও থাকবে যেটা সত্যি অসাধারন আর এই সুন্দর ওয়েডগেট এর জন্য ধন্যবাদ রাব্বি ভাইকে সঙ্গে Bloggerspice.com কে । যাই হোক নিচে থেকে দেখে নিন কিভাবে ব্যবহার করবেন ।

অ্যাড করার জন্য নিচের টিপস গুল দেখুন 

• প্রথমে আপনার ব্লগার ব্লগ লগইন করুন

• ড্যাশবোর্ড থেকে Layout এ ক্লিক করুন

• 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.bloggerspice.com/2015/01/add-floating-facebook-and-advertisement-widget-at-a-time-in-Blogger-Site.html" 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%2Fesobondhu&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 এর সাইজ ঠিক করে নিতে পারে সেটা আপনার ব্যাপার , esobondhu মুছে সেখানে আপনার ফেসবুক এর user নাম বসান সব নিচে দেখুন দুই লাইনের কোড আছে সেটা মুছে সেখানে আপনার অ্যাড কোড বসান ।

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


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