تغير شكل التعليقات لشكل احترافى V1
اهلا بكم زوار ومتابعى مدونة كن مهووس. تعليقات المدونة من اهم الاضافات ومن اهم شى فى القالب ايضا حيث يمكن الزائر او المتابع ان يعطى رائيه او يستفسر عن شىزولكن الاهم من ذلك هو شكل التعليقات فمن خلال شكل التعليقات يحدد الزائر روعة قالب وليس شكل التعليقات فقط ولكن القالب بحد ذاته يعبر عن مدى روعة مدونتك, لذلك قررنا ونشر صندوق التعليقات الخاص بمدونتنا لكى يستفيد من الكل وتعطى جمالية على قوالبكم
شرح طريقة التركيب
1- خذ نسخة احتياطية من القالب لتجنب حدوث اى مشاكل او اخطاء (لوحة التحكم => قالب => نسخ احتياطى / استعادة => تنزيل النموذج الكامل)2- افتح القالب من تحرير html
3- إبحث عن <b:includable id='comments' var='post'>...</b:includable> ثم غيره بالكود التالي
* ملاحظة : إذ لم تجده إبحث عن <b:includable id='comments' var='post'>
<b:includable id='comments' var='post'>
<script type='text/javascript'>
//<![CDATA[
// Show and Hide Comments
function showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};
//]]>
</script>
<style>
/* Show and Hide Comments */
.hide-content{display:none;margin:0;padding:0;}
a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#29567D;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s}
#comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s}
a.showcontent:hover{background:#fff;color:#5593f0;}
#comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}
</style>
<a class='showcontent' href='#' id='comments-show' onclick='showComm('comments');return false;'>Show comments - اظهار التعليقات</a>
<div class='clear'/>
<div class='comments hide-content' id='comments'>
<a class='hiddencontent' href='#' id='comments-hide' onclick='showComm('comments');return false;'>Hide comments - اخفاء التعليقات</a>
<div class='clear'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3>
<b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
<a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'> <data:commentLabelPlural/></a>
</b:if>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_body'>
<div class='comment_header'>
<div class='comment_avatar_wrap'>
</div>
<div class='clear'/>
</div>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<div class='comment_author_flag'>المدير</div>
</div>
<span class='comment_service'>
<span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
<data:comment.timestamp/>
</a></span>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<b:if cond='data:post.numComments == 1'>
<div expr:class='"item-control " + data:comment.adminClass'/>
</b:if>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='رد'>رد</a>
<div class='clear'/>
</b:if>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div class='comment_form' id='comment-form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>/*<![CDATA[*/if(typeof(jQuery)=='undefined'){document.write("<scr"+"ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr"+"ipt>");}/*]]>*/</script>
<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' type='text/javascript'/>
<script type='text/javascript'><b:if cond='data:post.numComments != 0'>
var Items=<data:post.commentJso/>;var Msgs=<data:post.commentMsgs/>;var Config=<data:post.commentConfig/>;<b:else/>
var Items={};var Msgs={};var Config={&#39;maxThreadDepth&#39;:&#39;0&#39;};</b:if>
Config.maxThreadDepth=3;Display_Emo=true;Replace_Youtube_Link=false;Replace_Image_Link=false;Replace_Force_Tag=false;Replace_Image_Ext=['JPG','GIF','PNG','BMP'];Emo_List=[':)','http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png',':(','http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Ykfh8PqPa74/s1600/Frown.png',' =(','http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/HmgkQTi81jc/s1600/berduka.gif','^_^','http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/ggiVnSMQWEc/s1600/sm_smile.gif',' :D','http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/upslDYz1T3o/s1600/laugh.png','=D','http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM9i3ANzAh4/s1600/Laughing.png','=)D','http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/NfPqVrNVV-E/s1600/Yuck.png','|o|','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioVBycBrWGoiZ_UA0A4tLOk-WCnSPASEqLqlhmSbMycIhyphenhyphenNTykTL5JlSldYdjvfYJhrHpaPPYb9bw_SsgHizmJeJi5900cubkDNllSWTgWNWLnIuVMj5uageqw0un7kjDXDQbWxKHSUWmW/s1600/applause-yahoo-emoticon.gif','@@,','http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V9qG-QRDslU/s1600/bingung.gif',' ;)','http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1zzRy8EUC5A/s1600/cool.png',':-bd','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyITWikOaaMuJiP6aYooGpXuHQwtmOsmDYq3mNjTgLU4KB-hd-pUNNLcGCBRPRUle-p78dmduZTjMYG9izo502-x15ito0K01z8mHHQ1xIciVOhNU71-6nMnaUyTNdqRosX0AIk3afroPA/s1600/thumbs-up-yahoo-emoticon.gif',':-d','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQncHaYQGJjl9z0ZdHkWlt3HRCxc6hewDwaRk35yo3N-HuipRz3aVQjo5gaVtQfaaJ6jA_2-91XjjJqsy1Eyt9El7BtAKTYUHjoB9J3CjoFbMCRmn_peU67begw2JBTcfpifjfIu3XHiY/s1600/thumbsup.gif',' :p','http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/dKyvB1R6F8I/s1600/capede.gif',':ng','http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/MFuTw6CkbfI/s1600/ngakak.gif',':lv','http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/jadn4_Ji8js/s1600/heart.png',];Force_Tag=['[pre]','<pre>','[/pre]','</pre>','<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;','</pre>','</code>'];eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))
var avatar=$("#comments");avatar.find('.comment_avatar img').each(function(){var ava=$(this).attr('src');$(this).show().attr('src',ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));});</script>
</b:includable>
* ملاحظة : إذ لم تجده إبحث عن نصفه كما بالسابق
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<div id='form-wrapper'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<b:else/>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
<style>.comment-msg{padding:8px 6px 8px}.comment-msg b{background:#e83e3b;color:#fff;float:right;font:bold 12px/16px tahoma;height:16px;margin-left:10px;margin-top:2px;text-align:center;width:16px;position:relative}.comment-msg b:before{content:'';position:absolute;top:3px;right:15px;border:5px solid transparent;border-right-color:#e83e3b}</style>
<span class='comment-msg'><strong>يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق</strong><br/>
<b>1</b>أن يكون التعليق خاص بمحتوى التدوينة<br/>
<b>2</b>أن لا تضع أي روابط خارجية<br/>
<b>3</b>لاضافة كود حوله اولا بمحول الاكواد <br/>
<b>4</b>أي سؤال خارج محتوى التدوينة يرجى استخدام <a href='http://web3-night.blogspot.com/p/blog-page_29.html' rel='nofollow' target='_blank'>ركن الأسئلة</a></span>
<span class='small-button' style=' margin-top: -13px;'>
<span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById('konversi-box').style.display='inline-block';document.getElementById('hide-konversi').style.display='inline-block';document.getElementById('show-konversi').style.display='none'' title='إظهار محول الأكواد'>محول الأكواد</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById('konversi-box').style.display='none';document.getElementById('hide-konversi').style.display='none';document.getElementById('show-konversi').style.display='inline-block'' title='إخفاء محول الأكواد'>محول الأكواد</a></span>
</span>
<span class='small-button'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='إظهار الإبتسامات'>الإبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='إخفاء الإبتسامات'>الإبتسامات</a></span>
</span>
</p>
<div id='konversi-box'>
<textarea id='codes' placeholder='Write/paste the code here then click 'Conversion'' spellcheck='false'/>
<span class='button-group'>
<button id='cvrt' onclick='cdConvert();this.disabled = true;'>تحويل</button>
<button onclick='cdClear();'>مسح</button>
</span>
<span class='checkbox'>
<input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/> <input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/> <input checked='' id='opt5' type='checkbox'/></span>
</div>
<div id='emo-box'>
<div class='comment_emo_list'/>
</div>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
</div>
</b:if>
</div>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>','<data:post.communityId/>');</script>
</div>
</b:includable>
5- ابحث عن ]]></b:skin> وضع هذا الستايل قبله
* ملاحظة : تاكد اولا من حذف ستايل التعليقات القديم
/*================================
التعليقات
================================*/
#comments{background:url(http://champion.stylemixthemes.com/wp-content/themes/champion/assets/images/pre_footer_bg.jpg);clear:both;margin:20px auto 0;line-height:1em;padding:20px;width:93%;background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed!important}#comments h3{background:#EBB409;display:inline;line-height:20px;margin-bottom:20px;margin-top:0;font-family:Electrolize,ge_ss_threeregular;font-size:14px;position:absolute;color:#fff;font-weight:500;text-transform:uppercase;padding:10px 50px 10px 20px}#comments h3:before{font-family:fontawesome;content:"margin-left:10px;font-size:20px;padding:10px 15px;position:absolute;right:0;top:0}#comments .click-comment{float:left;text-decoration:none;display:inline;line-height:20px;margin-bottom:20px;margin-top:0;font-family:Electrolize,ge_ss_threeregular;font-size:14px;color:#FFF;font-weight:500;text-transform:uppercase;background:#3D4D65;padding:10px 20px}#comments .click-comment:hover{background:#444;color:#fff;border-color:#fff}.comment_avatar_wrap{width:0;height:42px;border:none;background:none;text-align:center;padding:0}#comments .comment_avatar{display:non;width:42px;height:42px;max-width:42px;max-height:42px;padding:4px;text-align:center;position:absolute;top:5px;left:32px;border-radius:50%}#comments .comment_admin .comment_avatar{display:non;width:42px;height:42px;max-width:42px;max-height:42px;padding:4px;text-align:center;position:absolute;top:4px;left:80px;border-radius:50%}#comments .comment_avatar img{width:42px;height:42px;max-width:42px;max-height:42px;background:url(http://1.bp.blogspot.com/-SL82Yj_MkdE/VCNlr5Q1nWI/AAAAAAAAGf8/xzhe3TPouok/s1600/anonim.png) no-repeat;border-radius:50%;margin-top:-5px}.comment_avatar img{width:42px;height:42px;background:url(http://1.bp.blogspot.com/-SL82Yj_MkdE/VCNlr5Q1nWI/AAAAAAAAGf8/xzhe3TPouok/s1600/anonim.png) no-repeat;border-radius:50%}.comment_name a{font-family:Electrolize,ge_ss_threeregular;font-weight:500;font-size:15px;padding:5px 0;color:#fff;text-decoration:none}.comment_name a:hover{color:#f9f9f9}.comment_child .comment_name a{color:#fff}.comment_child .comment_name a:hover{color:#e6ae48}.comment_admin .comment_name{font-weight:500;font-size:16px;font-family:Electrolize,ge_ss_threeregular;text-decoration:none;background:none;padding:5px 0}.comment_admin .comment_date{right:10px;font-weight:500;font-size:11px}.comment_name{font-size:16px;font-family:Electrolize,ge_ss_threeregular;font-weight:400;padding:0 10px;position:absolute;right:5px;top:5px;display:inline;line-height:35px;transition:all .3s ease-in-out}.comment_name:hover{color:#f9f9f9}.comment_admin .comment_name{padding:0 10px;right:5px;top:5px;display:inline}.comment_service{position:absolute;bottom:8px;right:8px}.comment_date a{right:0;font-size:11px;font-weight:400;text-transform:none;color:#aaa;text-decoration:none}.comment_body{margin:20px 0;background:#fff;padding:0;position:relative;border-radius:4px}.comment_body p{line-height:1.6em;color:#000;font-size:14px;font-family:Electrolize,ge_ss_threeregular;word-wrap:break-word;padding:20px;background:url(http://3.bp.blogspot.com/-OyzQu9koSfM/VWjkGeFqzwI/AAAAAAAAAUM/9eOOIv2I61I/s1600/pattern-bg%2B%25281%2529.png)}.comment_child .comment_body p{color:#444}.comment_body p img{vertical-align:middle;margin:0 5px;width:20px}.comment_inner{padding-bottom:5px;margin:5px 0}.comment_child .comment_wrap{padding-right:7%}.comment_child .comment_body{margin-top:-15px;background:#fafafa}a:visited{color:#fff;text-decoration:none}.comment_reply{float:left;display:inline;color:#FFF!important;text-align:center;text-decoration:none;background:#1AAF46;font:11px/18px Electrolize,ge_ss_threeregular;padding:3px 11px;margin:10px 5px 10px 10px;border:double #DFDFE1}.comment_reply:hover{text-decoration:none!important;background:#e6ae48;color:#fff!important;text-shadow:none}.comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0}.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:500;font-family:Electrolize,ge_ss_threeregular;font-size:15px;color:#444}#comment-editor{width:103%!important;background:url('http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif') no-repeat 50% 25%;position:relative;max-height:211px;margin-top:-15px}.comment-form p{background:#2c3135;color:#fff;font-size:14px;font-family:Electrolize,ge_ss_threeregular;line-height:1.5em;margin-bottom:20px;padding:15px}.comment_reply_form{padding:0 7% 0 0}.comment_reply_form .comment-form{width:100%}.comment_emo_list .item{float:right;text-align:center;height:40px;width:41px;margin:0 0 10px}.comment_emo_list .item img{width:auto}.comment_emo_list span{display:block;font-weight:400;font-size:11px;color:#fff}.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}.comment_img{max-width:100%!important}#respond{overflow:hidden;padding-right:10px;clear:both}.comment-delete{position:absolute;display:none;top:0;left:-25px;color:red!important;text-align:center;text-decoration:none;font-family:Electrolize,ge_ss_threeregular;font-size:16px;font-weight:500;padding:0;opacity:.7;transition:all .3s ease-in-out}.comment_body:hover .comment-delete{display:none!important}.comment-delete:hover{color:#444!important}.unneeded-paging-control,.comment_author_flag{display:none}.comment_admin .comment_author_flag{display:inline;background:rgba(0,0,0,0.2);font-family:Electrolize,ge_ss_threeregular;font-size:12px;font-weight:700;width:42px;height:15px;left:6px;bottom:0;color:#fff;text-align:center;padding:3px 10px;margin-right:10px;border-radius:2px;text-transform:uppercase}.comment_child .comment_admin .comment_author_flag{background:rgba(0,0,0,0.2);color:#fff}.spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;display:inline-block;padding:10px 15px!important}.deleted-comment{display:table;color:#444;word-wrap:break-word;background:transparent;padding:20px 0;font-size:13px;font-family:Electrolize,ge_ss_threeregular;font-style:normal;text-align:center;margin:0 auto 20px}iframe{border:none;overflow:hidden}.paging-control-container{text-align:center;margin:0 25% 0 0}.paging-control-container a{text-align:center;margin:0 auto;background:#444;padding:5px 10px;color:#fff;transition:all .3s ease-in-out}.paging-control-container a:hover{background:#e6ae48;color:#fff}.comment_header{background:#CF4140;padding:2px 0;border:2px dashed;box-shadow:0 0 0 2px #cad3df}a:hover{color:#d84747!important;text-decoration:none}.comment_child .comment_header{background:#1AAF46;padding:2px 0}#konversi-box,#hide-konversi,#emo-box,#hide-emo{display:none}#konversi-box{width:100%;color:#eee;background:none;line-height:1.6em;margin-bottom:20px;padding:0;text-align:right}.checkbox{font:11px Tahoma,Verdana,Arial,Sans-Serif;line-height:1.6em;color:#eee}#codes{border:none;width:98.5%;height:200px;display:block;background-color:#444;color:#eee;font:normal 12px 'margin:7px 0 10px;padding:8px;transition:all .5s linear}#codes:focus{background-color:#444;color:#fff;border:none;outline:none;transition:all .3s linear}.button-group{float:left;text-align:right;margin:0 auto}button,button[disabled]:active{border:none;font-size:12px;font-family:Electrolize,ge_ss_threeregular;font-weight:400;padding:4px 10px;text-decoration:none;background:#4288cc;color:#fff;display:inline-block;transition:all .5s linear;cursor:pointer;border:1px solid #4084c5}button:hover{background:#fff;color:#4288cc;transition:all .2s linear}button:active{background:#fff;color:#4288cc}button[disabled],button[disabled]:active{color:#fff;cursor:default}#opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;vertical-align:middle;border:none;outline:none;margin:0 0 0 10px}.small-button a,.small-button1 a{font-size:12px;font-family:Electrolize,ge_ss_threeregular;cursor:pointer;font-weight:400;margin:10px 0 5px 5px;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;background-color:#fff;padding:4px 10px;cursor:pointer;transition:all .5s linear}.small-button:hover a,.small-button1:hover a{text-shadow:none;display:inline-block;background-color:#fff;color:#666;transition:all .2s linear}span.small-button{text-align:right;display:inline-block}
<b:include data='post' name='comments'/>
اذا واجهتك مشكلة او للاستفسار فباب التعليقات مفتوح وكذلك ركن الاسئلة للطلبات والشات
أين هو الكود في الخيار الثالث
ردحذفاقرا جيدا
حذفهناك زر يقول لك اضغط لمشاهدة الكود
لم تنجح معي
ردحذفتاكد اخى من عدم وجود هذا الكود
حذفان وجدته استبدله بالموجود فى الخطوة الاخيرة
اخي اين الاضافات التي قلت لك عليها
حذفاذا طلبت منى شى وانا نسيت يمكنك طلبها مرة اخرى عبر صفحة اطلب اضافتك
حذفاخي انظر الي شكل التعليقات قمت بجميع الخطواط وليس مثل شكل تعليقات مدونتك
ردحذفرابط المعاينة
http://amni3.blogspot.com.eg/2016/07/Logo-By-AmrKhaled.html
تاكد اخى من حذف ستايل التعليقات القديمة
ردحذفوالخطوة الاخيرة فهى مهمة جدا
واذا لم تنجح راسلنا على صفحة اطلب اضافتك
[pre]
ردحذف[pre] <div class='comment_emo_list'/>
ردحذف