11/7/2014
24 تعليقات
انترنت
 |
| شرح اضافة تعليقات الفيسبوك وبلوجر بطريقه احترافيه الى المدونه |
هناك الكثيرون ممن شرحوا اضافه تعليقات الفيس بوك وبلوجر ولكن للاسف الطريقه اما تفشل اوالتنسيق يكون سىء او حتى تاثر بشكل قوى على القالب
ندخل فى موضوع اليوم اولا يجب عليك تجربة الاضافه بنفسك فالصوره لا تعبر دائما ولا حتى الكلمات وانما خير معبر هى التجربه
مثال لتعليقات الفيس بوك وبلوجر من هنا
شرح تركيب تعليقات الفيس بوك وبلوجر
اولا يجب عليك قبل اضافه اى اضافه او التعديل على القالب اخذ نسخه احتياطيه من القالب وهذا مهم جدا فى اى خطوة تعديل تقوم بها
كيفية التركيب
1- من لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F) كما بالصوره
 |
| اضغط على مفتاح الكنترول + حرف F فى لوحة المفاتيح |
<head>
ضع تحته هذا الكود
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>
الان ابحث عن
<html
واستبدلها بــهذا الكود
<html xmlns:fb='http://ogp.me/ns/fb#'
ثم ابحث عن هذا الكود
</head>
وضع فوقه مباشرتا الكود التالى
<style>
/*--- Tabbed Facebook Comments By th3maestro.com ----*/
.comments-page {
background-color: #f2f2f2;
width:450px;
}
#blogger-comments-page {
padding: 0px 5px;
display: none;
}
.comments-tab {
float: left;
padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #f2f2f2;
}
.comments-tab-icon {
height: 14px;
display: inline-block;
vertical-align: top;
margin-right: 3px;
}
.comments-tab:hover {
background-color: #eeeeee;
}
.inactive-select-tab{
background-color: #d1d1d1;
}
</style>
واخيرا ابحث عن
<div class='comments' id='comments'>
ملحوظه هامه جدا :
اذا وجدث الكود مكرر مرتين عليك اضافة الكود الاخير مرتين بعد كل واحده
واضف بعده مباشرتا هذا الكود الاخير
<table>
<tbody>
<tr>
<td>
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' style='float:left;' title='Facebook Comments'>
<img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqhU1da3fUtpgZnwgTS8wgl6Or8MI_CK1KFnXBKO0dQX4NT2JL36kZZ5Wn4p7PyUKKqF3ml1oDggb3HRzePo63Jt2-nYwRNnVI1V4-oC_QDKOAfd74Ce4Ef9153Q3HmqvoTB0oAhrjZQs/s400/fbcomment.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
</td>
<td>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle('#blogger-comments');' title='Blogger Comments'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/>
<data:post.numComments/> Blogger Comments
</div>
</td>
</tr>
</tbody>
</table>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'></div>
<script>
(function(d){
var js, id = 'facebook-jssdk';
if (d.getElementById(id)){return;}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
<fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page' style='display:none;'>
الان احفظ القالب واذا رفض الحفظ سيظهر لك فى القالب هذا الكود باللون الاحمر
ضع فوقه مباشرتا هذا الكود البسيط</b:includable>
</div>
وبهذا نكون قد انتهينا من اضافة تعليقات الفيس بوك وبلوجر
ملحوظه اخيره يمكنك تغيير عرض التعليقات بالنسبه للفيس بوك وبلوجر لتناسب القالب الخاص بك فقط ابحث عن 450px ستجدها مكرره 3 مرات استبدلها بالعرض المناسب للقالب الخاص بك
هذا الشرح طبق اكثر من مره وعلى اكثر من قالب حتى لا يكون به اى اخطاء الرجاء مراعاة هذا المجهود بكتابة تعليق ودعم المدونه
اذا واجهتك اى مشكله لا تترد فى كتابة تعليق وستحل باذن الله
أخبار
للاسف لم ينجح التطبيق على القالب لانه بالاساس يحتوي على هذه الخاصية
ردحذفلكنه تظهر تعليقات بلوجر قبل تعليقات الفيس بوك وهذا رابط لمعاينة المشكلة
http://www.xn--mgba3a5azci0c.com
???? اين انت اخي الكريم
ردحذفاعتذر منك اخى الكريم ولكنى مازلت احاول لو تقدر تبعتلى القالب اللى انت عايز تعدل عليه يكون افضل واسرع لان كل القوالب اللى جربت عليها مظهرتش معايا المشكله دى
حذفهذا هو القالب المستخدم
ردحذفhttp://upload.traidnt.net/dldTvz25646.zip.html
الحل الوحيد بازاله نظام التعليقات المدمج مع القالب وتركيب النظام الجدبد
ردحذفوده مثال معاينه للتعديل وتركيب النظام الجديد طبعا بدون تعديل على الشكل ولا اضافه الcss
ردحذفيعنى مثال لسه محناج تعديلات
http://testatia.blogspot.com/2014/07/blog-post_2705.html
اخي ياريت تساعدني بالتعديل على القالب واعادة رفعه
ردحذفالمشكلة انك تسنخدم القالب الخاص بك في المثال
حذفانا عدلتلك على القالب الخاص بيك ورفعته على الميديا فاير
ردحذفرابط تحميل :
http://www.mediafire.com/download/938tjad1x6o7cll/%D8%A7%D9%84%D9%82%D8%A7%D9%84%D8%A8.rar
جاري التجربة وبارك الله بيك اخي ماقصرت
حذفاتمنى انه ينال اعجابك وفى انتظار نتيجة التجربه
حذفقمـه آلرٍوٍعه يآلغآليُ ، آلله يبآرًك فيَك "
ردحذفشكرا يابرنس ولو ان انت ناحت الطريقه من مدونة تقارب انا شفتها في شرح هناك من سنتين ونفس الاكواد هيه هيه !!!
ردحذفالحقيقه انى مش بنقل من مدونات ولو حصل مش بتكون عربيه والسبب معروف ان معظم اكوادها لا تعمل
حذفوعموما الموضوع للافاده وفيه ناس استفادة منه كتير والردود خير دليل على كلامى
وليطمئن قلبك الموضوع الاصلى من هنا
http://subinsb.com/facebook-and-blogger-comments-tabs
علشان تعرف انك ظالمنى بس وانا غرضى مساعدة الناس لا اكثر ولا اقل
وعلى فكره ردى عليك مش تبرير انا اخد من تقارب ولا تباعد شىء لا يخص احد
انا ردى عليك بس لان يهمنى الحقيقه تكون واضحه
الاخ مايسترو شرحه غير منسوخ اطلاقا من اي مدونة عربية
حذفللاسف لا يعمل معي سواء هذا او حتي اضافة تعليقات الفيس بوك وحدها
ردحذفhttp://hesham-net.blogspot.com
فعدنما اضيف رد عبر بلوجر تختفي الاضافة وتختفي تعليقات الفيس بوك كلها
للاسف لم ينجح . لانني رغم اني ضفت div/
ردحذفلكنه ما زال الخطا . يرجى التصليح
betmatik
ردحذفkralbet
betpark
tipobet
slot siteleri
kibris bahis siteleri
poker siteleri
bonus veren siteler
mobil ödeme bahis
UK4
betmatik
ردحذفkralbet
betpark
tipobet
slot siteleri
kibris bahis siteleri
poker siteleri
bonus veren siteler
mobil ödeme bahis
N3Z421
betmatik
ردحذفkralbet
betpark
tipobet
slot siteleri
kibris bahis siteleri
poker siteleri
bonus veren siteler
mobil ödeme bahis
MİVNGW
bahis siteleri
ردحذفhttps://bahissiteleri.io
youwin
bets10
1xbet
R2K
bursa
ردحذفmalatya
denizli
şirinevler
esenyurt
5N2
شركة مكافحة حشرات بالاحساء TQdsvCCbYF
ردحذفشركة مكافحة بق الفراش بالاحساء CzTlI30Dhk
ردحذف