القائمة الرئيسية

الصفحات

دمج تعليق مدونة بلوجر مع تعليق جوجل بلس 2013

السلام عليكم ورحمه الله بركاته يسرنى أن أقدم لكم أحث الاضافات  فى مدونة بلوجر توب هذا الاضافة مميزة للغاية دمج تعليق جوجل  
بلس مع تعليق المدونة مثل الاضافة دمج تعليق الفيس بوك مع تعليق المدونة رائت الاضافة فعله التعليقات على منصة مدونة، أنها تسمح للقراء (زائر) التعليق على بلوق الخاص بك باستخدام حساب 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(&#39;gcomments&#39;, {
    href: window.location,
    width: &#39;570&#39;,
    first_party_property: &#39;BLOGGER&#39;,
    view_type: &#39;FILTERED_POSTMOD&#39;
});
$(&#39;#comments-norm&#39;).click(function(){
// switch to normal comments displaying
$(&#39;#gcontainer&#39;).css(&#39;display&#39;,&#39;none&#39;);
$(&#39;#comments&#39;).css(&#39;display&#39;,&#39;block&#39;);
$(&#39;#comments-norm&#39;).addClass(&#39;comment-on&#39;);
$(&#39;#comments-gplus&#39;).removeClass(&#39;comment-on&#39;);
$(&#39;#comments-norm&#39;).attr(&#39;src&#39;,&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwqDvUtYLivxDbxX8bnxO8taaySp0fha6GqUzmsLxqd54_gPiteOr39ZAMyCD-vThy71oEnjjAhyl2SWgSKepiGOdMvZTe6gFFsN8UdR3d-5fcXoMBHrowVChGa-8VSkoqaFN7ZTNHzlYm/s50/blogger_on.png&#39;);
$(&#39;#comments-gplus&#39;).attr(&#39;src&#39;,&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaFgg7C0_7v0ZxlVGaz0sgj23r1-99weRbkLB4PUqmp8HyU2dTJa4VbgQrDzOOLE-ASZiqUEfYvnA0x1AUynW2t1AY3Y_GcDKC7ksj5iJiHXD4AYAkYbIJOBv93VvPoC8lpVXaCsNEib1/s50/plus_off.png&#39;);
});
$(&#39;#comments-gplus&#39;).click(function(){
// switch to google plus comments displaying
$(&#39;#comments&#39;).css(&#39;display&#39;,&#39;none&#39;);
$(&#39;#gcontainer&#39;).css(&#39;display&#39;,&#39;block&#39;);
$(&#39;#comments-norm&#39;).removeClass(&#39;comment-on&#39;);
$(&#39;#comments-gplus&#39;).addClass(&#39;comment-on&#39;);
$(&#39;#comments-norm&#39;).attr(&#39;src&#39;,&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1A4DR59K3rBODKjVfdPqdH80_A_9WYTac0PTTAxrcK_QqxrQeD5JuuEI9VUDrumQV4KUwG17Wkh0CkMnRSNsgh7FQrTvey9NChzzVb5k_FaWNTy-GrH3SBX1bQ9M_jyoK4t4JR9NensZ/s50/blogger_off.png&#39;);
$(&#39;#comments-gplus&#39;).attr(&#39;src&#39;,&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfYZvuY8I8JZ32D2sAI6n10GcL5HTvAMzT1BtUVpbq_Tdh7NqFCjLfLTsKMI2WT6kt8qVR2ARFcVFQ3Wz3EhGO2d4jCA-BZYo5C1okvUomwhL7umRxFTXw04i0Z6B17dc-PXc16P6AFwKm/s50/plus_on.png&#39;);
});
$(&#39;#comments-norm&#39;).hover(
// switch to normal comments displaying
function(){
if (!$(&#39;#comments-norm&#39;).hasClass(&#39;comment-on&#39;)){ $(&#39;#comments-norm&#39;).attr(&#39;src&#39;,&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwqDvUtYLivxDbxX8bnxO8taaySp0fha6GqUzmsLxqd54_gPiteOr39ZAMyCD-vThy71oEnjjAhyl2SWgSKepiGOdMvZTe6gFFsN8UdR3d-5fcXoMBHrowVChGa-8VSkoqaFN7ZTNHzlYm/s50/blogger_on.png&#39;);}
}, function(){
if (!$(&#39;#comments-norm&#39;).hasClass(&#39;comment-on&#39;)){ $(&#39;#comments-norm&#39;).attr(&#39;src&#39;,&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1A4DR59K3rBODKjVfdPqdH80_A_9WYTac0PTTAxrcK_QqxrQeD5JuuEI9VUDrumQV4KUwG17Wkh0CkMnRSNsgh7FQrTvey9NChzzVb5k_FaWNTy-GrH3SBX1bQ9M_jyoK4t4JR9NensZ/s50/blogger_off.png&#39;);}
}
);
$(&#39;#comments-gplus&#39;).hover(
// switch to gplus comments displaying
function(){
if (!$(&#39;#comments-gplus&#39;).hasClass(&#39;comment-on&#39;)){ $(&#39;#comments-gplus&#39;).attr(&#39;src&#39;,&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfYZvuY8I8JZ32D2sAI6n10GcL5HTvAMzT1BtUVpbq_Tdh7NqFCjLfLTsKMI2WT6kt8qVR2ARFcVFQ3Wz3EhGO2d4jCA-BZYo5C1okvUomwhL7umRxFTXw04i0Z6B17dc-PXc16P6AFwKm/s50/plus_on.png&#39;);}
}, function(){
if (!$(&#39;#comments-gplus&#39;).hasClass(&#39;comment-on&#39;)){ $(&#39;#comments-gplus&#39;).attr(&#39;src&#39;,&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLaFgg7C0_7v0ZxlVGaz0sgj23r1-99weRbkLB4PUqmp8HyU2dTJa4VbgQrDzOOLE-ASZiqUEfYvnA0x1AUynW2t1AY3Y_GcDKC7ksj5iJiHXD4AYAkYbIJOBv93VvPoC8lpVXaCsNEib1/s50/plus_off.png&#39;);}
}
);
</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 == &quot;item&quot;'>
 <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> 

غير ما بالوان الاحمر بالعبارة الزى تعجبك 


ثم اعمل حفظ أذا كان ليك اى استفسار اضف تعليقاتك وسوف يتم الرد عليك فى اقرب وقت
ممنوع نقل الموضوع بدون زكر المصدر : مدونة بلوجر توب

Comments

4 comments
Post a Comment
  1. مشكور اخي علي الشرح الوافي

    ReplyDelete
    Replies
    1. شكر على واجب اخى الفاضل اهلا بيك فى المدونة

      Delete
  2. سلام عليكم اخي انا اريد متل تعليقات لي عندك تعليقات بلوجر و جوجل بلس و فيسبوك ارجوك كيف اعمل لهل

    ReplyDelete
  3. اهلا said nasir اخى الفاضل سوف يتم الشرح فى الايام القاديمة ان شاء الله

    ReplyDelete

Post a Comment

يمنع نشر التعليقات ذات الروابط الدعائية أو تعليقات بإسلوب غير لائق أو التى تحتوى على معلومات شخصية كالبريد الإلكترونى
أعتذر عن الرد على طلبات التوزيع لضيق الوقت أو التبادل الإعلانى

لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

التنقل السريع
    -->