Lo tertarik bro untuk memasang di blog Lo Bro ?? Maka, silahkan di bacalah bro caranya, Terdapat 2 Bentuk Emoticon bro sebagai berikut :
1. EMOTICON PERTAMA
- Login ke akun blogger lo bro
- klik di Design/tata letak ok bro
- pilih Edit HTML, Centang pada Expand Widget Templates.
- Untuk Antisipasi kesalahan bro, Silahkan BACKUP dulu data lo ya bro.
- tekan tombol di keyboard bro, Ctrl+F, kemudian carilah bro kode </body>
- lalu copy kode berikut bro:
- <script src='http://raxterblog.googlecode.com/files/emoticonKomentar.js' type='text/javascript'/>
- Lalu paste-kan bro diAtas kode </body>
Ini belum selesai bro, jika lo Bro ingin menampilkan emoticon yang lo pasang script-nya tadi bro, karena untuk memberi tahu kepada calon komentator bahwa di blog lo bro bisa di isi emoticon bro, silahkan ikuti untaian berikut bro :
- Carilah bro kode <p class='comment-footer'>, serta kode <b:if cond='data:post.embedCommentForm'>
- copy kode diBawah bro dan Letakkan di Antara Kode <p class='comment-footer'> dan <b:if cond='data:post.embedCommentForm'> oke bro, untuk lebih jelasnya lihat contoh diBawah bro
<p class='comment-footer'>
<p><b>Judul Yang Lo inginkan Bro</b></p><b><img src="http://statics.plurk.com/4f01bac8a707e5450307f97065ec0fa7.gif" />
:a:
<img src="http://statics.plurk.com/65271ac2126706bc09d31ff67c525d67.gif" />
:b:
<img src="http://statics.plurk.com/fcd28d7d78ec1f828c76930fa63270e6.gif" />
:c:
<img src="http://statics.plurk.com/3385896779bf1c13188bf92ca516878e.gif" />
:d:
<img src="http://statics.plurk.com/bac8c8392f7ca8f5ac74612be4d08b74.gif" />
:e:
<img src="http://statics.plurk.com/d1a6f08507b126ec6a215e6a2372e8bb.gif" />
:f:
<img src="http://statics.plurk.com/373cd2f23dab7528d4875170d13d64f7.gif" />
:g:
<img src="http://statics.plurk.com/e8ed6c7eed76d2acd9dbf469f29fbec2.gif" />
:h:
<img src="http://statics.plurk.com/aabbc82c2b0dc72bfbce2f82c97a95e8.gif" />
:i:
<img src="http://statics.plurk.com/35b16fc25623670e41c2be6bf8ac38c7.gif" />
:j:
:a:
<img src="http://statics.plurk.com/65271ac2126706bc09d31ff67c525d67.gif" />
:b:
<img src="http://statics.plurk.com/fcd28d7d78ec1f828c76930fa63270e6.gif" />
:c:
<img src="http://statics.plurk.com/3385896779bf1c13188bf92ca516878e.gif" />
:d:
<img src="http://statics.plurk.com/bac8c8392f7ca8f5ac74612be4d08b74.gif" />
:e:
<img src="http://statics.plurk.com/d1a6f08507b126ec6a215e6a2372e8bb.gif" />
:f:
<img src="http://statics.plurk.com/373cd2f23dab7528d4875170d13d64f7.gif" />
:g:
<img src="http://statics.plurk.com/e8ed6c7eed76d2acd9dbf469f29fbec2.gif" />
:h:
<img src="http://statics.plurk.com/aabbc82c2b0dc72bfbce2f82c97a95e8.gif" />
:i:
<img src="http://statics.plurk.com/35b16fc25623670e41c2be6bf8ac38c7.gif" />
:j:
<img src="http://statics.plurk.com/843739a95294fd0bf4c958840b46408f.gif" />
:k:
<img src="http://statics.plurk.com/b0b0596acce9ffc1f2a27548aa642eaf.gif" />
:l:
<img src="http://statics.plurk.com/1c890273544559b17f090d09238fa763.gif" />
:m:<img src="http://statics.plurk.com/95e69aa508d4bb435706b9db0a610dad.gif" />
:n:
<img src="http://statics.plurk.com/db4c4a7d141fdcaca4d4b11f8fb360db.gif" />
:o:
<img src="http://statics.plurk.com/bb1e3fed482959a00013f7f1efcc17a0.gif" />
:p:
<img src="http://statics.plurk.com/e49c8ae965452550c98fc7f99741ae0d.gif" />
:q:</b>
<b:if cond='data:post.embedCommentForm'>
:n:
<img src="http://statics.plurk.com/db4c4a7d141fdcaca4d4b11f8fb360db.gif" />
:o:
<img src="http://statics.plurk.com/bb1e3fed482959a00013f7f1efcc17a0.gif" />
:p:
<img src="http://statics.plurk.com/e49c8ae965452550c98fc7f99741ae0d.gif" />
:q:</b>
<b:if cond='data:post.embedCommentForm'>
Ket :
- Lo juga bisa bro menganti kalimat yang berwarna HIJAU di atas dengan kata-kata Lo sendiri bro.
- Jika sudah bro,Tinggal Save Template deh bro . . .
- Selesai dan lihat hasilnya bro.
- Biasanya banyak template blog yg gak Bekerja dengan EMOTICON PERTAMA bro, untuk itu silahkan lo pada pakai EMOTICON KEDUA dibawah bro yg lebih simple caranya dan lebih keren pastinya hehe . . .
2. EMOTICON KEDUA
- Login ke akun blogger lo bro
- klik di Design/tata letak ok bro
- pilih Edit HTML, Centang pada Expand Widget Templates.
- Untuk Antisipasi kesalahan bro, Silahkan BACKUP dulu data lo ya bro.
- tekan tombol di keyboard bro, Ctrl+F, kemudian carilah bro kode </body>
- lalu copy kode berikut bro:
- <style type='text/css'>
.emoWrap {
background-color:#ffffff;
border:2px solid #ffffff;
padding:10px 14px;
color:black;
font:bold 12px Tahoma,Arial,Sans-Serif;
text-align:center;
}
img.emo, input.emoKey {
display:inline-block; /* Penting! */
*display:inline;
vertical-align:middle;
}
input.emoKey {
border:1px solid #ccc;
background-color:white;
font:bold 11px Arial,Sans-Serif;
padding:1px 2px;
margin:0px 0px 0px 2px;
color:black;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://raxterblog.googlecode.com/files/emoticon-komentar-keren.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
putEmoAbove = "iframe#comment-editor",
emoMessage = "Untuk Menyisipkan Emoticon Setidaknya Lo Bro Harus Menambahkan Satu Spasi di Awal Komentar, , , Oke Bro ! ! !";
//]]>
</script>
- Lalu paste-kan bro diAtas kode </body>
- Mudah bukan bro ? ? kini lo bro sudah bisa menggunakan 2 emoticon tersebut di blog lo bro.
Selamat Mencoba ya bro . . .
kug di blog saya gak work ya gan???
BalasHapusSilahkan lo pakai aja EMOTICON KEDUA bro sudah gua tambahkan. :-d
Hapus