Membuat Emotion Keren Unik di Blogger

Membuat Emotion Keren Unik di Blogger

Untuk mengisi postingan saya di awal bulan desember ini saya akan berbagi masih seputar
Blog dan pada topik kali ini mengenai cara memasang emotion pada  komentar di blog anda
Karena baru saja  kemarin saya share mengenai,  Sobat Followers Blogger Terbaik,  tutorial
Yang sekarang saya bagikan mungkin sobat blogging sudah ada yang  pakai namun  kali aja
Ada diantara anda  ada yang kreatif ingin  memasang emotion ini secara style dengan  upaya
Sendiri tanpa  menggunakan Emotion  yang sudah ada  bawaan template  silahkan  di simak

Emotion  adalah  Accessories  atau penghias  pada sebuah  form komentar  tujuanyan tidak begitu
Penting namun  jika anda sedang  berkomentar  pada halaman  blog  yang di simaknya  akan lebih
Terlihat lebih  indah bila di halaman komentarnya  bisa sajikan  dengan emotion jadi  selain  hanya
Menulis komentar anda juga bisa  mengexpresikan  komentar anda dengan  menerapkan  emotion
Jika anda yang berminat memasang emotion keren ini silahkan simak pemasanganya dibawah ini

Masuk blog anda lalau pilih dasboard pilih template kemudian pilih edite template selanjutnya
Cari kode  ]]></b:skin>  gunakan  Ctrl + F  untuk  memudahkan  pencarian  kodenya jika sudah
Ketemu copy kode  di bawah ini lalu paste kan  kode  kodenya  tepat  di atas kode  ]]></b:skin>

/* EMOTICON */
.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:&quot;&quot;;
  position:absolute;
  bottom:-10px;
  left:10px;
  border-top:10px solid #860000;
  border-right:20px solid transparent;
  width:0;
  height:0;
  line-height:0;
}

Selanjutnya masih di edit Html cari kode </head> kemudian copy kode  di bawah ini
Dan paste kan kodenya tepat  di atas kode  </head>  ada dua kodenya  di bawah ini

Kode 1 :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

Jika di blog anda sudah ada jquery lewati pemasangan kode ini lalu lanjutkan pemasangan
Kode yang   kedua ini  copy  kode  di bawah ini   dan  pastekan  tepat  di atas kode   </head>

Kode 2 :

<script src='https://dmblog-project.googlecode.com/svn/Emoticononion.js' type='text/javascript'/>

Save template atau langsung saja  pemasangan kode yang  selanjutnya Cari kode </body>
Copy kode di bawaha ini  kemudian  paste kan  script kodenya  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:"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>

Terakhir save simpan  template dan silahkan  cek kolom komentar  anda sekarang
Sudah ada emotion yang pasti keren dan unik sekian artikel ini semoga bermanfat

Happy blogging ...