الأحد، 29 سبتمبر 2013

حصريا اسهل وافضل طريقه لدمج تعليقات الفيس بوك مع بلوجر

السلام عليكم 

اهلا بكم زوار مدونة عاشق التصميم

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


اذا اعجبتك الاضافة ادخل الي لوحة التحكم في مدونتك

ثم الدخول الي قالب
ثم الضغط علي تحرير html
ثم اضغط علي ctrl+f
ثم ابحث عن هذا الكود

 <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/AVvXsEhnrEJbvBYMzFtfEBRZSCRL9_nPUkxNfvAa3iBd3piAgZCHLhRL0AfMHDUKoy8nzVBu9GNaodlOJJfq7vHg_miV3MGMlVHSxFyiK729eRotEUJzse3z5c738tPaYByBwyDqVG2tbXNKuYI/s1600/FACEBOOK.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</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/AVvXsEiFmpxscZ20C3BUFC_n8530pEMhgo8Nqu4-FLo5lZCrl2B-4Yt3zecus0w6Awl7eCC50YymgTI08jMvztDUQO-dw3-OlPgNhGxT6PzzOY8TuYrb7aJ8q1lCpBWUmstYQI1pKw51QFRb1Xw/s1600/BLOGGER.png'/> 
<data:post.numComments/> Comments
</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='680'/>
</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='potter182' 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-left:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page 
{background:transparent;);margin-top:8px;}#blogger-comments-page 
{padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 
1px 
#fff;color:#000;float:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s
ease-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> 

اذا اعجبك الموضوع لاتبخل علينا بكلمة شكرا

0 التعليقات:

إضغط هنا لإضافة تعليق