أضافه مربع تعليقات فيسبوك داخل مدونتك من الادوات التى تسهل عمليه انتشار المدونه داخل موقع اجتماعى كبير مثل الفيسبوك
اولا و قبل كل شىء لا بد ان تأخذ نسخه احتياطيه من القالب الذى تستخدمه
طريقه أضافه مربع تعليقات فيسبوك الى بلوجر
الخطوه الأولى : اخفاء التعليقات الخاصه ببلوجر عن طريق الذهاب الى اعدادات ثم اختيار التعليقات و اختيار اخفاء ثم حفظ الاعدادات
الخطوه الثانيه : انشاء تطبيق على الفيسبوك ( ابليكيشن ) و الموضوع غايه فى البساطه فكل ما عليك هو فتح الرابط التالى فى صفحه جديده
https://developers.facebook.com/apps/?action=create
https://developers.facebook.com/apps/?action=create
ثم اختيار اسم للتطبيق " اختار اى اسم " ثم اضغط على التالى
بعد ذلك ستظهر لك صفحه مشابهه للصوره التاليه و كل ما عليك هو كتابه عنوان مدونتك امام App Domain
ستلاحظ ايضا فى نفس الصفحه ارقام مكتوبه اما APP ID يجب ان تحفظ تلك الارقام لأننا سنستعملها فى الكود
الخطوه الثالثه : اضافه الكود
هذه الخطوه تعتبر اهم خطوه فى اضافه مربع تعليقات فيسبوك الى بلوجر و هى لا تحتاج الى معرفه بالبرمجه بقدر ما هى تحتاج الى دقه منك و اتباع الخطوات تماما
1- نذهب الى لوحه التحكم الخاصه ببلوجر و منها الى تصميم ثم تحرير HTML و سنضع علامه داخل مربع "توسيع قوالب عناصر واجهه المستخدم"
2- ابحث عن الكود التالى
html>
ثم ضع بعده هذا الكود
يجب وضع مسافه قبل و بعد هذا الكود ليكون مثل هذا المثال
__________________________________________________________
3- ابحث عن الكود التالى
<body>
YOUR-APP-ID سنضع هنا رقم APP ID الخاص بنا كما فى الخطوه 3
xmlns:fb='http://www.facebook.com/2008/fbml'
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr' >
3- ابحث عن الكود التالى
<body>
و ضع بعده هذا الكود
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR APP ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
مع مراعاه تغيير كلمه YOUR APP ID الى الارقام التى حفظناها فى الخطوه الثانيه
__________________________________________________________
4- ابحث عن الكود التالى
</head>
و ضع قبله هذا الكود
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='MY-SITE-NAME' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='YOUR-APP-ID' property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID' property='fb:admins'/>
<meta content='article' property='og:type'/>
مع مراعاه تغيير كل من
MY -SITE-NAME الى اسم مدونتك
http://google.com/…/blogger_logo.gif غيره الى عنوان لوجو مدونتك او اتركه كما هو ان اردت YOUR-APP-ID سنضع هنا رقم APP ID الخاص بنا كما فى الخطوه 3
YOUR-FACEBOOK-PROFILE-ID الاى دى الخاص ببروفايل الفيسبوك الخاص بك و تستطيع ايجاده بالذهاب الى بروفايلك على الفيسبوك و نسخ عنوان بروفايلك الموجود فى شريط العنوان فى المتصفح و لكن بدون https://www.facebook.com
* الكلمه او الارقام الموجوده فى عنوان بروفايلك بعد عنوان الفيسبوك هو الاى دى الخاص بك
____________________________________________________________________
5- اقتربنا من النهايه !!!
ابحث عن الكود التالى
<data:post.body/>
و ضع بعده مباشره هذا الكود
<b:if cond='data:blog.pageType == "item"'>
<p align='left'><img alt='' class='icon-action' height='51' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NfcjoH0Pr1669GkfNb6uvMZX6i56umlnMdoOaL4I2Nwm8gpiq8t0DGzfGbtGbIzAX71BymZe6yI6vArb3px2-9ySnty78K4fNDYVaYdty8mvJXUMvvez6IIBfoTxl0gCTSQDVzwzxDs/' width='331'/></p>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a> brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>
مع ملاحظه انه يمكنك تغيير عرض مربع تعليقات الفيسبوك عن طريق تغيير الرقم 450
ثم اضغط حفظ و تصفح مدونتك ستجد انه قد تم وضع مربع تعليقات الفيسبوك الى مدونتك
طريقه أضافه مربع تعليقات فيسبوك الى بلوجر
By Admin
ان التسجيل فى موقع اليكسا لترتيب المواقع هام حيث انه يظهر ترتيب موقعك بين جميع المواقع حسب عدد الزيارات
و الان سنتعرف سويا على الطريقه المثلى لأضافه موقعك الى اليكسا و الخطوات القادمه تشمل
كيفيه تسجيل الموقع فى اليكسا
كيفيه تسجيل مدونه فى اليكسا
كيفيه تسجيل منتدى فى اليكسا
كيفيه الاشتراك فى موقع اليكسا
تسجيل موقعك فى اليكسا
By Admin
كيفيه عمل مدونه و كيفيه الاشتراك فى البلوجر
كثيرا ما نجد اثناء تصفحنا العديد من المدونات و المدونه فى موقع شخصى يدون فيها صاحبها ما يراه مناسبا حيث يعرض البعض ارائه السياسيه او مهاراته الشعريه و البعض يستخدمها لكتابه مذكرات عن نفسه و البعض الاخر يستخدمها لأسلوب تعليمى مثل تلك المدونه
كيفيه عمل مدونه و كيفيه الاشتراك فى البلوجر
By Admin
الاشتراك في:
الرسائل (Atom)
