يبحث الكثيرين عن هذه الاداة لاضافتها الى مدوناتهم حيث انها تعمل على اطالة مدة بقاء الزائر فى موقعك عن طريق اقتراح مواضيع عليه عن طريق نافذة منبثقة تلفت الانتباه .
سيتم شرح تركيب الاداة على مدونة بلوجر بطريقة سهلة و بسيطة ليس بها اى تعقيد
لمعاينة الاضافة من هنا
الخطوات :
يجب ان يكون لديك حساب على الفيس بوك اولا
يجب اولا تصميم التطبيق على موقع الفيس بوك و من ثم اضافته على مدونتك ( الوقت المحتمل : 3 دقائق )
ادخل على صفحة التطبيق من هنا تطبيقات الفيس بوك
ثم نضغط على كلمة Create New App . او انشاء تطبيق جديد فى اعلى يسار الصفحة
بعد الضغط عليها تظهر لنا هذه النافذة
اكتب كلمة My Recommendation Bar فى خانة App Name , و نترك خانة App Namespace فارغة ( اختيارية ) يمكنك ان تكتب بها اى شيئ لتمييز تطبيقك
ثم اكتب كلمات التحقق فى خانتها
بعد الضغط على متابعة سوف يتم تحويلنا الى صفحة البيانات . سوف يتم كتابة اسم موقعك
اكتب اسم موقعك فقط و قم بحفظ التغييرات , و لا تغلق الصفحة لانك سوف تحتاج الى رقم التطبيق الموجود فى اعلى الصفحة
بعد نسخ الرقم الخاص بك احتفظ به .
و الان اتهينا من الفيس بوك .
نذهب بعد ذلك الى المدونة .
1- تسجيل دخول
2- قالب
3- تحرير HTML
ثم ابحث عن كلمة <body> ثم اضف هذا الكود بعد الكلمة مباشرة
_________________________________________________________________________________
<div id='fb-root'/>
<script>
//<![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=***************";
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='left' site='http://win7-info.blogspot.com/' trigger='40%'/></div>
</b:if></b:if>
_________________________________________________________________________________
غير اللون الاصفر الى رقم التطبيق
غير اللون الاحمر الى عدد المواضيع المراد اظهارها
غير اللون الازرق الى مكان وجود الاداة
ثم قم بحفظ القالب و شاهد النتيجة ..
المصدر
http://win7-info.blogspot.com/2012/12/blog-post.html#.UO68uKzijct
ليست هناك تعليقات:
إرسال تعليق