উপরের ফটো দেখুন ঠিক ঐ রকম মউস রাখলেও উপরের ফটোর মত ইফেক্ট হবে আশাকরি ডেমোর দরকার নাই তাহলে চলুন দেখে নিন কিভাবে আপনার ব্লগে ব্যবহার করবেন -
কিভাবে ব্লগে যুক্ত করবেন অ্যাড ব্যানার টেক্সট এনিমেশন ইফেক্ট :
- প্রথমে আপনার ব্লগার অ্যাকাউন্ট লগইন করুন
- ড্যাশবোর্ড থেকে Layout → Add a Gadget → HTML/Javascript জান
- এবার ফাকা ঘরে নিচের কোড গুল কপি পেস্ট করুন
<style>
#text{-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);color:#328EFF!important;font-family:arial;font-size:60px;font-weight:300;letter-spacing:-5.5px;line-height:45px;text-align:center;margin:20px 10px}
#text a{color:#328EFF;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #328EFF, 7px 7px #AAAAAA, -1px -1px #000;text-transform:lowercase;-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0}
#text a:hover{-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #328EFF, 7px 100px transparent, -1px -100px transparent;color:transparent}
inf{color:#d2a}
#text a:focus,#text a:active{color:#eee!important;-moz-transition:all 0 ease-in-out!important;-o-transition:all 0 ease-in-out!important;-kmoz-transition:all 0 ease-in-out!important;-webkit-transition:all 0 ease-in-out!important}
</style>
<div id="text" class="rent"><a href="www.esobondhu.com" target="blank"><blink>⇝</blink> এখানে অ্যাড দিতে<br />আপনার টেক্সট <inf>যোগাযোগ করুন</inf><blink>⇜</blink></a></div>
#text{-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);color:#328EFF!important;font-family:arial;font-size:60px;font-weight:300;letter-spacing:-5.5px;line-height:45px;text-align:center;margin:20px 10px}
#text a{color:#328EFF;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #328EFF, 7px 7px #AAAAAA, -1px -1px #000;text-transform:lowercase;-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0}
#text a:hover{-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #328EFF, 7px 100px transparent, -1px -100px transparent;color:transparent}
inf{color:#d2a}
#text a:focus,#text a:active{color:#eee!important;-moz-transition:all 0 ease-in-out!important;-o-transition:all 0 ease-in-out!important;-kmoz-transition:all 0 ease-in-out!important;-webkit-transition:all 0 ease-in-out!important}
</style>
<div id="text" class="rent"><a href="www.esobondhu.com" target="blank"><blink>⇝</blink> এখানে অ্যাড দিতে<br />আপনার টেক্সট <inf>যোগাযোগ করুন</inf><blink>⇜</blink></a></div>
আশাকরি সফল হয়েছেন কোন রকম সমস্যা হলে নিচে কমেন্ট করুন পোস্টটি ভাল লাগলে বন্ধদের সঙ্গে শেয়ার করুন । ভাল থাকবেন সুস্থ থাকবেন ।