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