Membuat Pesan Khusus Pada Komentar

Kali ini kita akan memberikan sentuhan hangat pada para komentator di blog dengan memberikan pesan singkat berupa Ucapan terimakasih atau sejenisnya seketika saat komentator tersebut memberikan komentar .
Ini sangat simpel sekali dan kesan yang diberikan juga tidak terlalu penting namun hangat .
Tentu saja , Interaksi yang hidup dari pemilik blog kepada para pengunjung tentu akan menjadi nilai plus dimata netter . Dan untuk meciptakan kesan seperti itu salah satunya adalah dengan menambahkan pesan khusus pada komentator .

Oke daripada bingung dengan kalimat saya , lebih baik kita pelajari sekarang juga .

Untuk membuat apa yang saya bicarakan ini sebelumnya anda harus mengaktifkan Threaded Comment dulu di blog anda dengan mgnikuti petunjuk dibawah ini .

Aktifasi Threaded Comment

1. Masuk ke menu template di dasbor anda buka edit HTML . Kemudian cari kode dibawah ini


<b:include data='post' name='threaded_comments'/>

2. Kemudian ganti semua kode diatas pada template anda dengan kode dibawah ini


<b:include data='post' name='comments'/>

3. Cari kode ]]></b:skin> dan letakkan kode Css dibawah ini tepat diatasnya


#comments {}
#comments h3 {margin-bottom:15px;font-size:18px;}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
background:#fcfcfc;
padding:4px;
border-radius: 2px;
text-align:center;
margin-bottom:20px;
}
#comments .avatar-image-container {
float: left;
margin: 0 10px 0 0;
width: 42px;
height: 42px;
max-width:42px;
max-height:42px;
padding: 0;
margin-bottom:10px;
}
#comments .avatar-image-container img {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5QV7sCubLeh1Cblgg3ezHRrBkhNX2AYe4Xhyphenhyphen0kd8ZAJXgX2OFiPkOO3pwcqPuFieCtShXSMnePsnfRjwFoXSv3Ug10kf4-S80Tcysl0cUhtM788KMIT5IVa_wJx3Zd4Lfa8Ihag5XBl0G/s1600/anon.jpg) no-repeat;
}
.comment_name a {
font-weight: bold;
padding: 5px 0 0 0;
font-size: 13px;
text-decoration: none;
}
.comment_admin .comment_name  {
font-weight: bold;
padding: 10px;
font-size: 13px;
text-decoration: none;
background:#eee;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#eee;
padding:10px;
font-size:13px;
font-weight:bold;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
margin-top:-3px;
}
.comment_date a{
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
}
.comment_date a:hover{
color: #a9a9a9;
text-decoration:none;
}
.comment_body{
margin-left:66px;
margin-top: -72px;
background:#fcfcfc;
border:1px solid #d1d1d1;
padding:10px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #666;
border:1px solid #eee;
font-size: 13px;
word-wrap:break-word;
background:#fff;
padding:10px;
}
.comment_inner {
padding-bottom: 5px;
margin: 5px 0 5px 0;
}
.comment_child .comment_wrap {padding-left: 7%;}
.comment_reply {
display: inline-block;
margin-top:8px;
margin-left:-5px;
padding: 1px 12px;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 2px;
background: #bababa;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #056b95;
}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#comment-editor {width:103%!important;background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-size: 15px;
}
.comment_form a:hover {text-decoration: underline;}
.comment-form p {
background: #666;
padding: 10px;
margin: 5px 0 5px 0;
color: #eee;
font-size: 13px;
line-height: 20px;
width:97%;
border-radius:3px;
position:relative;
}
.comment-form p:after{
content:"";
width:0;
height:0;
position:absolute;
bottom:-16px;
left:15px;
border:8px solid transparent;
border-color:#666 transparent transparent;
}
.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list{
display:none;
}
.comment_emo_list .item {
float: left;
text-align: center;
margin: 10px 10px 0 0;
height: 40px;
width:41px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important;}
.deleted-comment {
padding: 10px 10px 10px 10px;
display: block;
color: #CCC;
}
.comment_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCAHromkI9csMazlJedUUCXNAVSvvDPf-z4temjoRRHsVZoFhyphenhyphenMTEtpTbLuP9b60BbIkTxRtS0eenDUQQLQdHuBX_xU-D764r1jO9PFy2BmWR5YtGecf51R0ynu8thqek8PjIhgwCp3tg/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -19px;
}
.comment_header{width:50px}
#respond {
overflow: hidden;
padding-left: 10px;
clear: both;
}
.comment_avatar img{width:42px;height:42px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5QV7sCubLeh1Cblgg3ezHRrBkhNX2AYe4Xhyphenhyphen0kd8ZAJXgX2OFiPkOO3pwcqPuFieCtShXSMnePsnfRjwFoXSv3Ug10kf4-S80Tcysl0cUhtM788KMIT5IVa_wJx3Zd4Lfa8Ihag5XBl0G/s1600/anon.jpg) no-repeat}
.comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuUZrMgnGgS05kkbl8-Bb9qlxxInEOUSD4W3t1-4mR8ZLEAVJQG9R_DruxzyzTPOt8nXus_FCt2Lit3Um1SeoxmV3I1y4gKDI6MBsmIqVWPzeOf80Wj4cl0YyMroE-q2GusS4One1ERs8/s1600/author.png)no-repeat;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}
iframe{border:none;overflow:hidden}

4. Kemudian ganti semua kode dibawah ini


<b:includable id='comments' var='post'>...</b:includable>

dengan kode baru dibawah ini :


 <b:includable id='comments' var='post'>
<div class='comments' id='comments'>
 <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>
  </b:if>
              
  <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>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    &#160;
    <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'>
       &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_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='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
     </div>
                        
     <div class='clear'/>
    </div>
        
    <div class='comment_body'>
                                      <span class='comment_arrow'/>
     <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'>Admin</span>
       </b:if>  
                  <span class='comment_service'>
      <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicYG7rcVKuOI4vRqL7h3YBdewPRX91gesePbEZQPOlwvNjtC6xgN-_bW_ZfanPo85loLCMKNWl7Z_izV3Iuj8lEB9HZnfncQjjlgfZMkAawEjiKbFdJpV61kwPg87IHK6Tvuc0It_Jm2I/s1600/delete4.png' title='Hapus Komentar'/>
</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><data:comment.body/></p>
                        <div class='clear'/>
                     
     </b:if>
                                                     
    </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'><data:post.oldestLinkText/></a>
       &#160;
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
       &#160;
       <data:post.commentRangeText/>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
       &#160;
       <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'>  
      <div class='comment_emo_list'/>
     <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' 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 = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
        </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
        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 = [
        ':)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9OBSHBD9_YCeK0nqCoOzhSiDbB3Rw0flRwyXA0S_4aBMXqm8e7_4CQgUVwKO4PUZ4A5XwgZdy0UyYQZ_m0IZ_XgsnLHAJTHfJbO2Buit4nXx8FVBh5aJuWR4ExJ5ZA3jcfTxxMzALack/s1600/smile1.gif',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhvroB9CjmxbGaSIZNzUh0lQAmPK72D0ojn6iDOOqinOKD0qWy2hWL1EDe82LYApaQR7C-qci9rM-ghTMF1Z6hMIzEQjBSc9qAk2K4kKOzb3AryeljTJRL12TNLvVuzlGd22DK3_EUdo/s1600/sad.gif',
        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJmYTBxxo4nb6nPipPHx7w3rg4WbKJyRtrOBONRUCJyAH0VCS-LAu6a_3WbhXrkmvjNcOWdAvqQgeT2RKxWUeiHqwFcbbJ9EeRGiOcZXvlEyDF4c7w4fG5NLPqg0sPfpPL8iIv3v3VNTs/s1600/sadanimated.gif',
        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLxjIR9aeRkOzXdOk_rDZRGavlzZ3fkLWbMSCjyjff49eMhEuczUYlVMLuHx3cRzrk9JiGs3ZsFAAzQ9x9AK8OZVClplnKzQejjuP96krmJrlpGyrSRXCrmXO3L0tV0EoNWnnjLq2lomc/s1600/smile.gif',
        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITKOqF0zD1ytFMpYwRz0jpVm8ehyphenhyphena3uBkmduD8rYTrF_V0cfKpPPny4OxkYLqKob5Plit_1gDhQKRocWc9fL66msFgDhR0FM8epQcJEhM7jlVMZayC9PwNFl4hSy1jXNLd6gzlMkBeL4/s1600/icon_smile.gif',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio9fZUu__YOXyDyeBfQxm9rYH2jl-bAMr12AZ4mgQA65-3kSlHybMK0MN1ihNF47onJggzXrPp-L3KImjqI5fzOrOBtyjbH6sns7dfuwlDPRwQ_SJW5wuRcVABMVL5HINd9sNOYOYjgPw/s1600/hihi.gif',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYwwee5yQ2U2H65UNIZugsp2ya4qHbDsoebFtQSiRxcfoPyjceM7wMn4SBEtoB4N7aQ34IbGbLVMuzkG1Es0jGQR3HaopultFlrSmlr10e3DK7g-bA4P0ibAjxr_PGpo0MhBdIb9JpWc/s1600/applause.gif',
        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc6cHnL8Uu_30dKi4Uv87tD-cUmgJqz24K9x3T18tM9uPdca50DZNY4LLAiVLG6178GdIW7OehglzCeFVKr2mUkA8Q_fa8cMcI-AgRHBqO9cU4wioRFoRnRks3TJhnyV5f9_Fg-aeNqu0/s1600/rolleyes.gif',
        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6INAKfw4qASKMzKe-9vasUL1KqLiVJEanwaG4A2HDL0PgwQL8MED7Mb0c_BPMrZ_AWnaV0pA46EimmEXJRpVCA9vaARAj3NVcJWKdQwOI9zQeIkbCilm7feXZ96bVUL8KV-_XcAP2elQ/s1600/wink.gif',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP3kcrzeUXAygVhzaCWuIHHUiyt2gZtdwphmfpMcAiAsdb_x-IEOPlBlYisRXXLiZg20i0dkJLy2OXtqPgQw0558EUO4RnpbPjjB3l5Tesr28G9YOx6mfrWHl2Y4DtyeT8SrdmgLWs6oM/s1600/thumb.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixiqcZictBWI02e-UVmksdXk1A8Monrw12og2qOGIOULfFn0mWE1MuIz_O0r1Uu6TDB5NztHmlUehLLu8xMpMmY1kNmmz1_simYHjQHa2tD5RIAgC1BwXgtzr1BJZKpGE0afDCvX4apVA/s1600/thumbsup.gif',
        ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7je1d6OAemijNo167rP593o6gILsBrdocuQMnRHP-MlRJe-zLiLWAI00G449EXynzEB5bVx3d864W-Pj5sqmCTzMwgOucBPmcCsSP8jGSiS14-S1kIej8NdS6sLACK-6Y5CLbip6pdAs/s1600/wee.gif',    
        ];
     
                            
                                //Config Force tag list, define all in lower case
                                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 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,{}))
    //]]>
</script>
</b:includable>

5. Simpan template anda .

Aktifasi Pesan Khusus
6. Kita masih di area Edit HTML , kemudian tambahkan Css dibawah ini tepat diatas ]]></b:skin>

div:target .comment_body::after {
content: "THANKS FOR COMMENT";
background: #2b2b2b;
box-shadow: 0 1px 1px rgba(201,201,201,0.1) inset,0 1px 0 rgba(32,32,32,0.35);
padding: 2px 10px;
width: auto;
height: auto;
border-radius: 3px;
float: right;
margin-top: -25px;
transition: opacity .2s ease-in-out;
color: #747474;
z-index: 999;
}

Siilahkan ubah kata yang bercetak kapital dengan kata-kata milik anda sendiri .
Dan jangan lupa sesuaikan juga warna Background dan lainnya agar serasi dengan komentar dan blog anda . Anda juga bisa memberikan background berupa image dengan meletakkan url image di bagian backround dengan cara penulisan seperti ini :

background: #2b2b2b url(URL_IMG) no-repeat;

7. Setelah itu klik simpan dan cobalah berkomentar sendiri untuk melihat hasilnya .

Hasil akhir dari tutorial ini adalah seperti pada gambar yang saya tandai dibawah ini .

Untuk mencobanya , silahkan berkomentar .

Info : Pesan khusus ini hanya akan muncul saat ada aktifitas komentar .

Simple memang , Dan silahkan digunakan jika menginginkannya . Dan jika artkel ini bermanfaat , silahkan bagikan pada teman-teman anda . terimakasih .

Author : Ichi Hikaru

Share this Article

Mokhaw Responsive Blogger TemplateSelamat malam blogger semua :) , semoga dalam kesempatan kita kali ini kita masih diberi kesehatan dan rizki yang melim
Cara Mudah Menggunakan Wechat Di PC atau LaptopCara Mudah Menggunakan Wechat pada PC atau Laptop - Berawal dari pertanyaan salah seorang pelanggan yang kebingungan de
Membuat Custom Page Not Found di BlogPada Posting sebelumnya saya telah share 28 Creative and Funny Custom Error page yang bisa menjadi bahan Inspirasi atau
5 Theme Tersembunyi Di Windows 75 Theme Tersembunyi Di Windows 7 - Pernah merasa bosan dengan tampilan komputer atau laptop dengan tampilan yang begitu

5 comments

Write Yours

Unknown

5 April 2014 at 05:21 delete

Pertamax diamankan !!!

Ichi Hikaru

5 April 2014 at 06:57 delete

Wah disini ga jualan pertamax mas

Sopala Multapa

12 April 2014 at 02:06 delete

Saya coba sob

12 April 2014 at 13:21 delete

Silahkan sob

Arahkan Kursor dibawah ini untuk memberikan komentar.
No HyperLink dan Komentar Hit&Run akan diacuhkan . Berkomentarlah dengan bahasa yang baik dan benar EmoticonEmoticon