السلام عليكم ورحمة الله وبركاتة . اليوم مع تدوينه جديده رائعه ومفيده لمدونات بلوجر مقدمه من موقع التواصل الاجتماعي فيس بوك . وظيفة تلك الاضافه هى عرض تدوينات عشوائيه تقوم باقتراحها على زوار مدونتك اثناء تصفحهم لاحدى تدويناتك وتظهر بشكل جذاب غير منفر للزائر . من خلال صوره مصغره ورابط للموضوع .. الكثير من اصحاب المدونات قد شاهد تلك الاضافه واليوم ناتي مع طريقة التركيب نقلا عن احد المدونات الاجنبيه العريقه والتي تظهر حقزق ملكية تركيب الاضافه على جميع الصور المرفقه داخل تلك التدوينه .. بعد تسجيل الدخول الى لوحة التحكم ثم الذهاب الى تحرير HTML نقوم بالبحث عن الوسم التالي
<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 -->
- من خلال تبويب جديد في المتصفح نذهب لتلك الصفحه Facebook Recommendations Bar Official Page.
- نقوم باستدعا الكود بطريقه اوتوماتيكيه كما هو موضح في الصوره.
- ثم نضغط على رابط انشاء تطبيق جديد كما هو واضح في الصوره
- نختار اسم للتطبيق وفي الخانه الاخري نضع رابط المدونه
- نضع كود التحقق ثم استمرار
- مره اخري نضغط علي زر استدعاء الكود.
ننسخ كود الجافا سكربت الاول كما هو واضح ونترك الثاني ثم من خلال تلك الاداه نقوم بتحويل الكود وهى لاداه تحويل الاكواد كى يتناسب مع المدونه
- سجل دخول مره اخرى للوحة تحكم بلوجر> ثم اختر مدونتك
- اضغط على القالب > ثم تحرير HTML
- قم بااللضغط على علامه توسيع القالب
- ابحث عن
<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>
أصدقاء(تطوير ويب)
9تعليقات Blogger
9 عدد التعليقات على موضوع طريقة اضافة اداة مقترحات الفيس بوك بتدوينات عشوائيه
ممكن يا غالي كود الي بالرئيسية عدد تعليقات الفيس بوك والبلوجر الموجوده بالصفحة الرئيسية بجانب كل موضوع
شكرا لك لكن عندي مشكل و هو رسالة الخظأ عند لصق كود الفيسبوك تحت body
يا أخي ممكن أعطيك رابط القالب الخاص بي و الكود و تركبه لي جزاك الله خير
شكرا لك على الشرح
أهم الاضافات التي تحتاجها المدونة
http://www.efada.net/2012/09/best-widget-for-blogger.html
جزاك الله خير
http://www.alsadiqa.com
مشكور
http://www.un4web.com
@ السيد ابو جبل
مرحبا بك اخي العزيز .. نحن نرحب بنشر جميع التعليقات باستثناء التي تخالف القوانين المتعارف عليها بين المدونين وبما ان تعليقاتك جميعها تحتوي على روابط دعائيه لذلك يتم حجبها وناسف لذلك لكن هذه هى القوانين .شكرا لمتابعتك .
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .
