Memasukan Item Pada Komentar (Video, Gambar, Emoticon, Kode) | OOM RIO
Home » All Tutorials » Komentar » Memasukan Item Pada Komentar (Video, Gambar, Emoticon, Kode)

Tuesday, December 18, 2012

Memasukan Item Pada Komentar (Video, Gambar, Emoticon, Kode)

Kali ini saya akan membahas cara memasukan Emoticon, Gambar, Video dan kode kedalam komentar, tujuannya untuk mempermudah para komentator menanyakan masalah dengan menyertakan Screenshot atau video pada komentar tersebut, sehingga yang menjawab menjadi lebih mengerti masalah yang akan di tanyakan, kalau Emoticon jelas untuk mengexpresikan komentator dan menjadikan suasana dalam berkomentar menjadi lebih hidup.. 
Untuk Script dan kodenya saya dapatkan dari blog DT:] dan MKR-Site untuk emoticon.
Berikut langkah pemasangannya.
1. Masuk ke Template  »  Edit HTML
Letakan kode berikut ini diatas kode </head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/* Add More Features to the Blogger Comments by Taufik Nurrohman */
img.emo {
  display:inline-block;
  vertical-align:middle;
}

#comment-holder .cm-youtube {
  display:block;
  border:none !important;
  background-color:#333;
  width:370px;
  height:218px;
  margin:0 auto 30px;
}

#comment-holder .cm-image {
  display:block;
  margin:0 auto 15px;
  outline:none;
  border:1px solid #ccc;
  background-color:white;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  padding:5px;
  max-width:96%;
  height:auto;
  width:auto\9;
}

#comment-holder code,
#comment-holder i[rel=&quot;code&quot;] {
  font:normal 12px Monaco,&quot;Courier New&quot;,Monospace;
  color:blue;
}

#comment-holder pre,
#comment-holder i[rel=&quot;pre&quot;] {
  display:block;
  font:normal 12px Monaco,&quot;Courier New&quot;,Monospace;
  background-color:#333;
  color:white;
  padding:0.5em 1em;
  word-wrap:normal;
  white-space:pre;
  overflow:auto;
}

#comment-holder blockquote,
#comment-holder b[rel=&quot;quote&quot;] {
  margin:0 2%;
  background-color:#eee;
  padding:1em 1.2em;
  border-left:4px solid #7498AD;
  display:block;
  font-weight:bold;
  font-style:italic;
}

#comment-holder i[rel=&quot;image&quot;],
#comment-holder i[rel=&quot;youtube&quot;] {
  display:block;
  overflow:hidden;
  border:2px solid black;
  position:relative;
  width:170px;
  height:100px;
  margin:0 auto 30px;
}

#comment-holder i[rel=&quot;image&quot;]:before,
#comment-holder i[rel=&quot;youtube&quot;]:before {
  content:&quot;Please enable your JavaScript to see this image!&quot;;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:red;
  color:white;
  font-weight:bold;
  text-align:center;
  padding:15px 0;
}

#comment-holder i[rel=&quot;youtube&quot;]:before {
  content:&quot;Please enable your JavaScript to watch this video!&quot;;
}
</style>
</b:if>

2. Kemudian Letakan kode berikut ini diatas kode </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// Emoticon bar before comment-form
$(function() {
    $(putEmoAbove)
        .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~  $-)  (b)  (f) x-)  (k)  (h)  (c)  cheer  <br/><b>Click to see the code!</b><br/>To insert emoticon you must added at least one space before the code.</div>');
    var emo = function(emo, imgRep, emoKey) {
        $(emoRange)
            .each(function() {
            $(this)
                .html($(this)
                .html()
                .replace(/<br>:/g, "<br> :")
                .replace(/<br>;/g, "<br> ;")
                .replace(/<br>=/g, "<br> =")
                .replace(/<br>\^/g, "<br> ^")
                .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));
        });
    };
    emo(/\s:\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCJLTpv_Bi8o9MUQVCs05iiGRsp-ihF6Glb0ZIucI2aAyFAJjJQ7T-iK2xmvkbk9ZobgNPOZjs4Sucfp6Jc3I3RmJ7oYQOpHH-lPgKtVdih0x4HDgqIFCgYZVAQ-s7891rpKBW-MuhYY0/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmNO3vsqKZXtrIVbzfdxKUUf4Kv1zWa5M5FYX2Ilc6XY99Yl8w1Ku-NKIQSxvYB0dbHOgexmxX2t4ETfsjvbeXBQShhZdQ3cAwGtAoDWND7Tk2jz9Xj6UpneorlKEE_sieubJWc2iTwy4/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPquEyZw1KjEhz9UdD51STkABuyEN60lUuee_FWr4LNqGV273pBe3tXZcoVu4_RLtbLYiDOoOmVN7zDkANIXUIgaU1SkkUdlktBpQa3kxPPdw_1OmHdaX6vug09yr5dYWd_SkBpEDQXYU/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRGx4teuc6SPr8yo9AYp3klKyGFRqirD_WTSgy_5ZSNI5klHkYJmKpBEHNDrJ4yTPkjnNa4-Mkw1Yp21Ybpou5xsRspFzMoWMssd_4rBlhfwgwCALGBnxD77Pzy3ugnSJgH0zE6OJTC8/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipALi3fb9FHyarJWI3MP2bVtaAMMq2cfW6LmC1544rsJpsrk0hq-7DioFpiJeWiu2mqq-twaKfB4Ih2L3K6wdzEm6-FP3joiC88zxj13XCToaK0PAFJkXKcQe4Q49heWKogiSoV5jBxs8/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO7enx8Bir0wDNnElC42GZYZ7rx9vDxiSywquYOzLUNSgkri-pKvFrCJgRsVVLzsAxVUGfdSIeDeMukgeVvltXT4l-BInsRvVUVRUneDToxqgqHS4QZpQwNemdZiZppr-SMOK1D9ZKmcs/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4EegEyt6DMkiyBoCaQXw26667dL4NpQbcxifjtjyIPF7GaOT3rA997Alo5b1Ctf-ujWx6JmXZN_PpKgP1sMA9ynX7oflDmjlsEzcdyywjAGK2tEcA-htTtGTXbYtglH-CHHhSeHPqJsk/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjBM_dtnfXe-luZWFkEuAKvY481CshvFntheddA6x-r7Y2rsYlRVLOl14jMcU1QaFVZEO0HyE8TMzIWtF-_-EIDpo7rkwPhwLAhKrQxXDFuOsfLAMaa2_iUex_Ggz3M8lEdyt-yPodm84/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIXsd4neNWGdUZcBmTBhx2sUhpuMMAfjAKo2Umc0bFDJLjWk-flWWcKMt9EQRgHWh1dEbl6fCAlh6-8hl1untKoNJ8jRLlq0Xb1Spad30q3I0FkPtHD5hMz6PmOAQ8nfi3zdOxkfQhW2Y/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVbhub0LhhzCPFrprzOKfGmV5aUITrHl1pTVbNopsIl6TFGndRaaI88bN-AxGy8rkBE9fKrvXDVO0rM_z0A-B-WDMzzEX_9_AcyI1BnGq0J8zOftUT-R1yFtS9cFnmm9vFnObFarqsdoE/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJJ4EyKFsdiS2GAD5Qfwjogn9dRxsTECBv4I0DBE29yO51aEDPx32rIsEqyw-EixAjbBEJ2AdZlhCyqodwKxtxR3FZzRBlz04X-6rXtom4hBG4qcgu4-C58HOt4tqglpX-LsBRJBU1mQU/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_N6yChcMFv1MFWJGkjUZvOpDzMt8ZGUWG1ZDba9DawD-uK_4Spr6dBF5q83hPFH6Alef2pbeUxWSgRSFbLyY_o6jfJS-Ednc77AEzUrWcOYCZ_lBh23Fb-4OLowCg6GhVQrk8mixa0A/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL-FFHh8dWD-yjwt6Dh4m1ZJ0756-SCTZNeuYPVi8Cp2X22rZ8HWheBzbk7d3coRGN15_d_kzfUb68WH5ElY1Xpu0DxLT3v10Rj-Vv60AlJ3qNpSE8lVCoDUMUhC5qkZ1TsxNzv5SdWmk/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHS5aTHUWbPufLbVVMP5tU1Kq6rgGZQmMVBaWm9-y3L1K2uPTdkkdRlYr-kbxNit32jPQ4MDvGnxD0LGlD0pWV5ZF6ElE-8N9Fg91KHA6HOBrWE1pxIQIDPeVLRXFNQfrU4qhTW3XdZag/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC-_l7wA8tLywKh36GdRYi8yV4Io8gtz8oX5QV-6iSS8e5rSTpwZ3chSwofI0WSUbJQ-oaZSYPwSKmKtA9TLo2n8ImOn7Oq6UBVPk1KrUJkGOF0gSipS4dCuduT9j2DBXGJLJ0zPbUCp8/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo6aoxtXXAQ3DG1GvAbId7tLreDPc_k3DEtNmz0omDRZxLB8ciZc0HuDaDz0v35tjawhf5Unfc-sLuGxXknWLOx6DOo95DjjauNis6IOXV0ak5kP4BuSU4D_BP_IaVjln5jE5itJLcc0I/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvokOLzlmKd7k8OV7s_e-2796VUxq12BKdy17Fg3iN9yCBvjZ6tNdBdBOvAXiUkpYLXZaMCMF5V0WhJ4pgWRPLrYKSf3k6ODWsvS2gPu_nH8tP5DiwuBblX_rX36jL7ZbqJVv-Le4pooY/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQsZqsd_ehmsXIBNPjhjJyxxFcGxHoAjHwpOBcptFsrUaVRSaSWBO-lw4m6s2sT3zet0BkMyAN8lfbHTxWfZJR95_B5ujGkIOnG3PF7Hn6eKjUO5ZmU_JBBQM0Cd9fhWLilaT4khrRJg/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMMY_iEL9hxrnNPvN44eTGUPbvgaaQA-zOFZR5LK459oXjORV2ykFkEGtin7lrjKsYb6lnr-hl6Iuek188MVAJwVT1iS1UpZBjS_mRN8SQZDLW5YOrvI_hSy6jDFQ7FmLQQQsfwCev2s8/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkjQB6YierrAmD82zUoGIS0yPZej2SYiJfbKSGdG9Ju4QshAdvkHe75Q4YswtIlMQ7kSnd73P0S4csnFzPF1GGwS673q_MrWfldyX0hspNkaW7W6keDvOfe0mqdHvT0UosMw83BcO2IHc/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkAxvD1wyXJNPGvuwpI4RclW93nZ2Zc3gbZ7GHOVj3I4F1D03tfDDpMLdjHn4zbUZOaelnVrF-hmOVm50BRg_YNpkkdGgmRTx_yqBY6s6Tfyj3fX888Hi0hBe-jB6178TVZuOSj-EY6Zc/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVnif5CFsaFs7nolJPcvt9SZ5XXRDvJ0BziqOOxCSdirN4UELnAWXCByZB5FDEW3ttgH-e6tvLdTM48z5jg5Fah8WXcb9gg6E6IKQzANb5Eef8kGCvyKP_hTCE6WjNt3iGvliENphbkME/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDo6RUkD-gPMfzv8wxOSWniQiJnsSxPDcIljaojkFJ2jQKdOt-IIYxbzC5tWpL8XG1vr_M3EKr7UAVnBlyrIFfzwIJDK9UK3I7jl18Z3lZc0EiFmin9qyU_on9axwqhlid-ihpc4_r80c/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX4DERk9bBodq1zmvIfgkWtZu8KGcCVhD_b27yvyRo6YUamowlr99QS1MLlsiJwQIeOoBhBTxi9xe4vT3zbLi3BqQOjABCc_Gal224onr9l00ssELlwKHc2ikOk79QZMYLVQLeEULhrhw/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiPysfin_vObn4V4mwu7_zGjKf-zBpO2IU5f_Xh3nWzfaZJrQlSNwFcTmtGd261D4HIF3xe-d7OKmY1N5WeyutrZB1_ykQNrYYFeCUX4ydBk1ZxHIwo5Hi8cx_gLQkpEatp6IXMBOxDgs/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6NgSAagn4CnseouTvRYpaMPKGAHxkvzWk5qgUGiwjtRs7ZsvjfqCCEpk-nu3a_sFEaNBbNhnKsw2-UbzfTlCwJVdNSwT0SCag-dfTNUrpWCkuGO_b7AziM9R5-lT_qxe0zxr0vapHS10/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx2y6Ku-pk4zXsu6ypp3taiGO0rudEd4hZusYXIYSYA2KUVFjQ45ucmvxB13o4FrYCGnGz8yWKoxpuqUTo_QF5UoCEKNnVfUjG1Hz7J74zwX7nVQXWgFABH2NEJkMtMinzGwnQgVNmDrM/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV1Ld72HJOGQ_twc_M56rDmLs-LB_NWgMVVg73RBglZWwCkfaaOLfMtvLVS37_G4LM-U7Vt3WUHmZ9L3pEeYhhZ6IikvtSr8jeH4ZN6lpjv31TjJgQg90F1cwKyWSj3QffvxOVPdUJS-c/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCkeByVEpZVVKppk0JQXhN2cmX_-nYuPxxWy-UMf8F6y9QgqH4R-AnnaQV-GRKPm4LB8DjLvH0XQzUOYkSdfejlaOGNLhAzfAmdKYHCQBMbsX3HXN0xU1YLH4Qgmq5iEI9tJgFKqsMmU/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0HWmEq7R8xdWBwq_g8RG3hbY3K7lG1NW-oB2a8A4TCigAf5bZqnageY5O4t3l3S4FzFkggsU_d3Qx0LWusak5WEd2udQy0_DftWnxVjYTzmRUtAZZF3tEw3iXxse0u2_UGZqFmDD0gHI/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-8SzND1GBcGU3DExTihasKmJGCE1ZuCCojIMpxpRI1U7XcXXzpxJdg8z57Dyl_qpc0H4zyZ-cPe6co2CaYUxT-tr-xgzYRRlj2ohYkzYG7A6U2qRrIeIJTEPFdomeuUqJe_iv3siK-qo/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_CLpSvXKGTRIk4-TTQy3uJcmGJsAs5QhyPPVRPeSFqcdy8m3PQxet21vjFHk3GqtOyym-nUDuuTMXigXxQU7EUYQf9yNe3R0VtUJYoJQOysewG9omKskG3MCAAZhB5phM0V8v8TmQx8A/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPKsSHE6EJq6dP3qqDA5soPa4nPwRZ0KgospQB9et9rFX2FHzrjK-pjWyT6fXxXFkQ9uEMNhCiBZzMhLHBaFgyQu32Gytbw9tbovPJW_Qe8MsVjN1uncqpT1v6wC52twGYLCoVYdnunls/s36/32.gif", "cheer");
   
// Show alert one times!
    $('div.emoWrap')
        .one("click", function() {
        if (emoMessage) {
            alert(emoMessage);
        }
    });
    // Click to show the code!
       $('.emo')
        .css('cursor', 'pointer')
        .live("click", function(e) {
        $('.emoKey')
            .remove();
        $(this)
            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
$('.emoKey')
            .trigger("select");
e.stopPropagation();
    });
    $('.emoKey')
        .live("click", function() {
        $(this)
            .focus()
            .select();
    });
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// Emoticon bar before comment-form
$(function() {
    $(putEmoAbove)
        .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>Click to see the code!</b><br/>To insert emoticon you must added at least one space before the code.</div>');
    var emo = function(emo, imgRep, emoKey) {
        $(emoRange)
            .each(function() {
            $(this)
                .html($(this)
                .html()
                .replace(/<br>:/g, "<br> :")
                .replace(/<br>;/g, "<br> ;")
                .replace(/<br>=/g, "<br> =")
                .replace(/<br>\^/g, "<br> ^")
                .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));
        });
    };
    emo(/\s:\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCJLTpv_Bi8o9MUQVCs05iiGRsp-ihF6Glb0ZIucI2aAyFAJjJQ7T-iK2xmvkbk9ZobgNPOZjs4Sucfp6Jc3I3RmJ7oYQOpHH-lPgKtVdih0x4HDgqIFCgYZVAQ-s7891rpKBW-MuhYY0/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmNO3vsqKZXtrIVbzfdxKUUf4Kv1zWa5M5FYX2Ilc6XY99Yl8w1Ku-NKIQSxvYB0dbHOgexmxX2t4ETfsjvbeXBQShhZdQ3cAwGtAoDWND7Tk2jz9Xj6UpneorlKEE_sieubJWc2iTwy4/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPquEyZw1KjEhz9UdD51STkABuyEN60lUuee_FWr4LNqGV273pBe3tXZcoVu4_RLtbLYiDOoOmVN7zDkANIXUIgaU1SkkUdlktBpQa3kxPPdw_1OmHdaX6vug09yr5dYWd_SkBpEDQXYU/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRGx4teuc6SPr8yo9AYp3klKyGFRqirD_WTSgy_5ZSNI5klHkYJmKpBEHNDrJ4yTPkjnNa4-Mkw1Yp21Ybpou5xsRspFzMoWMssd_4rBlhfwgwCALGBnxD77Pzy3ugnSJgH0zE6OJTC8/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipALi3fb9FHyarJWI3MP2bVtaAMMq2cfW6LmC1544rsJpsrk0hq-7DioFpiJeWiu2mqq-twaKfB4Ih2L3K6wdzEm6-FP3joiC88zxj13XCToaK0PAFJkXKcQe4Q49heWKogiSoV5jBxs8/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO7enx8Bir0wDNnElC42GZYZ7rx9vDxiSywquYOzLUNSgkri-pKvFrCJgRsVVLzsAxVUGfdSIeDeMukgeVvltXT4l-BInsRvVUVRUneDToxqgqHS4QZpQwNemdZiZppr-SMOK1D9ZKmcs/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4EegEyt6DMkiyBoCaQXw26667dL4NpQbcxifjtjyIPF7GaOT3rA997Alo5b1Ctf-ujWx6JmXZN_PpKgP1sMA9ynX7oflDmjlsEzcdyywjAGK2tEcA-htTtGTXbYtglH-CHHhSeHPqJsk/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjBM_dtnfXe-luZWFkEuAKvY481CshvFntheddA6x-r7Y2rsYlRVLOl14jMcU1QaFVZEO0HyE8TMzIWtF-_-EIDpo7rkwPhwLAhKrQxXDFuOsfLAMaa2_iUex_Ggz3M8lEdyt-yPodm84/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIXsd4neNWGdUZcBmTBhx2sUhpuMMAfjAKo2Umc0bFDJLjWk-flWWcKMt9EQRgHWh1dEbl6fCAlh6-8hl1untKoNJ8jRLlq0Xb1Spad30q3I0FkPtHD5hMz6PmOAQ8nfi3zdOxkfQhW2Y/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVbhub0LhhzCPFrprzOKfGmV5aUITrHl1pTVbNopsIl6TFGndRaaI88bN-AxGy8rkBE9fKrvXDVO0rM_z0A-B-WDMzzEX_9_AcyI1BnGq0J8zOftUT-R1yFtS9cFnmm9vFnObFarqsdoE/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJJ4EyKFsdiS2GAD5Qfwjogn9dRxsTECBv4I0DBE29yO51aEDPx32rIsEqyw-EixAjbBEJ2AdZlhCyqodwKxtxR3FZzRBlz04X-6rXtom4hBG4qcgu4-C58HOt4tqglpX-LsBRJBU1mQU/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_N6yChcMFv1MFWJGkjUZvOpDzMt8ZGUWG1ZDba9DawD-uK_4Spr6dBF5q83hPFH6Alef2pbeUxWSgRSFbLyY_o6jfJS-Ednc77AEzUrWcOYCZ_lBh23Fb-4OLowCg6GhVQrk8mixa0A/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL-FFHh8dWD-yjwt6Dh4m1ZJ0756-SCTZNeuYPVi8Cp2X22rZ8HWheBzbk7d3coRGN15_d_kzfUb68WH5ElY1Xpu0DxLT3v10Rj-Vv60AlJ3qNpSE8lVCoDUMUhC5qkZ1TsxNzv5SdWmk/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHS5aTHUWbPufLbVVMP5tU1Kq6rgGZQmMVBaWm9-y3L1K2uPTdkkdRlYr-kbxNit32jPQ4MDvGnxD0LGlD0pWV5ZF6ElE-8N9Fg91KHA6HOBrWE1pxIQIDPeVLRXFNQfrU4qhTW3XdZag/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC-_l7wA8tLywKh36GdRYi8yV4Io8gtz8oX5QV-6iSS8e5rSTpwZ3chSwofI0WSUbJQ-oaZSYPwSKmKtA9TLo2n8ImOn7Oq6UBVPk1KrUJkGOF0gSipS4dCuduT9j2DBXGJLJ0zPbUCp8/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo6aoxtXXAQ3DG1GvAbId7tLreDPc_k3DEtNmz0omDRZxLB8ciZc0HuDaDz0v35tjawhf5Unfc-sLuGxXknWLOx6DOo95DjjauNis6IOXV0ak5kP4BuSU4D_BP_IaVjln5jE5itJLcc0I/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvokOLzlmKd7k8OV7s_e-2796VUxq12BKdy17Fg3iN9yCBvjZ6tNdBdBOvAXiUkpYLXZaMCMF5V0WhJ4pgWRPLrYKSf3k6ODWsvS2gPu_nH8tP5DiwuBblX_rX36jL7ZbqJVv-Le4pooY/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQsZqsd_ehmsXIBNPjhjJyxxFcGxHoAjHwpOBcptFsrUaVRSaSWBO-lw4m6s2sT3zet0BkMyAN8lfbHTxWfZJR95_B5ujGkIOnG3PF7Hn6eKjUO5ZmU_JBBQM0Cd9fhWLilaT4khrRJg/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMMY_iEL9hxrnNPvN44eTGUPbvgaaQA-zOFZR5LK459oXjORV2ykFkEGtin7lrjKsYb6lnr-hl6Iuek188MVAJwVT1iS1UpZBjS_mRN8SQZDLW5YOrvI_hSy6jDFQ7FmLQQQsfwCev2s8/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkjQB6YierrAmD82zUoGIS0yPZej2SYiJfbKSGdG9Ju4QshAdvkHe75Q4YswtIlMQ7kSnd73P0S4csnFzPF1GGwS673q_MrWfldyX0hspNkaW7W6keDvOfe0mqdHvT0UosMw83BcO2IHc/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkAxvD1wyXJNPGvuwpI4RclW93nZ2Zc3gbZ7GHOVj3I4F1D03tfDDpMLdjHn4zbUZOaelnVrF-hmOVm50BRg_YNpkkdGgmRTx_yqBY6s6Tfyj3fX888Hi0hBe-jB6178TVZuOSj-EY6Zc/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVnif5CFsaFs7nolJPcvt9SZ5XXRDvJ0BziqOOxCSdirN4UELnAWXCByZB5FDEW3ttgH-e6tvLdTM48z5jg5Fah8WXcb9gg6E6IKQzANb5Eef8kGCvyKP_hTCE6WjNt3iGvliENphbkME/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDo6RUkD-gPMfzv8wxOSWniQiJnsSxPDcIljaojkFJ2jQKdOt-IIYxbzC5tWpL8XG1vr_M3EKr7UAVnBlyrIFfzwIJDK9UK3I7jl18Z3lZc0EiFmin9qyU_on9axwqhlid-ihpc4_r80c/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX4DERk9bBodq1zmvIfgkWtZu8KGcCVhD_b27yvyRo6YUamowlr99QS1MLlsiJwQIeOoBhBTxi9xe4vT3zbLi3BqQOjABCc_Gal224onr9l00ssELlwKHc2ikOk79QZMYLVQLeEULhrhw/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiPysfin_vObn4V4mwu7_zGjKf-zBpO2IU5f_Xh3nWzfaZJrQlSNwFcTmtGd261D4HIF3xe-d7OKmY1N5WeyutrZB1_ykQNrYYFeCUX4ydBk1ZxHIwo5Hi8cx_gLQkpEatp6IXMBOxDgs/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6NgSAagn4CnseouTvRYpaMPKGAHxkvzWk5qgUGiwjtRs7ZsvjfqCCEpk-nu3a_sFEaNBbNhnKsw2-UbzfTlCwJVdNSwT0SCag-dfTNUrpWCkuGO_b7AziM9R5-lT_qxe0zxr0vapHS10/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx2y6Ku-pk4zXsu6ypp3taiGO0rudEd4hZusYXIYSYA2KUVFjQ45ucmvxB13o4FrYCGnGz8yWKoxpuqUTo_QF5UoCEKNnVfUjG1Hz7J74zwX7nVQXWgFABH2NEJkMtMinzGwnQgVNmDrM/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV1Ld72HJOGQ_twc_M56rDmLs-LB_NWgMVVg73RBglZWwCkfaaOLfMtvLVS37_G4LM-U7Vt3WUHmZ9L3pEeYhhZ6IikvtSr8jeH4ZN6lpjv31TjJgQg90F1cwKyWSj3QffvxOVPdUJS-c/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCkeByVEpZVVKppk0JQXhN2cmX_-nYuPxxWy-UMf8F6y9QgqH4R-AnnaQV-GRKPm4LB8DjLvH0XQzUOYkSdfejlaOGNLhAzfAmdKYHCQBMbsX3HXN0xU1YLH4Qgmq5iEI9tJgFKqsMmU/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0HWmEq7R8xdWBwq_g8RG3hbY3K7lG1NW-oB2a8A4TCigAf5bZqnageY5O4t3l3S4FzFkggsU_d3Qx0LWusak5WEd2udQy0_DftWnxVjYTzmRUtAZZF3tEw3iXxse0u2_UGZqFmDD0gHI/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-8SzND1GBcGU3DExTihasKmJGCE1ZuCCojIMpxpRI1U7XcXXzpxJdg8z57Dyl_qpc0H4zyZ-cPe6co2CaYUxT-tr-xgzYRRlj2ohYkzYG7A6U2qRrIeIJTEPFdomeuUqJe_iv3siK-qo/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_CLpSvXKGTRIk4-TTQy3uJcmGJsAs5QhyPPVRPeSFqcdy8m3PQxet21vjFHk3GqtOyym-nUDuuTMXigXxQU7EUYQf9yNe3R0VtUJYoJQOysewG9omKskG3MCAAZhB5phM0V8v8TmQx8A/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPKsSHE6EJq6dP3qqDA5soPa4nPwRZ0KgospQB9et9rFX2FHzrjK-pjWyT6fXxXFkQ9uEMNhCiBZzMhLHBaFgyQu32Gytbw9tbovPJW_Qe8MsVjN1uncqpT1v6wC52twGYLCoVYdnunls/s36/32.gif", "cheer");
   
// Show alert one times!
    $('div.emoWrap')
        .one("click", function() {
        if (emoMessage) {
            alert(emoMessage);
        }
    });
    // Click to show the code!
       $('.emo')
        .css('cursor', 'pointer')
        .live("click", function(e) {
        $('.emoKey')
            .remove();
        $(this)
            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
$('.emoKey')
            .trigger("select");
e.stopPropagation();
    });
    $('.emoKey')
        .live("click", function() {
        $(this)
            .focus()
            .select();
    });

});
//]]>
</script>
</b:if>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    // Add More Features to the Blogger Comments
    // Fix some bugs that I got from some similar code out here :)
    // Date: 21 May 2012

    // Time: 22:50 WIB

    // Author: Taufik Nurrohman

    // URL: http://hompimpaalaihumgambreng.blogspot.com

    function repText(id) {

        var a = document.getElementById(id),

            b = a.innerHTML,

            // Images

            b = b.replace(/<i rel="image">(.[^\>]*)<\/i>/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");

            b = b.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='cm-image' src='$1' alt='loading...' \/>");

            // YouTube video

            b = b.replace(/<i rel="youtube">http:\/\/www.youtube.com\/embed\/(.[^>]*)<\/i>/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$1'><\/iframe>");

            b = b.replace(/<i rel="youtube">(http:\/\/youtu.be|http:\/\/www.youtube.com\/watch\?v=)(.[^>]*)<\/i>/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$2'><\/iframe>");

            b = b.replace(/\[youtube\]http:\/\/www.youtube.com\/embed\/(.[^\]]*)\[\/youtube\]/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$1'><\/iframe>");

            b = b.replace(/\[youtube\](http:\/\/youtu.be|http:\/\/www.youtube.com\/watch\?v=)(.[^\]]*)\[\/youtube\]/ig, "<iframe class='cm-youtube' src='http://www.youtube.com/embed/$2'><\/iframe>");

        document.getElementById(id).innerHTML = b;

    } repText('comment-holder');

    //]]>

    </script>

    </b:if>
3. Simpan template

Untuk cara memasukan gambar, video, kode dll kedalam komentar berikut caranya:
Simak baik-baik! 
  • Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA</i>
  • Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
  • Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
  • Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
  • Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
  • Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
  • Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>
    Dan untuk memasukan emoticon anda bisa klik pada emoticon untuk melihat kodenya, dan jangan lupa untuk memberi spasi di awal simbol/kodenya agar emoticonya bisa tampil
      Demikian postingan kali ini semoga bermanfaat, dan selamat mencoba.. !!


      Judul: Memasukan Item Pada Komentar (Video, Gambar, Emoticon, Kode); Ditulis oleh Unknown; Rating Blog: 5 dari 5

      Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:


      Posted by at 7:36 AM
      Labels: ,

      0 comments:

      Post a Comment

      Informasi Pilihan Identitas:
      Google/Blogger : Khusus yang punya Account Blogger.
      Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
      Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).

      Subscribe to: Post Comments (Atom)