মঙ্গলবার, ১৫ এপ্রিল, ২০১৪

আপনার Blogger ব্লগে অ্যাড করুন 125x125 এর এড স্পেস চোখ ধাধানো Hover Effect এর সাথে

পোষ্টটি লিখেছেন : Sagor | মঙ্গলবার, ১৫ এপ্রিল, ২০১৪ সর্বপ্রথম কমেন্টকারী হোন !
আপনার ব্লগে অ্যাড করেনিন চোখধাধানো হবার ইফেক্ট এর ১২৫ এড স্পেস
আজকে আমি আপনাদের দেখাব কিভাবে আপনি আপনার ব্লগার ব্লগে 125*125 এর ৪ টি এড স্পেস তৈরি করবেন চোখ ধাধানো হবার ইফেক্টের সাথে । আমরা ব্লগাররা একটু বাড়তি টাকা রোজগারের আশায় আমদের ব্লগে অনেক পাব্লিসারদের এড ব্যাবহার করে থাকি । কিন্তু অনেক সময়ই দেখাযায় যে ব্লগে যথেষ্ট স্পেসের অভাবে বেশি এড দেওয়া সম্ভব হয় না । সেকারনেই আজকে আমি আপনাদের সাথে এই চমৎকার এড উইডগেটটা শেয়ার করছি । এখানে আপনি খুব ই কম জায়গায় ৪ টি ১২৫*১২৫ সাইজের এড বসাতে পারবেন । আপনি হয়ত এটাও যানেন যে ১২৫*১২৫ সাইজের এড গুলোর CPC ও বেশ ভালো থাকে । তাই আর দেরি না করে আপনার ব্লগে এক্ষুনি এই অসাধারন এড উইডগেটটা লাগিয়ে নিন । আর আপনি যদি মোনে করেন যে আপনার ব্লগে এই চমৎকার উইডগেটটি লাগাবার আগে এটার ডেমো দেখে নিবেন, তাহলে নিচের ডেমো বাটন এ ক্লিক করুন ।

http://demo-blog55.blogspot.com/

এটা আপনার ব্লগে সেট করাও পানির মতো সহজ । আপনি শুধু নিচের ধাপগুলো অনুসরন করুনঃ

১। প্রথমে আপনি আপনার ব্লগার অ্যাকাউন্ট এ লগিন করুন ।

২। তারপর ড্রোপডাউন মেনু থেকে "Layout" সিলেক্ট করুন । ভালোভাবে বোঝবার জন্য নিচের ছবিটা দেখুন ।


কিভাবে আপনি আপনার ব্লগার ব্লগের layout অপশন ব্যাবহার করবেন


৩। এবার Layout এ ক্লিক করবার পর আপনি আপনার ব্লগের লেআউট অপশন গুলো দেখতে পাবেন । সেখান থেকে "Add a Gadget" এ ক্লিক করুন ।

৪। এবার একটা পপ আপ উইন্ডো ওপেন হবে । সেখান থেকে আপনি "HTML/JavaScript" এর পাশের প্লাস (+) বাটন এ ক্লিক করুন । ভালোভাবে বুঝতে নিচের ছবিটি দেখুন ।

কিভাবে আপনি আপনার ব্লগার ব্লগের উইডগেটে HTML/JavaScript কোড ইউজ করবেন


৫। এবার একটা ফাকা বক্স ওপেন হবে । টাইটেলে কিছু দিতে চাইলে দিতে পারে আবার নাও পারেন, বড় ফাকা বক্সে নিচের কোডটি কপি করে পেস্ট করুন এবং Save বাটন এ ক্লিক করুন । ব্যাস আপনার কাজ শেষ ।
    <style> #F4U-ads img { margin: 0px 8px 4px 0px; padding: 3px; text-align: center; border: 3px solid #c0c0c0; -webkit-border-radius:70px; -moz-border-radius:70px; -o-border-radius:70px; border-radius:70px; -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; transition: all 0.45s ease-out; } #F4U-ads img:hover { margin: 0px 8px 4px 0px; padding: 3px; text-align: center; border: 3px solid #3399FF; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; } </style>
     <div id="F4U-ads" align="left"> <table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#fff"><tbody> <tr> <td> <center>
    <a href="Advertiser URL" rel="nofollow"> <img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3nURodrVEEf2_9X9ZmIzKNcr2Kmx5KHYqRnoHyYRL-eUzXDhjQN2YsPmcB7GyIn8JiKUWI911gaTWEOEVO7GWUFQoWsC19C2Xpwot4VyKaRdc9FjGFEbaPkPAr9j0pptjiNX6DqeZtYg/s1600/ad-here.png" height="125"/></a> </center> </td> <td> <center>
    <a href="Advertiser URL 2" rel="nofollow"> <img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3nURodrVEEf2_9X9ZmIzKNcr2Kmx5KHYqRnoHyYRL-eUzXDhjQN2YsPmcB7GyIn8JiKUWI911gaTWEOEVO7GWUFQoWsC19C2Xpwot4VyKaRdc9FjGFEbaPkPAr9j0pptjiNX6DqeZtYg/s1600/ad-here.png" height="125"/></a> </center> </td> </tr> <tr> <td> <center>
    <a href="ADVERTISER URL 3" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3nURodrVEEf2_9X9ZmIzKNcr2Kmx5KHYqRnoHyYRL-eUzXDhjQN2YsPmcB7GyIn8JiKUWI911gaTWEOEVO7GWUFQoWsC19C2Xpwot4VyKaRdc9FjGFEbaPkPAr9j0pptjiNX6DqeZtYg/s1600/ad-here.png" height="125"/></a> </center> </td> <td> <center>
    <a href="ADVERTISER URL 4" rel="nofollow"> <img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3nURodrVEEf2_9X9ZmIzKNcr2Kmx5KHYqRnoHyYRL-eUzXDhjQN2YsPmcB7GyIn8JiKUWI911gaTWEOEVO7GWUFQoWsC19C2Xpwot4VyKaRdc9FjGFEbaPkPAr9j0pptjiNX6DqeZtYg/s1600/ad-here.png" height="125"/></a> </center> </td> </tr> </tbody> </table> </div>

কিভাবে কোডটি কাস্টোমাইজ করবেনঃ

  • সবুজ রঙ দিয়ে ব্লক করা লেখাটা রিপ্লেস করে আপনার এড এর লিঙ্ক বসিয়ে দিন । 
  • আর নিল রঙ দিয়ে ব্লক করা লেখাটা আপনার এড এর বিবরণ দিয়ে রিপ্লেস করুন ।

পোস্টটি আপনার ভালো লাগলে একটা কমেন্ট করতে এবং ফেসবুকে শেয়ার করতে ভুলবেন না যেন । 




0 মন্তব্য(গুলি) :

একটি মন্তব্য পোস্ট করুন

  • গোপনীয়তা নীতি
  • সাইটম্যাপ
  • আমার সম্পর্কে
  • ইন্টারনেটে আয়
  • বোনাস
  • উপরে ফিরে যান

    সাইটের সম্পর্কে কিছু তথ্য

    যোগাযোগ ফর্ম

    নাম

    ইমেল *

    বার্তা *