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

السلام عليكم ورحمة الله وبركاتة . اليوم مع تدوينه جديده رائعه ومفيده لمدونات بلوجر مقدمه من موقع التواصل الاجتماعي فيس بوك . وظيفة تلك الاضافه هى عرض تدوينات عشوائيه تقوم باقتراحها على زوار مدونتك اثناء تصفحهم لاحدى تدويناتك وتظهر بشكل جذاب غير منفر للزائر . من خلال صوره مصغره ورابط للموضوع .. الكثير من اصحاب المدونات قد شاهد تلك الاضافه واليوم ناتي مع طريقة التركيب نقلا عن احد المدونات الاجنبيه العريقه والتي تظهر حقزق ملكية تركيب الاضافه على جميع الصور المرفقه داخل تلك التدوينه .. بعد تسجيل الدخول الى لوحة التحكم ثم الذهاب الى تحرير HTML نقوم بالبحث عن الوسم التالي <head> ونضع بعده مباشرة الكود الموجود بالاسفل ...
<!-- Begin Open Graph metadata -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <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='&quot;en_US&quot;' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- End Open Graph metadata -->
  1. من خلال تبويب جديد في المتصفح نذهب لتلك الصفحه  Facebook Recommendations Bar Official Page.
  2. نقوم باستدعا الكود بطريقه اوتوماتيكيه كما هو موضح في الصوره.
    Official Facebook Recommendations Bar Widget for Blogger / Blogspot step one
  3. ثم نضغط على رابط انشاء تطبيق جديد كما هو واضح في الصوره
    Official Facebook Recommendations Bar Widget for Blogger / Blogspot step two
  4. نختار اسم للتطبيق وفي الخانه الاخري نضع رابط المدونه
    Official Facebook Recommendations Bar Widget for Blogger / Blogspot step three
  5. نضع كود التحقق ثم استمرار
    Official Facebook Recommendations Bar Widget for Blogger / Blogspot step four
  6. مره اخري نضغط علي زر استدعاء الكود.
    Official Facebook Recommendations Bar Widget for Blogger / Blogspot step fiveننسخ كود الجافا سكربت الاول كما هو واضح ونترك الثاني ثم من خلال تلك الاداه نقوم  بتحويل الكود وهى لاداه تحويل الاكواد كى يتناسب مع المدونه Official Facebook Recommendations Bar Widget for Blogger / Blogspot step six
  7.   سجل دخول مره اخرى للوحة تحكم بلوجر> ثم اختر مدونتك
  8. اضغط على القالب > ثم تحرير  HTML 
  9. قم بااللضغط على علامه توسيع القالب 
    1. ابحث عن <body> ثم ضع بعده مباشرة الكود الذي قمت بنسخه وتحويله .
    2. واخيرا ابحث عن <data:post.body/>ثم ضع الكود الموجود بالاسفل بعده مباشرة
      <b:if cond='data:blog.pageType == &quot;item&quot;'><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>
      . ثم اضغط حفظ القالب.... انتهى..
أصدقاء(تطوير ويب)
تعليقات Facebook
9تعليقات Blogger

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

husam nemer يقول...

ممكن يا غالي كود الي بالرئيسية عدد تعليقات الفيس بوك والبلوجر الموجوده بالصفحة الرئيسية بجانب كل موضوع

Moroccan4Net يقول...

شكرا لك لكن عندي مشكل و هو رسالة الخظأ عند لصق كود الفيسبوك تحت body

nassradine Sageur يقول...

يا أخي ممكن أعطيك رابط القالب الخاص بي و الكود و تركبه لي جزاك الله خير

مدونة إفادة يقول...

شكرا لك على الشرح

أهم الاضافات التي تحتاجها المدونة
http://www.efada.net/2012/09/best-widget-for-blogger.html

Dina Elghedany يقول...

جزاك الله خير
http://www.alsadiqa.com
مشكور
http://www.un4web.com

السيد ابو جبل يقول...

اخى لماذا لا تظهر تعليقاتى فى المدونة وشكراا

tqarob weblog يقول...

@ السيد ابو جبل
مرحبا بك اخي العزيز .. نحن نرحب بنشر جميع التعليقات باستثناء التي تخالف القوانين المتعارف عليها بين المدونين وبما ان تعليقاتك جميعها تحتوي على روابط دعائيه لذلك يتم حجبها وناسف لذلك لكن هذه هى القوانين .شكرا لمتابعتك .

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .