Setelah Sebelumnya membuat artikel tentang cara mudah memasang emoticon pada kolom komentar blog, pada kesempatan ini Kang AP mau memberikan trik bagaimana cara mudah memasang emoticon pada kolom komentar blog part 2. Sebenarnya artikel ini sama dengan artikel sebelumnya begitupun dengan fungsinya, yang membedakan hanya pada gambar emoticonnya saja. Bagi anda yang mau mencoba untuk memasangnya, berikut langkah-langkahnya :
Untuk menjaga jika terjadi kesalahan pada saat edit template, sebaiknya anda backup template terlebih dahulu.
1. Pertama, login dulu ke Blogger
2. Pilih Template » Edit HTML
3. Sekarang cari kode ]]></b:skin>
4. Pasang kode dibawah ini diatas kode ]]></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 pasang kode dibawah ini diatas kode </body>
<b:if cond='data:blog.pageType == "item"'>
<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 == "static_page"'>
<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>
Baca juga :
» Cara Mudah Agar Blog Menjadi Dofollow
» Cara Agar Postingan Blog Cepat Terindek
» Cara Paling Mudah Membuat Contact Form Pada Blog Terbaru
Pratinjau terlebih dahulu, jika gambar belum muncul, sekarang pasang kode dibawah ini diatas kode </head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://dmblog-project.googlecode.com/svn/Emoticononion.js" type="text/javascript"></script>
6. Simpan dan lihat hasilnya
Demikian cara mudah memasang emoticon pada kolom komentar blog part 2, semoga berhasil !!
0 Response to "Cara Mudah Memasang Emoticon Pada Kolom Komentar Blog Part 2"
Post a Comment