Menu

Wait

CLOSED
Home » » Memasang Widget Emoticon di Komentar Blog

Memasang Widget Emoticon di Komentar Blog



Kali ini akan membagikan tutorial Menambahkan Emoticon Onion Pada Komentar Blogger.
 yang Saya gabungkan dengan image Onion koleksi saya.
Menambahkan Emoticon pada komentar bertujuan agar komentator bisa mengexpresikan diri dengan emoticon yang ada agar suasana pada saat berkomentar menjadi lebih hidup.

Penerapan Di Blogger


1. Login Akun Blogger anda
2. Pada Dashboard pilih Template » Edit HTML
3.Salin Kode dibawah inia, lalu letakan di atas kode </head> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://dmblog-project.googlecode.com/svn/Emoticononion.js" type="text/javascript"></script>

Karena manipulasi ini menggunakan jQuery maka setidaknya ditemplate anda harus ada jQuery library [line-1]. Jika sudah ada jQuery library di template anda maka code pada line-1 jangan dicopy.



  • Salin kode di bawah ini, kemudian letakkan tepat sebelum/di atas kode </body>
     
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery(document).ready(function () {emoticonx({
    emoRange:"#comments p, div.emoWrap",
    putEmoAbove:"iframe#comment-editor",
    topText:"Klik untuk melihat code!",
    emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
    })
    });
    //]]></script>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery(document).ready(function () {emoticonx({
    emoRange:"#comments p, div.emoWrap",
    putEmoAbove:"iframe#comment-editor",
    topText:"Klik untuk melihat code!",
    emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
    })
    });
    //]]></script>
    </b:if>


  • 4. Jangan Lupa menambahkan kode CSS ini agar lebih menarik.

    Menambahkan Emoticon Onion Pada Komentar Blogger

    Pasang Iklanmu Disini

    Lihat Daftar Harga Iklan di Blog Binal Vistalis

    Klik Disini


    Emoticon Onion For Blogger

    Kali ini akan membagikan tutorial Menambahkan Emoticon Onion Pada Komentar Blogger.
     yang Saya gabungkan dengan image Onion koleksi saya.
    Menambahkan Emoticon pada komentar bertujuan agar komentator bisa mengexpresikan diri dengan emoticon yang ada agar suasana pada saat berkomentar menjadi lebih hidup.

    Penerapan Di Blogger


     Sebelum mengutak-atik template, ada baiknya di back up terlebih dahulu!!!


    1. Login Akun Blogger anda
    2. Pada Dashboard pilih Template » Edit HTML
    3.Salin Kode dibawah inia, lalu letakan di atas kode </head>

    line-1-11line-1-22<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <script src="https://dmblog-project.googlecode.com/svn/Emoticononion.js" type="text/javascript"></script>

    Karena manipulasi ini menggunakan jQuery maka setidaknya ditemplate anda harus ada jQuery library [line-1]. Jika sudah ada jQuery library di template anda maka code pada line-1 jangan dicopy.



  • Salin kode di bawah ini, kemudian letakkan tepat sebelum/di atas kode </body>
    line-2-11line-2-22line-2-33line-2-44line-2-55line-2-66line-2-77line-2-88line-2-99line-2-1010line-2-1111line-2-1212line-2-1313line-2-1414line-2-1515line-2-1616line-2-1717line-2-1818line-2-1919line-2-2020line-2-2121line-2-2222line-2-2323line-2-2424line-2-2525line-2-2626<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery(document).ready(function () {emoticonx({
    emoRange:"#comments p, div.emoWrap",
    putEmoAbove:"iframe#comment-editor",
    topText:"Klik untuk melihat code!",
    emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
    })
    });
    //]]></script>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery(document).ready(function () {emoticonx({
    emoRange:"#comments p, div.emoWrap",
    putEmoAbove:"iframe#comment-editor",
    topText:"Klik untuk melihat code!",
    emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
    })
    });
    //]]></script>
    </b:if>


  • 4. Jangan Lupa menambahkan kode CSS ini agar lebih menarik.
    lentakan kode ini tepat di atas kode ]]></b:skin>

    line-3-11line-3-22line-3-33line-3-44line-3-55line-3-66line-3-77line-3-88line-3-99line-3-1010line-3-1111line-3-1212line-3-1313line-3-1414line-3-1515line-3-1616line-3-1717line-3-1818line-3-1919line-3-2020line-3-2121line-3-2222line-3-2323line-3-2424line-3-2525line-3-2626line-3-2727line-3-2828line-3-2929line-3-3030line-3-3131line-3-3232line-3-3333line-3-3434line-3-3535line-3-3636line-3-3737line-3-3838line-3-3939.emoWrap {
      position:relative;
      padding:10px;
      margin-bottom:7px;
      background:#fff;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
      border:3px solid #860000;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      border-radius:5px;
      box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
      -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
      -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
      box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
      font-weight:normal;
      color:#333;
    }
    .emoWrap:after {
      content:"";
      position:absolute;
      bottom:-10px;
      left:10px;
      border-top:10px solid #860000;
      border-right:20px solid transparent;
      width:0;
      height:0;
      line-height:0;
    }

    Dan sekian dari saya wasalam semoga bermanfaat :D

    Ditules karo : Unknown - Yogyakarta Blog

    Artikel Memasang Widget Emoticon di Komentar Blog ini diposting oleh Unknown pada hari Senin, 20 Januari 2014. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

    :: HOME ::

    4 komentar:

    1. Unable to withdraw funds in Binance
      Looking for the remedies to resolve the withdrawing funds' error in Binance? Facing trouble in withdrawing? Under such circumstances, you can always ask for help from the elite professionals who have knowledge in solving any kind of error in short-interval of time by calling on Binance contact number 800-665-6722 any time. The experts value their customers, therefore, they put their energy to satisfy with their exemplary services. The experts offer out of the box solutions and remedies and that is so easy to execute. www.cryptophonesupport.com/exchange/binance/

      BalasHapus