Breaking News
Loading...
Minggu, 09 Juni 2013

Cara Memasang Emoticon V.1 Pada Komentar Blog

17.06

Memasang Emoticon pada Komentar Blogspot

Emoticon yang merupakan gabungan kata dari "emotion" dan "icon" yang berarti icon yang digunakan untuk mengekspresikan emosi sebuah pernyataan tertulis, dan bisa mengubah serta meningkatkan interpretasi terhadap tulisan tersebut. Jika anda melihat template-template yang saya buat, saya sering menambahkan manipulasi seperti ini.
Mungkin ada yang penasaran bagaimana cara memasang emoticon seperti itu. Nah kali ini saya akan membagikan cara memasang emoticon seperti pada template yang saya buat.

Cara Pemasangan di Blogspot

  1. Masuk ke halaman editor HTML
  2. Salin kode di bawah ini, kemudian letakkan tepat sebelum/di atas kode </head>
    12<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <script src="https://ivyth.googlecode.com/svn/js/emoticon.min.js" type="text/javascript"></script>

    NB: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.
  3. 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. Jika sudah selesai, klik Simpan Template dan lihat hasilnya
Ingat sebelum memasang/melakukan pengeditan pada template sebaiknya dibackup terlebih dahulu.

Keterangan-Keterangan

Opsi
Keterangan
emoRange
Tempat dimana gambar emoticon mau dimunculkan.
putEmoAbove
Tempat dimana gambar sampel emoticon akan diletakkan.
topText
Tulisan tebal/bold dibawah gambar sample emoticon
emoMessage
Pesan pada saat kotak peringatan/alert dan tulisan dibawah tulisan tebal dibawah gambar sample .


Coba Juga Ini



Selamat mencoba.

1 komentar:

Langanan, dan Like yah Sobat.

Silahkan Masukan Email Anda Untuk Mendapatkan Notifikasi Setiap Ada Artikel Baru Di Blog ini:

Delivered by FeedBurner



×

Powered By Blogger and Get This Widget

+ Follow

Follow Blog-farishasbiahmad

Get Free Email Updates to your Inbox
 
Toggle Footer