إضافه تعليقات الفيسبوك الى مدونة بلوجر

مرحباً بكم اخواني

في هذا الدرس من دروس بلوجر سنتعلم طريقة اضافة تعليقات الفيسبوك الى مدونتك.اضافة رائعة ستمكن زوار مدونتك من اضافة تعلقاتهم باستخدام الفيسبوك كما ان طريقة اضافة صندوق تعليقات سهلة وسريعة.لن اطول عليكم اتركم مع الشرح .

طريقة التركيب

اذهب الى لوحة تحكم في مدونتك.
انقر على قالب تم تحرير HTML
ابحت عن
<div class='comments' id='comments'>
سوف تجد الكود مكررا قم بنسخه تحت اول جملة(<div class='comments' id='comments'>) تجدها.

الكود

  <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXNc8g7gOP8Cw5ucosJD0qsQ0wKaALW4xqkhUBhmm3fywb0FVmpXNLibAo5hrVTM_TVPVCaXEgPkHSpNA9lwMxSeNV9pbnnVTFkDvPw0Ksaid0Jb5KilYwmf814ovT41TY-XBmR_7UC0bV/s1600/add-b.blogspot1.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div><div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-u_lAyxKHxOT_33zm1Knv12a6cHmufnmWfbEzsrIUh4lMHDIMG2UD5yRcscPF6Wu6zUBHdH8sfD0-Z-sHMB_V17B9GJ9hNV_bBPyApZPe-WR6pHlWJRBOEX8F51emdD_FTS0n-LNgzFVq/s1600/add-b.blogspot.com.jpg'/> <data:post.numComments/> التعليقات</div><div class='clear'/></div><div class='comakauttafb-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='639'/></b:if></div><div class='comments comakauttafb-page' id='blogger-comments-page'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='additions.blogger' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comakauttafb-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}</script><style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-right:5px solid #ccc; border-top:2px solid #ccc; border-bottom:2px solid #ccc; border-right:2px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #FFA221;color:#FFA221;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

لقد انتهى الموضوع مرجوا ان يعجبكم الموضوع .

لاتبخلوا علينا بتعليقاتكم وشكرااا.

By glok

Similiar tagsاضافات بلوجر