9DesiMeter

Friday, 28 February 2014

Cara Memasang Emoticon Di Blog

Assalamualaikum Wr Wb
Halo All Jumpa Lagi Nih :) Sry ya Post  nya Lama :'( Dan Udah Sedikit Visitor Gw Jujur Cuman 15 Vistor Per Hari :'( *NyesekTingkatDewa
Oke Lah Tema Kita Kali Ini Tentang Cara Memasang Emoticon Di Blog ya.. Sebenernya Cuman Pengen Jail" Aja Tapi Ya Sudahlah Gk Ada Ide Lagi Soalnya
Oke Ke Tkp Aja Langsung

Ikuti Tahap-Tahap Berikut Ini :D
Log In Blogger > Pilih Blog > Template > Edit HTML > Ctrl + F ( Cari Kode <head> ) > Pasangkan Kode Berikut Tepat Dibawah Kode </head>


<style>
.emoWrap {
  background-color: #eee;
  border: 1px solid #aaa;
  border-radius: 5px;
  padding: 10px 14px;
  color: black;
  font: normal bold 12px/normal Tahoma,Verdana,Arial,Sans-Serif;
  text-align: center;
  margin-bottom: 10px;
}

.emo,
.emoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}

.emoKey {
  border:1px solid #ccc;
  background-color:white;
  font:normal bold 11px/normal Arial,Sans-Serif;
  padding:1px 2px;
  margin:0 0 0 2px;
  color:black;
}
</style>
<script>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap,",
    putEmoAbove = "#threaded-comment-form p",
    emoMessage = "Tambahkan Satu Spasi Di Awal Simbol Emoticon";
//]]>
</script>
<script src='http://dte-project.googlecode.com/svn/trunk/jquery-emoticons.js'/>

Pengaturan

Pengaturan Nya Bisa Di Lihat Di Bawah Tag </style> Atau Di Script Pertama

emoRange digunakan untuk menentukan daerah mana saja yang akan dikenai manipulasi ini. Pada opsi di atas Saya menargetkan manipulasi pada elemen p yang berada di dalam elemen #comments dan juga pada elemen baris emoticon utama. Anda juga bisa menargetkannya pada elemen lain, misalnya pada posting. Untuk memberlakukan manipulasi ini pada posting, cukup tambahkan selektor .post-body pada variabel tersebut dengan memisahkannya menggunakan tanda koma.
putEmoAbove digunakan untuk menentukan di mana (di atas elemen apa) JQuery harus meletakkan daftar emoticon. Di sini Saya menuliskan nilainya pada #comment-editor untuk meletakkannya tepat di atas formulir komentar. Terkadang mungkin ini tidak berhasil. Anda harus mencoba untuk mengubahnya dengan div.comment-replybox-thread atau yang lainnya sebagai elemen sasaran. Intinya adalah, carilah elemen formulir komentar pada blog Anda dan temukan ID atau kelasnya sebagai petunjuk peletakkan daftar emoticon.
emoMessage digunakan untuk menentukan pesan yang akan muncul saat pertama kali pengunjung mengeklik salah satu emoticon. Anda bisa mengubah pesan itu sesuka hati.

Attention : Banyak Di Chat-an ( Padahal Cuman 3 [[bpmeme]] ) yang menanyakan Kenapa tidak Bisa Dipasang Emoticonnya, Yap Akhirnya Saya Menemukan Solusinya. Mungkin Sobat" Yang Belum Berhasil Itu Mungkin Karena Belum Terpasang JQuery 1.7.2 Yap. Cari Kode </head> Dan Pasangkan Kode Berikut Tepat Di Atas Kode </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

Untuk Pertanyaan Lebih Lanjut Silahkan Comment Di Bawah Sudah Disediakan 2 Comment Yaitu 
Comment Fb + Comment Blogger , Sekian Dari Saya Dan Kalo Ada Keperluan Lain Silahkan Add Saya
http://facebook.com/dary.mtr2/ .
Wassalamualaikum Wr Wb
-Resource : http://www.dte.web.id/2012/03/jquery-auto-emoticons-for-blogger.html
Template By Blogger Templates
Designed By 9Desimeter