الويب العربي - إضافة صندوق المعجبين لموقعك في اليمين

الويب العربي (http://www.arabwebtalk.com/index.php)

- نسخة ديموفنف 3 (http://www.arabwebtalk.com/forumdisplay.php?f=151)

- - إضافة صندوق المعجبين لموقعك في اليمين (http://www.arabwebtalk.com/showthread.php?t=162993)

إضافة صندوق المعجبين لموقعك في اليمين

السلام عليكم .

مثال

قم بنسخ الكود التالي مع تعديل XXXXXXX بإسم صفحتك في الفيس بوك << ستجد XXXXXX في السطر قبل الأخير

كود:

<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=http%3A%2F%2Ffacebook.com%2FXXXXXXX&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe> 

</div></div>

ثم اذهب إلى لوحة التحكم > النماذج والقوالب > الإستايلات > إستعراض
تحرير التصميم من أمام الإستايل المطلوب .

ثم أذهب إلى header.htm > إستعراض

ثم الصق الكود أسفل من

كود:

<body>{infclosed}

------------------------------------------

شرح أوضح + مصدر الشرح هنا

مع اطيب تحية .

عملت المطلوب وظهرت لي الرسالة التالية
Could not retrieve id for the specified page. Please verify correct href was passed in.

تأكد أنك مغير XXXXXXX بعنوان صفحتك في الفيس بوك .
ملاحظة : لايعمل الكود لإظهار الأصدقاء .. إنما المعجبون .

مشكور يا مبدعنا التليدي

انا جربت الطريقة بس ما اخترت صفحتي الرسمية ولكن أنشأت صفحة خاصة باسم الموقع وحطيت الكود اللي بعد السلاش .

ما أدري هل يصلح نحط صفحة ولا لابد تكون الصفحة الشخصية ؟

الغريب بعد التجربة على عدة ستايلات ..

تختفي الهيدر من الموقع بشكل كامل !!

ويظهر الموقع مباشرة بدون اي هيدر او شريط جديد الاخبار وما شابه !

هذا اللي ظهر لي

يا أخوان تأكدوا من اسم الصفحة

يكون مكان الأكسات الموجودة بالأحمر في الكود التالي

كود:

<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=http%3A%2F%2Ffacebook.com%2FXXXXXXX&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe> 

</div></div>

مثال :-

هذي صفحة الشيخ محمد العريفي حفظه الله

http://www.facebook.com/3refe

آخذ الكلمة بعد السلاش اللي هي 3refe واستبدلها مكان XXXXXXX

واحط الكود في المكان المطلوب .
-----------------------------------------------------

ماقصرت يالتليدي

الكود صحيح 100% بس يمكن لأن الصفحة جديدة

الحين بجرب كود العريفي عليها :)

أخيراً ظبطت

لابد من تخصيص اسم مستخدم بالفيس بوك من خلال اعدادات الحساب

بعد التركيب

http://www.social-team.com/

طريقة صحيحة , شكرا لك اخوي التليدي

يعطيك العافيه يالغالي

إقتباس:

اقتباس من مشاركة سيد التسويف (المشاركة 813419)

بعد التركيب

http://www.social-team.com/

أخوي سيد التسويف شايف آخر مشاركات المنتدى بالرئيسية عندك
ياليت لو تعرف الكود تنزله لنا هنا :)

إقتباس:

اقتباس من مشاركة أبو ملاك (المشاركة 813551)

يعطيك العافيه يالغالي

أخوي سيد التسويف شايف آخر مشاركات المنتدى بالرئيسية عندك
ياليت لو تعرف الكود تنزله لنا هنا :)

تفضل يالغالي

http://www.arabwebtalk.com/showthread.php?t=54223

شكرا جزيلا لك , واصل مسيرتك الرائعة, بالتوفيق.

الله يعطيك العافية

تم التركيب بنجاح وبدون مشاكل www.arjja.com

اضفته بس ما ظهر معي

^^^

أخي الكريم أضف اسم مستخدم لصفحة الفيس بوك

الأهم كما أوضح التليدي أن يكون لك اسم مستخدم مثل :

http://www.facebook.com/3refe

من المهم جداً أن يكون بعد الباك سلاش اسم مستخدم وليس أرقام

حينها تستبدل علامات XXXXXX باسم المستخدم

بالتوفيق