تعليقات جوجل ميزه جميله وأيضا تحديث جديد ورائع لنظام تعليقات المدونات , والتى تعطى ايضا رباط قوى بين قراء المدونه . وهذا النظام من التعليقات لا يعطى شكلا فقط او غطاء بشكل جديد للتعليقات ولكن ايضا ولكن يقوم بالرب بين اى مدونه اى مدونه اخرى وهذه ميز ه اضافيه. وهذا النظام يعطى لهم التعليقات والمناقشات بشكل أسرع من تعليقات بلوجر العاديه. بالرغم من سرعته الا قبل ان تترك تعليق لابد من ان تكون مسجلا فى جوجل . وبالنسبه لبعض المدونين يقومون بفتح تعليقات جوجل فقط نظرا لسرعتها ولكن لا ترغم زوارك على انهم يروا شكل واحد ولكن كن متميز :] .
اليوم قد قمت بوضع تعليقات جوجل + فى تعليقات جوجل ولكن لا أخسر ايضا النظام القديم من تعليقات البلوجر فقد جمعتهم معا .
والزوار يختارون ما يشاؤن اذا كان جوجل + او تعليقات بلوجر فى أن واحد .
ما هى عيوب نظام تعليقات جوجل + ؟
- عندما يريد الزار التعليق على موضوع ما فأنه لابد من ان يكون مسجلا فى جوجل ليتم فتح الخدمه له والتعليق .
- نظام تعليق جوجل + يعتمد على لينك الموقع , عكس الفيسبوك يقوم على التطبيق الذى تقوم بوضع رقمه فى مدونتك واذا غيرت اللينك لا يتأثر .
- لا يقوم بأرسال اشعارت الى ايميلك على جوجل لينبهك ان احد قام بكومنت او ما شابه
- اذا قام احد بعمل تعليق مزعج فانه ينشر وانت عندما تراه تمسحع ليس كتعليقات جوجل القديمه يتم الاشراف عليها .
الحل :
الخطوه الاولى : عليك بعمل نسخه احتياطيه من قالبك . ثم تذهب الى القالب --> تحرير القالب --> واضغط فى الصندوق الذى به الاكواد CTRL+
F ثم ابحث عن هذا الكود
الخطوه الثانيه : بعد ما وجدت الكود الذى بالاعلى قم بوضع مكانه هذا الكود الذى بالاسفل (تذكر ان تكون الاكواد مغلقه جيداا كما قلت حتى لاتحدث اخطاء)
الخطوه الثالثه : نبحث عن هذا الكود ايضا كما فعلنا فى الكود سابق
الخطوه الرابعه : نقوم بأستبدال الكود الذى بالاعلى بالكود الذى فى الاسفل
الخطوه الخامسه : بعد تنفيذ كل التعليمات التى ذٌكرت الان عليك بعمل حفظ للقالب :] .
مبروك الان ركبت نظام تعليقات جوجل + مع تعليقات بلوجر العاديه فى ان واحد :] .
<b:includable id='threaded_comments' var='post'>
.
.
.
.
</b:includable>
الخطوه الثانيه : بعد ما وجدت الكود الذى بالاعلى قم بوضع مكانه هذا الكود الذى بالاسفل (تذكر ان تكون الاكواد مغلقه جيداا كما قلت حتى لاتحدث اخطاء)
<b:includable id='threaded_comments' var='post'>
<div id='comment-header'>
<div class='commentwith'>
<h5 style="
margin-right: 348px;
margin-bottom: -33px;
">
:Comment With
</h5>
</div>
<img class='comment-on' id='comments-norm' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGx8ViVXMkrpEtZlFjmsU1JAEVRpC5bK3j-1__x6VGmr8u5wSoe8N2vilUXFYdVRryipYZCGoKp_GpFy9QlE2BitDwbkB6a72sUpwUgXjHLl-ZlAhJ2Ca3dVX5Z-IxWapzVt8ilDMzx_v/s50/blogger_on.png' title='view Blogger comments'/>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTzldfuj__yFjZgVoVfdWoeSIHLFyOzQrwbME5nxso_pVRhkwHNj1sk_wr4dR-oCY_3O8LbXeh4Oi1b-k4O7O2HsiAjjvjnIFdEcl0LDL3gXQM5Schwri4udmV5ooLr2ZapqUrp5LVtPyf/s1600/cloud_comment+(1).png'/>
<image id='comments-gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgposEv-xQ7wB8Oknmz4jNm0dvgb8jkJIpRa_Y0nd2LjxZn681ahJfeKDfuYD31GgD-zigwyAnHQc9dKYPKpLWS-mkLyiy2sAd3xWuOAFvH-YqlQe2T1W-1f448X-Qlp9XHUwnzb-oCPei2/s50/plus_off.png' title='view Google+ comments'/>
<div class="wascopyright" style="
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
">
<a href='http://www.waseeela.blogspot.com' id='wascopyright'>
Get this widget
</a>
</div>
<div class="commentwiith" style="
margin-left: 342px;
margin-top: -65px;
margin-bottom: 19px;
">
<h8>
!Choose Wisely
</h8>
</div>
</div>
<div id='comment-zone'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<data:post.commentLabelFull/>
:
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
<div id='gcontainer'>
<div id='gcomments'/>
</div>
<script src='http://apis.google.com/js/plusone.js'/>
<script src='https://googledrive.com/host/0B3NdRzgm9wnpRFlRVzFUSGtILWM'/>
<script>
gapi.comments.render('gcomments', {
href: window.location,
width: '600',
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/AVvXsEhuGx8ViVXMkrpEtZlFjmsU1JAEVRpC5bK3j-1__x6VGmr8u5wSoe8N2vilUXFYdVRryipYZCGoKp_GpFy9QlE2BitDwbkB6a72sUpwUgXjHLl-ZlAhJ2Ca3dVX5Z-IxWapzVt8ilDMzx_v/s50/blogger_on.png');
$('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgposEv-xQ7wB8Oknmz4jNm0dvgb8jkJIpRa_Y0nd2LjxZn681ahJfeKDfuYD31GgD-zigwyAnHQc9dKYPKpLWS-mkLyiy2sAd3xWuOAFvH-YqlQe2T1W-1f448X-Qlp9XHUwnzb-oCPei2/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/AVvXsEg_eS6RuMX3-J07IevdJiECokB4bq3BaT9xa6RtQU0hTdnFfXdIH798E75kRms_KfTSd9Qdk7EqGmTuDaC9cFpyvCDzmevYK5dAZH90aO4jK9d4DP_JV9iTCwkjXYe3bpo1XIR9p34hbFWC/s50/blogger_off.png');
$('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgdhYWdYNMhbGoVC_x1Fa1pnBdGl9BJp0ujHFWEFWYPfT-qsuABQ3Z82jQQx9urbFy-SDNA4GLjS2oBGuhTV_6nI42lIWX2AOyZivlHPXXwHlAAhIqoj5gW7ogcUixxIGHUuawbz9ddal7/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/AVvXsEhuGx8ViVXMkrpEtZlFjmsU1JAEVRpC5bK3j-1__x6VGmr8u5wSoe8N2vilUXFYdVRryipYZCGoKp_GpFy9QlE2BitDwbkB6a72sUpwUgXjHLl-ZlAhJ2Ca3dVX5Z-IxWapzVt8ilDMzx_v/s50/blogger_on.png');}
}, function(){
if (!$('#comments-norm').hasClass('comment-on')){ $('#comments-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_eS6RuMX3-J07IevdJiECokB4bq3BaT9xa6RtQU0hTdnFfXdIH798E75kRms_KfTSd9Qdk7EqGmTuDaC9cFpyvCDzmevYK5dAZH90aO4jK9d4DP_JV9iTCwkjXYe3bpo1XIR9p34hbFWC/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/AVvXsEjgdhYWdYNMhbGoVC_x1Fa1pnBdGl9BJp0ujHFWEFWYPfT-qsuABQ3Z82jQQx9urbFy-SDNA4GLjS2oBGuhTV_6nI42lIWX2AOyZivlHPXXwHlAAhIqoj5gW7ogcUixxIGHUuawbz9ddal7/s50/plus_on.png');}
}, function(){
if (!$('#comments-gplus').hasClass('comment-on')){ $('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgposEv-xQ7wB8Oknmz4jNm0dvgb8jkJIpRa_Y0nd2LjxZn681ahJfeKDfuYD31GgD-zigwyAnHQc9dKYPKpLWS-mkLyiy2sAd3xWuOAFvH-YqlQe2T1W-1f448X-Qlp9XHUwnzb-oCPei2/s50/plus_off.png');}
}
);
</script>
<style>
#comment-zone {
position: relative;
}
#gcontainer {
display: none;
}
#comments-norm, #comments-gplus {
cursor: pointer;
padding: 0px 14px;
}
#comment-header{
clear:both; margin:24px -64px;
padding:0 10px 0 10px;
padding: 10px;
width: 703px;
margin-bottom: 20px;
}
</style>
</div>
</b:includable>
الخطوه الثالثه : نبحث عن هذا الكود ايضا كما فعلنا فى الكود سابق
<b:includable id='comment_picker' var='post'>
.
.
.
.
</b:includable>
الخطوه الرابعه : نقوم بأستبدال الكود الذى بالاعلى بالكود الذى فى الاسفل
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='threaded_comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
الخطوه الخامسه : بعد تنفيذ كل التعليمات التى ذٌكرت الان عليك بعمل حفظ للقالب :] .
مبروك الان ركبت نظام تعليقات جوجل + مع تعليقات بلوجر العاديه فى ان واحد :] .
ملحوظه : حتى تظهر تعليقات جوجل و بلوجر العاديه معا من الضرورى ان يكون الموضوع حاصل على الاقل 1 تعليق حتى يظهر . المواضيع التى لا يوجد فيها تعليقات ستسمر بالاختفاء وليس من الضوروى ان تفعل تعليقات جوجل على مدونتك فقد دع الامور تجرى كما فى الموضوع بسهوله ودون تعقيد :] .
0 التعليقات:
إرسال تعليق