تغير شكل تعليقات بلوجر Css 2017

اليوم في موضوع تحت الطلب طلبه مني احد الزوار في قسم اضافات بلوجر سنتطرق اليوم عن طريقة تغيير شكل تعليقات بلوجر الى شكل احترافي وأنيق 2017 ...
أنا مركب التعليقات في المدونة يمكنك معاينتها في الصفحات . فهي اعجبت الكثير من زوار المدونة و أحببت ان اشارك معكم الطريقة .

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

الخطوة الأولي :

لا تنسى أخذ نسخة احتياطية من القالب .
اذهب الى تحرير و ابحث عن الكود :

]]></b:skin>
ضع فوقع مباشرة الكود التالي :

#comments{
margin-top:15px;
padding:15px;
background-color:#fff;
margin-bottom:30px;
box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
#comments h4{text-align: right;font-weight: 500;font-size: 16px;padding-bottom: 10px;border-bottom: 2px solid #ccc;line-height: 24px;position: relative;color: #0099ff;margin-bottom: 20px;}
#comments h4::before {content: "";position: absolute;height: 2px;width: 32px;background-color: #0099ff;bottom: -2px;left: initial!important;right: 0;}
#comments h4:after {content: "\f0e5";display: block;background-color: #0099ff;font-family: FontAwesome;height: 28px;width: 32px;line-height: 28px;font-size: 14px;text-align: center;border-radius: 2px;float: right;margin-right: 0;margin-left: 10px;color: #FFF;}
.paging-control-container{text-align:center;width:100%;float:right;margin-bottom:20px;margin-top:10px}
.paging-control{background-color:#3B5998;color:#fff;padding:10px;height:40px;line-height:13px;display:inline-block}
.unneeded-paging-control{color:#FFFFFF;background-color:#343434;padding:10px;height:40px;line-height:13px;display:inline-block}
.comment_inner.comment_admin{margin-top:10px}
.comment_header{float:right}
.comment_avatar{width:65px;height:65px;float:right;margin-left:15px}
.comment_avatar img{
width: 100%;
height: 100%;
border-radius: 50%;
border: 3px solid #0099ff;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}
.comment_body{
overflow: hidden;
border: 1px solid #ccc;
margin-bottom: 20px;
background-color: #eee;
margin-right: 80px;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}
.comment_name{
border-bottom: 1px solid #ccc;
padding: 5px 10px 0px 5px;
background-color: #fff;
overflow: hidden;
line-height: 32px;
}
.comment-content{font-size:15px;color:#555;padding:20px;text-align:justify;background-color:#ddd}
.deleted-comment{font-size:15px;color:#555;display:block;padding:10px 20px 20px 20px}
.comment_author_flag{display:inline-block;width:initial;margin:2px 12px 0 0;color:#FFF;font-size:13px;background:#DD4B39;padding:0 5px 0px 5px;border-radius:2px}
.comment_service{float:left}
.comment-delete{
padding: 2px 10px;
display: inline-block;
border-radius: 2px;
float: left;
margin-right: 5px;
margin-bottom: 10px;
color: #FFFFFF;
background: #0099ff -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#2dabff 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent);
line-height: 26px;
margin-top: 2px;
font-size: 13px;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}
#comments .comment_reply{
font-size: 18px;
display: inline-block;
margin-top: 10px;
padding: 0;
color: #fff;
text-align: center;
width: 100%;
border-radius: 30px 30px 30px 30px;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.19);
background: #0099ff -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#2dabff 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent);
}
.comment_avatar_wrap{width:65px;background:#fcfcfc;text-align:center}
#comments .comment-form p{background:#ddd;padding:0 15px 10px 15px;margin:5px 0 15px;color:rgba(0,0,0,.8);font-size:15px;line-height:normal;border-radius:3px;position:relative;max-width:100%;border:1px solid #ccc}
#emo-box,#hide-emo{display:none}
.small-button a,.small-button1 a{
background: #0099ff -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#2dabff 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent);
color:#fff;font-size:13px;cursor:pointer;margin:15px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-radius:3px;display:inline-block;padding:5px 10px;box-shadow:0 1px 2px rgba(0,0,0,0.1)
}
.comment_emo_list .item{
float:right;
display:block;
text-align:center;
margin:5px 5px 0 0;
width:50px;
border-radius:2px;
height:65px
-webkit-transition: -webkit-transform 400ms cubic-bezier(0.175,0.885,0.32,1),box-shadow 400ms cubic-bezier(0.175,0.885,0.32,1);
-moz-transition: -moz-transform 400ms cubic-bezier(0.175,0.885,0.32,1),box-shadow 400ms cubic-bezier(0.175,0.885,0.32,1);
transition: transform 400ms cubic-bezier(0.175,0.885,0.32,1),box-shadow 400ms cubic-bezier(0.175,0.885,0.32,1);
background: #0099ff -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#2dabff 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent);
}
.comment_emo_list span{display:block;margin:5px 0 5px 0;letter-spacing:1px;color:#fff}
.comment_emo{width:25px;height:25px;margin-bottom:-10px}
.comment_wrap{
background: #fafafa;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #0099ff #0099ff #0099ff #0099ff;
padding: 10px;
margin-bottom: 10px;
}
.comment_wrap:before {
text-align: center;
position: relative;
content: 'الردود';
left: 8px;
top: -6px;
font-size: 18px;
padding: 5px 20px;
padding-left: 8px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent;
}
#comment_block {
overflow: auto;
background: #f5f7f7;
overflow-x: hidden;
}
.comment_inner.comment_admin {
margin-top: 10px;
}
.comment_date {
font-size: 14px;
color: #555;
}
.comment_inner.comment_admin .comment_avatar img {
border-radius: 0;
border: 3px solid #375e97;
}
.comment_inner.comment_admin .comment_reply {
background: #375e97!important;
}
.comment_inner.comment_admin .comment_body {
border: 1px solid #fff;
}
.comment_inner.comment_admin .comment_name {
border-bottom: 0 solid #ccc;
background: #0099ff -webkit-linear-gradient(45deg,rgba(255, 255, 255, 0.05) 25%,transparent 25%,transparent 50%,#2dabff 50%,rgba(255, 255, 255, 0) 75%,rgba(230, 70, 70, 0) 75%,transparent);
}
.comment_inner.comment_admin .comment_name a {
color: #fff;
}
.comment_inner.comment_admin .comment_author_flag {
background: #385e95;
}
.comment_inner.comment_admin .comment-delete {
background: #375e97;
}
.comment_inner.comment_admin .comment-content {
color: #fff;
background: -webkit-linear-gradient(left, rgba(45, 69, 98, 0.65) 0%, #2d4562 100%), -webkit-linear-gradient(left, #4d90fe 0%, #666 100%);
}

الخطوة الثانية :

ركز جيدا معي : ابحث عن الكود التالي :

<b:includable id='comment_picker' var='post'>
و قم بتحديده كاملا بدون فتحه : ولما تحدده ضع بدلا منه الكود التالي :
ملاحظة التحديد يكون هكذا :

<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>

الخطوة الثالثة :

قم بالبحث ع الكزود التالي :

<b:includable id='comments' var='post'>
وقم ب التحديد عليه ب الكامل دون فتحه : ولما تحدده غيره بالكود التالي :

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div 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_header'>
<div class='comment_avatar_wrap'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
<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>
<div class='clear'/>
</div>
<div class='comment_body'>
<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>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'> الكاتب <i class='fa fa-check-circle' title='Verified Author'/></span>
</b:if>
<span class='comment_service'>
<a class='comment-delete' expr:href='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'>
حذف
</a>
<span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
<data:comment.timestamp/>
</a></span>
</span>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p class='comment-content'>
<data:comment.body/>
</p>
<div class='clear'/>
</b:if>
</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'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div class='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') {
//output the script (load it from google api)
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 = {'maxThreadDepth':'0'};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
Replace_Image_Link = false;//Auto replace link image, ketik "false" untuk mendisable.
Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
//Pengaturan Emoticon
Emo_List = [
':)' ,'http://twemoji.maxcdn.com/36x36/1f600.png',
':(' ,'http://twemoji.maxcdn.com/36x36/1f615.png',
'hihi' ,'http://twemoji.maxcdn.com/36x36/1f601.png',
':-)' ,'http://twemoji.maxcdn.com/36x36/1f60f.png',
':D' ,'http://twemoji.maxcdn.com/36x36/1f603.png',
'=D' ,'http://twemoji.maxcdn.com/36x36/1f62c.png',
':-d' ,'http://twemoji.maxcdn.com/36x36/1f604.png',
';(' ,'http://twemoji.maxcdn.com/36x36/1f61e.png',
';-(' ,'http://twemoji.maxcdn.com/36x36/1f62d.png',
'@-)' ,'http://twemoji.maxcdn.com/36x36/1f616.png',
':o' ,'http://twemoji.maxcdn.com/36x36/1f62e.png',
':>)','http://twemoji.maxcdn.com/36x36/1f606.png',
'(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png',
':p' ,'http://twemoji.maxcdn.com/36x36/1f614.png',
':-?' ,'http://twemoji.maxcdn.com/36x36/2753.png',
'(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png',
':-s' ,'http://twemoji.maxcdn.com/36x36/1f625.png',
'8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',
':-t' ,'http://twemoji.maxcdn.com/36x36/1f624.png',
':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',
'b-(' ,'http://twemoji.maxcdn.com/36x36/1f635.png',
'(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png',
'x-)' ,'http://twemoji.maxcdn.com/36x36/1f60d.png',
'(h)' ,'http://twemoji.maxcdn.com/36x36/1f44f.png',
'(:V)' ,'https://static.xx.fbcdn.net/images/emoji.php/v7/ef4/1/24/PACMAN.png',
];
//Config Force tag list, define all in lower case
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notranslate" title="">','<code>',
'</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'>
وقم بتحديده كاملا بدون فتحه و تغيره ب الكود التالي :

<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/><br/>
<span class='small-button1'>
<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='emo-box'><div class='comment_emo_list'/></div>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>

-------------------------------------------

لا تسى مشاركة الموضوع
-------------------------------------------
( اذا واجهتك مشاكل اتركها كتعليق. )

------------------------------------------

أقسام الموضوع : اضافات بلوجر

فـريـق عـمـل الموقع :

زاتو للمعلوميات ، هو موقع يقدم ، شروحات ، برامج ، العاب ، أخبار ، و الكثير ... يعمل عليه فريق عمل مكون من ثلاث أشخاص يقدمون كل ماهو مفيد و جديد بأبسط الطرق ، هدفهم أثراء المحتوى العربي و تصحيح كل ماهو مخطأ . أشترك في الموقع لتتوصل بكل ماهو جديد مباشرة على بريدك الألكتروني . حـصـريـا أكـثـر من 3 ثلاث مـواضيتع متعـلـقـة بـ الألعاب يوميا ...