السلام عليكم مرة اخرى من إضافات بلوجر سأطرح لكم طريقة تغيير شكل التعليقات بشكل احترافي لطالما لاحظت العديد من
القوالب الجميلة تفتقر دائما لشكل التعليقات السيئ جدا كأن مصمم القالب لا يأبه لشكل التعليقات وفي الحقيقة من أساسيات التصميم
إتخاذ أدق التفاصيل في كل شيئ ، ولهذا اقدم لكم إضافات لتحسيين قوالبكم ، ومع اضافة اليوم هي خاصة بالتعليقات بشكل عام
تحتوي الإضافة على زر الرد مع زر حذف التعليق مع خاصية إضافة ملاحظة أيضا تحديد الأدمين وحده ليكسب شكل خاص به
أيضا مرفق معه الإبتسامات .. ولكي تفهمو ما أتكلم عنه سأضع المعاينة
_______________________________________
مثال مباشر
______________________________________
6. غيره بالكود التالي :
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.numComments == 0'> 0 التعليقات لــ "<data:blog.pageName/>" </b:if>
<h3>
<b:if cond='data:post.numComments == 1'> 1 التعليقات لــ "<data:blog.pageName/>"</b:if>
<b:if cond='data:post.numComments > 1'> <data:post.numComments/> التعليقات لــ "<data:blog.pageName/>"</b:if>
</h3>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.commentPagingRequired'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
<span class='paging-control-container'>
 
<data:post.commentRangeText/>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
</span>
</b:if>
<div class='clear'/>
<div id='comment_block'>
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_header'>
<div class='comment_avatar_wrap'>
<div class='comment_avatar'>
</div>
<div class='comment_body'>
<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>
<span class='comment_arrow'/>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<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 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'/>
</b:if>
<span class='comment_service'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhtFVlMqHENOEAZoW6Vix5_A54kbRniTSk6IxQktymJ7z224bOL4fWFqX7-Z5ggwJcFCytGSTOPifzy3sYURlvxd9hCmtKX9rtc5-M0K3fAn0HdV_DTRHoZdH6nX7nif0qv2XqsEfzXh8/s1600/delete4.png' title='حذف التعليق'/>
</a>
</div>
<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><data:comment.body/></p>
<div class='clear'/>
</b:if>
</div>
<div class='clear'/>
<div class='clear'/>
<div class='comment_child'/>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
<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.newestLinkUrl'><data:post.newestLinkText/></a>
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
</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)
}
//]]>
Replace_Image_Link = true;//Auto replace link image, ketik "false" untuk mendisable.
</script>
<script async='async' expr:src='data:post.commentSrc' 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 = 6;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
':D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg1GlfivOC82ZUQGOnL8DwrnG8jkVMH02PiEJOiitTvPNYh02XEa17CvqG_h5ZEySTtoqAOfydVbgXbcglLkwkkmschyphenhyphenQ8rFcidEh4orvWMSwz027F4zQzzBU_Sp1KfpmlehGCAR4wz2Q/s1600/icon_smile.gif',
Replace_Force_Tag = true;//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 = [
':)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLcVjlbxnY9EYBwkrjBbxWRCbMaj6sJ7dthHj5D79_X11qb-glJY8oUg5MpnCWaE1mJGzkkG4LNimv3M0qUdW5H618G6AqI2v0FOVERqwf9u9TUTDV1q2-O6WMzWLY8OlrQL2h-SnFHho/s1600/smile1.gif',
':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvIkefKYqoUVzmhUMPCr8CAUz9_a_LTPTGapGTDYA6meBH6C6qVHHxzfVKqOQVk4nqavaLrYAlj7CymR0jd64gGYdk9m7H2_nYlrhNSDT8dKbVM8QyyO5mVriGGcyXPcxYIgjDGWIsrT0/s1600/sad.gif',
'=(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmzdHG_nX_p0XuF9SvQTILnNWycKkRRZavr21JO3p4XNvnVO01sjWpjCG0gD18NKx_JGhWfLl_qwhnmoS7qdYjeMaFZIYLBQB0DN3L2TZzxZ3kYOa-ECgsOCCVGroCow5q35EfwceXgiA/s1600/sadanimated.gif',
'^_^' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibc3i56Kdozpxwn3Foafd4KG3oEL0KbZ2xv2TEoFPoo9yU3LQIoDINkOxllsQJtke4TwNA7LGuPed1El4HOIU8ApE7CDomBVHjm40G3wzMAfjBjY681N2q0N_YniVnoeRx7cLBbtCkCvc/s1600/smile.gif',
':a01:', 'http://www.freesmileys.org/smileys/smiley-laughing021.gif',
'=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJfYr-PhojgIls2z8IHUhsSGGMncq3vRJ-PWHGz4oDNJIwSLAK9V7ptmWQz_-hamL5gAlHxS5Iq6HugL4AkX5ZOt9xMfcSy_b9x8vNclm_XXpTplHt8RhyphenhyphenU2NaNbKcdIUHoOyJV2v50VU/s1600/hihi.gif',
'|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH8poaD7nGldTqSHsJUAqzazmIiCXuiy4YyZ6-6nJKvgNhATuWcyi4yHUn3irPO2dukhyphenhyphencLHXaO2cpqPME0plJVKQHxknqQpJePd1cyjAyRv_V6CGbIItkyNLB-66mCWeiPmDUbBMuxK0/s1600/applause.gif',
'@@,' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5cgoq7v2FmOgDHo1FDZlatdrG_nqOtrqZm09MyOXw0-NX32XxbxONr_31lXN4DmzeOdi251tOyg1X_sYasYm6UySP9Bx6Y-ra7JB-HB539E3q4N59SxCwI9gS_QkaJBIQo3FqHaH2U_0/s1600/rolleyes.gif',
';)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwXCGOgSG1CudabYJyH3sycRpUhB1NrVtNrGP_WWSQuzad2gToAasxpZ8zAYjcA0QuTeGNxrLNJ9lsMKdpiaFgp8SiSiTL-stiU45Yrl9wEBrYAkL6-voqIMb3qwsyec55qjuXNLUpKkE/s1600/wink.gif',
':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh59cE7k6OVCC8H0gwOldgzNsUgpz0-rzJGKdZLu_B4YKVnbGp02coEaem2ObZbncYfPcRaQa_tocMcm7u7Cx0SDSmb2XggGQB-YUBr-GUq8sgTlPnIqYzf3_q8BtEclrOQhrBIoIVqgl4/s1600/thumb.gif',
':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhugujBHAOBOsx7j9qR4OuSmV4Y-FJhrjkVUWE7P1-Uue8GJ_f9PiAV0S_PBGBnCu7I2gds_p7Z3Hz5XZbUheZAwtjxji-0V0SIsIi27vDIG_oi6skbrc23W6jmaehjQIfiEpTn0sXqlKg/s1600/thumbsup.gif',
':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmDWnllqtFkJ-fGJzzGJlSXoY3RZwBezfWrY1uDuvrR2O_wMi2_34K1bk-RLXvw9xIjlTqL89uARazLdszl9KmEy-f8YXgQ59HNbPA4IxIqvVh80hfIIzHFTx7S8wxZ_IAxSe5igDo3L4/s1600/wee.gif',
':b02:', 'http://www.freesmileys.org/smileys/smiley-signs003.gif',
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 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
':c03:', 'http://www.freesmileys.org/smileys/smiley-signs001.gif',
':d04:', 'http://www.freesmileys.org/smileys/smiley-love008.gif',
':e05:', 'http://www.freesmileys.org/smileys/smiley-scared009.gif',
':f06:', 'http://www.freesmileys.org/smileys/smiley-shocked004.gif',
':g07:', 'http://www.freesmileys.org/smileys/smiley-devil09.gif',
':h08:', 'http://www.freesmileys.org/smileys/smiley-confused005.gif',
];
//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>'
];
//]]>
</script>
</b:includable>
الخطوة الأخيرة حفظ العمل ومبروك عليك شكل التعليقات الجديد 
ليست هناك تعليقات :
إرسال تعليق
=a= =b= =c= =d= =e= =f= =g= =h= =j= =k= =l= =m= =n= =o= =p= =q= =w= =x= =y= =z=