بإذن الله سوف نتحدث اليوم عن اضافة جميلة جدا و هي ادراج تبويبات في التعليقات لبلوجر و تويتر و تعليقات الفايسبوك و قد قام الاخ محمد بشرح هذه الاضافة بالنسبة للتبويبين بلوجر و الفايسبوك و لمن اراد هذه الاضافة بالنسبة لهذين التبويبين فقط فما عليه سوى زيارة رابط موضوع الاخ احمد من هنا:
http://www.tqarob.com/2012/03/blog-post_05.html
اما لمن اراد الاضافة بالتبويبات الثلاثة(بلوجر-تويتر-فايسبوك) فل يتابع معي الشرح :
اولا صورة للاضافة:
او يمكنك مشاهدتها مباشرة من خلال مدينة التدوين اسفل كل موضوع في جهة التعليقات
ننتقل الان الى كيفية اضافة هته الاضافة :
متطلبات الاضافة:
1- تطبيق على الفايسبوك يمكنك انشائه من هنا
2- تطبيق تويتر يمكنك انشاؤه بكل سهولة من هنا
و اتبع الخطوات التالية :
اذهب الى القالب ثم تحرير الـHTML و ابحث عن الوسم التالي:
http://www.tqarob.com/2012/03/blog-post_05.html
اما لمن اراد الاضافة بالتبويبات الثلاثة(بلوجر-تويتر-فايسبوك) فل يتابع معي الشرح :
اولا صورة للاضافة:
ننتقل الان الى كيفية اضافة هته الاضافة :
متطلبات الاضافة:
1- تطبيق على الفايسبوك يمكنك انشائه من هنا
2- تطبيق تويتر يمكنك انشاؤه بكل سهولة من هنا
و اتبع الخطوات التالية :
اذهب الى القالب ثم تحرير الـHTML و ابحث عن الوسم التالي:
اضف اسفل منه الكود التالي:<head>
غير الاحمر بمعرف بروفايلك مثلا انا بروفايلي يكتب هكذا:<meta content='PROFILE_ID' property='fb:admins'/>
<meta content='APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=CONSUMER_KEY&v=1'/>
https://www.facebook.com/cazman.man
اذن فمعرف بروفايلي هو المكتوب بالاحمر
غير ما هو باللون البرتقالي في الكود بمعرف التطبيق الذي حصلت عليه
غير ما باللون الازرق الى الكود من تطبيق تويتر و الذي يحمل اسم consumer key
الان قم بالبحث عن الكود التالي:
و اضف بعده الكود التالي:<div class='comments' id='comments'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='js-default-tab comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/>تعليقات بلوجر
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> تويترات
</div>
<div class='comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Fb تعليقات
</div>
</b:if>
<div class='clear'/>
</div>
<div id='js-tweet-box'></div>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='10' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
السلام عليكم
ردحذفشكرا لك على الهاك الرائع
لاكن ظهر لي مشكل
عندما يضع احد تعليق بواسطة المدونة
تختفي الاضافة
اذا امكن رابط مدونتك اخي حتى نكتشف المشكل
ردحذف