Game Files

Cara Memasang EMOTICON pada Blogs

Cara Memasang EMOTICON pada Blogs

 Nah pada kali ini Tutorial Blogger akan memberikan tutorial yang berjudul Cara Membuat / Memasang Emoticon Kaskus Pada Blog. Memang emoticon itu memiliki beberapa jenis seperti facebook, yahoo, dan kaskus. Semuanya itu sebetulnya sama saja, cuma simbonya saja yang berbeda dari ketiga website tersebut.

Berikut adalah Cara Membuat / Memasang Emoticon Kaskus Pada Blog:

1. Masuk ke Dasboard lalu klik Blog sobat
2. Pilih ke Template
3. Lalu pilih Edit HTML dan pilih lanjutkan
4. Centang Expand Template Widget
5. Cari kode ]]></b:skin> (Gunakan CTRL+F atau F3 Untuk mempercepat pencarian)
6. Setelah ketemu letakan kode dibawah ini tepat diatas kode yang tadi

        #kaskusemoticon {

        width:auto;

        margin:10px;

        padding:10px;
        }

7. Setelah itu cari lagi kode </body> dan letakan kodeyang ada di bawah ini tepat diatas

<script src=http://tutorialblogger.googlecode.com/files/kaskustutorialblogger%20%282%29.js type=text/javascript/>
<script src=http://tutorialblogger.googlecode.com/files/kaskustutorialblogger.js type=text/javascript/>

8. Kalau sobat tidak menemukan kode </body>, cari </body
9. Setelah itu cari kode dibawah ini

    <b:include data=post name=comment-form/>

letakan kode dibawah initepat diatas kode yang tadi

  <b><center>
<img height=50 src=http://img202.imageshack.us/img202/4846/kompinterjuara1.gif width=50/>
:k1
<img height=50 src=http://img72.imageshack.us/img72/398/kompinterbatamerah.gif width=50/>
:k2
<img height=50 src=http://img687.imageshack.us/img687/1351/kompintercendol.gif width=50/>
:k3
<img height=50 src=http://img94.imageshack.us/img94/4219/kompinterlovindo.gif width=50/>
:k4
<img height=50 src=http://img8.imageshack.us/img8/3483/kompintermarah.gif width=50/>
:k5
<img height=50 src=http://img532.imageshack.us/img532/931/kompintermalu2.gif width=50/>
:k6
<img height=50 src=http://img693.imageshack.us/img693/7193/kompinterkecewa.gif width=50/>
:k7
<img height=50 src=http://img171.imageshack.us/img171/4809/kompinterngacir2.gif width=50/>
:k8
<img height=50 src=http://img412.imageshack.us/img412/3662/kompintersempurna.gif width=50/>
:k9
<img height=50 src=http://img291.imageshack.us/img291/6651/kompinterbingung.gif width=50/>
:a1
<img height=50 src=http://img709.imageshack.us/img709/2609/kompinterngakak.gif width=50/>
:a2
<img height=50 src=http://img641.imageshack.us/img641/3540/kompintertakut.gif width=50/>
:a3
<img height=50 src=http://img514.imageshack.us/img514/7169/kompinterterimahkasi.gif width=50/>
:a4
<img height=50 src=http://img169.imageshack.us/img169/5500/kompinteralay.gif width=50/>
:a5
<img height=50 src=http://img28.imageshack.us/img28/4954/kompintertkp.gif width=50/>
:a6
<img height=50 src=http://img138.imageshack.us/img138/3621/kompinternosara.gif width=50/>
:a7
<img height=50 src=http://img202.imageshack.us/img202/8307/kompinterliat.gif width=50/>
:a8
<img height=50 src=http://img693.imageshack.us/img693/8240/kompintersundul.gif width=50/>
:a9
<br />
<blink><a href="http://deblizer.blogspot.com/2013/09/cara-memasang-emoticon-pada-blogs.html" target="_blank">Pasang Emoticon !</a></blink>
</center>
</b>

8. Simpan
Untuk yang kalimat simpannya tidak terlihat, hilangkan dulu kotak pencariannya

Ada yang satu lagi nih ..
<b:if cond=data:blog.pageType == &quot;item&quot;>
<script type=text/javascript>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Untuk melihatnya Klik emoticon yang di atas",
emoMessage:"Dapatkan Emoticon dan Pasang di Blogsmu"
})
});
//]]>
</script>
<script src=https://boyz.googlecode.com/svn/JS/emoticonnya.js type=text/javascript/>
</b:if>

Nah hanya itu yang dapat saya beri tahu semoga bermanfaat...

Available link for download