Chèn emoticons facebook, youtube và ảnh cho comments blogspot

Việc chèn biểu cảm cho comments của blogspot khi khách nhận xét là việc quá xa xưa và thời điểm này rất ít người sử dụng.

Bởi mục đích làm blog bây giờ không còn mang tính giao lưu, chia sẻ hay học hỏi mà nó mang nặng tính kinh tế nghĩa là blog bây giờ chủ yếu nhằm mục đích kiếm tiền.

Do đó việc nhận xét về vấn đề gì đó trên blog không còn quan trọng hay quá mặn mà nữa. Nhưng nói vậy mà không hẳn như vậy vì dù sao vẫn còn nhiều blog làm ra để ghi lại những kỷ niệm của bản thân hay chia sẻ kỷ niệm cùng bạn bè thì nhận xét cùng biểu cảm nó vẫn phần nào giúp thêm động lực.

Bài viết này chia sẻ một số emoticons facebook động để các bạn tham khảo. Cùng với việc có thể thêm các emoticons facebook gif vào khung bình luận thì đồng thời khách truy cập cũng có thể thêm ảnh, video youtube kèm nhận xét bằng việc dán link ảnh, youtube vào khung comments.

Các icon sẽ sử dụng:

DEMO

Để chèn emoticons và ảnh cho comments blogspot bạn cần thực hiện các bước sau.

Bước 1: Hiển thị những ký tự tắt và emoticons tương ứng với nó cho người đọc có thể biết được để chèn vào khung Nhận xét.

Tìm đến thẻ:

<data:blogTeamBlogMessage/>

có 4 thẻ như vậy bạn chèn đoạn code sau vào sau thẻ cuối cùng.
Lưu ý
Với những mẫu mới chia sẻ thời gian này bạn tìm thẻ: <data:blogTeamBlogMessage/> bạn tìm thẻ:

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

đây là thẻ nằm sau thẻ body hay trong phần Blog1 và chèn code bên dưới vào ngay sau nó:

<b:if cond='data:view.isPost'>
                        <script>
                          /*<![CDATA[*/
                          function moreSmilies() {
                            document.getElementById('smiley-more').style.display = 'inline';
                            document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">&#8592;</a></span>';
                          }
                          function lessSmilies() {
                            document.getElementById('smiley-more').style.display = 'none';
                            document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">&#8594;</a>';
                          }
                          /*]]>*/
                        </script>
                        <div class='emoticons'>
                          <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO7Bg6QRClul3hN3jZrwi8elxCo3FdWD-2laM84a9McKrk7SpJ5iRu6XR2tWtRALB5En3b8Dg92q3a656s39XSNNcXtAmikyGW6f5p6H1VTVSyFLim9aIwr99yF-Ex0RyKlR8ACAeOuHUm/s35/1.gif'/>
                          :)
                          <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUH2695p4DF-xiTdGI4oGzYjLyFM4Daior-kKdkpkiiCU_FqoqQjV6jp92KGOQBYuQbPv6de9mmlYRoxP3BzmORFr4IlnpnEStw3RHb1kN3OrWStOLeRVYEaNUe_jWjCOdEiQB5Hnha4tG/s35/2.gif'/>
                          :))
                          <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkjNPcYS8zT4WWTL3FqYZn2Bxdvz73eYkDRfOnLlkio_5D-_qCamPTDz-xFB6OqFT1QJqWs4YRIorl2QtzT9KLlPJ5Ix01_ZkvnfGOuOZPIyFZ5Oas6RgCS1xSxlohcl0tGf8R8LSK1QCI/s35/3.gif'/>
                          :-*
                          <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr8ReVjkK_543Zw_XLuwfesBFVsAhPEbV7mKMtdTCRGo9XPodMmuKwpdYcVLrpY7po0BDg2fKayRGSX7QwmSglToNoBc_Ohy-8EevtmclZcrCwt0Zpc0SmJglxwpvNEt0GY_LXDV5nm9pI/s35/4.gif'/>
                          :D
                          <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-TBwj1mB3RAOkrawbtiJMv7Qf4G_JLuXJaC8nmE_1CAMOtzbkpbBTqZJimZu8vjUFlHAZOyfksfFiKCixPCVQrSp66XUZf0o53hPec2Vgk60r9jHFRtVn68WLa6CPOI8QjXo0dNF30kBN/s35/5.gif'/>
                          =))
                          <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWxjvZhOMe0YlEXr2nwAOSq6rrbqN-4lF1u_9VcS0dsEtxhuiO0ledRz0xFDx_1KwQtL_8zRs-fyZSdlgC-bgSWmhJLENptyXbzp7I70DBm5O32FUglNozvY5iGMEeN3a5Rbdoa4K8ju8m/s35/6.gif'/>
                          :((
                          <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMc8Zs2Cyq1HbrGTtTt7Jzc8Lw6MnwiE1nclmvwrn5Q66pJ0BNYu1fFqMK-xYqWaAQFOotVYUScmpLKqO-jYl1_Sz5_RHC_tJ4JnAzUFwaxJumcwKC_RPRkAnPYupo_hWmBOcvk7JIZFah/s35/7.gif'/>
                          :(
                          <span id='smiley-more' style='display: none;'>
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivWF65eiFxK7GXMmkLXTokvnZiwCYtvb6IZGzrIk__-ypAmohY6bUc1m3RpSsvSXU2afPJLF6huaFVB_Vcw6iJsfJPEsyUZyUAiyFVBwOTzwIZhYZydU048UxJ4YuG6lS4hwJ8lopc_arS/s35/8.gif'/>
                            ~X
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhweQ_4obUrrEN_N-i_9N6XcB7i3MB1eqIKcRosnT7YRJK6fpqPJa2HMo3Z3xRwY6U6x1U0M_-Ji2sKwVkcHwy8vg7lt5zNgksDU83z0v4rCaLWDFdT5acMODXaarCAPl7KJKFUFVrzfZhc/s35/9.gif'/>
                            :-h
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZYSzUzblWxcKIbtiIKSsWozGC4YmCBm75DSWeOtjirIRtTM-EHmS-4zhPwxBzCC4F0GYk2OHM-p7Prxs-h5xyjTOrJ93r0Wlkz0qpfLjQGsw3lOayJgvVCTPSorWkkT42f0nrcnk4MP5F/s35/10.gif'/>
                            :-?
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQQsJ8ly2h343RlplN0anF3GkbOsnqdmb41kGu8NTL7Xc8POe3sSTW6S9uTAJeYe4aovEGmWQ86rJc39rpruTotNEf7yJUtDboYCLLOywjBEigbwUamyn7sOZGNCp1rIMBfW3MktfyiStv/s35/11.gif'/>
                            b-)
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8IhEHe7uM9Nmx6dQzLmlb7ZKk6HfzKcD9Hyls0f2YFkOFTL-S9ncXl1sH2vrrjigT5eaWjL3FA_Yzl5m6n7au-HPokVaW7swYFPUfJ8nx0AzOVhRwd0aKp7N0dOW0WorgDE1d-S05-Sfz/s35/12.gif'/>
                            *-:
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaqoC01zkTajOAPYP60Eh0VVdzjXrk7oS8wFE-Ja2YXb2ZmPl9obpNFXN4FD4edj130flLD01JChQxT3nEDWo1pZLQdtBLIJYpW0iD3z4cvOCfG6pqQOy5AH4qNQJnvqtFIt25VBN_ltR/s35/13.gif'/>
                            ~O)
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2huz1mmSOgj8_k1ngAIyi13F5zMFtdedoczaw0AP6FP6g4baz-p2wZPOs30l-04n_m-4Hy1iDRnZrFkehz8lTkert5DFmioGW_1udf9g7P0j98hufCvLOnbqTfWtPLZPfQ8cQrvHEgiph/s35/14.gif'/>
                            @};-
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk3ssrG1WQ_FE1KBkIHFfZKElgKFkBRLQJ7k5muVcJg7YSh4epUxDFWLhGZBWHcZ0vlVzWpPKdM3zgdFSbUlsim8IIf3RaXrdjR07c5fsygnDE3HBP_h1s4Ynkp4lpO7M0zy7q8FmRcgke/s35/15.gif'/>
                            &gt;:D&lt;
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLRJjYIdhA875lFllvXDA_hPPQPyAxGl62VHLDmHjgL5UrFzi7aWbkUTQlhpa_51QFkxinWu6I32ji3T_RXrwYw8eSDfzQ3YBmtpQkIpc36PrIYpTcOLgxBm8Ci7xTAzK1vXxA9NkdhIra/s35/16.gif'/>
                            -*x
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh19QQxoHvSc06_nFtLMY3C4DFNpRx6hiSDsCZVzyZ2G5q-KGEEff3-vF9L339-uZkpAzkZWw4PeSNqFu1PuHLCBwwvnyDVtMzLA8zAMtEhg9VSbdv0xVlz3I_ppBy7rsydQcg_mmhnNMTR/s35/17.gif'/>
                            X(
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2_YdDB8kkSlDPzGcXDmH4WUzCB9bV4-2CH-MNXthtwod5j5g7oqjAzs2gHe318cehoV2Rada7e6S4oQoM6HhPUF13anko4mq-MeBUBeewUCjIxMUj9j03KCX3sbXV7HRBOClUNmb5So3C/s35/18.gif'/>
                            :-O
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4YFRGZHfoxCBQIrsUkTjEMB3QqBUHVCzm1e48M1eeVcw6Fwy5NwdHq3Dw_XN2kfSI0kyc2tfZbjgeuv7fsJpaxhHlJJOOO7lD5HzXCClDhu6RnQI-Q3oLY_o_qoZoNX6tsWb2upf1XjmF/s35/20.gif'/>
                            =D&gt;
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDXGNsOfqyVJrjeJ7SOQWwlytVhMRq6r9qK23-9EbGM8k0j2FFhUTjEAl12XQZGi-gin9Y-tD-n4e5R2a_nPZ60FDtlM7kDy9k1t13uHTbQmf2w5pSA7OH1-vpqjIAofa7t6oIn4FZdbMm/s35/21.gif'/>
                            :@)
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrjOV_4aibmjQd6A9zuSN9qlvEBWzDyZwyyr-cMeAeh_ruT-K6ugUfNWHbCaDPgV2IbEI4ofBYTkatwyfxsLN0NN4ZP3t97iadjI1b9JsHHVYsAd8Q5awCOn9f9U8eFuOeSsY5Rn2VwQoF/s35/22.gif'/>
                            :P
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5zQkQTzjAK5z4k06OU503pV5FSEf2n6FhDZDG3lAyAygEMHAUvoFIOJ7pmIsL_Or5uIt501IGRlBdyTyTWozrB0-GzasAGBN6qPu85oHPGx1-YIxYVxuulzPs9-kPHjADj2JA1CUyOOit/s35/23.gif'/>
                            :&quot;&gt;
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJI-3cWbY2D64Xlu6CVKgoh-ecD1AlW5cCB0hQwazxyji5jOhWQ4npE-YmKR-24GabeEQB-LbonBq2ZrajGVYt0CXw2OvtseAiXbrknEKJDtuWicuk447ahg7L50_ggAl7MsYPePAGtSr7/s35/24.gif'/>
                            ;;)
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTXuM-BmQLkDYzqcMpskck1qDEKfL1f0mWWBK9nyPszTY-c2c9juXXKzCwnaPpi9UOoP6LG675_mUJX1Qra3BPRJomXQ31INIitRoukHENoHLEcVhUUXUID154FQiVjYw1jv8UrBrKfe0k/s35/25.gif'/>
                            ;)
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9eRJ-FyhorvOdLCx7yOD9d4px4TawfD4lzVZ2OYmcRegvOVXfNudV2mw7VIcF6ekBChbsdoqki_7KDs4k1bsEYRoTKChBS6zzLktYtdLD4y0CrzFGus4J1R73X5oN2FDkhPTCeZ7BT4Es/s35/26.gif'/>
                            :x
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi38LOaDqNGU1EiXkbuIvKPbnI-wqAguz9iGXw83vE1RdCYS8uE7iBlfcv2m18tv4EcXxz6f5E2XNoa1OmG3YGks0QgTxG-Mm2rbR36pbtxWtzsHTfIKncqOeaNGJ6eCt1lBnJeTIJ-YvGP/s35/27.gif'/>
                            =((
                            <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ax64_DHcqE_MhKW_I7yzOR6RAUk_qSFChWrFnvpBPIjyZ5IDnsLSjuScOzQ1P7hfl5br165yFqGd-Cic-BZ1fJKo6i6suZfc6_8arGVBm0by3oOWJgBy88WqYfVOjzX1pEZFrWSZnYvI/s35/28.gif'/>
                            :-/
                          </span>
                          <span id='smiley-toggle'>
                            <a href='javascript:moreSmilies()'>
                              &#8594;
                            </a>
                          </span>
                        </div>
                      </b:if>

Bước 2: - Tìm tới thẻ: </body>
Chèn đoạn code sau vào trước nó

<b:if cond='data:view.isPost'>
    <script>
/*<![CDATA[*/
document.getElementsByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}
function addSmiley(dummy)
{
  var d = [], i=0, def = ['comment-block','comment-body','comment-post-messages'];
  for(i=0;i<def.length;i++)
  {
 var content = document.getElementsByClassName(def[i]);
 for(var j=0;j<content.length;j++)
  d.push(content[j]);
  }
  for(var i=0;i<d.length;i++)
  {
var theText = d[i].innerHTML;
//Multimedia
     theText = theText.replace(/(\b)https:\/\/(youtu.be\/|www.youtube.com\/watch\?v\=)([A-z0-9]{1,})(\b)/g, "<iframe width='100%' height='358' src='https://www.youtube.com/embed/$3?rel=0'  frameborder='0' allowfullscreen></iframe>");     
      theText = theText.replace(/(\b)(https?:\/\/[^\<]{1,}\.)(gif|jpg|jpeg|png|bmp)(\b)/g,"$1<div style='clear:both'></div><img  style='float:left;margin:10px 0;border:1px solid #DDD;max-width:590px;background:#FFF;padding:3px' alt='com-img' src='$2$3' /><div style='clear:both'></div>$4");
//Emoticons
theText = theText.replace(/\:\(\(/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWxjvZhOMe0YlEXr2nwAOSq6rrbqN-4lF1u_9VcS0dsEtxhuiO0ledRz0xFDx_1KwQtL_8zRs-fyZSdlgC-bgSWmhJLENptyXbzp7I70DBm5O32FUglNozvY5iGMEeN3a5Rbdoa4K8ju8m/s35/6.gif' />")
theText = theText.replace (/\:\(/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMc8Zs2Cyq1HbrGTtTt7Jzc8Lw6MnwiE1nclmvwrn5Q66pJ0BNYu1fFqMK-xYqWaAQFOotVYUScmpLKqO-jYl1_Sz5_RHC_tJ4JnAzUFwaxJumcwKC_RPRkAnPYupo_hWmBOcvk7JIZFah/s35/7.gif'/>")
theText = theText.replace (/\:\)\)/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUH2695p4DF-xiTdGI4oGzYjLyFM4Daior-kKdkpkiiCU_FqoqQjV6jp92KGOQBYuQbPv6de9mmlYRoxP3BzmORFr4IlnpnEStw3RHb1kN3OrWStOLeRVYEaNUe_jWjCOdEiQB5Hnha4tG/s35/2.gif'/>")
theText = theText.replace (/\~X\(/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivWF65eiFxK7GXMmkLXTokvnZiwCYtvb6IZGzrIk__-ypAmohY6bUc1m3RpSsvSXU2afPJLF6huaFVB_Vcw6iJsfJPEsyUZyUAiyFVBwOTzwIZhYZydU048UxJ4YuG6lS4hwJ8lopc_arS/s35/8.gif'/>")
theText = theText.replace (/\:\-h/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhweQ_4obUrrEN_N-i_9N6XcB7i3MB1eqIKcRosnT7YRJK6fpqPJa2HMo3Z3xRwY6U6x1U0M_-Ji2sKwVkcHwy8vg7lt5zNgksDU83z0v4rCaLWDFdT5acMODXaarCAPl7KJKFUFVrzfZhc/s35/9.gif'/>")
theText = theText.replace (/\:-\?/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZYSzUzblWxcKIbtiIKSsWozGC4YmCBm75DSWeOtjirIRtTM-EHmS-4zhPwxBzCC4F0GYk2OHM-p7Prxs-h5xyjTOrJ93r0Wlkz0qpfLjQGsw3lOayJgvVCTPSorWkkT42f0nrcnk4MP5F/s35/10.gif'/>")
theText = theText.replace (/b-\)/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQQsJ8ly2h343RlplN0anF3GkbOsnqdmb41kGu8NTL7Xc8POe3sSTW6S9uTAJeYe4aovEGmWQ86rJc39rpruTotNEf7yJUtDboYCLLOywjBEigbwUamyn7sOZGNCp1rIMBfW3MktfyiStv/s35/11.gif'/>")
theText = theText.replace(/\*\-\:\)/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8IhEHe7uM9Nmx6dQzLmlb7ZKk6HfzKcD9Hyls0f2YFkOFTL-S9ncXl1sH2vrrjigT5eaWjL3FA_Yzl5m6n7au-HPokVaW7swYFPUfJ8nx0AzOVhRwd0aKp7N0dOW0WorgDE1d-S05-Sfz/s35/12.gif'/>")
theText = theText.replace(/\~O\)/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaqoC01zkTajOAPYP60Eh0VVdzjXrk7oS8wFE-Ja2YXb2ZmPl9obpNFXN4FD4edj130flLD01JChQxT3nEDWo1pZLQdtBLIJYpW0iD3z4cvOCfG6pqQOy5AH4qNQJnvqtFIt25VBN_ltR/s35/13.gif'/>")
theText = theText.replace (/\@\}\;\-/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2huz1mmSOgj8_k1ngAIyi13F5zMFtdedoczaw0AP6FP6g4baz-p2wZPOs30l-04n_m-4Hy1iDRnZrFkehz8lTkert5DFmioGW_1udf9g7P0j98hufCvLOnbqTfWtPLZPfQ8cQrvHEgiph/s35/14.gif'/>")
theText = theText.replace(/\&gt;\:\D\&lt;/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk3ssrG1WQ_FE1KBkIHFfZKElgKFkBRLQJ7k5muVcJg7YSh4epUxDFWLhGZBWHcZ0vlVzWpPKdM3zgdFSbUlsim8IIf3RaXrdjR07c5fsygnDE3HBP_h1s4Ynkp4lpO7M0zy7q8FmRcgke/s35/15.gif' alt='>:-D<'/>")
theText =theText.replace(/\=\)\)/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-TBwj1mB3RAOkrawbtiJMv7Qf4G_JLuXJaC8nmE_1CAMOtzbkpbBTqZJimZu8vjUFlHAZOyfksfFiKCixPCVQrSp66XUZf0o53hPec2Vgk60r9jHFRtVn68WLa6CPOI8QjXo0dNF30kBN/s35/5.gif' alt='=)'/>")
theText = theText.replace (/\:\)/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO7Bg6QRClul3hN3jZrwi8elxCo3FdWD-2laM84a9McKrk7SpJ5iRu6XR2tWtRALB5En3b8Dg92q3a656s39XSNNcXtAmikyGW6f5p6H1VTVSyFLim9aIwr99yF-Ex0RyKlR8ACAeOuHUm/s35/1.gif'/>")
theText = theText.replace(/\:\-\*/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkjNPcYS8zT4WWTL3FqYZn2Bxdvz73eYkDRfOnLlkio_5D-_qCamPTDz-xFB6OqFT1QJqWs4YRIorl2QtzT9KLlPJ5Ix01_ZkvnfGOuOZPIyFZ5Oas6RgCS1xSxlohcl0tGf8R8LSK1QCI/s35/3.gif' />")
theText = theText.replace(/\:D/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr8ReVjkK_543Zw_XLuwfesBFVsAhPEbV7mKMtdTCRGo9XPodMmuKwpdYcVLrpY7po0BDg2fKayRGSX7QwmSglToNoBc_Ohy-8EevtmclZcrCwt0Zpc0SmJglxwpvNEt0GY_LXDV5nm9pI/s35/4.gif' alt=':-D'/>")
theText = theText.replace(/\[-*x/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLRJjYIdhA875lFllvXDA_hPPQPyAxGl62VHLDmHjgL5UrFzi7aWbkUTQlhpa_51QFkxinWu6I32ji3T_RXrwYw8eSDfzQ3YBmtpQkIpc36PrIYpTcOLgxBm8Ci7xTAzK1vXxA9NkdhIra/s35/16.gif' alt='[-X'/>")
theText = theText.replace(/\s*x\(/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh19QQxoHvSc06_nFtLMY3C4DFNpRx6hiSDsCZVzyZ2G5q-KGEEff3-vF9L339-uZkpAzkZWw4PeSNqFu1PuHLCBwwvnyDVtMzLA8zAMtEhg9VSbdv0xVlz3I_ppBy7rsydQcg_mmhnNMTR/s35/17.gif' alt='X('/>")
theText = theText.replace(/\:-O/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2_YdDB8kkSlDPzGcXDmH4WUzCB9bV4-2CH-MNXthtwod5j5g7oqjAzs2gHe318cehoV2Rada7e6S4oQoM6HhPUF13anko4mq-MeBUBeewUCjIxMUj9j03KCX3sbXV7HRBOClUNmb5So3C/s35/18.gif' alt=':-O'/>") 
theText = theText.replace(/\=D&gt;/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4YFRGZHfoxCBQIrsUkTjEMB3QqBUHVCzm1e48M1eeVcw6Fwy5NwdHq3Dw_XN2kfSI0kyc2tfZbjgeuv7fsJpaxhHlJJOOO7lD5HzXCClDhu6RnQI-Q3oLY_o_qoZoNX6tsWb2upf1XjmF/s35/20.gif' alt='=D>'/>")
theText = theText.replace (/\:\@\)/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDXGNsOfqyVJrjeJ7SOQWwlytVhMRq6r9qK23-9EbGM8k0j2FFhUTjEAl12XQZGi-gin9Y-tD-n4e5R2a_nPZ60FDtlM7kDy9k1t13uHTbQmf2w5pSA7OH1-vpqjIAofa7t6oIn4FZdbMm/s35/21.gif'/>")
theText = theText.replace (/\:\P/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrjOV_4aibmjQd6A9zuSN9qlvEBWzDyZwyyr-cMeAeh_ruT-K6ugUfNWHbCaDPgV2IbEI4ofBYTkatwyfxsLN0NN4ZP3t97iadjI1b9JsHHVYsAd8Q5awCOn9f9U8eFuOeSsY5Rn2VwQoF/s35/22.gif'/>")
theText = theText.replace (/\:\"\&gt;/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5zQkQTzjAK5z4k06OU503pV5FSEf2n6FhDZDG3lAyAygEMHAUvoFIOJ7pmIsL_Or5uIt501IGRlBdyTyTWozrB0-GzasAGBN6qPu85oHPGx1-YIxYVxuulzPs9-kPHjADj2JA1CUyOOit/s35/23.gif'/>")
theText = theText.replace(/\;;\)/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJI-3cWbY2D64Xlu6CVKgoh-ecD1AlW5cCB0hQwazxyji5jOhWQ4npE-YmKR-24GabeEQB-LbonBq2ZrajGVYt0CXw2OvtseAiXbrknEKJDtuWicuk447ahg7L50_ggAl7MsYPePAGtSr7/s35/24.gif' />")
theText = theText.replace(/\;\)/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTXuM-BmQLkDYzqcMpskck1qDEKfL1f0mWWBK9nyPszTY-c2c9juXXKzCwnaPpi9UOoP6LG675_mUJX1Qra3BPRJomXQ31INIitRoukHENoHLEcVhUUXUID154FQiVjYw1jv8UrBrKfe0k/s35/25.gif' alt=';)'/>")
theText = theText.replace(/\:x/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9eRJ-FyhorvOdLCx7yOD9d4px4TawfD4lzVZ2OYmcRegvOVXfNudV2mw7VIcF6ekBChbsdoqki_7KDs4k1bsEYRoTKChBS6zzLktYtdLD4y0CrzFGus4J1R73X5oN2FDkhPTCeZ7BT4Es/s35/26.gif'alt=':X'/>")
theText = theText.replace(/\=\(\(/ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi38LOaDqNGU1EiXkbuIvKPbnI-wqAguz9iGXw83vE1RdCYS8uE7iBlfcv2m18tv4EcXxz6f5E2XNoa1OmG3YGks0QgTxG-Mm2rbR36pbtxWtzsHTfIKncqOeaNGJ6eCt1lBnJeTIJ-YvGP/s35/27.gif' alt='=('/>")
theText = theText.replace(/\:\-\//ig,"<img style='border: 0; padding:0'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ax64_DHcqE_MhKW_I7yzOR6RAUk_qSFChWrFnvpBPIjyZ5IDnsLSjuScOzQ1P7hfl5br165yFqGd-Cic-BZ1fJKo6i6suZfc6_8arGVBm0by3oOWJgBy88WqYfVOjzX1pEZFrWSZnYvI/s35/28.gif' alt=':-C'/>")
//Font-size & Color
      theText = theText.replace(/\[size=\"(?:(\d{1,2}))\"\]/gi,"<span style=\'font-size:$1px\'>");
      theText = theText.replace(/\[\/size\]/gi,"</span>");
      theText = theText.replace(/\[color=\"(?:([a-z]{3,}|#[a-f0-9]{3,6}))\"\]/gi,"<span style=\'color:$1\'</span>");
      theText = theText.replace(/\[\/color\]/gi,"</span>");
d[i].innerHTML = theText;
    }
}
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}
addLoadEvent(function(){
addSmiley();
});
/*]]>*/
</script>
  </b:if>

Bước 3: Thêm một class emoticons. Chèn đoạn mã dưới vào trước thẻ ]]></b:skin>

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons {font-size: 13px;margin-left: 20px;text-decoration:none;} .comment-block img {
max-width: 100% !important;
}

Lưu ý:
Đối với các mẫu đã tích hợp tính năng post ảnh và video của youtube như các mẫu của ify ...thì bỏ đoạn code bên dưới của bước 2 đi.

//Multimedia
     theText = theText.replace(/(\b)https:\/\/(youtu.be\/|www.youtube.com\/watch\?v\=)([A-z0-9]{1,})(\b)/g, "<iframe width='100%' height='358' src='https://www.youtube.com/embed/$3?rel=0'  frameborder='0' allowfullscreen></iframe>");     
      theText = theText.replace(/(\b)(https?:\/\/[^\<]{1,}\.)(gif|jpg|jpeg|png|bmp)(\b)/g,"$1<div style='clear:both'></div><img  style='float:left;margin:10px 0;border:1px solid #DDD;max-width:590px;background:#FFF;padding:3px' alt='com-img' src='$2$3' /><div style='clear:both'></div>$4");

Xem thêm: Chèn emoticons yahoo

16 تعليقًا

Đỗ Văn 24‏/03‏/2017، 4:07:00 ص

Ồ, DVD thực hiện được rồi,
Thích quá :))))))
Rất cảm ơn HL!
1. Đỗ Văn 24‏/03‏/2017، 4:19:00 ص
  
  Chỉ có một vấn đề là không hiển thị được những ký tự tắt và emoticons tương ứng với nó cho người đọc có thể biết được để chèn vào khung Nhận xét.
2. Đời sống 24 24‏/03‏/2017، 5:09:00 ص
  
  Là bước 2 đó bác
Đỗ Văn 24‏/03‏/2017، 4:11:00 ص

Giờ chỉ còn làm thế nào để xuất hiện avatar của người viết cảm nhận???
HL gắng giúp thêm cho DVD nhé, cảm ơn HL rất nhiều!
:)
1. Đỗ Văn 24‏/03‏/2017، 4:34:00 ص
  
  à, khi viết cảm nhận thực sự thì mới xuất hiện avatar, còn những cảm nhận cũ thì không hiện avatar...
  :D
Đỗ Văn 24‏/03‏/2017، 4:37:00 ص

Với template mới này, DVD mất cái nhà tranh luôn rồi...
Hi hi hi...
Đỗ Văn 24‏/03‏/2017، 4:40:00 ص

Điều chỉnh kích thước emoticons như thế nào, HL nhỉ (to hơn, nhỏ hơn)?
1. Đời sống 24 24‏/03‏/2017، 5:11:00 ص
  
  Bước 3 đó bác.
  Bác nên sử dụng cái cũ đang dùng vấn đề là là cài đặt cho các phần code đúng vị trí mà em ko biết code cái cũ của bác nên ko giúp gì được.
Đời sống 24 24‏/03‏/2017، 5:26:00 ص

Bác dùng dữ liệu(các bài viết) của blog cũ up lên một blog mới để thử nghiệm thì avata comment ko hiện đâu chỉ có comment mới mới hiện thôi.
Bác muốn có ảnh nhà tranh thì dùng mẫu khác cũng là mẫu mới mà blgger vừa cung cấp.
Ví dụ cái này thay ảnh mèo thành ảnh của bác
https://canhacmuonmau01.blogspot.com/
1. Đỗ Văn 24‏/03‏/2017، 7:02:00 ص
  
  DVD sẽ thử thay mẫu như HL đề nghị. :)
  Có thể áp dụng những code này để chèn được emoticons vào cả cảm nhận và bài đăng được không HL? :))
2. Đời sống 24 24‏/03‏/2017، 7:07:00 ص
  
  Được chứ bác em cài ở đó rồi đấy bài có 2 nhận xét đó
3. Đỗ Văn 24‏/03‏/2017، 7:11:00 ص
  
  Ý của DVD là nhà tranh chỉ có ở trang chủ, còn vào bài viết thí mất nhà tranh. hi hi hi...
  
  Mẫu mà HL cho ví dụ, DVD và một người bạn nữa cũng đang dùng tại blog:
  
  https://gochienxanh.blogspot.com/
4. Đời sống 24 24‏/03‏/2017، 7:35:00 ص
  
  Bây giờ người dùng điện thoại để lướt web là chính nên khi xem bài đỡ mất không gian màn hình ko cần nhà tranh đâu.
  Vì mẫu mới là dùng cho mobile ko như mẫu mobile mặc định của blogger mà bác đang dùng đâu
5. Đỗ Văn 24‏/03‏/2017، 7:53:00 ص
  
  Phải rồi, DVD cũng thấy thế, nên đang định chuyển blog sang mẫu mới để người dùng điện thoại dễ xem mà, cũng không cần nhà tranh đâu... hi hi hi...
Đỗ Văn 24‏/03‏/2017، 7:25:00 ص

Hiện tại, blog của DVD vẫn là trang
https://dovaden2010.blogspot.com/

DVD sẽ gửi email cho HL thủ thuật mà DVD sưu tầm từ trên mạng để chèn emticons vào bài đăng, chèn emoticons, hình ảnh vào cảm nhận, kiểu khung nhận xét của blog này.
:)
1. Đỗ Văn 24‏/03‏/2017، 7:54:00 ص
  
  Thôi, để DVD đăng luôn trong trang thử nghiệm vậy...

🙂😬😀😂🤣😍💖
Windows + . hoặc Windows + ; để chèn emoji

Thủ thuật blogspot

Chèn emoticons facebook, youtube và ảnh cho comments blogspot

16 تعليقًا

Tổng hợp hiệu ứng pháo hoa cho blogspot

Cài đặt code chặn người dùng sử dụng Adblock chặn quảng cáo

63 templates blogspot/blogger premium free hay sử dụng miễn phí tải về

Sure APK – Responsive Blogger Template

Tải xuống mẫu TechMag blogger cao cấp miễn phí

Thủ thuật blogspot®