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

مرحباً بكم اخواني وزوار المدونة

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

وسوف نقوم بالشرح الصحيح للإضافه

اولاً اذاهب الى لوحة تحكم المدونة

2- انقر على قالب ثم تحرير HTML

3- ابحث عن

سوف تجده مكرر

ضع تحت كل واحدة الكود التالي

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Add Comments via Facebook'>
<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYekVpB8PPYzAHj0_7r2rEnkeSJQaeZIxALO-_1IviVzSqgf2a1MZZxCCaVj-23HlE55ZdY6Nv9br7yANNwpwoEV014epdxhHbyunuMpP0ptSgvoC_JiME41JfgtHpv0R8TNuXMrFZrk/s1600/FACEBOOK.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div>
<div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Add Comments via Blogger'>
<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvHx5a1Mdf7QqezXptomG6q_Yr6VcFtEctsX-E8k_b9g6ohI1-595gAntEtyNclgRDsczPyjUXVX1Aad8m6ezOBkaeSu8yN9WUx_Ge8LDI8rTkvSTZqag3C0N-FSyXhOCv0Vx7Mihz4jg/s1600/BLOGGER.png'/> <data:post.numComments/> التعليقات</div>
<div class='clear'/>
</div>
<div class='comakauttafb-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><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='additions.blogger' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comakauttafb-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comakauttafb-page").hide();$(selectTab + "-page").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: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: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>

اضغط حفظ

الشكل الثان

الكود

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Add Comments via Facebook'>
<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2W4iiV-BSyxFEwWjwieXdKcM7utfAvUPNwV90pLHI5r-__WM6c8tWbtVqljEJwr_MZSjvc-nplCeUDXdV8M_p0BywH9srIDpOs6jaBVhGzJxhJYbWKDvNKnCoOSbvTuVR8oSQ3qaDv2ec/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("#blogger-comments");' title='Add Comments via Blogger'>
<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3MbyFLcjMi3MCCkqRx_FjqkIuEQmM2nX3_hhbWZtMq1YeAFjMJPPiEOugZkg9GPx0_VBLEfVw0QPLhR7mgqWE-1YsXI-nUI-w2l8DIV2IYCR4aTbMvKsm0cKquQ8Z2ZQfpJNjkyszaREC/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 == "item"'><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) {$(".comakauttafb-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comakauttafb-page").hide();$(selectTab + "-page").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>

طريقة التركيب نفس الطريقة الاولى

هل أعجبك الموضوع ؟

بقلم مصطفى

اهتم بكل ما هو جديد في عالم الانترنت انشأت هدا المدونة لمشاركة الناس خبرتي المتواضعة في هدا المجال

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

بقلم مصطفى

مواضيع مشابهة :

هناك تعليق واحد:

التبادل الاعلاني