أهلا و سهلا بكم إخواني أخواتي الكرام ،من منا لا يعرف الفيسبوك و ما مدى أهميته في التواصل الاجتماعي ونشر المدونة وإستقطابه لعدد كبير من الزوار ، ولذلك سوف أقوم بشرح كيف إضافة أداة مهمة جدا ألى و هي "زر أعجبني" حيث يتم إدراج هذه الأداة تحت كل موضوع والتي تتيح للزائر التعبير عن إعجابه بالمقال الذي قرأه في مدونتك ،وبدون إطالة ،لنذهب مباشرة إلى التطبيق.
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

ولإضافة الزر في آخر التدوينة ألصق الكود التالي بعدها و ليظهرفي أول التدوينة ألصقه قبلها.
light : يعني خفيف ، ويمكن تغييرها الى dark
450px العرض الذي ستأخذه الاضافة ويمكن تغييره حسب قالب مدونتك
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
<data:post.body/>
ملاحظة :يظهر الزر باللغة العربية أو الإنجليزية حسب اللغة التي يستخدمها الزائر في حسابه على فايسبوك، فإن كانت صفحته الشخصية بالعربية ظهر الزرعلى شكل أعجبني
و إن كان بالإنجليزية ظهر الزرعلى شكل Likeولإضافة الزر في آخر التدوينة ألصق الكود التالي بعدها و ليظهرفي أول التدوينة ألصقه قبلها.
tahoma : نوع الخط<b:if cond='data:blog.pageType == "item"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>
light : يعني خفيف ، ويمكن تغييرها الى dark
450px العرض الذي ستأخذه الاضافة ويمكن تغييره حسب قالب مدونتك
| روابط هذه التدوينة قابلة للنسخ واللصق | |
| URL | |
| HTML | |
| BBCode | |




56 تعليقات :
جزاك الله خيرا..~
موفق
اشكرك اخييي
افدتني:)
مشكور ..
تم إضافتها في مدونتي .
الف شكر
تم اضافتها الى مدونتي
السلام عليكم ....
اخي لدي استفسار ...
هذا الكود لم اجده ....
وبحثت عنه بلوحة التحكم (CTRL+F) ....
ولم يظهر ...
اريد حل ...
وشكرا
@b2li~moon
وعليكم السلام ورحمة الله وبركاته ،أخي الكريم ،تأكد من أنك قمت بوضع علامة على خانة توسيع قالب المستخدم ،ثم قم فقط بالبحث على الكود بدون رموزه الجانبية أي إبحث عنه بهذا الشكل
data:post.body
بالتوفيق
ابو اياد لاحظت ان هذا الكود استبدلته بكود اقرأ المزيد
وانا الان لم اعرف اين اضع كود اعجبني ,,
سأكوت شاكرة لك اذا اخبرتني :)
@Alaa
نعم بالفعل لكن الكود الذي قمت بإضافته يضم كذلك الكود:<data:post.body/>
إبحثي عنه مرة أخرى وتأكدي إن كان منه إثنين في قالب مدونتك فالكود الثاني هو المقصود
اوكي ابو اياد يعطيك الف عافية ,,
بجرب وارجع ارد لك خبر ^.^
اخوي ابو اياد ,,
انا جربت الطريقة ,, وللأسف ماظهر لي الزر ,, مالعمل
جربت ان اضع الكود بعد وايضا جربته قبلها ولكن لا فائدة ,,
اذا كانت لديك فكرة عن المشكلة ارجوك اخبرني ^.^
@Alaa
سوف يظهر لك الزر فقط عند دخولك لأحد التدوينات وليس على الصفحة الرئيسية ،تأكدي من ذالك وردي علي
تأكدت ودخلت للتدوينات ولكن لم يظهر
إبحثي عن هذا الكود
<div class='post-header-line-1'>
وضعي كود الزر تحته
اخي ابو اياد ارجوا ان لا اكون مصدر ازعاج
ولكني ايضا لم اجد هذا الكود ,,
بحثت عنه بكل الطرق ,,
@Alaa
حاولي أن تجدي هذا الكود
<div class='post-footer-line post-footer-line-1'>
فإن لم تجديه ،أءبحثي عن هذا الكود:
<p class='post-footer-line post-footer-line-1'>
ابو اياااااااااااااااااااد
مشكووووووور والله
نفعت الطريقة الاخيرة قبل شوية جربتها وطلع زر اعجبني
الله لا يحرمنا منك
ودايم تساعدنا ^.^
مشكووووور
@Alaa
مبروك عليك أختي،ما أنا هنا إلا للمساعدة
شكرا لك تمت الإضافة بنجاح..
مشكور ابو اياد و بارك الله فيك
أبو إياد ..
رعاك الله وشكرا لجهودك أخي القدير ..
بالنسبة لأعجبني ..
أرى بصفحتك صورة لمدونتك وصور صغيرة على اليسار المعجبين ..
هل أستطيع ربط صفحتي الشخصية بإسمي على مدونتي الخاصة !
وكيف يكون ذلك ..
للعلم قمت بإضافة أعجبني جميل جداً .. لكنها نص فقط وإسم المعجب .. لا توجد صور رمزية صغيرة ..
انتظرك على مدونتي شكراً لك ..
انت رائع على طوول نجحت العمليه
زبطت معي :((
تسلم يدينك خيو أبو إياد ربي يبارك بـ أيامك
اخى عندى مشكلة بعد ما طبقت هذه الخاصية كانت تعمل جيدا ولكن من يومين وهى لاتعمل وكل ما اعمل زر اعجبنى تظهر رسالة خطأ
أزال أحد مشرفي المدونة هذا التعليق.
شكرا لك أخي الكريم على المعلومات القييمة إستفدت منك كثيرا، بارك الله فيك و في أهلك (الله يرحم الوالدين)
انا عملت كل الخطوات ومتاكد منها انها صح ومش اول طريقه اتبعها من هذه المدونه الرائعه لكن الامر لم يظهر
شكراً ع الاضافة.
حسنا .. وضعته وأريد أن أحذفه
كيف ؟
ساعدنى
@متفائل إلا تلت
إبحث عن الكود الذي وضعته وذلك بالبحث عن السطر الأول ثم قم بتحديد الكود كاملا ثم قم بحذفه فالأمر بسيط
:x
بارك الله فيك
ما زبطت اخي
شكرا
شكرا على الشرح
فعلا اخى الاضافة جميلة وقمت بتطبيقها على مدونتى ولكنى اريدها يسار الصفحة
http://www.newm4all.blogspot.com
وقلى رايك فى المدونة لو تحتاج اضافة شئ وشكرا على مجهودك
جزاك الله عنا جميعا الف الف خير ... دايم الي الامام اخي الكريم
شكرا جزيلا
عملتها وما بانت عندييي )
شكرا ياريت تزورو مدونتي loverteam.blogspot.com
b-(
اتمنى تكونوا اصدقاء في مدونتي وابي رايكم فيها
http://dezphotoshop.blogspot.com
أشكرك كثيراً على هذه الأضافة
جزاك الله كل خير أخي أبو إياد
شكرا لك على المجهود
شكرا لك اخي الكريم
http://nejahkotwa.blogspot.com/
شكرا كثيرا على الاضافه :)
مرحبا حاولت اكثر من مرة اضافة زر لايك لكن للاسف لا يظهر... فما السبب وكيف اضيفه
أزال المؤلف هذا التعليق.
رائع..موضوع رائع
;) :((
اخي مش زابطه معي شو اعمل ؟؟؟؟؟؟
استاذي الجليل أبو اياد..لك مني تحايا وشكر وكامل احترام..بصراحة انا استفدت كتير جداً منك..من مدونتك ..من ابداعك وشرحك المقتصر المفيد..فأنا بيك اثريت مدونتي بجد...وفقك الله وزاد علمك.
شكرا لك .. لكني مع الأسف جربتها ولم تنجح معي ولم اعرف السبب؟
السلام عليكم انا لم افهم شيء انتقل في إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F). ممكن الشرح بالصور
http://lesvoituresluxes.blogspot.com/
ماذا تعني اضافة الى توسيع قوالب لا افهم
ماذا تعني اضافة الى توسيع قوالب لا افهم
مشكور عزيزي
http://exparabs.blogspot.com
شكرا لك أخي
مرحبا بك على مدونة تكنولوجيا العرب
http://www.tec-arab.com
http://www.wawproxy.com
:)