5:35 ص
مــريـم جـمـال
بسم الله الرحمن الرحيم ... السلام عليكم ورحمة الله وبركاتة
هل تريد إن تضيف صندوق تعليقات الفيس بوك مع صندوق تعليقات البلوجر؟
هل تريد أظهار عدد تعليقات الفيس بوك وعدد تعليقات البلوجر فى الموضوع؟
اذا انت فى المكان المناسب و الموضوع المناسب
للأضافة هذا اتبع هذة الخطوات
هل تريد إن تضيف صندوق تعليقات الفيس بوك مع صندوق تعليقات البلوجر؟
هل تريد أظهار عدد تعليقات الفيس بوك وعدد تعليقات البلوجر فى الموضوع؟
اذا انت فى المكان المناسب و الموضوع المناسب
للأضافة هذا اتبع هذة الخطوات
الخطوة الاولى :
1. سجل دخول الي لوحة تحكم مدونة بلوجر .. ثم اذهب الي تصميم ثم الي تحرير HTML ثم اضغط على توسيع فوالب عناصرواجهة المستخدم
2. ثم ابحث عن : <head> والصق هذا الكود تحتة
1. سجل دخول الي لوحة تحكم مدونة بلوجر .. ثم اذهب الي تصميم ثم الي تحرير HTML ثم اضغط على توسيع فوالب عناصرواجهة المستخدم
2. ثم ابحث عن : <head> والصق هذا الكود تحتة
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/> <script type='text/javascript'> function commentToggle(selectTab) { $(".comments-tab").addClass("inactive-select-tab"); $(selectTab).removeClass("inactive-select-tab"); $(".comments-page").hide(); $(selectTab + "-page").show(); } </script> |
الان ابحث عن هذة العلامة <htm واستبدالها بهذا الكود
<html xmlns:fb='http://ogp.me/ns/fb#'
الخطوة الثانية :
الان ابحث عن هذة العلامة ]]></b:skin> وضع كود CSS هذا أعلى من العلامة
/*--- Tabbed Facebook Comments By Elassal's Blog ----*/ .comments-page { background-color: #f2f2f2; width:450px;} #blogger-comments-page { padding: 0px 5px; display: none;} .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;} .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;} .comments-tab:hover { background-color: #eeeeee;} .inactive-select-tab { background-color: #d1d1d1;}
|
الخطوة الثالثة :
الان بواسطة مفتاح ctrl + f نبحث عن الكود التالى
<div class='comments' id='comments'>
قد تجده مكرر اكثر من مره والغالب ان رقم 2 منه يكون هو المطلوب بعد البحث عن الكود السابق ضع بعده مباشرة الكود التالي
<div class='comments' id='comments'>
قد تجده مكرر اكثر من مره والغالب ان رقم 2 منه يكون هو المطلوب بعد البحث عن الكود السابق ضع بعده مباشرة الكود التالي
| <center> <div style='height:36px;width:260px;'> <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' style='float:left;' title='التعليقات عن طريق صندوق الفيس بوك'> <img class='comments-tab-icon' src='http://i.imgur.com/6BwAt.gif'/> <fb:comments-count expr:href='data:post.url'/> تعليقات الفيس </div> <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' style='float:right;' title='التعليقات عن طريق البلوجر'> <img class='comments-tab-icon' src='http://i.imgur.com/ZKlA1.gif'/> <data:post.numComments/> تعليقات البلوجر </div> </div><div class='clear'/> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <div id='fb-root'/> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page' style='display:none; '> |
الخطوة الرابعة :
0 التعليقات:
إرسال تعليق