السلام عليكم و رحمة الله تعالى بركاته اليوم معكم
وسيم رهوني من مدونة
التقني الصغير اليوم سوف أشرح لكم "
طريقة إضافة تعليقات الفيس بوك مدموجة مع بلوجر " الطريقة جد سهل ماعليكم سوى تتبع.
الشكل الأول:
شرح طريقة التركيب:
1-نذهب إلي "قالب" ثم "تحرير html"
2-إبحث عن "<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/AVvXsEi88Sx_V7iDQuspRZ7qVdKR8R4qIlX7Z0VeowpGT1lLv_TuPmV9QU1qJFhcqOi8OI7WjnYY4mAzl6yGgYE9gr-kgF9OlwuAjRupEQD7Tgo7JxOpX3uBzUH1tPeFOFlxJSA71NYORpsCJbE/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/AVvXsEgO-zoIJGKiM3SdoLSAMAafH_SaSBka1l-8WqKWteArGG_X_LAuFBZ2yQBz7ztqZKV13GafWw00DCPjK_PdIo2UhZLpqIFHecbsKgKfr0zi-k1vO3G-vbd7V_WXUXfli4XGBcgUUVb9JEQ/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/AVvXsEgmRv2ORSKMVpn_LJgk6gwm1xhwZmwYAM23k69OWbBypTVGXBnAUhI7SlQlAaelkrL9aFFauutTr4hlC8vTlqlpBJ7MDlD1GqPoG1gQaMfEhV1Wm7HAKLo5oSAOZ8pik65nhFEu7EH4nTEM/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/AVvXsEhVIwo-uTSGWpWQqVWqucuqjEhfb4fo3JifhQm9knu2mQQkUAfnchn5V2F6vmUvZipckRNGBlY0bbeHw9FoKX9GaYDorArBigO7ivS1Qiec1wCJE8TKYXFfruFHG55e4QbN411PuWO3E1eF/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>>
إلي هنا إنتهي الدرس إلي اللقاء و المرجو و دع تعليق و شكرااا