اضافة توصية المواضيع على الفيسبوك بطريقة رائعة
بكل تأكيد الجميع يعلم مدى قوة مواقع التواصل الأجتماعي في جلب الزوار وفي مقدمة هذه المواقع الفيسبوك واليوم وفي هذه التدوينة احببت ان اشرح كيفية اضافة توصية المواضيع على الفيسبوك وعرضها اياضا بشكل انسيابي ورائع في نفس الوقت , لنبدأ على بركة الله .
1. وهي عمل تطبيق على الفيسبوك :
توجه الى الرابط التالي : developers facebook تابع الشرح مصور .
بعد الدخول اضغط على :
الأن قم بكتابة كود ومن ثم متابعة .
الأن نقوم بنزول الى الأسف وذهاب الى "Website with Facebook Login" ونقوم بوضع رابط المدونة ومن ثم متابعة .
الأن نقوم بنسخ "App ID" والأحتفاض به وسوف يت استخدامة لاحقا .
2. تجهيز القالب للأضافة .
نقوم بذهاب الى لوحة تحكم بلوجر من ثم قالب ومن ثم تحرير Html .
نقوم بالبحث بواسطة Ctrl+f عن الكود التالي :
الأن نقوم بنسخ "App ID" والأحتفاض به وسوف يت استخدامة لاحقا .
2. تجهيز القالب للأضافة .
نقوم بذهاب الى لوحة تحكم بلوجر من ثم قالب ومن ثم تحرير Html .
نقوم بالبحث بواسطة Ctrl+f عن الكود التالي :
<html
الأن نقوم بأضافة هذا الكود مباشرة بعد الكود المذكور :
<html xmlns:fb='http://ogp.me/ns/fb#'
الأن نقوم بالبحث عن الكود التالي :
الأن نقوم بالبحث عن الكود التالي :
<body>
ونقوم بأضافة الكود التالي تحت <body> مباشرة :<div id='fb-root'/>
<script>
//Facebook Recommendation bar tutorial by NewBloggerTips.com
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxxxxxxxxxxx";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://bloggeranice.blogspot.com/' trigger='30%'/></div>
</b:if></b:if>
نقوم بتغير xxxxxxxxxxxxxxx بـرقم التطبيق الذي حصلنة عليه بالخطوة الأولى .
ونقوم بتغير http://bloggeranice.blogspot.com/ برابط المدونة الخاصة .
وسلام ختام
اقرأ ايضا :
ونقوم بأضافة الكود التالي تحت <body> مباشرة :<div id='fb-root'/>
<script>
//Facebook Recommendation bar tutorial by NewBloggerTips.com
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxxxxxxxxxxx";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://bloggeranice.blogspot.com/' trigger='30%'/></div>
</b:if></b:if>
نقوم بتغير xxxxxxxxxxxxxxx بـرقم التطبيق الذي حصلنة عليه بالخطوة الأولى .
ونقوم بتغير http://bloggeranice.blogspot.com/ برابط المدونة الخاصة .
وسلام ختام
اقرأ ايضا :
0 التعليقات:
إرسال تعليق