إضافه تعليقات الفيس بوكس مدموج مع بلوجر FACEBOOK BLOGGER

مشاهدات الان

البحث عن

 

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

 سوف تجده مكرر

 ضع تحت كل واحدة الكود التالي

 <div class='comakauttafb-tab' id='fb-comments'onclick='javascript:commentToggle(&quot;#fb-comments&quot;);'title='Add Comments via Facebook'><img class='comakauttafb-tab-icon'src='http://xb0423.xb0.serverdomain.org/tardyon/up/uploads/1642054455.png'/><fb:comments-countexpr:href='data:post.url'/> التعليقات</div><divclass='comakauttafb-tab inactive-select-tab' id='blogger-comments'onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);'title='Add Comments via Blogger'><img class='comakauttafb-tab-icon'src='http://xb0423.xb0.serverdomain.org/tardyon/up/uploads/1642100783.png'/><data:post.numComments/> التعليقات</div><divclass='clear'/></div><div class='comakauttafb-page'id='fb-comments-page'><b:if cond='data:blog.pageType ==&quot;item&quot;'><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'><scriptsrc='http://connect.facebook.net/en_US/all.js#xfbml=1'/><scriptsrc='http://code.jquery.com/jquery-latest.js'/><metacontent='additions.blogger' property='fb:admins'/><scripttype='text/javascript'>function commentToggle(selectTab){$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comakauttafb-page&quot;).hide();$(selectTab+ &quot;-page&quot;).show();}</script><styletype='text/css'>.comakauttafb-page, .comakauttafb-tab{-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px10px 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:0px1px 1px#fff;color:#000;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5sease-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 1px1px #fff,1px 1px 5px #000}</style>

 او

 <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='أضف التعليقات عبر Facebook'><img class='comakauttafb-tab-icon' src='http://xb0423.xb0.serverdomain.org/tardyon/up/uploads/1642054455.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div><div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='أضف التعليقات عبر Blogger'><img class='comakauttafb-tab-icon' src='http://xb0423.xb0.serverdomain.org/tardyon/up/uploads/1642100783.png'/> <data:post.numComments/> التعليقات</div><div class='clear'/></div><div class='comakauttafb-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><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) {$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comakauttafb-page&quot;).hide();$(selectTab + &quot;-page&quot;).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 #; border-top:3px solid #; border-bottom:3px solid #; border-right:5px solid #}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #;color:#;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 #,1px 1px 1px #,1px 1px 5px #;-moz-box-shadow:-1px -1px 1px #,1px 1px 1px #,1px 1px 5px #;-webkit-box-shadow:-1px -1px 1px #,1px 1px 1px #,1px 1px 5px #}</style>

 انتبه من الروابط شغاله او لا مهم جدا

 http://connect.facebook.net/en_US/all.js#xfbml=1

 و

 http://code.jquery.com/jquery-latest.js

 واذا لم تشتغل تم حفظ البرمجه ويمكنك تعدل فيه

 تغير الصور

 الفيس بوكس

 http://4.bp.blogspot.com/-Tl0N8MDGaw0/UCHXhT9dUwI/AAAAAAAAB-k/3UihVeUEWG0/s1600/FACEBOOK.png

 البلوجر

 http://4.bp.blogspot.com/-APHz6xxyC8o/UCHXgOR5KhI/AAAAAAAAB-c/ZJ7xTy_ZXVs/s1600/BLOGGER.png

 تعديلنا جاهز

 اضافة زر دعوة اصدقاء فيس بوك

 اذهب الى لوحة تحكم مدونتك ومنها قم بالضغط علىالتخطيط واضف اداء جديدة بعنوان Html& Javascript

 شرح اضافة زر دعوة اصدقاء فيس بوك الى موقعك FacebookI nvite Friends

 قم بنسخ هذا الكود ولصقة بداخل هذه الأداء :

 <style>

 /*Facebook Invite Friends Button CSS */

 .DrRO_fb_invite a{

 font-family: "lucida grande", tahoma, verdana, arial, sans-serif !important;

 font-weight:bold ! important;

 font-size:12px ! important;

 width:150px ! important;

 border:solid #29447e 1px ! important;

 border-bottom:solid #1a356e 1px ! important;

 cursor:pointer ! important;

 padding:6px 6px 6px 6px ! important;

 background-color:#5c75a9 ! important;

 border-top:solid #8a9cc2 1px ! important;

 text-align:center ! important;

 color:#fff ! important;

 text-decoration:none ! important;

 }

 .DrRO_fb_invite a:active{

 background-color:#4f6aa3;

 }

 /*End CSS */

 </style>

 <script src="http://connect.facebook.net/en_US/all.js"></script>

 <script>

 FB.init({

 appId:' ضع ارقام التطبيق هنا',

 cookie:true,

 status:true,

 xfbml:true

 });

 function FacebookInviteFriends()

 {

 FB.ui({

 method: 'apprequests',

 message: 'ساعدنا بدعوة الأصاقاء الى'

 });

 }

 </script>

 <br />

 <div id="fb-root">

 </div>

 <span class="DrRO_fb_invite"><a href="#"onclick="FacebookInviteFriends();">

 Invite your friends

 </a></span>

 <script type="text/javascript">

 if (top.location!= self.location)

 {

 top.location = self.location

 }

 </script>

 ماذا نفعل الأن ؟

 قم بوضع رقم التعريف مكان كلمة ضع ارقام التطبيق هنا المحددة باللونالأخضر

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