ব্লগে যুক্ত করুন একটি স্টাইলিশ অ্যাড ব্যানার

এই ট্রিকসটি ব্যবহার করে আপনি আপনার ব্লগে একটি 120×120 সাইজের স্টাইলিম ব্যানার অ্যাড যুক্ত করতে পারবেন। এজন্য একটি HTML/JavaScript গ্যাজেট নিন এবং নিচের কোড গুলো লিখে সেভ করুন।

কোডঃ

<style>

.squarebanner ul{list-style-type:none;margin: 0px auto;padding: 10px 0px 0px 0px;width:300px;overflow:hidden;}.squarebanner ul li{list-style-type:none;margin: 0px 1px 0px 3px;float:left;display:inline;background:orange;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;}.squarebanner ul li:hover {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-o-border-radius:15%;-webkit-border-radius:15%;-moz-border-radius:15%;border-radius:15%;}.squarebanner ul li:active {-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-o-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.squarebanner ul li a img{-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);padding:3px;}

</style>

<div>

<ul>

<li style=”background: blue !important;”>

<a href=”URL”>

<img height=”120″ src=”http://4.bp.blogspot.com/-CXrtKp4-nm0/T40RMqgmdTI/AAAAAAAAD6U/XwLFnnlCOSA/s1600/Advertise%2BHere.png” width=”120″ /></a></li>

</ul>

</div>

কাস্টমাইজ করার জন্য উপরের কোড গুলোর শেষ থেকে উপরের দিকে তিন নং লাইনে লাল রঙ এর যে ইমেজ অ্যাড্রেস আছে তা পরিবর্তন করে আপনার ঠিকানা দিন। এভাবে আপনি আপনার ব্লগে একটি কাস্টমাইজ অ্যাড ইউনিট স্থাপন করতে পারেন। সবাইকে ধন্যবাদ।

আমার ব্লগে আমন্ত্রন

 

আরো পড়ুনঃ
" data-layout="standard" data-action="like" data-size="small" data-show-faces="true" data-share="true">

ফেসবুকের মাধ্যমে মন্তব্য লিখুন

Leave a Reply