smile emoticondalam 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
emoticonkali 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 "Class selector .id01 - .id14 merupakan unik ID. Pemanggilan sebagai berikut
<span class="id01" title="senyum"></span>
DEMOAku 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.htmlHappy emot :(|)
Tidak ada komentar:
Posting Komentar