Cara membuat Box/Kotak komentar keren

Assalamuallaikum wr,wb sahabat

Apa kabar?
Semoga dalam keadaan baik dan dalam lindungan Allah SWT
Dan dalam keadaan baik

Sebelumnya saya mengucapkan terimakasih telah mengunjungi blog ini sebagai seorang penulis blog pemula saya sedikit bergembira bisa membuat kotak komentar yang cukup menarik dan saya juga berharap agar sahabat yang akan pertama tidak ingin menulis komentar untuk blog saya jadi ingin menulis komentarnya ke blog saya

Karena menurut saya jika tampilan blog kita bagus dan rapi tentu membuat pengunjung menjadi enak untuk memandang dan ingin duduk lama dipan komputer sambil membaca artikel yang ada disitus kita

Nah kali ini saya akan langsung membahasnya untuk pembaca blog setia K.U Street

Pertama sahabat harus log in ke Blogger dan silahkan sahabat pilih Tema dan lakukan backup/cadangan agar jika ada kesalahan yang tidak diinginkan dapat diganti dengan yang lama hanya untuk berjaga-jaga bukan berarti hal yang akan kita lakukan tidak berhasil karena saya telah melakukannya sendiri, lihat seperti gambar dibawah ini

Karena menurut saya jika tampilan blog kita bagus dan rapi tentu membuat pengunjung menjadi enak untuk memandang dan ingin duduk lama dipan komputer sambil membaca artikel yang ada disitus kita

Setelah sahabat membackup data tema dan sahabat berada pada kode html blog milik sahabat silahkan sahabat cari kode dibawah ini

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

Dan ganti dengan kode dibawah ini

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

Kemudian sahabat cari kode dibawah ini

]]></b:skin>

Letakkan kode dibawah ini tepat pada bagian atasnya

#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/AVvXsEg-I6alWWM3eYLJ-8doAidoQ8ofXrTWDPJETA_NQgT7c9sLeK4CGf7FKvunK7Cj4JXWWRJD8ZOWKjN-NwSEu9nlCQomcv5-KqDUH54LBchrckpTTP8aWryifZ5QJPtrnKfEq0ObtwOOYWoH/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/AVvXsEir0lQQzT-vNJy-L7j-veRP88QnSwtREybGXfO5tzFHky1h96QcIFthv71u9IGc4Hm7ltb8f-ETuQE3bnx7tHUhBw1tc0qbh7p0sEB1W5iYnKydx3ZrLHO_dLqvd9BxMG8LCJe92pLUlcU/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/AVvXsEg-I6alWWM3eYLJ-8doAidoQ8ofXrTWDPJETA_NQgT7c9sLeK4CGf7FKvunK7Cj4JXWWRJD8ZOWKjN-NwSEu9nlCQomcv5-KqDUH54LBchrckpTTP8aWryifZ5QJPtrnKfEq0ObtwOOYWoH/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/AVvXsEjDO6YkUfe_ETWII5BTZQMHocegbXD-OjmfSCgPfwWp_5LO2RWtIjcNSxUUbN7KUoqnrv_-qQz4QdLkYbEl9zG9ZgUBuJZJ9llBrkm-n7fELdohaOD8cT_OZpyzRzf0pkULzzqHg-3xu3A/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}

Setelah itu sahabat cari kode dibawah ini

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

Sedikit catatan jika mencari kode ini pada Ctrl+F sahabat cukup copy tulisan ini saja

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

Dan diganti dengan kode dibawah ini

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

<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'>

<data:post.commentRangeText/>

</span>

</b:if>

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:post.adminClass == data:comment.adminClass'>

<b:else/>

</b:if>

</div>

<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>

</div>

</div>

<b:if cond='data:comment.authorUrl'>

<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>

</a>

<data:comment.timestamp/>

</a></span>

</span></div>

<b:if cond='data:comment.isDeleted'>

<b:else/>

</b:if>

</div>

</div>

</div>

</b:loop>

</div>

<b:if cond='data:post.commentPagingRequired'>

<data:post.commentRangeText/>

</span>

</b:if>

<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'>

</b:if>

</div>

</b:if>

</div>

//<![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>

<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

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/AVvXsEiNY4Tw-m_N28U0k_KWnxgGE1K1JHROhn7d9muHc9ITX-bSTCYC8AQMeE_Jql0GW1S3lDqt-k9xeMaWB_CeE-LwDKHpAEcpjQ9wxZ0bJfTQfdeCV3ljDe2JJY6hz4wrOYup07hyzLVZj9A/s1600/smile1.gif',

':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBb2PmeszO3HmZMjD2svxivbejUD6pfhg-kI71QGkuIz2Mb202YMR3flaF_-PBAHqr6yvIoYJfbfQ1g5GwofeepoG6wxh3zsF3Xp-rRgDQgUdg5VT__zMBLzW4AudQ3NG-0pOaV-bw0dk/s1600/sad.gif',

'=(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVz-CyuLNAgKbklo8xHoQhlUT4k1PDUlVUPPDmEPIJx_teJqd7gi3mXFwJSlTkndzTirf17cFkn314SH008gVuNellO2YJcEm118huTKUhfwWvahlGeh_dzBHWB9tAZm8LoO0ROxh-LNo/s1600/sadanimated.gif',

'^_^' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPf1rv5KKCuTAqckz9pWXbAxPLIDEVuBbnURESHYazlMxsuk5tbWFj6Cl7eyrNztsh2NLOqCpTWN9ZBLMYJe01iEgDAu4Z62zGpTkQsP0jhW8M7de6qJRsJQZM2IzfGqvfbcFcx9u9aKw/s1600/smile.gif',

':D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbA6mGbSkYBc3CxevLge98sOubeKAurWXyxSqExoMpCjHiiGeHRw_-V-vYvS-S7p4VNeE4HRjgTpdQxa0vJHwnqhob7m8IPEEgHKOLw7N-w7EG_AdGql72VOninWzV2KeniysuyP-_Z1k/s1600/icon_smile.gif',

'=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-2scsi4Kyi0ujQRrby6dQABn21jVIwjpGlQAC46mBxbxARQzyO9Tla_NaAOwRGr8UC_jJxUr6lZYUJZaYb4sEQQV6A5NyVMBOirHdTR0J39LLBnGqgsOP5spIZ4B3_wcKNQE6AmZ-ZcE/s1600/hihi.gif',

'|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcC9dksAMWtNn-O-zM2zFLVUvozhlVRTacjn42zXnrMH1r6tPRVeqJyIjUscxytOcWr1mLkw6DjNhg11GFYbNcVOdYXZj7ZuZfyS3Khuq_JLzcv2UGZPUSGFdnnrG-dGzQe_3M8FjzBR8/s1600/applause.gif',

'@@,' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwhRSalJZNXu9QMNwD0Iw6Vuo9ehtODlV5h708atX7vNyOEL4VEIEzL-GpCprmpA8orzlkwytHE-yn9GW5rPmm-P9TNEpX343z4nDB-Eq-1fhAHq7-SpIl60eA1YpQz9fyIMU55ZPufW0/s1600/rolleyes.gif',

';)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJJuTC06l_foSiXVWObml_nLfQKk708CRV2D0uGEwkEWkfXVMMhNCjQN02BlKqDl46D6s73ygx06I-t6ejepuVPezJ6GOOlY0eXtdk6AaG22Mn_jJT7e5jITYbpU-b7moQvw2Xnp6Dq7M/s1600/wink.gif',

':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrnMqpfk4sdnFo1FAoJWnomT2LVvfykAujZUPBTJ-SMu46Vbe_2FiLZMrGMmfX9Ck8STEavT5Bi7BOxf1-ILgKVR_I2S7VHXk0ESiJHCIJBNwYj6xo_5hVEWiUuMwqqbc-Pk4c3n0afjI/s1600/thumb.gif',

':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgciajaSY3VNvU_obW12yyviXu9dlvOtfLHPs2Xfgh5EXInUbb25uBNMALs7MECtBZxJWaemup2hIdcwo9MOQTuLKmdgQxUnpxtyaY9ePyFmehr6MNlQs-ViHPBbp7-kOWISHViyKu3ef4/s1600/thumbsup.gif',

':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtcQEFjDJInOwj0MSfby_FaNNTmU7iFhz1s6U9unyII5UqSUyChhvt6T6F5S_TmAIwBBaCwsmUbjVHrqE9ZZjwyWMWH_44gb7Q1F_fRMrqhblUi-hDrTqb3wQjBgccIxZGZJVEGEwpcyY/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="">','<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 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>

Langkah akhir adalah menyimpannya namun jika sahabat ingin menekan pratinjau untuk melihanya terlebih dahulu juga tidak apa-apa, yang jelas hasil akhirnya seperti gambar dibawah ini

Sekian dari tutorial ini semoga bermanfaat dan jika ada pertanyaan seputar hal diatas dipersilahkan cukup meninggalkan jejak sahabat dengan membuat komentar dibawah, dan buat para master mohon bimbingan bantuannya juga.

Terimakasih

Salam sukses

Wassalamuallaikum wr,wb sahabat.

Tutorial Online

Breaking

Tuesday, 18 April 2017

Cara membuat Box/Kotak komentar keren

No comments:

Post a Comment

Blog Archive

Tags

Report Abuse