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

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

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

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

نبدأ على بركة الله.

كل ماع ليك فعله هو التوجه نحو لوحة التحكم الخاصة بك في بلوجر ,
ثم التوجه نحو تعديل قالبك بالنقر على "قالب" ثم "تحرير html" .

إبحث عن

<div class='comments' id='comments'>
(للبحث إضغط على CTRL+F)

سيكون مكرر مرتين , توجه نحو الأولى ثم أضف تحتها مباشرة هذا الكود :

  <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/AVvXsEgZDEimCE_0Ga6eRyPnB01WNzWxVO626QpGNXbpSZRu_F1Psghix8tf7KeKV9MDzjnqFaftJyiGWUZZaaM8EehcraaxbYuyEkHXrO1XoqxOtGaBVQOZagLHrq7YLphvZcdzfoyPUIaqwJc/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/AVvXsEhDoda0UpJ50AHbNV6oHsCxlvhZ7a06Yn8th4sKcdhZiic3qhS2LV8tr5ogRK5Tlt9BwUPgbng6znrFWSmS_83AfKD8zKhTIJYXyWqJtmuueOdWHly6w6EySVj17jymdI04QkRFuwzxtVs/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>

كما يمكنك التحكم بحجم صندوق التعليقات عن طريق البحث عن width='680' و غير 680 بالعرض الذي تريده )

إضغط على "حفظ" , و شاهد الإضافة أسفل كل موضوع :)
اتمنى ان اكون افدتكم . ولا تحرمونى من تعليقاتكم المشجعة.