اضافة تعليقات فيسبوك الى بلوجر بالصور

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

add comments to website  ان كنت تتسائل هل يمكنك المحافظة على تعليقات بلوجر ووضع تعليقات فيسبوك بجانبها فانا اجيبك بنعم يمكنك ذلك وبكل سهولة عن طريق شرحنا لهذا اليوم كيفية وضع صندوق تعليقات facebook في بلوجر مع المحافظة على تعليقات بلوجر الاساسية . 

اولا نفتح المدونة على بلوجر وننتقل الى قسم قالب ثم تحرير HTML كما في الصورة التالية 

الان نضغط ضغطة على الاكواد ثم نضغط CTRL+F وبعدها نبحث عن هذا الكود

<div class='comments' id='comments'>

طبعا ستجد 2 اكواد منها وانت اختار اول كود يظهر لك ثم قم بلصق هذا الكود التالي اسفل منه:

<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/AVvXsEgTdX74FZRq8Y26c5xfAusRlvhXd1UTp8mnXD0wfIlhJtldXiBGZ3yUNJqmOpWCdlRH4eAkKKkd-TNP3Z0lADVH58okeKVtSK8sumRS6ejQrm1Zh704Kvb9VxG-O52XGoFG6Mjs5XpCVfU/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/AVvXsEjaXQqYgqfMf2IT_PkrpxEsjp6ThLMeLdH6uKKNZrGJC-zwL_F6Tl52lClbVb4WYhibxH9rNfUrJUqe0hhQCHQCd-Lqpp5beJCrNwCVDTd0mngJ5q3OgAVXftOFf6i56YSTThKAJz4AX-E/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>

كما في الصورة التالية ثم اضغط حفظ النموذج

الان اقول لك مبروك الاضافة والتعليقات الرائعة وهذه صورة للتعليقات من مدونتي التجريبية