شرح اضافة صندوق بار الفيس بوك اسفل مدونة بلوجر
شرح اضافة الكود فى مدونة بلوجر
نقوم بالبحث فى القالب على علامة
- الكود:
-
<head>
ونضع الكود التالى بعدة مباشرة
- الكود:
-
<!-- Begin Open Graph metadata -->
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- End Open Graph metadata -->
نقوم بالزهاب الى التطبيق الى الفيس بوك
https://developers.facebook.com/docs/reference/plugins/recommendationsbar
انقر على إنشاء التطبيق الجديد لينك
أدخل اسم التطبيق مع عنوان المدونة الخاصة بك و عنوان URL للتطبيق مع URL المدونة الخاصة بك، مثل على النحو التالي واضغط متابعة زر.
أدخل كود التحقق بشكل صحيح وقانون اضغط إرسال الزر
ثم انقر فوق الزر مرة أخرى إحضار قانون.
نسخ أول قانون SDK جافا سكريبت (أول قانون صندوق) وترميز التعليمات البرمجية باستخدام هذه الأداة
ثم نقوم بلصق الكود ؟؟
الدخول للوحة التحكم الرئيسية مدون جديد > اختر المدونة الخاصة بك وانقر فوق خيارات إضافية منسدلة
حدد قالب > انقر على تحرير HTML > تابع
حدد / ضع علامة على توسيع القالب القطع مربع
البحث عن
- الكود:
-
<body>
العلامة ثم ضع التعليمات البرمجية التي تم نسخها بعد العلامة.
- الكود:
-
<body>
ثم نقوم بالصق الكود التالى بعد
- الكود:
-
<data:post.body/>
- الكود:
-
<b:if cond='data:blog.pageType == "item"'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>
الشرح حصرى لمنتدى الفريد اوتشوب