Modifikasi Threaded Comment Hack New Sang SEO
Modifikasi Threaded Comment Hack New Sang SEO, Sobat blogger, berhubung tadi dapat saran dari blogger Admin satriyoku, kata mas Bagus bahwa kalo kolom komentar dari template new sang seo itu tidak ada tanda sebagai Admin blog dan tidak ada emoticonnya,jadi mungkin kurang menarik maksudnya,meski sebenarnya emang dari template bawaanny gitu
Download template : New Sang SEO
Nah berhubung adanya permintaan perubahan kolom komentar dari mas bagus yang juga memakai template new sang seo. Disini saya akan memembuatkan tutorialnya dan bagi anda juga yang ingin merubahnya seperti threaded komentar ini,silahkan anda bisa ikuti tutorialnya.
Di atas atau di halaman demo adalah tampilan yang baru setelah di rubah di template new sang seo,saya memilih tampilan ini karena menurut saya ini adalah tampilan yang bagus dan clean.
Cara Modifikasi Threaded Comment Hack New Sang SEO
1. Buka akun blogger anda
2. Pilih menu template > Edit Html
3. Cari kode seperti di bawah ini
Ganti semua kode tersebut dengan kode di bawah ini.
4. Langkah pertama adalah anda harus mengubah kode css sebelumnya terlebih dahulu dengan kode di bawah ini.
2. Pilih menu template > Edit Html
3. Cari kode seperti di bawah ini
<b:include data='post' name='threaded_comments'/>
Ganti semua kode tersebut dengan kode di bawah ini.
<b:include data='post' name='comments'/>
4. Langkah pertama adalah anda harus mengubah kode css sebelumnya terlebih dahulu dengan kode di bawah ini.
/*Komentar*/ #comments{background:#fff;border:1px solid #ccc;margin:20px 0 0;padding:20px} #comments{margin:0;padding:5px 20px 0; line-height:1em;border-top:1px solid #ddd;background:#fff;} #comments h3 {margin-bottom:25px;font:16px Oswald;padding:0;text-transform:uppercase} .comment_name { color: #444;font-size: 20px; font-weight: normal; line-height: 20px; max-width: 100%; text-decoration: none; margin-left: 10px;margin-top: 5px;text-transform:uppercase } .comment_avatar { height: 48px; width: 48px;max-height:48px;max-width:48px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQybF-H3A7T1f64ywoEMk6NOZ3yfRb6UFM3LtVHlYonhKPfVOqG4NRGRpeH_Bw5x2ft-fdJWpl9STfcxY4BVrK4OYJCH3eJZ4Ma5q30TOYVtROrRhQUPwXwmN1GKc7zbjz74CZixuJBMM/s1600/anon40.gif) no-repeat center center;float:left;margin-top: 5px; margin-right: 10px; margin-left:10px;padding:0;overflow: hidden;transition:all 400ms ease-in-out } .comment_name a { text-transform: uppercase; font: 20px Oswald; color:#444;text-decoration:none; transition:all 400ms ease-in-out} .comment_name a:hover { color:#ef7f67;text-decoration:none; } .comment_body p {font:16px 'PT Sans Narrow'; line-height: 1.3em;color: #666;background-color:#fff;border:1px solid #ccc;padding:10px;} .comment_body{margin-top:5px;margin-bottom:10px;padding:5px 0 15px 10px} .comment_date { color: #999; font-size: 11px; line-height: 11px; cursor: pointer; font-weight: normal;float:left;margin-left:0;margin-top:5px} .comment_area {border:1px solid #ccc;margin-bottom:25px; padding-right:10px; transition:all 400ms ease-in-out;background:#ddd;position:relative} .comment_child .comment_area { margin-top:-20px;background:#edebeb} .comment_child .comment_wrap {padding-left: 40px} .comment_reply {display:inline-block;cursor:pointer;color:#ffffff;font-family:arial;font-size:11px;font-weight:bold;padding:4px 10px;text-decoration:none;float:right; position:absolute; right:10px; bottom:10px; transition:all 400ms ease-in-out;background-color: #666} .comment_reply:hover { text-decoration: none;background-color:#333} .comment_reply:active {margin-top: 1px} a.comment_reply {color:#fff} .unneeded-paging-control {display: none;} .comment_reply_form{padding:0 0 0 48px} .comment_reply_form .comment-form {width: 100%} .comment_form a { color: #2f6986; text-decoration: none; } .comment_form a:hover {color: #2f6986; text-decoration: none;} .comment_author_flag {display:none} .comment_admin .comment_author_flag {display:inline-block;color:#ffffff;font:12px Oswald;font-weight:normal;padding:1px 8px;text-decoration:none;position:absolute;margin:3px 0 0 10px;background-color: #666} a.comment-delete{position:absolute;top:5px;right:5px; font-size: 16px;color: #999} a.comment-delete:hover{color: #ef7f67} #comment-editor {width:102.3% !important;background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%;margin-left:-8px} .comment-form {max-width: 100%!important;margin-top:25px!important} .comment_emo_list {display:none;clear:both;width:100%;} .comment_emo_list .item {float: left;width: 40px;text-align: center;height: 40px;margin: 10px 10px 0 0;} .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} .comment-form p {background: #edebeb;border: 1px solid #ddd;padding: 10px;margin: 5px 0 5px 0;color: #333;font:12px Arial, sans-serif;line-height:20px;width:97.3%;position:relative;} .comment_child .comment-form p {width:95.5%;} iframe{border:none;overflow:hidden} .deleted-comment{display:block;color:#333;font:italic 13px Arial;word-wrap:break-word;margin-top:10px;}
/*Komentar*/
#comments{background:#fff;border:1px solid #ccc;margin:20px 0 0;padding:20px}
#comments h5{color:#000;margin:0;padding:0 0 5px;font-size:160%}
.comment_inner{margin:20px 0;padding:0;overflow:hidden}
.comment_header{float:left;width:67px}
.cm_head{position:relative;background:#fff;border-bottom:1px solid #ccc;margin:-10px -10px 0;padding:5px 10px 8px;}
.comment_avatar{border:1px solid #ccc;margin:0;padding:5px 5px 0;}
.comment_avatar img{width:55px;height:55px;padding:0;text-align:center;margin:0;background:#fcfcfc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi20p53OVvonBpsakthKEDIHpeAPo3ZfUfovTnHuu7ILnpwrFIwh9sVROy2FJ2wLUhMkhzxMXiHN-OyFUOM3OgT1gyQn8rjWtfZefPDiXaFNW4SUQhdFZ8yAeN4KGkrBeN4qshOf2GVABAF/s1600/anonymous.jpg) no-repeat}
div.comment_avatar img[src="http://img1.blogblog.com/img/openid16-rounded.gif"]{content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi20p53OVvonBpsakthKEDIHpeAPo3ZfUfovTnHuu7ILnpwrFIwh9sVROy2FJ2wLUhMkhzxMXiHN-OyFUOM3OgT1gyQn8rjWtfZefPDiXaFNW4SUQhdFZ8yAeN4KGkrBeN4qshOf2GVABAF/s1600/anonymous.jpg)}
.comment_name,.comment_name a{font-family:Oswald, Calibri, Sans-Serif;padding:0;margin:0 0 5px 0;font-size:18px;}
.comment_service{margin-top:0}
.comment_date{margin:0;color:#d6d5d5;font-size:14px;text-transform:uppercase}
.respond{float:right;margin:0;padding:0}
.comment_date:hover{color:#bbb;text-decoration:underline}
.comment_body{background:#fff;border:1px solid #ccc;margin-left:77px;padding:10px;}
.comment_body p{line-height:1.4;margin:15px 0 5px;color:#666;font-size:14px;word-wrap:break-word;padding:0;}
.comment_child .comment_wrap{padding-left:78px}
.comment-delete{position:absolute;float:right;top:10px;right:10px;margin:0;padding:0}
.infonm{float:left}
.comment_reply{display:block;font-weight:700;margin:10px 0 0;padding:7px 0;color:#fff!important;text-align:center;text-decoration:none!important;background:#3498db;}
.comment_reply:hover{text-decoration:none;background:#2980b9}
.comment_hapus{font-weight:700;margin:0;padding:0;color:#fff!important;text-decoration:none;}
.comment_hapus:hover{text-decoration:none;color:#000!important}
.unneeded-paging-control{display:none}
.comment-form{max-width:100%!important}
#comment-editor{width:100%!important;background:#fff url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 40%;margin-bottom:0;margin-top:5px}
.comment_form a{text-decoration:none;font-weight:bold;font-size:14px}
.comment-form p{background:#fff;padding:10px;margin:5px 0 5px 0;color:#000;font-size:14px;line-height:20px;position:relative}
.comment_reply_form{padding:0 0 0 70px}
.comment_reply_form .comment-form{width:100%}
iframe{border:none;overflow:hidden}
.deleted-comment{background:#e74c3c;color:#fff;padding:20px;margin:5px 0;display:block}
iframe{border:none;overflow:hidden}
.comment-form p{border:1px solid #ccc;color:#000;margin-bottom:20px;padding:20px}
6. Selanjutnya anda cari kode seperti ini <b:includable id='comments' var='post'>
<b:includable id='comments' var='post'>7. Selanjutnya anda ganti semua kode tersebut dengan kode di bawah ini sampai tag penutup </b:includable>
.........................
.....Sampai......
........................
........................
</b:includable>
<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>
 
<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 data-level='1' expr: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_area'>
<div class='comment_header'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</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>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'>Admin</span>
</b:if>
</div>
<div class='comment_service'>
<a expr:href='data:comment.url' rel='nofollow' title='comment permalink'><span class='comment_date'><data:comment.timestamp/></span></a>
<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>
</div>
<div class='clear'/>
</div>
<div class='comment_body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<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 class='clear'/>
</b:if>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
<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' 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'><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 = 6;//How threaded level that you want
Display_Emo = true;//Display emoticon or not? set "false" to no display
Replace_Youtube_Link = true;//Auto replace youtube link to iframe embedded, choose "false" to disable
Replace_Image_Link = true;//Auto replace an image link choose "false" to disable.
Replace_Force_Tag = true;//Auto replace an virtual tag example: [pre] to <pre>, and [/pre] </pre>, If user input wrong , your layout will be gone. Then becare ful when enable this trap
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),only effect when Replace_Image_Link=true
//Config emoticons declare
Emo_List = [
':)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOKRAzDEUNQZ4DvVyPSwqYKleRZhMKKpXu87HbZPeDvevEB4o4ZCczdC99iLCELjgeGpYY9bncHzcn2py2yGAeq0qF9TtZ3E8l2HxMCds3RLOO4Bkqns-K0G3F0rLWK6gg-pAvFPyqTWI/s1600/smile1.gif',
':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio6edGL5VkwXQm00ydWuVeCKfuFZ9yusrSFJ36-d0jxcHeg-sZ9BJhUebGVhWLb2-wp8apnHaQjsHeXn4zLDAuHMpHOK3N8kjIX0a0C0t6wyAeLKsrde2e2wSce4AJ5-4ZL8ALylR3UrY/s1600/sad.gif',
'=(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSiBNz0Ll0azxTXHVkIxF9RUoM7menlWNfIqq4RKNkf-N81rsWkJemgsalrSsGdLokg4cR03BpQA6PKXByOUYy5s92qVPWp20JcWmaIO05GE4U6xNQUrGdXcPep62yFmCNBts21JiIDIk/s1600/sadanimated.gif',
'^_^' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2IS6B3sY5FTJ6RP2z1oJqsJIXUR0kcF7og5eRSf-NGN3qRkdY5hHhIwSZyg7jJ7qu7zoeE68iAS9mlPxLIywWxC7aelWmfOTF9K9LOD2rGEHUIoyEt5OesiZ6F62pkDKE5d4XNI7qeqs/s1600/smile.gif',
':D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3svXX1_uj-NVwl-crDPaejgs7rZhqXHpfXaaePq6gOsrxZLCHg_vcOmGKhVpZQ8PkfRUPpTCexD7kliQW5eUklTxMkq0VT73r2C3UzDG5yAk1kpIf3FoRxv9NjfUKcaJ7VcxgHl0bBYk/s1600/icon_smile.gif',
'=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx4H97p4_c81CHH0ZEnbbBv2Wz33zHqw0B-GEg2GMsMIr69IyFiJXylNFHAd16OTVrl917pJSGr-LxP5jTaY5jMQwUeQMsq6dA4fejM8k0tNR-61SR-kJFQlWMa5MMoANQXPytI2b3hpg/s1600/hihi.gif',
'|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgACwBLfFSRrbUg4t4jgFg9Bpb4tNducrTd36guw6Ynh37YMN2BuRr8zhluZcEfdsgh-AMggb1jRGefMbDBVj32QSGZKU_kCg5Y1jfJ28SElscP6eK-jFWRLDAPiR3K7m5uCe7-t9QvPfM/s1600/applause.gif',
'@@,' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-h3J7oR6dhp4TMbDQhBSKHtlxXQm7BX94yRhq5fam-gsQwioEnbCeUmLrspWfoVjwHVd_cTU7seOSevPrj0l5N_N4MLgBl0gk13RU3gZnHSBEWTeN7m4n3rGvNIxUtffYFGlZoszT48A/s1600/rolleyes.gif',
';)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5qIxFFLsypFva6Xa9JJlagQqRphFcK5hAgQgPdOX6z0bYtSWL00nz0i8jT2GrsZTwaZWaHMqZUFl5yjtyJ5Wb_m5XWwVL-pdmBmKFqWGAP-XQDZXNDNeQwgSWvsdlqyoUuz_001qWWMs/s1600/wink.gif',
':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXoUPH8QD3Fl9WL85_vWfF7axPa8hr5mmr5_ND6R5AfwbtKtvJtAeAg8DBQp3JyaEra11oS32ZRx3jGft2Cn6rSUoz3vi5U4RXbFvlc9D6ZtbyMnpZRFm2mh9mSGLp_q_NgXJ-dsMYdzA/s1600/thumb.gif',
':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvJRPKgkGNjdNLrRPb-DdERv-rKsVSMO3B_OATaE5T2Kulms2l6l0l_qiwmekzeCyscRVVllErM19eKghJ9vHcV_XLi69uc7q_OLdfjs_Bmc29P4KqZwsW6PPVxqLdFN2G27cN42t_a6g/s1600/thumbsup.gif',
':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkHZne_uUSb6EG_oOdTzKHn4mK7tZeHpqi8iCofHJO7tzyF1czoLRQgTsZ_SV6_OXyG4uPPuyJatu6I6P3qoWzI8gGNJF0y60SVSyJ2U3MSWdZRVZGiVmpvKwtqla_kqt1VxwhwN3mzU0/s1600/wee.gif',
':ng' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjesWNQvsSodb0g5ZBLudFW8Du5kpXG9IkJw-bR3xxvS1EfD9vu8SoXcTsEdKADNSeeUo9SNdpOPGwhWqduPqMHgS4nXId7SaONtfhkpirAfhMJrQnyoj963cfeS2eZ2Q1XgRLgQu1uM2EC/s1600/rolling-yahoo-emoticon.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>
8. Jika suda klik simpan template anda dan lihat hasilnya.
Saya rasa sudah cukup sobat,jika kurang jelas dan masih kebingungan anda bisa bertanya di kolom komentar. untuk lebih dan kurangnya saya mohon maaf. good luck :)
udah langsung dicoba..mantap ok..cuma kode emoticonya apa saja yah..harusnya dicantumin biar enak nulis kodenya biar ga salah emo..btw..mantap bgt templatenya..:y
BalasHapusiya mas,nanti saya buat tutorialnya, q jg dah coba di gabungin,tp malah acak2an emoticon'a hehe
HapusOm udah kolom komentarnya udah bisa , tetapi tombol balas atau replynya kok tidak bisa ya . mohon bantuannya om makasih
BalasHapus