Cara Membuat Emoticon Di Komentar Blogger

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ 

Selamat siang sobat Nears ...
Sebelum nya ,Jangan Lupa Ikuti Perkembangan Blog ini dengan Cara :

ツ LIKE || FANSPAGE || NearBlog 
ツ FOLLOW || TWITTER || SAYA 

Kali ini mimin akan share Widget menarik buat para Blogger ,Yupts

 Widget komentar Emoticon, Rasanya kurang kurang afdol kalau berkomentar tanpa menggunakan emotion , :)) . Nah untuk memberi semangat sobat sobat blogger dalam dunia blog mimin rasa berkomentar menggunakan Emoticon seditkit merasa waahh .

Tentunya dengan memasang komentar beremotion akan sedikit menarik pengunjung untuk berkomentar di Artike-artikel sobat dengan komentar Emoticon .Langsung saja ::

Berikut langkah langkah Measang Komentar Emoticon :

1. Login Blogger

2. Pilih Template => Klik Edit HTML

3. Cari Kode ]]></b:skin> Supaya Mepercepat Pencarian guanakan CTRL+F

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

}

 

5. Selanjutnya Cari kode </body> Supaya Mepercepat Pencarian guanakan CTRL+F

6. Kemudian Copy Paste Kode di bawah ini tepat di atas </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 kode!",

emoMessage:"Untuk memasukkan emoticon, anda harus menambahkan satu spasi sebelum kode."

})

});

//]]>

</script>

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

</b:if>

7.Selesai ...
Selamat mencoba sob :))

Kalo Bermanfaat ,Jangan Lupa Komentar ya :))

Sekian dulu ,,Semoga Bermanfaat ... Wassalamualaikum wr wb

Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit