المشاركات
وصف قصير للأداة:
تلك الاداة وهي تعليقات الفيس بوك من اروع الاداوات التي تحتاجها اي مدونة الكترونية تسهم الي النجاح وهذا لسبب بسيط لان موقع فيس بوك اشهر بكثير من البريد الالكتروني جيميل وفي المدونة العادية يلزم للتعليق علي موضوع فيها هو انه يجب ان يكون لدي حساب جيميل ولكن هذة الاداة تقوم بالتعليق علي المواضيع بحساب الفيس بوك فقط
طريقة تركيب الاداة:
دا شرح فيديو:
الطريقة والكود:
اولا نتوجة الي blogger.com
ثم نختار المدونة التي نريد وضع الكود بقا
ثمنختار من الجانب (قالب)
ثم (تحرير HTML)
ثم بضغط ضغطة داخل الكود الكبير الذي سيظهر لنا ونضغط علي زرارين في الكيبورد مع بعضهم وهم Ctrl+f
سيظهرلنا مستطيل بحث صغير نبحث بداخلة فنكتب
<div class='comments' id='comments'>
ثم نضغط علي زر enter في الكيبورد
سيظهرلنا الكود الذي بحثنا عنه باللون الاصفر
الخطوة الاخيرة : نكتب الكود التالي تحتة مباشرة
<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/AVvXsEhV4HHDbn9YROcGgWb3k9mU8eYkiLpafCBjYAGKM72nkpwKIbcvEP42O9S-bFYq0XuBIpTsD5hFbjgMM6dy4Q-Wlp9WgdUYTYS_1-dO8nWK1BnPl-l1QQwwfQw_Mmyh3AfeC_3G8rEKgNv5/s1600/egyunit.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/AVvXsEgeJbPPBxIYhTVlm8XOjTTdeb_s9LW4Ejm_qa_vhMJrZzyuBYEbA812YPKCmQQloR0LcYquMENiuZbaQUuZ2HeNUGh-dYnAibbMPxD5Lckp7LTSn52S_4MIDfGzUSnnOvwJXLSL2RYkTYr4/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>
ثم نغير الكلمة التي باللون الازرق وهي egyunit الي اسم مدونتك
فمثلا اذا كان رابط مدونتك egyugtr.blogspot.com فنغير الكلمة التي باللون الازرق الي egyugtr
وهكذا
هناك شرح فيديو في اول الموضوع ارجو ان اكون وفقت في الشرح
0 التعليقات:
إرسال تعليق