السلام عليكم ورحمه الله بركاته يسرنى أن أقدم لكم أحث الاضافات فى مدونة بلوجر توب هذا الاضافة مميزة للغاية دمج تعليق جوجل
بلس مع تعليق المدونة مثل الاضافة دمج تعليق الفيس بوك مع تعليق المدونة رائت الاضافة فعله التعليقات على منصة مدونة، أنها تسمح للقراء (زائر) التعليق على بلوق الخاص بك باستخدام حساب Google. هناك عدد قليل من ميزة جديدة في نظام التعليق، أن كنت أذكر أصدقاء جوجل + على التعليق، يمكنك التعليق بلوقر وظيفة عن طريق جوجل بلس لا إعادة توجيه بعد تعليقه بينما يكون الافتراضي إعادة توجيه بعد نشر التعليق، وحذف أكثر للتخصيص، وسهلة. مع هذا بلوقر، يمكنك أن ترى الجمع بين المدونة وجوجل بلس نظام التعليق في محاولة لإلقاء نظرة على أدناه هذه التدوين. بمجرد لقد قمت بتمكين هذه الميزة اثنين من خلال موضيع المدونة، ستحصل على المتعة من عدد من الاستحقاقات الضرورية. اليوم، تظهر لك طريقة لإضافة المزيج من Google + شاهد الصورة اسفل التدوين وهذا الصورة الاول قبل فتح تعليق جوجل بلس القى نظرة على الصورة قبل الفتح والصورة الثانية بعد فتح التعليق
هذا شكل الاضافة أذا تريد التعليق على جوجل بلس أضغط على الزار تعليقات جوجل بلس سوف تفتح لك تعليقات جوجل بلس مثل هذا
هذا شكل تعليق جوجل بلس دمج التعليق فى المدونة شرح كيف عمل الاضافة ملحوظة ارجو من الجميع بعد أضافة التعليق عدم نسخ الموضوع بدون زكر المصدر ارجو عمل تعليق فى الموضوع هل الاضافة نجاحة فى مدونتك ام يوجد مشكله وأذا وجدمشكله فى الاضافة اضف تعليق أو ارفع قالب مدونتك وسوف يتم عمل الاضافة تنبيه الاضافة لا تائثر على سرعه المدونة هذا الاضافة خفيف جدا ولا تخد اى مساحة فى مدونتك ارجو من الجميع الافادة من هذا الدرس تابع الشرح الاضافة ارجو التركيز بتوفيق
ازهب الى لوحه التحكم
ثم القالب
<b:includable id='nextprev'>
صورة توضيح مثل ما فى الصورة
وأضف الكود التالى تحته مباشر
<div id='gcontainer'><div id='gcomments'/></div>
<script src='http://apis.google.com/js/plusone.js'/>
<script>
gapi.comments.render('gcomments', {
href: window.location,
width: '570',
first_party_property: 'BLOGGER',
view_type: 'FILTERED_POSTMOD'
});
$('#comments-norm').click(function(){
// switch to normal comments displaying
$('#gcontainer').css('display','none');
$('#comments').css('display','block');
$('#comments-norm').addClass('comment-on');
$('#comments-gplus').removeClass('comment-on');
$('#comments-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwqDvUtYLivxDbxX8bnxO8taaySp0fha6GqUzmsLxqd54_gPiteOr39ZAMyCD-vThy71oEnjjAhyl2SWgSKepiGOdMvZTe6gFFsN8UdR3d-5fcXoMBHrowVChGa-8VSkoqaFN7ZTNHzlYm/s50/blogger_on.png');
$('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaFgg7C0_7v0ZxlVGaz0sgj23r1-99weRbkLB4PUqmp8HyU2dTJa4VbgQrDzOOLE-ASZiqUEfYvnA0x1AUynW2t1AY3Y_GcDKC7ksj5iJiHXD4AYAkYbIJOBv93VvPoC8lpVXaCsNEib1/s50/plus_off.png');
});
$('#comments-gplus').click(function(){
// switch to google plus comments displaying
$('#comments').css('display','none');
$('#gcontainer').css('display','block');
$('#comments-norm').removeClass('comment-on');
$('#comments-gplus').addClass('comment-on');
$('#comments-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1A4DR59K3rBODKjVfdPqdH80_A_9WYTac0PTTAxrcK_QqxrQeD5JuuEI9VUDrumQV4KUwG17Wkh0CkMnRSNsgh7FQrTvey9NChzzVb5k_FaWNTy-GrH3SBX1bQ9M_jyoK4t4JR9NensZ/s50/blogger_off.png');
$('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfYZvuY8I8JZ32D2sAI6n10GcL5HTvAMzT1BtUVpbq_Tdh7NqFCjLfLTsKMI2WT6kt8qVR2ARFcVFQ3Wz3EhGO2d4jCA-BZYo5C1okvUomwhL7umRxFTXw04i0Z6B17dc-PXc16P6AFwKm/s50/plus_on.png');
});
$('#comments-norm').hover(
// switch to normal comments displaying
function(){
if (!$('#comments-norm').hasClass('comment-on')){ $('#comments-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwqDvUtYLivxDbxX8bnxO8taaySp0fha6GqUzmsLxqd54_gPiteOr39ZAMyCD-vThy71oEnjjAhyl2SWgSKepiGOdMvZTe6gFFsN8UdR3d-5fcXoMBHrowVChGa-8VSkoqaFN7ZTNHzlYm/s50/blogger_on.png');}
}, function(){
if (!$('#comments-norm').hasClass('comment-on')){ $('#comments-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1A4DR59K3rBODKjVfdPqdH80_A_9WYTac0PTTAxrcK_QqxrQeD5JuuEI9VUDrumQV4KUwG17Wkh0CkMnRSNsgh7FQrTvey9NChzzVb5k_FaWNTy-GrH3SBX1bQ9M_jyoK4t4JR9NensZ/s50/blogger_off.png');}
}
);
$('#comments-gplus').hover(
// switch to gplus comments displaying
function(){
if (!$('#comments-gplus').hasClass('comment-on')){ $('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfYZvuY8I8JZ32D2sAI6n10GcL5HTvAMzT1BtUVpbq_Tdh7NqFCjLfLTsKMI2WT6kt8qVR2ARFcVFQ3Wz3EhGO2d4jCA-BZYo5C1okvUomwhL7umRxFTXw04i0Z6B17dc-PXc16P6AFwKm/s50/plus_on.png');}
}, function(){
if (!$('#comments-gplus').hasClass('comment-on')){ $('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaFgg7C0_7v0ZxlVGaz0sgj23r1-99weRbkLB4PUqmp8HyU2dTJa4VbgQrDzOOLE-ASZiqUEfYvnA0x1AUynW2t1AY3Y_GcDKC7ksj5iJiHXD4AYAkYbIJOBv93VvPoC8lpVXaCsNEib1/s50/plus_off.png');}
}
);
</script>
<style>
#gcontainer {
display: none;
}
#comments-norm, #comments-gplus {
cursor: pointer;
padding: 0px 5px;
float: left;
}
#comment-header {
padding-left: 10px;
float: left;
width: 595px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
margin-left: 25px;
padding-bottom: 5px;
margin-right: 25px;
}
#gcontainer {
margin-left: 40px;
margin-top:20px;
float: left;
}
</style>
مثل ما فى الصورة
ثم ابحث عن الكود التالى
]]></b:skin>
أذا ما وجد مع البحث ابحث عن الكوت التالى مع توسيع القالب مثل ما عملنه فى السابق
</b:skin>
أضف فوقه مباشر هذا الكود
/*****************************************
Bloggerheroe.com Blogger and G+ Comment System
******************************************/
#comments-norm, #comments-gplus {
cursor: pointer;
padding: 0px 5px;
float: left;
}
#comment-header {
padding-left: 10px;
float: left;
width: 595px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
margin-left: 25px;
padding-bottom: 5px;
margin-right: 25px;
}
#gcontainer {
margin-left: 40px;
margin-top:20px;
float: left;
}
.commentwith h5 {
text-transform: uppercase;
font-family: 'Oswald', Arial, Helvetica, sans-serif;
font-size: 24px;
color:#1BA1E2;
font-weight: normal;
line-height: 25px;
margin-bottom: 35px;
float: left;
margin: 15px;
}
ثم أبحث عن الكود التالى
<div class='post-footer-line post-footer-line-1'>
ملحوظة : سوف تجد الكواد اكثر من وحد الكواد الثانى صو المقصود
أضف الكود تحته مباشر
<b:if cond='data:blog.pageType == "item"'>
<div id='comment-header'>
<div class='commentwith'><h5><b>أضف تعليق </b></h5></div>
<img class='comment-on' id='comments-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwqDvUtYLivxDbxX8bnxO8taaySp0fha6GqUzmsLxqd54_gPiteOr39ZAMyCD-vThy71oEnjjAhyl2SWgSKepiGOdMvZTe6gFFsN8UdR3d-5fcXoMBHrowVChGa-8VSkoqaFN7ZTNHzlYm/s50/blogger_on.png' title='view Blogger comments'/>
<div class='commentwith'><h5><b>OR</b></h5></div>
<image id='comments-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaFgg7C0_7v0ZxlVGaz0sgj23r1-99weRbkLB4PUqmp8HyU2dTJa4VbgQrDzOOLE-ASZiqUEfYvnA0x1AUynW2t1AY3Y_GcDKC7ksj5iJiHXD4AYAkYbIJOBv93VvPoC8lpVXaCsNEib1/s50/plus_off.png' title='view Google+ comments'/>
<div class='commentwith'><h5><b> اكتب شئ</b></h5></div>
</div>
</b:if>
غير ما بالوان الاحمر بالعبارة الزى تعجبك
ثم اعمل حفظ أذا كان ليك اى استفسار اضف تعليقاتك وسوف يتم الرد عليك فى اقرب وقت
ممنوع نقل الموضوع بدون زكر المصدر : مدونة بلوجر توب
مشكور اخي علي الشرح الوافي
ردحذفشكر على واجب اخى الفاضل اهلا بيك فى المدونة
حذفسلام عليكم اخي انا اريد متل تعليقات لي عندك تعليقات بلوجر و جوجل بلس و فيسبوك ارجوك كيف اعمل لهل
ردحذفاهلا said nasir اخى الفاضل سوف يتم الشرح فى الايام القاديمة ان شاء الله
ردحذف