CARA MEMASANG ATAU MENAMPILKAN EMOTICON DI KOTAK KOMENTAR BLOG

Cara Memasang Atau Menampilkan Emoticon di Kotak Komentar Blog – Emoticon pada komentar ini juga akan membuat orang – orang lebih bebas berekspresi dalam memberikan komentar untuk kita semua. Selain itu juga, memasang atau menampilkan emoticon pada kotak komentar blog ini dapat mempercantik tampilan kotak komentar blog kita dan juga membuat para pengunjung dari blog kita tidak sabar untuk memberikan komentar dengan emoticon – emoticon yang bermacam – macam.

cara memasang atau menampilkan emoticon di kotak komentar blog

Cara memasang atau menampilkan emoticon di kotak komentar blog ini tidak terlalu sulit. Bagi para blogger yang sering mengedit HTML pada template blog. maka, ini tidak terlalu sulit. Namun, bagi para blogger pemula, mungkin akan merasakan sedikit kesulitan. Tetapi jangan khawatir. Di postingan sebelumnya ada artikel tentang Cara Mudah Edit HTML blogger terbaru dancara menggunakannya. jadi, kita bisa belajar dengan mudah untuk mengedit HTML pada template blogspot.

Baiklah langsung saja, kita akan membahhas tentang cara memasang atau menampilkan emoticon di kotak komentar blog. berikut ini adalah langkah – langkah melaksanakannya :

# Baca Juga : CARA MUDAH MEMBUAT WIDGET ARTIKEL TERBARU DI BLOG

1.       Yang pastinya harus terkoneksi dengan internet.

2.       Setelah itu kita login ke blogger.com

3.       Pada tampilan dashboard  kita pilih arah panah ke bawah dan klik Template.

Untuk lebih jelasnya, lihat gambar di bawah ini.

cara memasang atau menampilkan emoticon di kotak komentar blog (1)

4.       Kemudian kita klik Edit HTML.

Sesuai dengan gambar di bawah ini.

cara memasang atau menampilkan emoticon di kotak komentar blog (2)

5.      Selanjutnya kita cari kode </body>. Untuk kita lebih mudah mencari kode tersebut. Kita bisa menggunakan CTR + F.

Untuk lebih jelas bisa lihat gambar di bawah ini.

cara memasang atau menampilkan emoticoon di kotak komentar blog (3)

6.      Setelah itu, kita Copy Paste kode atau script dibawah ini tepat 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:"Click to see the code!",

emoMessage:"To insert emoticon you must added at least one space before the code."

})

});

//]]>

</script>

<script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>

</b:if>

 

7.       Setelah itu kita cari kembali kode ]]></b:skin>.

8.    Setelah ketemu kode diatas. maka kita Copy Paste kode di bawah ini tepat di atas ]]></b:skin>.

.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;

}

9.       Langkah terakhir adalah kita save atau simpan.

10.   Selesai.

# Baca Juga :  Cara Mudah Mengganti Template Pada Blog

             Itulah artikel tentang cara memasang atau menampilkan emoticon di kotak komentar blog. mudah – mudahan dapat bermanfaat bagi kita semua. Jika ada kesalahan saya mohon ma’af. Terima kasih atas kunjungannya. Sekian dan Terima kasih.