Add Emoticon on Area Post Blogger - Hallo friend Cara Mudah Posting Gratisan, In the article you read this time with the title Add Emoticon on Area Post Blogger, we have prepared well for this article you read and download the information therein. hopefully fill posts Article Blogger, Article CSS, Article HTML, Article Trik dan Tips, Article Tutorial, we write this you can understand. Well, happy reading.

Title : Add Emoticon on Area Post Blogger
link : Add Emoticon on Area Post Blogger

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 berikutHostingkan 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 :(|)

Thus articles Add Emoticon on Area Post Blogger

that is all articles Add Emoticon on Area Post Blogger This time, hopefully can provide benefits to all of you. Okay, see you in another article posting.

You now read the article Add Emoticon on Area Post Blogger with the link address https://autopostingblogspot.blogspot.com/2014/05/add-emoticon-on-area-post-blogger.html