Content

2011-11-27

الجزء الثاني | مجموعة إضافات احترافية (إضافات موقع الفيسبوك لمدونات البلوجر)







في تدوينة سابقة قمنا بشرح كيفية إضافة أدوات من شأنها أن تضفي على المدونات لمسات احترافية

إلا أنه في تدوينتنا لليوم وددت تخصيصها لأدوات وإضافات الفيسبوك فقط ،،

___________________________


 إضافة | أزرار "Like" و"Send" من الفيسبوك 





تعتبر هذه الإضافة من أشهر إضافات الفيسبوك على مدونات بلوجر
لما تتمتع به من خفة وسلاسة وكذلك عملية جدا للذين لا يحبذون التعليق على التدوينات ^_^

توجه من لوحة التحكم لديك إلى :
تصميم > تحرير html > تنزيل نسخة احتياطية > توسيع القالب > ابحث عن الكود التالي
<data:post.body/>
( ستجد هذا الكود مكرر أكثر من مرة في القالب والمقصود هو الكود الثاني )

إذا رغبت أن تظهر الأزرار في بداية التدوينة فأضف الكود التالي قبل الوسم السابق
وإذا رغبت أن تظهر في نهاية التدوينة فأضف الكود بعد الوسم

 إضافة زر "Send" - "أرسل" فقط 

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/><fb:send colorscheme='light' expr:href='data:post.url' font='tahoma'/>

</b:if>


 إضافة زر "Like" - "أعجبني" فقط 



 <b:if cond='data:blog.pageType == &quot;item&quot;'>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

 إضافة زر "أرسل - Like" + "Send - أعجبني" معا 


 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light'  action='like'  layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/></b:if>



 لتخصيص الأزرار اتبع التالي : 

- احذف المكتوب باللون الأخضر إذا أردت أن تظهر الأزرار في التدوينة وأيضا في الصفحة الرئيسية
إذا رغبت أن تظهر في التدوينة فقط فلا تغير شيئا في الكود

light : هو اللون الفاتح للأزرار (الأزرق)، إذا رغبت في أن تكون الأزرار باللون الغامق فاستبدل
"light" بـ "dark"

button_count | standard : هو شكل "ستايل" زر "Like" اختر الشكل الذي ترغب به من الخيارات التالية
واستبدل اسمه باسم الزر الذي تريده

 standard 

 button_count 

 box_count 


___________________________


 إضافة | زرّ " Like - أعجبني" الخاص بصفحة مدّونتك في الفيسبوك 



زر جميل جدا يختصر عليك إضافة "صندوق الإعجاب" الخاص بصفحة مدونتك على مدونتك
فهو يشابه زر "أعجبني - Like" الذي يكون بجانب اسم صفحتك على الفيسبوك




لإضافته إلى مدونتك توجه في لوحة التحكم التحكم لديك إلى :
تصميم > عناصر الصفحة > إضافة أداة HTML/JavaScript > ألصق الكود التالي 

<iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/Your_Page_URL%2F&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=90&amp;appId=Your_ID" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:90px;" allowtransparency="true"></iframe>

- استبدل "Your_Page_URL" برابط صفحة مدونتك على الفيسبوك.

- استبدل "box_count" باسم شكل "ستايل" الزر الذي ترغب به من الخيارات التالية

 button_count 

 box_count 

 standard 

- استبدل "Your_ID" برقم التطبيق الخاص بك على الفيسبوك



___________________________



 إضافة | صندوق " Facebook Live Stream " للمناقشة الحية 




صندوق المناقشة الحية المباشرة للفايسبوك على مدونتك








لإضافته إلى مدونتك، يكفي أن تنسخ الكود التالي وتلصقه في أي موضع ترغب به (كأداة html أو تدوينة بذاتها)

<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=Your_APP_ID&amp;width=500&amp;height=500" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:500px;" allowTransparency="true"></iframe>



استبدل "Your_APP_ID" برقم معرّف التطبيق الخاص بك في الفيسبوك



يمكنك تغيير عرض الصندوق بتغيير القيمة "500" في الكود



___________________________




 إضافة | صندوق تعليقات " Facebook Comments " لتدوينة واحدة 




يستخدم الكثير من مدوني بلوجر صندوق تعليقات الفيسبوك من هذه الإضافة
ويشتكون من كون التعليقات التي تضاف إليه تتكرر في كل تدوينات المدونة ..!!


في الحقيقة هذا أمر طبيعي، فصندوق تعليقات الفيسبوك هذا وظيفته تتعلق بتدوينة واحدة فقط
ولا يمكن أن نضيفه إلى جميع تدوينات المدونة لأن ..!!


أعتقد أن هذه الإضافة من شأنها خلق مفهوم جديد لـ"سجلّ الزوّار" الذي لا تخلو منه الكثير من المدونات
وذلك بإضافة صندوق تعليقات الفيسبوك كتدوينة مستقلة بذاتها إلى المدونة، وذلك باتباع هذه الخطوات :


في لوحة التحكم بمدونتك توجهه إلى : نشر > رسالة جديدة > ألصق الكود التالي في صندوق الكتابة


<div class="fb-comments" data-href="http://a-omnidal.blogspot.com/" data-num-posts="10" data-width="400"></div>


استبدل رابط مدونتي "http://a-omnidal.blogspot.com/" برابط مدونتك
ويمكنك تغيير عرض صندوق التعليق من خلال تغيير القيمة "400" في الكود
وعدد التعليقات التي ستظهر كوضعية افتراضية للصندوق بتغيير القيمة "10"


ولمن يرغب في إضافة صندوق تعليقات الفيسبوك كامل إلى مدونته في بلوجربحيث يكون لكل تدوينة صندوق خاص بها لا تتكرر من خلاله التعليقات .. يمكنه اتباع الدرس التالي 
شرح كامل | أضف صندوق تعليقات فيسبوك إلى بلوجر بدون مشاكل )


___________________________

 إضافة | صندوق المعجبين " Fun Box " بتقنية الـJQuery  










يمكنك مشاهدة هذه الإضافة عبر المدونة التالي
 ( أشر بسهم الفأرة على أيقونة "Facebook" يمين صفحة المدونة )


1) لإضافتها توجه إلى: تصميم > تحرير html > أخذ نسخة احتياطية > ابحث عن الوسم التالي

</head>

ثم أضف قبله مباشرة ( فوقه - أعلاه ) الكود التالي
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
2) توجه إلى: تصميم > عناصر الصفحة > إضافة أداة html > ألصق الكود التالي

<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=Add_Your_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></div></div>


استبدل "Add_Your_Page_URL" برابط صفحة مدونتك على الفيسبوك




___________________________



 إضافة | إشعارات صفحتك على الفيسبوك " Notifications " 


تظهر هذه الأداة آخر الإشعارات التي حصلت عليها في صفحتك على الفايسبوك





لإضافتها انقر على الرابط التالي الذي سيقوم بتوجيهك مباشرة إلى إشعارات في صفحتك على الفيسوبك
https://www.facebook.com/notifications

انقر بيمين الفأرة على " RSS " كما في الصورة التالي وانسخ الرابط





في لوحة تحكم مدونتك توجه إلى :
تصميم > عناصر الصفحة > إضافة أداة > التغذية > ألصق الرابط > استمرار > حفظ


___________________________






أتمنى أن تروقكم الإضافات  ◕‿◕
















8 التعليقات:

Ṩώέέŧ ŧǾǿǾǿŧā قام بالتعليق في : 11/28/2011 يقول...

مشكووووورة الك اضافات روووعة
ماشاء اللة عليكي مبدعةةة

وائل نووت قام بالتعليق في : 2/14/2012 يقول...

أعتذر عن إستخدامي للمرادفات لم أنتبه للتحذير ,, معذره

ثعلوب قام بالتعليق في : 4/23/2012 يقول...

ألف شكر على هذا التميز الرائع

abdo ahmad قام بالتعليق في : 5/05/2012 يقول...

السلام عليكم اختى الكريمة
لو انى اريد "اضافة معجبين الفيس بوك" انت تظهر يسارا
او "اضافة ايقونات تابعنى" ان تظهر يسارا
ماذا افعل
لانى اريد تركيبهم معا
ولكن يظهرو فوق بعض فممكن تساعدينى
www.a-boody.co.cc

مدونه العرب عربي ايجي قام بالتعليق في : 5/23/2012 يقول...

شكرا

أسماء || أم نضال || قام بالتعليق في : 6/04/2012 يقول...

@abdo ahmad

يلزمك تغيير ملف السكريبت للإضافة حتى تظهر على اليسار !

لم أفهم استفسارك الثاني بخصوص أيقونات تابعني !

مدونة إفادة قام بالتعليق في : 9/09/2012 يقول...

شكرا لك على الاضافات الجميلة
www.efada.net

Hossain Alagbari قام بالتعليق في : 8/26/2013 يقول...

سلام عليكم ماشاء الله مدونتك حلوه وبسيطة ومعلوماتك جيده جدا بصراحه لقد استفدت منك بعض الاشياء لاكن معي ستفسار بسيط هل عندك فكره في كيفية عمل تطبيق خاص بالمدونة ينشر عبر الفيس بوك ؟
وايضا لدي مشكله في تطبيق الاعلانات ادسنس في مدونتي http://mydocx.blogspot.com/ لم استطع في اضافة الكود لعمل الاعلانات في كل تدوينة ؟ فهل من الممكن ان تساعديني في ذالك ؟
وايضا لاحضت مواضيعك ليست كثيره جدا ومعاكي زوار ومتابعين ماشاء الله كيف حصل معاكي هذا ؟
وهل من الممكن ان اشوف ملاحضاتك في تدوينتي اي معلومه منك تفيدني وشكرا لك جدا

إرسال تعليق

| الرجاء عدم استخدام مرادفات ( يا الغالية، يا العزيزة...) في التعليق بالنسبة للشباب |

لتصلك إشعارات ردود هذا الموضوع انقر على (الاشتراك عن طريق البريد الإلكتروني) أسفل صندوق التعليق