◄ Min  Size Fonts: + | - | ± Color: Max ►

Add Emoticon on Area Post Blogger

Pemasangan smile emoticon dalam area postingan blogger kadang-kadang ada yang mengalami kendala! Banyak faktor penyebab dari itu semua. Sekarang bagi sobat blogger yg kepingin memasang emotikon dalam area post, enggak perlu khawatir lagi tidak berhasil. Kenapa AA Koben dapat memastikan 100% berjalan trik tutorial memasang emoticon kali ini? Teknik yg dipakai sekarang akan menggunakan markup HTML <span> and image sprites. Jadi emot tidak akan berjalan pada sesi kotak komentar dikarenakan adanya syntax HTML ;))

Letakan kode CSS sebelum tag </b:skin>

.id01,.id02,.id03,.id04,.id05,.id06,.id07,.id08,.id09,.id10,.id11,.id12,.id13,.id14 {background-image:url("EMOTICON-IMAGE-SPRITES.PNG");background-repeat: no-repeat;display: inline-block;vertical-align: middle}
    .id01{width: 20px;height: 20px;background-position: left top}
    .id02{width: 20px;height: 20px;background-position: -20px top}
    .id03{width: 20px;height: 20px;background-position: -40px top}
    .id04{width: 20px;height: 20px;background-position: -60px top}
    .id05{width: 20px;height: 20px;background-position: -80px top}
    .id06{width: 20px;height: 20px;background-position: -100px top}
    .id07{width: 20px;height: 20px;background-position: -120px top}
    .id08{width: 20px;height: 20px;background-position: left bottom}
    .id09{width: 20px;height: 20px;background-position: -20px bottom}
    .id10{width: 20px;height: 20px;background-position: -40px bottom}
    .id11{width: 20px;height: 20px;background-position: -60px bottom}
    .id12{width: 20px;height: 20px;background-position: -80px bottom}
    .id13{width: 20px;height: 20px;background-position: -100px bottom}
    .id14{width: 20px;height: 20px;background-position: -120px bottom}
Isi dan gantikan tulisan "EMOTICON-IMAGE-SPRITES.PNG" dengan gambar berikutemoticon-spritesHostingkan gambar tersebut, mau diedit-edit dulu jg silahkan!

Class selector .id01 - .id14 merupakan unik ID. Pemanggilan sebagai berikut<span class="id01" title="senyum"></span>DEMO
Aku lagi dan manis sekali kan kemudian aku aku tidak suka hehehehe Hai cewek hmmm... hoeamzzz.z..zz...zzz Aaaahhhh huh hah huh hah fiuuhhhh arghhhhh busyet dah Grrrrr end.
Source by: passer-by198.blogspot.com/2014/04/blogger-emoji-tips-css-sprites.html

Happy emot :(|)

Loading...
XAdd Emoticon on Area Post Blogger
Memasang smile emoticon di area post blogger dengan teknik CSS image sprites
Subscribe my posts Register For Free!
[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...

al-Quran

MISC

Resources

WANT BE HERE!!! CONTACT ME :P
1 2 3 4 5 6 7 8 9

FACEBOOK PAGE