Menampilkan Pasang Emoticon di Kotak Komentar

Menampilkan / Pasang Emoticon di Kotak Komentar

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area komentar. Gimana? kamu mau memasang emoticon ini?
Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo :



Emoticon Kucing :



Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :


<script src=http://kendhin.890m.com/emoticon/smile1.js type=text/javascript/>
Untuk Emoticon Kucing :


<script src=http://kendhin.890m.com/emoticon/smile2.js type=text/javascript/>

4. Kemudian cari kode berikut ini :


<p class=comment-footer>
<b:if cond=data:post.embedCommentForm>
<b:include data=post name=comment-form/>
<b:else/>
<b:if cond=data:post.allowComments>
<a expr:href=data:post.addCommentUrl expr:onclick=data:post.addCommentOnclick><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class=comment-footer>

Ini untuk Yahoo emoticon :


<b><img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif/>
:))
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif/>
:)]
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif/>
;))
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif/>
;;)
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif/>
:D
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif/>
;)
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif/>
:p
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif/>
:((
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif/>
:)
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif/>
:(
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif/>
:X
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif/>
=((
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif/>
:-o
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif/>
:-/
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif/>
:-*
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif/>
:|
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif/>
8-}
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif/>
~x(
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif/>
:-t
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif/>
b-(
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif/>
:-L
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif/>
x(
<img border=0 src=http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif/>
=))
</b>

Kalo mo yang emoticon kucing pake yang ini :



<b><img border=0 src=http://kendhin.890m.com/emoticon/capek.gif/>
:f
<img border=0 src=http://kendhin.890m.com/emoticon/bigsmile.gif/>
:D
<img border=0 src=http://kendhin.890m.com/emoticon/hi.gif/>
:)
<img border=0 src=http://kendhin.890m.com/emoticon/kagum.gif/>
;;)
<img border=0 src=http://kendhin.890m.com/emoticon/love.gif/>
:x
<img border=0 src=http://kendhin.890m.com/emoticon/malu.gif/>
:$
<img border=0 src=http://kendhin.890m.com/emoticon/marah.gif/>
x(
<img border=0 src=http://kendhin.890m.com/emoticon/bingung.gif/>
:?
</b>
<br/>
<b>
<img border=0 src=http://kendhin.890m.com/emoticon/mumet.gif/>
:@
<img border=0 src=http://kendhin.890m.com/emoticon/muntah.gif/>
:~
<img border=0 src=http://kendhin.890m.com/emoticon/mentok.gif/>
:|
<img border=0 src=http://kendhin.890m.com/emoticon/ngakak.gif/>
:))
<img border=0 src=http://kendhin.890m.com/emoticon/sedih.gif/>
:(
<img border=0 src=http://kendhin.890m.com/emoticon/senang.gif/>
:s
<img border=0 src=http://kendhin.890m.com/emoticon/tolong.gif/>
:((
<img border=0 src=http://kendhin.890m.com/emoticon/wow.gif/>
:o </b>

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Tambahan
* Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Read More..

Cara Pasang Alexa Widget di Blog

Blog saya. Semoga kali ini sobat semua dalam keadaan sehat selalu amin. Hari ini saya akan membahas tentang tips trik untuk para blogger. Ya, betul sekali. Sesuai dengan judulnya yaitu cara pasang alexa widget di blog. Cara ini tidak begitu asing bagi para blogger yang sudah berpengalaman. Postingan ini saya khususkan bagi para sobat yang masih kebingungan bagaimana memasang alexa widget di blog mereka. Oke, sebelum kita masuk bagaimana cara memasangnya, sebelumnya kita harus tahu apa itu alexa dan apa fungsi dari alexa itu sendiri. Simak baik-baik ya :)

Apa itu Alexa Rank ?

Alexa.com adalah sebuah layanan dari Amazon.com yang mengumpulkan informasi tentang website-website yang ada di internet. Salah satu informasi yang mereka kumpulkan adalah trafik yang diterima oleh sebuah website. Alexa memberi rangking atau peringkat website berdasarkan tinggi rendah trafik yang diterima oleh website tersebut.
Tidak seperti PageRank-nya Google yang memberi rank antara 1 sampai dengan 10, Alexa memberi rangking mulai dari 1 sampai dengan puluhan juta, di mana website dengan rangking nomor 1 adalah website yang paling tinggi trafiknya.

Fungsinya Alexa Rank ?

Nilai Alexa Rank digunakan oleh advertiser (pemasang iklan) untuk menilai harga space iklan di sebuah website. Bagi advertiser, trafik sangat penting, karena mereka butuh iklannya dilihat oleh banyak orang.
Misal sebuah website dengan rangking Alexa 1.000.000 mempunyai space iklan yang dijual. Sebuah perusahaan advertiser mungkin akan menawar space tersebut dengan harga $5/bulan. Sedangkan website lain dengan Alexa Rank 70.000, perusahaan advertiser yang sama mungkin akan menawar $1,750/bulan untuk space iklan yang sama.
Alexa Rank juga penting ketika Anda berniat untuk menjual website atau domain Anda. Dengan Alexa Rank yang baik, Anda memiliki posisi tawar yang lebih baik pula.
Jika blog Anda tidak memiliki space iklan untuk dijual, atau tidak ada hubungannya sama sekali dengan periklanan, dan Anda tidak berniat menjual domain Anda, maka Anda bisa mengabaikan Alexa Rank.

Sudah mengerti kan apa itu alexa dan kegunaan dari alexa sendiri? Oke, sekarang waktunya kita masuk ke cara memasang widget tersebut.

Pertama Daftarkan dulu blog anda di Alexa
1. Masuk ke Situs resmi Alexa
2. Klik tab menu Site Tool

4. Klik Alexa Site Widget (biasanya ada dibawah)

5. Sekarang masukkan alamat lengkap blog,sobat pada kolom isian yang sudah disediakan

6. Tekan enter atau klik Build Widget, maka kode widget alexa rank untuk blog kamu akan terlihat. Silakan copy dan paste widget dengan ukuran yang kamu mau pada widget/sidebar blog sobat.

Kedua masukkan kode html alexa ke blog anda
1. Masuk dan Login seperti biasa ke Blogger
2. Masuk ke Tata Letak

3. Klik tambah Gadget / Add a Gadget

4. Pilih dan klik Html/Javascript

5. Paste kode alexa yang tadi kamu ambil di situs alexa nya
6. Simpan dan lihat hasilnya (Kamu bisa memindahkan widget itu di sidebar kiri atau kanan, ataupun di antara postingan)

Nah, itu sedikit penjelasan dari saya bagaimana memasang widget rank alexa di blogspot. Jika sobat kaget akan rank alexa sobat yang lumayan besar, sobat bisa menaikkan rank tersebut dengan tips tips jitu dari saya. Sobat bisa menunggu postingan saya selanjutnya tentang cara jitu menaikkan rank alexa. Oke, sampai jumpa.
Terima Kasih! Semoga Bermanfaat!

Read More..