প্রজাপতি বিডি

রেজিষ্টেশন করার জন্য আপনার নাম দিন

অথবা

একজন ইন্টারনেট প্রেমি লোক। ভাল লাগে ভিবিন্ন ব্লগে ঘুরতে, নতুন কিছু শিখতে ও শিখাতে। আপনাদের পাশে পাব আশা রাখি……….

kjdfklsdjfklasdjfkljasdkfjksdfj

যোগদানের তারিখঃ 02, Jan 2012 ইমেইলঃ osmansorkar@gmail.com     http://www.projapotibd.com

চলুন fb ফ্যান পেজ স্লাইড হিসেবে এড করি ব্লগারে।

লিখেছেনঃ
Loding.....
, February 16, 2012, 2:34 pm খবর,টিউটোরিয়াল দেখা হয়েছে 2,805 বার 2 জন 600

সবাইকে সালাম জানিয়ে ‌আমার আজকের পোষ্ট শুরু করছি। আজ আমি আপনাদের একটি ব্লগার এর উপর একটি টিউটরিয়াল দেখাব। যাদের ব্লগারে নিজে একটি ব্লগ বা সাই আছে তাদের জন্য এটি অনেক উপকারে আসবে। আসলে blogger এ fb এর ফ্যান পেজ ব্যবহার করাটা খুব একটি কঠিন কাজ না। কিন্ত আজ আমি আপনাদের দেখাব কিভাবে স্লাইড হিসেবে fb এর ফ্যান পেজ use করতে হয় । এতে আপনার ব্লগটি সুন্দরর্য বিদ্দি পাবে । চলুন দেখে নেই কিভাবে এড করবেন এটি ।

ডেমো দেখতে এখানে ক্লিক করুন।

তো চলুন দেখে নেই কিভাবে তৈরি করবেন।

ধাপ ১ :

প্রথমে আপনার ব্লগার একাউন্ট লগ‌ইন করুন। তার পর নিচের দেখান দাপ অনুযায়ি কাজ করুন।

i.  dashboard > design > edit HTML

ii. তারপর (ctrl + F) চেপে </head> কোডটি খুজে বের করুন।

iii. এবং নিচের কোডটি কপি করে </head> এই কোডটির আগে পেষ্ট করুন।

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

যেমন:

(iv) শেসে save করুন।

ধাপ 2
1//dashboard > design > page element > add a gadget > HTML/javascript
2//নিচে কোড টুকু কপি করে HTML/JAVASCRIPT এ মধ্যে পেষ্ট করুন।

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.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 class="w2bslikebox" style=""><div>
 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/projapotibd&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://www.projapotibd.com/osmansorkar/other/postid-624/">Tutorial Here</a></span></div></div>

নোট: “http://www.facebook.com/projapotibd” এই লেখাটা আপনার FB ফ্যান দ্ধারা রিপ্লেস করুন।

3// এই বার SAVE করুন এবং ফলাফল দেখুন।

Leave a Reply

Your email address will not be published. Required fields are marked *

বিজয়
ইউনিজয়
ফোনেটিক
ইংলিশ