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

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

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

إذا كل ما عليكم فعله أحبابي هو الله الذهاب إلى قالب >> تحرير HTML >>  ثم  

{ ثم تبحث عن الكود التالي }

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

ستجده مكرر مرتين ضع تحته كود التطبيق بالعربي أو الإنجليزي

الكود الخاص باللغة الإنجليزية 

<br /> <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'/><br /> <fb:comments-count expr:href='data:post.url'/> Comments<br /> </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'/> <br /> <data:post.numComments/> Comments<br /> </div> <div class='clear'/> </div> <div class='comakauttafb-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'><br /> <div id='fb-root'/> <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='634'/><br /> </b:if><br /> </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='potter182' 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><br /> <style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left: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:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s ease-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><br />

الكود الخاص باللغة العربية 

<br /> <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'/><br /> <fb:comments-count expr:href='data:post.url'/> Comments<br /> </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'/> <br /> <data:post.numComments/> Comments<br /> </div> <div class='clear'/> </div> <div class='comakauttafb-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'><br /> <div id='fb-root'/> <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='610'/><br /> </b:if><br /> </div> <div class='comments comakauttafb-page' id='blogger-comments-page'> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='497272210334076' 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><br /> <style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left: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:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s ease-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> <br />

لا تنسوا مشاركة هذا الموضوع مع أصدقائكم و وضع تعليقاتكم

- دمتم في أمان الله -