Thread Comment dan Emoticon

Ditulis oleh :
Putu BlogBego
- Hari: Sabtu, 15 September 2012

Blogger Template Main Kolom 32 ini sudah memakai Thread Comment sesuai Standar Blogger yang sudah saya modifikasi agar menarik misalnya latar belakang pengunjung yang memberikan Komentar dengan  kita sebagai Author warnanya berbeda. 
Kalau kawan ingin menambahkan Emoticon untuk di Komentar dan pada halaman Posting, kawan bisa menambahkan script berikut persis diatas </body> [letaknya paling bawah Template] 



<script src='https://sites.google.com/site/blogbegocreation/javascript/Editor_Smyle.js' type='text/javascript'/>
<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/AVvXsEi75TcE2f4Q7DBWYVQFO8C-5yhlUYSsyy9pW0xLSnotE_th848wbjgFg_3nrt-1Z6oJ1bWTbVvodUFs42Ud3nUGeATnGcVgt_zOZqOwHZuPx1hhyphenhyphen5uRNMIon_BAtWVUx-Q2NxRLw8JcthI/s1600/buatD.gif'/>");
theText = theText.replace(/:y;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvKtnSQ-9VfLLK8Y_FDvhSYbdLpEyYMx9FXBIg6K_Y5wHNEYqK96uptt3Xp8F_GKyvoTOqNAgqTcdr_fxuCEsz5FjkLz9xwR8EB39PhRePoPRzPIQ_2d6FqjbZB2nF5esTZSLzC4Zqb9Q/s1600/joget.gif'/>");
theText = theText.replace(/:z;/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiQUbTOyw7VRAgk4O8ub_fJx_w2IyP2oJ9xvf_jCyg6RsZU9tjv5Z22oR2xG2L41PHXgGF-81aPTazfIPUn8jIBSbgW21bGy0ZFYfM7YPYH5psqx8YlF0es7Z0-uJWNOI-bAU_gnyVOVw/s1600/xKopi.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
Sedangkan kalau kawan ingin Image Emoticon dan Kodenya kelihatan di atas Post Editor Komentar caranya sebagai berikut :


  • Beri tanda check disamping 
<br/><center>
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif&#39;/&gt; :a;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif&#39;/&gt; :b;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif&#39;/&gt; :c;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif&#39;/&gt; :d;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif&#39;/&gt; :e;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif&#39;/&gt; :f;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif&#39;/&gt; :g;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif&#39;/&gt; :h;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif&#39;/&gt; :i;
<br/>
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif&#39;/&gt; :j;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif&#39;/&gt; :k;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif&#39;/&gt; :l;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif&#39;/&gt; :m;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif&#39;/&gt; :n;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif&#39;/&gt; :o;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif&#39;/&gt; :p;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif&#39;/&gt; :q;
<br/>
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif&#39;/&gt; :r;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif&#39;/&gt; :s;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif&#39;/&gt; :t;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif&#39;/&gt; :u;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif&#39;/&gt; :v;
&lt;img src=&#39;http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif&#39;/&gt; :w;
&lt;img src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi75TcE2f4Q7DBWYVQFO8C-5yhlUYSsyy9pW0xLSnotE_th848wbjgFg_3nrt-1Z6oJ1bWTbVvodUFs42Ud3nUGeATnGcVgt_zOZqOwHZuPx1hhyphenhyphen5uRNMIon_BAtWVUx-Q2NxRLw8JcthI/s1600/buatD.gif&#39;/&gt; :x;
&lt;img src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvKtnSQ-9VfLLK8Y_FDvhSYbdLpEyYMx9FXBIg6K_Y5wHNEYqK96uptt3Xp8F_GKyvoTOqNAgqTcdr_fxuCEsz5FjkLz9xwR8EB39PhRePoPRzPIQ_2d6FqjbZB2nF5esTZSLzC4Zqb9Q/s1600/joget.gif&#39;/&gt; :y;
&lt;img src=&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiQUbTOyw7VRAgk4O8ub_fJx_w2IyP2oJ9xvf_jCyg6RsZU9tjv5Z22oR2xG2L41PHXgGF-81aPTazfIPUn8jIBSbgW21bGy0ZFYfM7YPYH5psqx8YlF0es7Z0-uJWNOI-bAU_gnyVOVw/s1600/xKopi.gif&#39;/&gt; :z;
</center>
Jangan lupa simpan Template kawan




Reviewer: Putu BlogBego - Itemreviewed: Thread Comment dan Emoticon

Kalau ada yang kurang jelas pada Artikel
Description Thread Comment dan Emoticon » Rating: 4.5
atau seandainya ada Link yang rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki



3 komentar pada : “Thread Comment dan Emoticon”