يتم التشغيل بواسطة Blogger.

شارك الموقع على

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

السلام عليكم ورحمة الله تعالى وبركاته



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

الكثير من الزوار حين يدخلون من موقع الفيسبوك يصعب عليهم ترك تعليق أو طرح تساؤل, لكن بإضافة صندوق التعليقات الخاصة بالفيسبوك سيسهل عليهم ترك تعليقاتهم على مدونتك.

فلنباشر الشرح. أولا تقوم بالدخول إلى مدونتك, وتختار "قالب" ثم تحرير
ابحث عن الكود التالي:


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

سوف تجد الكثير من الأكواد بنفس بهذا الاسم. الصق تحت كل من هذه الأكواد، الكود الموجود بالأسفل، ثم اضغط على حفظ النموذج.

 

<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/AVvXsEjxRuVtBrKL4lCjM-4mO1-v95lwKpLWKCE4KMqaKtXD19U7hj0wttPan6shB9ln50VSikga_awert-yrlZjEJzsJBTuPWnb5oRdWrR_B2yTpNhczeIAwullN0H1l3Or7xW3AUOBcw_bBvw/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/AVvXsEj2dfVRtIyw1JXFHWVKe7YjhOHAAsxbilC0nWNL36gw7Q8NkSGHm4vBRsi4mVaykcDw9kAO2e15PovvLhoildnNkf_CarSdaLRKdyZV9fPfRE4dJHHZSEDz32j-MTcKm6gvq8Of8lSGQ7A/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>

ومن هنا شرح الطريقة الصحيحة بالفيديو



وبهذا تكون قد أضفت صندوق التعليقات الخاصة بالفيسبوك إلى مدونتك. اذهب وعاين مدونتك سوف تجد عليها صندوق التعليقات.

يمكنكم ترك تعليقات أو طرح تساؤلات، كما يمكنكم مشاركة الموضوع مع أصدقائكم.


إن أعجبك الموضوع قم بنشره)

0 التعليقات:

إرسال تعليق

rv