Setelah Sebelumnya menciptakan artikel wacana cara gampang memasang emoticon pada kolom komentar blog, pada kesempatan ini Kang AP mau memperlihatkan trik bagaimana cara gampang 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 jikalau terjadi kesalahan pada ketika edit template, sebaiknya anda backup template terlebih dahulu.
1. Pertama, login dulu ke Blogger
2. Pilih Template » Edit HTML
3. Sekarang cari aba-aba ]]></b:skin>
4. Pasang aba-aba dibawah ini diatas aba-aba ]]></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 aba-aba dibawah ini diatas aba-aba </body>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/j4vascript'>
//<![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 aba-aba emoticon."
})
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<script type='text/j4vascript'>
//<![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 aba-aba emoticon."
})
});
//]]>
</script>
</b:if>
Baca juga :
» Cara Praktis Agar Blog Menjadi Dofollow
» Cara Agar Postingan Blog Cepat Terindek
» Cara Paling Praktis Membuat Contact Form Pada Blog Terbaru
Pratinjau terlebih dahulu, jikalau gambar belum muncul, kini pasang aba-aba dibawah ini diatas aba-aba </head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/j4vascript"></script>
<script src="https://dmblog-project.googlecode.com/svn/Emoticononion.js" type="text/j4vascript"></script>
6. Simpan dan lihat hasilnya
Demikian cara gampang memasang emoticon pada kolom komentar blog part 2, supaya berhasil !!
Sumber http://ap-thea.blogspot.com
EmoticonEmoticon