-->

الأحد، 24 يوليو، 2011

إضافة صندوق معجبى فيس بوك فى بلوجر بأسهل الطرق facebook fan box with jquery easy way

بسم الله والحمد لله والصلاة والسلام على رسول الله
أولاً أود أن أهنئكم بإقتراب حلول شهر رمضان المبارك أعاده الله علينا وعلى الأمه الإسلاميه بالخير واليمن والبركات.
موضوع اليوم عن أداه ذكيه ( صندوق معجبيى فيس بوك ) لمدونات بلوجر بأسهل الطرق على الإطلاق
الموضوع عباره عن طريقتين وهى تظهر عباره عن بادج على يمين المدونه عند إشارة الماوس عليها تظهر ويمكنك تجربتها عند إشارة الماوس الخاص بك على يمين مدونتى
الخطوه الأولى
** سجل دخولك فى مدونتك بلوجر
** إنتقل إلى التصميم >> تحرير HTML
**خذ نسخه إحتياطيه من قالبك لعدم حدوث أخطاء
** ضع علامه فى خانة توسيع القالب
** إبحث عن الكود التالى

</head>
ثم قبله مباشرة أضف الكود التالى

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

** ثم إحفظ القالب
الخطوه الثانيه
** إذهب إلى عناصر الصفحه >> إضافة أداه >> HTML JAVASCRIBT >> ثم ضع الكود التالى بها

<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://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn") 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=https%3A%2F%2Fwww.facebook.com%2Fpages%2F%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25A9-%25D9%2584%25D8%25AD%25D8%25B8%25D8%25A7%25D8%25AA%2F169275246468417&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=""></a> / <a href=""></a></span></div></div>

** قم بتغيير الرابط بالأحمر برابط FAN PAGE الخاصه بك ولكن بدون 




http://
  ثم ضعه فى notepad وقم بإستبدال كل الباك سلاش ( / )  بالتالى

%2F
ثم إضغط حفظ
**** لأى إستفسار ضع سؤالك وبإذن الله سوف نتقوم بالرد عليكم


abuiyad

4 التعليقات:

moon shado يقول...

اختي عندماااا استبدل

/ ب %2F

هل جميع

ولا فقط رابط صفحة الفيس بوك

Hend يقول...

نعم أختى رابط الصفحه فى الفيس بوك فقط كما فى رابط صفحتى باللون الأحمر

شبكه ومنتديات خانقين يقول...

ماكو اخي ما يطلع

أزرو يقول...

شكرا شرح واضح.

أضف تعليق

عبر عن رأيك بدون تسجيل دخول

كن على إتصال

Best Blogger Tips
Blogger Gadgets