«

»

pujan

আপনার ব্লগে যোগ করুন দারুন একটি Mouse Hover Facebook Slider Plugin.

প্রথমে এই প্লাগিন টি ব্লগে যোগ করুন।

  • প্লাগিন টি যোগ করতে Blogger Dashboard থেকে  template তারপর  Edit Html এ যান।
  • এখন ctrl+f  চেপে </head> ট্যাগ টি খুজে বের করুন।
  • </head> ট্যাগ এর ঠিক আগে নিচের কোড টি যোগ করুন।
  • (আগে থেকে ফেসবুক Like Box Plugin যোগ করা থাকলে আর করতে হবে না)

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js” type=”text/javascript”></script>

  • এখন সেভ করুন।
  • এখন ব্লগ এর Layout or page elements থেকে  Add a gadget তারপর  Html/java script এ যান এবং নিচের কোড টি যোগ করুন।

<a href=” http://allactivationzone.blogspot.com” target=”_blank” title=”Full Version Zone”><img src=” http://4.bp.blogspot.com/-cC_fro2ZuXo/UCaAnRixrWI/AAAAAAAAATA/pFeAzrUlC_s/s1600/trnsprant.png”border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a><script type=”text/javascript”>
//<!–
$(document).ready(function() {$(“.w2bslikebox”).hover(function() {$(this).stop().animate({right: “0”}, “medium”);}, function() {$(this).stop().animate({right: “-250”}, “medium”);}, 500);});
//–>
<a href=” http://allactivationzone.blogspot.com/”>Full Version Zone</a>
</script>
<style type=”text/css”>
.w2bslikebox{background: url(“http://3.bp.blogspot.com/-YwBHQWHKtfo/Tw2Ewd7XpQI/AAAAAAAAAOc/Nwjd9y_JzjA/s1600/facebookbadge.png”) no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px “lucida grande”,tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div style=””><div><iframe src=”http://www.facebook.com/plugins/likebox.php?href=YOUR FACEBOOK FAN PAGE URL&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270″ scrolling=”no” frameborder=”0″ scrolling=”no” style=”border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;”></iframe><span><a href=” http://allactivationzone.blogspot.com” target=”_blank” title=”Full Version Zone”><img src=” http://4.bp.blogspot.com/-cC_fro2ZuXo/UCaAnRixrWI/AAAAAAAAATA/pFeAzrUlC_s/s1600/trnsprant.png”border=”0″ alt=”Blogger Widgets” style=”position:absolute; top: 0px; right: 0px;” /></a></span></div></div></div>

  • কোড এর ভিতরে বোল্ড করা YOUR FACEBOOK FAN PAGE URL লিখাটি আপনার ফেসবুক পেজ এর লিঙ্ক টি দিয়ে রিপ্লেস করুন।
  • এখন সেভ করুন।
  • কোন এক কারনে টুইট করার পর কোড গুলো আর কাজ করতেসে না। দয়া করে এখান থেকে কোড গুলো ডাউনলোড করে নিন।

Mouse Hover Facebook Slider Plugin (16.19KB)


এ সম্পর্কিত আরো কিছু টুইট:

হিডেন পাসওয়ার্ড দেখুন ছোট একটা জাভা স্ক্রিপ্ট দিয়ে
এবার আবহাওয়া দেখুন আপনার ব্রাউজার দিয়েই
নিজের মনের মত করে কি ভাবে কম্পিউটার এর ড্রাইভ গুলো লুকিয়ে রাখবেন
সহজেই Mobile ও computer স্ক্রীনের জন্য নিজের নামের ওয়ালপেপার বানান Microsoft office word এর মাধ্যমে
আজ বিকাল ৪টা ৪৫ এ "ব্রাজিল vs জাপান" এবং সন্ধ্যা ৬ টায় "আর্জেন্টিনা বনাম হংকং" খ...
চলুন সময়ের সেরা ৩ টি সিএমএস (কন্টেন্ট ম্যানেজমেন্ট সিস্টেম) এর সাথে পরিচয় হই
খুব সহজে আপনি নিজে নিজেই করে ফেলুন USA ফ্রি অ্যাপল আইডি (Apple ID) কোন ক্রেডিট কার্ড ছাড়াই

মন্তব্য দিনঃ

comments

About the author

pujan

pujan

Permanent link to this article: http://techtweets.com.bd/tips-tricks/pujan/30682

মন্তব্য করুন