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

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










উপরের ফটো দেখুন ঠিক ঐ রকম হবে দেখতে অ্যাড ব্যানার সঙ্গে ফেসবুক লাইন বক্স ও থাকবে যেটা সত্যি অসাধারন আর এই সুন্দর ওয়েডগেট এর জন্য ধন্যবাদ রাব্বি ভাইকে সঙ্গে 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 থেকে নেওয়া হয়েছে , পোস্টটি ভাল লাগলে বন্ধুদের সঙ্গে শেয়ার করুন কোন রকম বুঝতে সমস্যা হলে নিচে কমেন্ট করুন । ভাল থাকবেন সুস্থ থাকবেন । আসসালামু আলাইকুম ।


এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

4 মন্তব্যসমূহ

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

  1. উত্তরগুলি
    1. ভাই উপরে যেভাবে বলেছি দেখুন স্টেপ বাই স্টেপ বলা আছে !

      মুছুন
  2. ভাই close করলে যে নিউ ট্যাব খুলে সেতা বন্ধ করা জায় না ?

    উত্তরমুছুন
নবীনতর পূর্বতন

نموذج الاتصال