HOSTING MURAH 2014

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan 
• Beri tanda check pada  Expand Template Widget
• Sebaiknya Simpan dulu Template kawan
• Cari Kode Comment [Komentar Thread Modifikasi] bisa baca disini dan kawan akan menemukan 2 angka untuk lebar [width] Komentar yang harus kawan rubah/kurangi sesuai lebar kolom untuk Iklan 
• Selanjutnya cari  <div class='comments-content'> sampai </p> selengkapnya sebagai berikut :

<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
 <b:include data='post' name='threaded_comment_js'/>
 </b:if>
 <div id='comment-holder'>
 <data:post.commentHtml/>
 </div> </div>
<p class='comment-footer'>
 <b:if cond='data:post.allowNewComments'>
 <b:include data='post' name='threaded-comment-form'/>
 <b:else/>
 <data:post.noNewCommentsText/>
 </b:if> </p>

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan  
• Copas script berikut diatas atau dibawah ]]></b:skin> 

<style>#comments{clear:both;float:left;width:580px;margin: 10px 0;padding:10px;line-height:1.4em;background: none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;rgb(255, 255, 255)&#39;, endColorstr=&#39;rgb(185, 185, 185)&#39;);background:-moz-radial-gradient(top, rgb(255, 255, 255), rgb(185, 185, 185));background:-webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to( rgb(185, 185, 185))) repeat-x top center; border: 1px solid #CCC;-webkit-border-radius: 5px; -moz-border-radius:  5px; border-radius:  5px;}
.comments { clear: both; margin-top: 10px; margin-bottom: 0px; line-height: 1em;}
.comments .comments-content {font-size: 13px;}
.comments .comment .comment-actions a { padding: 5px  0 0 5px;  color: yellow !important;}
.comments .comment .comment-actions a:hover {  text-decoration: none;}
.comments .comments-content .comment-thread ol { list-style-type: none; padding: 10px; text-align: left;}
.comments .comments-content .inline-thread { padding: 0.5em 1em;}
.comments .comments-content .comment-thread { margin: 8px 0px;}
.comments .comments-content .comment-thread:empty { display: none;}
.comments .comments-content .comment-replies { margin-top: 1em; margin-left: 36px; width: 544px;}
.comments .comments-content .comment { margin-bottom: 16px; padding-bottom: 8px;}
.comments .comments-content .comment:first-child { padding-top: 16px;}
.comments .comments-content .comment:last-child { padding-bottom: 0;}
.comments .comments-content .comment-body {position: relative;}
.comments .comments-content .user { font-size: 14px; color: #666666 !important; text-decoration: none;}
.comments .comments-content .icon.blog-author { display: inline-block; margin: 0 0 -4px 6px; position: absolute; top: 0; right: 0; background-color: #95CAFF; width: 100%; height: 100%; z-index: -1;}
.comments .comments-content .datetime { font-size: 10px; color: #F00; text-decoration: none;}
.comments .comments-content .datetime a { float: right;}
.comments .comments-content .comment-header { margin: 0 0 8px; border: thin solid #E6E6E6; background-color: #D4E3EA;padding: 5px;}
.comments .comments-content .comment-content { margin: 0 0 8px; padding: 5px; border: thin solid #E6E6E6; background-color: #FFF; line-height: 21px;}
.comments .comments-content .comment-content { text-align: justify; line-height: 1.5;}
.comments .comments-content .owner-actions { position: absolute; right: 0; top: 0;}
.comments .comments-replybox { border: none; height: 250px; width: 100%;}
.comments .comment-replybox-single { margin-top: 5px; margin-left: 48px;}
.comments .comment-replybox-thread { margin-top: 5px;}
.comments .comments-content .loadmore a { display: block; padding: 10px 16px; text-align: center;}
.comments .thread-toggle { cursor: pointer; display: inline-block;}
.comments .continue {background: transparent;  cursor: pointer;text-align: center;}
.comments .continue a { display: block;  padding: 0.5em;margin: 0 350px 0 50px;font-weight: bold;background: #95CAFF none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#236C95&#39;, endColorstr=&#39;#7CA9C0&#39;);background:-moz-radial-gradient(top, #236C95, #7CA9C0);background:-webkit-gradient(linear, left top, left bottom, from(#236C95), to( #7CA9C0))repeat-x top left;border: 1px solid #333;-webkit-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;color: #FFF;}
.comments .continue a:hover { text-decoration: none !important; color: #FFF; background: #95CAFF;border: 1px solid #00F;}
.comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top: 3em;}
.comments .comments-content .loadmore.loaded { max-height: 0px; -ms-filter: quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=0)&quot;; filter: alpha(opacity=0); opacity: 0; overflow: hidden;}
.comments .thread-chrome.thread-collapsed {display: inline-block;}
.comments .thread-toggle {background: #00FF00 none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#00FF00&#39;, endColorstr=&#39;#006400&#39;);background:-moz-radial-gradient(top, #00FF00, #006400);background:-webkit-gradient(linear, left top, left bottom, from(#00FF00), to( #006400))repeat-x top left;border: 1px solid #006400;-webkit-border-radius:15px; -moz-border-radius: 15px; border-radius: 15px;  display: inline-block;padding: 3px 0;width: 120px;height: 20px;text-align: center;}
.comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; width: 7px; overflow: visible; margin: 0.3em; padding-right: 4px;}
.comments .thread-expanded .thread-arrow { background: url(&quot;data: image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;}
.comments .thread-collapsed .thread-arrow { background: url(&quot;data: image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;}
.comments .avatar-image-container { float: left; width: 36px; max-height: 36px; overflow: hidden; padding: 0; margin-left: 10px; margin-top: 2px;}
.comments .avatar-image-container img { width: 36px;}
img[src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL4GzhFdPBJRWdu17QIiu7wxmQTL4_pfgmYakIC6lGeguQwElYgbmHb2oDwg1H1cAStwKDQ7MZtj-uNdFoqXR-S7-aK58oiWlz52ISx6s6-K6HAmfswZbFAPv6-FGiIBllLivLdPo-n1RG/s1600/anon36.gif&quot;] { display: inline;}
.comments .comment-block { background: rgb(99,147,193);  border: 1px solid #FFF;-webkit-border-radius:5px; -moz-border-radius: 5px; border-radius: 5px;margin-left: 48px;padding: 5px;position: relative; z-index: 99;}
/* Responsive styles. */
@media screen and (max-device-width: 500px) {.comments .comments-content .comment-replies {margin-left: 0;}}
</style>

• Kalau script tersebut disimpan diatas ]]></b:skin> teks <style> dan </style> yang berwarna biru bisa kawan hilangkan 
• Ganti teks yang saya beri warna Merah [width:580px;] sesuai Lebar Blog kawan, sedangkan [width:544px;] ini untuk Komentar Balasan
• Simpan Template kawan :q;

Perhatikan Gambar

• Tetap pada Setelan » Pos dan Komentar » Lokasi Komentar ?

Perhatikan Gambar

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>

• <b:include data='post' name='comments'/> di Template saya  terdapat 4 pada 2 tempat yang berbeda  
• Ganti semua script tersebut dengan :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/></b:if></b:if>

• Simpan Template kawan

• Masuk Account Blogger dengan ID kawan 
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan
• Sebaiknya Unduh Template kawan dulu, siapa tahu ingin kembali ke Template sebelum perubahan.
• Pada Edit HTML lihat ke bawah » Pilih
  Kembalikan template widget ke default terus OK [Perhatikan gambar disamping]  
• Simpan Template kawan dan lihat Artikel yang ada Komentarnya 

Komentar Lama

Kenapa Komentar Blog tidak seperti Gambar dibawah, Komentar Reply agak sedikit masuk kedalam, sudah pasti kawan ada yang bertanya demikian, itu wajar kawan karena semua Komentar sebelum perubahan [lama] akan tampil lurus di pinggir kiri :w;

Sekarang coba kawan berikan Komentar dengan memilih Reply pada salah satu Komentar yang ada, hasilnya pasti akan kelihatan seperti gambar dibawah :q;

Komentar setelah Perubahan

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan 
• Beri tanda  Expand Template Widget 
• Sebaiknya Simpan Template kawan dulu untuk jaga-jaga kalau ada kesalahan
• Cari bagian  #comment yang biasanya terletak diatas ]]></b:skin> 
• Hapus semuanya dan ganti dengan script berikut

h2.date-header {padding: 0 0 2px 5px;margin-top: -10px;margin-bottom: 0;color: #006400;font-size:11px}
.post {color:#333;font: normal 12px Cherry Cream Soda, Arial, Tahoma, Verdana;margin: 0 auto 0;padding: 5px 10px;text-align:justify;background: none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#000000');background:-moz-radial-gradient(left, #FFFFFF, #000000);background:-webkit-gradient(linear, left top, right top, from(#FFFFFF), to( #000000)) repeat-x top center;border: 1px solid #FFF;}
.post-body{overflow:hidden; line-height:16px;font: normal 12px Cherry Cream Soda; background: #FFF;border: 1px solid #ccc;border-left: 3px solid #999;border-top: 3px solid #999;-moz-border-radius:10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px; padding:10px 10px 0 10px; }
.post h2 {margin: 5px 0 10px;padding: 5px;color: #FF0;font: normal 120% Tekton Pro, Arial, Tahoma, Verdana;border-bottom: 1px dotted #333;background: -moz-linear-gradient(top,#000,#FFF);background:-webkit-gradient(linear, left top, right bottom, from(#000),to(#FFF)) ;}
.post h2 a, .post h2 a:visited {color: #FF0;margin: 5px 0 10px;padding: 5px 1px 2px 1px;text-align:left;font: normal 120% Tekton Pro, Arial, Tahoma, Verdana;}
.post h2 a:hover {color: #FFF;text-shadow:1px 1px 1px #F00;text-decoration:none;margin:5px 0 10px;padding: 5px 1px 2px 1px;
text-align:left;font: bold 120% Tekton Pro, Arial, Tahoma, Verdana;}
.comment-link{color:#122B15;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_pf-wmWd2AWExeimr1V02ck189OY90L4bXfng2rcLzlNsQG1nM3jPL9oU1QIRuWftLb53Me1mjGWx23A3TZOfE53CF2vXjRp-UsjnM7WXrXt5-lmWZvWIFqTCje-eJTUf0HCYVZGoOvuO/s1600/CLIPBOARD.png) no-repeat;width:60px;height:60px;float: left;margin: 0 5px 0 0;padding:15px 5px 10px 1px;font-size:18px;text-align: center;text-shadow-hover: 2px 2px 2px #F00;}
.post img {padding: 10px;}

• Selanjutnya cari <b:includable id='comments' var='post'> Sampai </b:includable> atau selengkapnya kurang lebih sebagai berikut :

• Hapus atau ganti dengan Script berikut 

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/> : &#8220;<data:post.title/>&#8221;
</b:if>
</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>
&#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>
<table><tr><td valign='top'>
<div style='width:515px;height:auto; text-align:left; border:0px solid #243B0B; padding-right:5px;'>
<br/>
<div style='width:480px;height:60px; background:#0FF;text-align:center; border:1px solid #243B0B; padding:15px;font-size:30px;font-family:Tekton Pro;'><br/><blink><b>MAU IKLAN ANDA TAMPIL DISINI</b></blink></div> </div><br/>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.author == data:post.author'>
<ol class='commentlist-destacado'>
<li class='comment' id='comment'>
<div class='comment-body' id='div-comment'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'><b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if></cite>
<span class='says'><data:commentPostedByMsg/>:</span>
</div>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
<div class='comment-meta'><a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/></div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
</b:if>
</div>
</li>
</ol>
<b:else/>
<ol class='commentlist'>
<li class='comment' id='comment'>
<div class='comment-body' id='div-comment'>
<div class='comment-author vcard'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<cite class='fn'> <b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if></cite>
<span class='says'><data:commentPostedByMsg/>:</span>
</div>
<p>
<data:comment.body/></p>
<span class='interaction-iframe-guide'/>
<div class='comment-meta'><a expr:href='data:comment.url' title='comment permalink'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=2755282981621845502&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><span style='color: rgb(255, 0, 0); font-size:14px; font-weight:normal;float:left;padding-right:280px;'><blink>&#187; Balas </blink></span></a>
<data:comment.timestamp/> </a>
<b:include data='comment' name='commentDeleteIcon'/></div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
</b:if>
</div>
</li>
</ol>
</b:if>
</b:loop>
<h4 id='comment-post-message'><data:postCommentMsg/></h4><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' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</td><td valign='top'>
<div style='width:200px;height:auto;padding:5px; float:right;text-align:center;margin-left:20px;border:1px solid #243B0B; background:transparent;'>
<img border='0' height='600' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt1Ul8Wme-JdSDgQ_-x-k6MgTquRq043Iwla2zGv6VChDeOGWSo71_2IZzGLXGL20qECygmnYqtWJdk8FMvC-q_ol7dFB5PnAaRbxlprYdvoJ2LyRZnMAYPqJE6kggB6LY0tB5nQsSkWSd/s640/Banner.png' width='200'/>br/></div></td></tr></table>
<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>
&#160;
<data:post.commentRangeText/>
&#160;
<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>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='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>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Tata Letak
• Selanjutnya Pilih Tambah Gadget - HTML / JavaScript 
• Copas Kode berikut kedalamnya

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML - Lanjutkan
• Copas Script berikut dibawah ]]></b:skin> atau diatas </body> 

• Untuk Template dengan Komentar Default / standar [Template yang belum beralih ke Thread] bisa ditampilkan pada posting dan Komentar, sedangkan Template kawan yang sudah beralih ke Thread Comment cuma bisa pada postingan saja
• Cara pemanggilan atau penulisan :[Titik dua] Abjad/huruf kecil [a - z] ;[titik koma] tanpa spasi

:a ;   :b ;   :c ;   :d ;   :e ;   :f ;   :g ;   :h ;   :i ;   :j ;  

:k ;   :l ;   :m ;   :n ;   :o ;   :p ;   :q ;   :r ;   :s ;  

:t ;   :u ;    :v ;   :w ;   :x ;   :y ;   :z ; 

• Khusus untuk Template yang sudah beralih ke Thread Comment, Copas Kode berikut diatas </body> sedangkan untuk pemanggilan / penulisannya sama seperti diatas

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/\[nct\].*?'.*?\[\/nct\]/gi, "");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");
theText = theText.replace(/\[\/nct\]/gi, "' quality='high' wmode='transparent' type='application/x-shockwave-flash'></embed>");
theText = theText.replace(/:a;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>");
theText = theText.replace(/:b;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>");
theText = theText.replace(/:c;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif'/>");
theText = theText.replace(/:d;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>");
theText = theText.replace(/:e;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>");
theText = theText.replace(/:f;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>");
theText = theText.replace(/:g;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>");
theText = theText.replace(/:h;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/>");
theText = theText.replace(/:i;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/>");
theText = theText.replace(/:j;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/>");
theText = theText.replace(/:k;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/>");
theText = theText.replace(/:l;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/>");
theText = theText.replace(/:m;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>");
theText = theText.replace(/:n;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/>");
theText = theText.replace(/:o;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif'/>");
theText = theText.replace(/:p;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>");
theText = theText.replace(/:q;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>");
theText = theText.replace(/:r;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>");
theText = theText.replace(/:s;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/>");
theText = theText.replace(/:t;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif'/>");
theText = theText.replace(/:u;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>");
theText = theText.replace(/:v;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif'/>");
theText = theText.replace(/:w;/gi, "<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif'/>");
theText = theText.replace(/:x;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhETJqZuKFYclVzuVY-wheh5ebZEEnOCJtFKqbUbt_H1KUVqngvOUL4WSutY7iqHAc5GgxsGBoFwarqOe0sMZudqc3FEeQe7uL1ZQji8_i79Gsdxhy2RD-xaUsioyrNjVDnbWljlKO9zFg/s1600/buatD.gif'/>");
theText = theText.replace(/:y;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ5c3kvq0CKSEehf8u-qUssSXaWeNTJtkIjKvAzQQcDOKcBBGoGYJfJ43FSaFpfnpu484mIkk9sd1vp42eGZqRM-5UcfGiqT2JunAPqXQnIo58GXDqTI_fNmI5Yhz3Rvi76Iyu4XSk2EM/s1600/joget.gif'/>");
theText = theText.replace(/:z;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL_JR5p2fImYYjUAEWbvZxjmb7cidsHjINNS7JLG4n-ddSIAsLNMkZgX7Gu3v2GWgpWUzbjnfnrKijby3PLB4ijjsNtpuRr-m84m74oBR3VEksp5VY0S4QOh7MgcLlO5kC9RQG4ln5MzA/s1600/xKopi.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

• Jangan lupa simpan Template kawan