الثلاثاء أبريل 03, 2018 12:29 pm | المشاركة رقم: |
المدير
إحصائية العضو | المساهمات : 104 | نقاط : 501 | السٌّمعَة : 0 | تاريخ التسجيل : 10/10/2017 | العمر : 32 | الموقع : http://ta3limalgerain.blogspot.com/ |
| | موضوع: شرح اضافة صندوق تعليقات الفايس بوك على مدونة بلوجر 2018 شرح اضافة صندوق تعليقات الفايس بوك على مدونة بلوجر 2018
اردت اليوم التحدث على موضوع مهم جدا وهي كيفية اضافة
صندوق تعليقات الفايس بوك مدمج مع تعليقات البلوجر على مدونتكم ،هاته الاضافة تمكنكم من زيادة عدد زوار مدونتكم بطريقة سريعة،وذلك عند اضافة الزائرتعليقه من صندوق التعليق
ينتشر تعليقه بسرعة كبيرة بين اصدقائه على الفايس بوك،اذن بذلك صيبح لك زوار
جدد بفضل ذلك التعليق،ان طريقة اضافة هاته الاداة سهل ولا يحتاج منكم الى الكثير
من الجهد بخلاف بعض المدونات التي تطلب منكم الاشتراك في تطبيقات فايسبوك والحصول
على كود الايدي،فكل ما عليكم فعله هو : اول شيئ يجب عليكم عمل نسخة احتياطية لمدونتكم قبل
التعديل على القالب لتفادي اي مشاكل فيما بعد.
ثم الدخول الى << القالب >> ثم << تحرير >>
اضغط على ctrl+f
و ابحث عن
- الكود:
-
<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='http://2.bp.blogspot.com/-7tOKASmiUzo/UhoTGUakfCI/AAAAAAAAAUc/Xwo4Im3jnt0/s1600/pro-[color=#00ff00]bloggerdz[/color].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='http://1.bp.blogspot.com/-s3pIgC2LYP0/UhoUg2OvDBI/AAAAAAAAAUo/KWjQDYKZQUU/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;marg in-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>
ملاحظة
قوموا بتغيير رابط مدونتي الذي باللون الاخضر برابط مدونتك
المرجوا مشاركتنا بتعليقاتكم
لمزيد من الدروس [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
|
| |