كن مهووس: تغير شكل التعليقات لشكل احترافى V1

أفضل المواضيع
  • قالب كن مهووس v3
  • أحدث وأضخم باتشات PES 2010 لعام 2016 باخر الانتقالات والاضافات الرهيبة
  • قالبي تدوين وماتلاين المدفوعين على بيكاليكا {تحديث}
  • قالب مدونة نكهة الاصلى مجانا بدون مشاكل
  • Stronghold Crusader 2 The Templar and The Duke-CODEX
  • هذه هي كافة أجهزة سوني التي ستدعم تحديث الأندرويد "مارشميلو 6.0" الجديد
  • تشغيل نت مجانى على خط فودافون
  • اضافة واجهة احترافية v2
  • اضافة صفحة الخطا v2
  • قالب كن مهووس v2 مجانا
نشر في
تغير شكل التعليقات لشكل احترافى V1
كتب بواسطة
عدد التعليقات
10 التعليقات

اهلا بكم زوار ومتابعى مدونة كن مهووس. تعليقات المدونة من اهم الاضافات ومن اهم شى فى القالب ايضا حيث يمكن الزائر او المتابع ان يعطى رائيه او يستفسر عن شىزولكن الاهم من ذلك هو شكل التعليقات فمن خلال شكل التعليقات يحدد الزائر روعة قالب وليس شكل التعليقات فقط ولكن القالب بحد ذاته يعبر عن مدى روعة مدونتك, لذلك قررنا ونشر صندوق التعليقات الخاص بمدونتنا لكى يستفيد من الكل وتعطى جمالية على قوالبكم

شرح طريقة التركيب

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(&apos;comments&apos;);return false;'>Show comments - اظهار التعليقات</a>
<div class='clear'/>
        <div class='comments hide-content' id='comments'>
<a class='hiddencontent' href='#' id='comments-hide' onclick='showComm(&apos;comments&apos;);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>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
&#160;
<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'>
&lt;div class=&#39;comment_inner comment_admin&#39;&gt;
<b:else/>
&lt;div class=&#39;comment_inner&#39;&gt;
</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='&quot;item-control &quot; + data:comment.adminClass'/>
</b:if>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+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'/>
&lt;/div&gt;
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='&quot;r_f_&quot;+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>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
&#160;
<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={&amp;#39;maxThreadDepth&amp;#39;:&amp;#39;0&amp;#39;};</b:if>
Config.maxThreadDepth=3;Display_Emo=true;Replace_Youtube_Link=false;Replace_Image_Link=false;Replace_Force_Tag=false;Replace_Image_Ext=[&#39;JPG&#39;,&#39;GIF&#39;,&#39;PNG&#39;,&#39;BMP&#39;];Emo_List=[&#39;:)&#39;,&#39;http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/ktLPs0sF0zM/s1600/smile.png&#39;,&#39;:(&#39;,&#39;http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Ykfh8PqPa74/s1600/Frown.png&#39;,&#39; =(&#39;,&#39;http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/HmgkQTi81jc/s1600/berduka.gif&#39;,&#39;^_^&#39;,&#39;http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/ggiVnSMQWEc/s1600/sm_smile.gif&#39;,&#39; :D&#39;,&#39;http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/upslDYz1T3o/s1600/laugh.png&#39;,&#39;=D&#39;,&#39;http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM9i3ANzAh4/s1600/Laughing.png&#39;,&#39;=)D&#39;,&#39;http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/NfPqVrNVV-E/s1600/Yuck.png&#39;,&#39;|o|&#39;,&#39;http://1.bp.blogspot.com/-VzxVDD6dmB4/Usv09aIonRI/AAAAAAAAax0/ETH5TeQiIpA/s1600/applause-yahoo-emoticon.gif&#39;,&#39;@@,&#39;,&#39;http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V9qG-QRDslU/s1600/bingung.gif&#39;,&#39; ;)&#39;,&#39;http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1zzRy8EUC5A/s1600/cool.png&#39;,&#39;:-bd&#39;,&#39;http://2.bp.blogspot.com/-vfCgwSm88J4/Usv6OF4cZQI/AAAAAAAAayo/S46Z5eUFmzA/s1600/thumbs-up-yahoo-emoticon.gif&#39;,&#39;:-d&#39;,&#39;http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif&#39;,&#39; :p&#39;,&#39;http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/dKyvB1R6F8I/s1600/capede.gif&#39;,&#39;:ng&#39;,&#39;http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/MFuTw6CkbfI/s1600/ngakak.gif&#39;,&#39;:lv&#39;,&#39;http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/jadn4_Ji8js/s1600/heart.png&#39;,];Force_Tag=[&#39;[pre]&#39;,&#39;&lt;pre&gt;&#39;,&#39;[/pre]&#39;,&#39;&lt;/pre&gt;&#39;,&#39;&lt;pre class=&quot;brush: plain; title: ; notranslate&quot; title=&quot;&quot;&gt;&#39;,&#39;&amp;lt;code&amp;gt;&#39;,&#39;&lt;/pre&gt;&#39;,&#39;&lt;/code&gt;&#39;];eval(function(p,a,c,k,e,r){e=function(c){return(c&lt;a?&#39;&#39;:e(parseInt(c/a)))+((c=c%a)&gt;35?String.fromCharCode(c+29):c.toString(36))};if(!&#39;&#39;.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return&#39;\\w+&#39;};c=1};while(c--)if(k[c])p=p.replace(new RegExp(&#39;\\b&#39;+e(c)+&#39;\\b&#39;,&#39;g&#39;),k[c]);return p}(&#39;3 o=\&#39;.1c\&#39;;3 1b=$(\&#39;#O-19\&#39;).G(\&#39;A\&#39;);u 1l(F){3 1j=\&#39; \\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\&#39;;E(3 i=0;i&lt;F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\&#39;#1P .1i p\&#39;).j(u(y,7){9(1J){3 l=\&#39;1v://13.V.W/1y?v=\&#39;;3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\&#39;&amp;\&#39;);3 N=\&#39;\&#39;;9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\&#39;&lt;1u B=&quot;1T&quot; A=&quot;1v://13.V.W/1U/\&#39;+N+\&#39;?1V=1&quot; 1W=&quot;0&quot; 2w&gt;&lt;/1u&gt;\&#39;;7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\&#39;1Z://13.V.W/1y?v=\&#39;;8=7.d(l)}}}9(21){3 Z=\&#39;\&#39;;3 s=7;E(3 i=0;i&lt;1w.5;i++){3 l=\&#39;.\&#39;+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=\&#39;2h://\&#39;;3 w=m.d(q);3 I=\&#39;\&#39;;D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\&#39;2n://\&#39;;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==\&#39;\&#39;||k.5&lt;6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\&#39;&lt;10 A=&quot;\&#39;+k+\&#39;&quot; B=&quot;2r&quot;/&gt;\&#39;;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&lt;5;i+=2){3 S=\&#39;&lt;10 A=&quot;\&#39;+x[i+1]+\&#39;&quot; B=&quot;1B&quot;/&gt;\&#39;;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&lt;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});$(\&#39;.1K\&#39;).j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\&#39;\&#39;;E(3 i=0;i&lt;5;i+=2){3 1e=\&#39;&lt;1f&gt;\&#39;+x[i]+\&#39;&lt;/1f&gt;\&#39;;3 S=\&#39;&lt;10 A=&quot;\&#39;+x[i+1]+\&#39;&quot; B=&quot;1B&quot;/&gt;\&#39;;12+=\&#39;&lt;Q B=&quot;1O&quot;&gt;\&#39;+S+1e+\&#39;&lt;/Q&gt;\&#39;}z 12}});$(\&#39;.1g .1i p\&#39;).j(u(i,h){T=h.M();y=T.d(\&#39;@&lt;a U=&quot;#c\&#39;);9(y!=-1){14=T.d(\&#39;&lt;/a&gt;\&#39;,y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\&#39;c\&#39;);9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\&#39;&amp;1X=\&#39;+g+\&#39;#%1n\&#39;;1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\&#39;\&#39;);o=\&#39;.1c\&#39;;$(o).j(j);$(\&#39;#O-19\&#39;).G(\&#39;A\&#39;,1b)}u 1q(e){g=$(e).G(\&#39;15\&#39;);g=1k(g);j=$(o).j();9(o==\&#39;.1c\&#39;){1s=\&#39;&lt;a U=&quot;#1t&quot; 27=&quot;1p()&quot;&gt;\&#39;+28.29+\&#39;&lt;/a&gt;&lt;a 2a=&quot;1t&quot;/&gt;\&#39;;$(o).j(1s)}Y{$(o).j(\&#39;\&#39;)}o=\&#39;#2b\&#39;+g;$(o).j(j);$(\&#39;#O-19\&#39;).G(\&#39;A\&#39;,1m(g))}16=2d.2e.U;17=\&#39;#O-2g\&#39;;18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\&#39;#2j\&#39;+1x)}E(3 i=0;i&lt;P.5;i++){9(\&#39;1z\&#39;2m P[i]){3 g=P[i].1z;3 1a=2o($(\&#39;#c\&#39;+g+\&#39;:L\&#39;).G(\&#39;1C\&#39;));$(\&#39;#c\&#39;+g+\&#39; .2q:L\&#39;).j(u(y,7){3 H=P[i].15;9(1a&gt;=2s.2t){$(\&#39;#c\&#39;+H+\&#39;:L .2u\&#39;).1h()}3 K=$(\&#39;#c\&#39;+H+\&#39;:L\&#39;).j();K=\&#39;&lt;Q B=&quot;1g&quot; 15=&quot;c\&#39;+H+\&#39;&quot; 1C=&quot;\&#39;+(1a+1)+\&#39;&quot;&gt;\&#39;+K+\&#39;&lt;/Q&gt;\&#39;;$(\&#39;#c\&#39;+H).1h();z(7+K)})}}&#39;,62,157,&#39;|||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&#39;.split(&#39;|&#39;),0,{}))
var avatar=$(&quot;#comments&quot;);avatar.find(&#39;.comment_avatar img&#39;).each(function(){var ava=$(this).attr(&#39;src&#39;);$(this).show().attr(&#39;src&#39;,ava.replace(/\/s[0-9]+(\-c)?\//,&quot;/s45-c/&quot;));});</script>
</b:includable>
4- ابحث عن <b:includable id='threaded-comment-form' var='post'>...</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 == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + 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 == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + 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:&#39;&#39;;position:absolute;top:3px;right:15px;border:5px solid transparent;border-right-color:#e83e3b}</style>
<span class='comment-msg'><strong>يسعدنا تفاعلكم بالتعليق&#1548; لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق</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(&apos;konversi-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;none&apos;' title='إظهار محول الأكواد'>محول الأكواد</a></span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=&apos;inline-block&apos;' title='إخفاء محول الأكواد'>محول الأكواد</a></span>
</span>
<span class='small-button'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='إظهار الإبتسامات'>الإبتسامات</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='إخفاء الإبتسامات'>الإبتسامات</a></span>
</span>
</p>
<div id='konversi-box'>
<textarea id='codes' placeholder='Write/paste the code here then click &apos;Conversion&apos;' 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 == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + 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 == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + 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(&#39;<data:post.appRpcRelayPath/>&#39;,&#39;<data:post.communityId/>&#39;);</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}
6- إبحث عن <b:include data='post' name='threaded_comments'/> ثم غيره بالكود التالي قد تجد الكود متكرر غيرهم بأكملهم
<b:include data='post' name='comments'/>
7- احفظ القالب
اذا واجهتك مشكلة او للاستفسار فباب التعليقات مفتوح وكذلك ركن الاسئلة للطلبات والشات
avatar

أين هو الكود في الخيار الثالث

delete 19‏/7‏/2016 9:24 م
avatar

اقرا جيدا
هناك زر يقول لك اضغط لمشاهدة الكود

delete 19‏/7‏/2016 9:51 م
avatar

تاكد اخى من عدم وجود هذا الكود

ان وجدته استبدله بالموجود فى الخطوة الاخيرة

delete 23‏/7‏/2016 1:37 ص
avatar

اخي اين الاضافات التي قلت لك عليها

delete 23‏/7‏/2016 8:39 م
avatar

اذا طلبت منى شى وانا نسيت يمكنك طلبها مرة اخرى عبر صفحة اطلب اضافتك

delete 23‏/7‏/2016 10:29 م
avatar

اخي انظر الي شكل التعليقات قمت بجميع الخطواط وليس مثل شكل تعليقات مدونتك
رابط المعاينة
http://amni3.blogspot.com.eg/2016/07/Logo-By-AmrKhaled.html

delete 27‏/7‏/2016 4:52 م
avatar

تاكد اخى من حذف ستايل التعليقات القديمة
والخطوة الاخيرة فهى مهمة جدا
واذا لم تنجح راسلنا على صفحة اطلب اضافتك

delete 27‏/7‏/2016 6:05 م
avatar

[pre] <div class='comment_emo_list'/>

delete 14‏/4‏/2017 6:22 م

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1-أن يكون التعليق خاص بمحتوى التدوينة
2-أن لا تضع أي روابط خارجية
3-لاضافة كود حوله اولا بمحول الاكواد
4-أي سؤال خارج محتوى التدوينة يرجى التواصل معنا عبر صفحتنا


محول الاكواد الابتسامات





اخبار الهواتف الذكيه
    فريق العمل

    Milad Shenouda

    Front-End Developer

    السيد ابراهيم

    مدير الموقع ومصمم فوتوشوب

    انضم الينا

    مدون محترف

    انضم الينا

    مدون محترف

    اعجب بصفحتنا على الفيسبوك
    ماذا تنتظر !!!
    أنضم الى اعضاء مدونة
    كن مهووس | هوسنا هو سر ابداعنا
    تابعنا الان على تويتر
    فنحن الافضل

    جميع الحقوق محفوظة

    كن مهووس

    2018

    تكويد وتطوير