SLIDE ON HOVER সাবস্ক্রিপশন উইজেট যুক্ত করুন আপনার ব্লগে

আজ আপনাদের জন্য এনেছি একটি আকর্ষণীয় উইজেট, যা আপনারা Blogger,  WordPress ইত্যাদি ব্লগে ব্যবহার করতে পারবেন।

এর নাম SLIDE ON HOVER SOCIAL SUBSCRIPTION WIDGET.

নাম শুনেই নিশ্চয়ই বুঝে গেছেন, এটা কেমন হবে!

এর উপরে মাউস কার্সর আনলে এটা স্লাইড করে রঙ পরিবর্তন করবে। এতে আপনার ব্লগের ভিজিটর মজা পাবে আর আপনার সোশ্যাল সাইটে যাবার জন্য ক্লিক করবে।

এই যে দেখুন স্ক্রিনশটঃ 

Slide On Hover Social Subscription Widget

কীভাবে যুক্ত করবেনঃ

ব্লগারের জন্যঃ Blogger.com>Layout>Add a Gadget>HTML/Javascript> এবার কপি পেস্ট করুন নিচে প্রদত্ত কোডটুকু। > Save.

ওয়ার্ডপ্রেস এর জন্যঃ Dashboard>Widget>Drag a Text widget> এবার কপি পেস্ট করুন নিচে প্রদত্ত কোডটুকু। >Save.

WIDGET CODE:

<style>#sujonhera-sociable ul{margin:5px 0 0 0}#sujonhera-sociable li{float:left;background:none!important;margin:0 0 0 0;padding:0 0 0 0;border-bottom:none}#sujonhera-sociable a{-webkit-transition:all.2s ease;-moz-transition:all.2s ease;-ms-transition:all.2s ease;-o-transition:all.2s ease;transition:all.2s ease;background:url(http://sujonhera.files.wordpress.com/2013/05/sujonhera-social-subscription.png) no-repeat;display:block;height:32px;margin-left:5px;text-indent:-999em;width:32px}#sujonhera-sociable a:hover{background-position:0 -32px}#sujonhera-sociable li.twitter a{background-position:-32px 0}#sujonhera-sociable li.twitter a:hover{background-position:-32px -32px}#sujonhera-sociable li.google_plus a{background-position:-64px 0}#sujonhera-sociable li.google_plus a:hover{background-position:-64px -32px}#sujonhera-sociable li.linkedin a{background-position:-96px 0}#sujonhera-sociable li.linkedin a:hover{background-position:-96px -32px}#sujonhera-sociable li.dribbble a{background-position:-128px 0}#sujonhera-sociable li.dribbble a:hover{background-position:-128px -32px}#sujonhera-sociable li.stumbleupon a{background-position:-160px 0}#sujonhera-sociable li.stumbleupon a:hover{background-position:-160px -32px}#sujonhera-sociable li.pinterest a{background-position:-192px 0}#sujonhera-sociable li.pinterest a:hover{background-position:-192px -32px}#sujonhera-sociable li.youtube a{background-position:-224px 0}#sujonhera-sociable li.youtube a:hover{background-position:-224px -32px}#sujonhera-sociable li.email a{background-position:-256px 0}#sujonhera-sociable li.email a:hover{background-position:-256px -32px}#sujonhera-sociable li.rss_feed a{background-position:-288px 0}#sujonhera-sociable li.rss_feed a:hover{background-position:-288px -32px}.align-ctr{float:center}</style> <center> <div id="sujonhera-sociable"> <ul> <li class="facebook"><a title="Like us on Facebook" href="http://facebook.com/SUJONHERA" target="_blank" rel="nofollow">Like us on Facebook</a></li> <li class="twitter"><a title="Follow me on Twitter" href="https://twitter.com/SUJONHERA" target="_blank" rel="nofollow">Follow me on Twitter</a></li> <li class="google_plus"><a title="Add me to your Circles" href="http://plus.google.com/102031317195738605259" target="_blank" rel="nofollow">Add me to your Circles</a></li> <li class="youtube"><a title="Watch me on YouTube" href="https://www.youtube.com/SUJONHERA" target="_blank" rel="nofollow">Watch me on YouTube</a></li> <li class="linkedin"><a title="Follow me on Linkedin" href="http://bd.linkedin.com/pub/sujon-paul/22/6a1/938" target="_blank" rel="nofollow">Follow me on Linkedin</a></li> <li class="rss_feed"><a title="RSS Feed" href="http://feeds.feedburner.com/sujonhera" target="_blank" rel="nofollow">RSS Feed</a></li> </ul></div></center>
বিশেষ দ্রষ্টব্যঃ লিংকগুলো পরিবর্তন করে আপনার নিজস্ব লিংক দিবেন। লিংকগুলো বোল্ড করে দেখানো আছে। 

ভালো লাগলে এরকম আরও টিপস পেতে ভিজিট করুন আমার ওয়েবসাইট HITBANGLA.COM

ধন্যবাদ।

Level 0

আমি ডাঃ সুজন পাল। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 26 টি টিউন ও 160 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস