السلام عليكم ورحمة الله وبركاتة . اليوم مع تدوينه جديده رائعه ومفيده لمدونات بلوجر مقدمه من موقع التواصل الاجتماعي فيس بوك . وظيفة تلك الاضافه هى عرض تدوينات عشوائيه تقوم باقتراحها على زوار مدونتك اثناء تصفحهم لاحدى تدويناتك وتظهر بشكل جذاب غير منفر للزائر . من خلال صوره مصغره ورابط للموضوع .. الكثير من اصحاب المدونات قد شاهد تلك الاضافه واليوم ناتي مع طريقة التركيب نقلا عن احد المدونات الاجنبيه العريقه والتي تظهر حقزق ملكية تركيب الاضافه على جميع الصور المرفقه داخل تلك التدوينه .. بعد تسجيل الدخول الى لوحة التحكم ثم الذهاب الى تحرير 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>- . ثم اضغط حفظ القالب.... انتهى..
ننسخ كود الجافا سكربت الاول كما هو واضح ونترك الثاني ثم من خلال تلك الاداه نقوم بتحويل الكود وهى لاداه تحويل الاكواد كى يتناسب مع المدونه<body> ثم ضع بعده مباشرة الكود الذي قمت بنسخه وتحويله <data:post.body/>ثم ضع الكود الموجود بالاسفل بعده مباشرة
0 التعليقات:
إرسال تعليق