Showing posts with label memasanag. Show all posts
Showing posts with label memasanag. Show all posts

Friday, November 11, 2016

Cara memasanag emoticon Bahasa Indonesia Di Blog

Cara memasanag emoticon Bahasa Indonesia Di Blog



Tutor:
1.Login ke blog sobat
2.Pilih Templates >> edit html
3.cari kode </body> untuk mempermudah gunakan ctrl+f
4.copy paste kode ini tepat diatas 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 kode!",
emoMessage:"Untuk menyisipkan emoticon Anda harus menambahkan setidaknya satu ruang sebelum Memasukkan kode"
})
});
//]]>
</script>
<script src=https://boyz.googlecode.com/svn/JS/emoticonnya.js type=text/javascript/>
</b:if>

5.kemudian cari kode ]]></b:skin>
6.copy paste kode ini tepat diatas ]]></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;
}


langkah terakhir simpan template sobat, dan lihat hasilnya


NOTE: jika ada dari sobat yang tiba-tiba emoticonnya turun kebawah kotak komentar bisa baca postingan saya disini


Available link for download

Read more »