Game Files

Cara Memasang EMOTICON pada Blogs

        #kaskusemoticon {

        width:auto;

        margin:10px;

        padding:10px;
        }

<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/>

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

  <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>

Available link for download

Cara Memasukkan Emoticon Pada Postingan Blog Caya Techno

• Langkah pertama, sobat Login keakun Blogger sobat.

• Buat sebuah postingan baru

• Masukka kata pengantar/pembuka postingan blog sobat. (Ex : Hi sob).

• Kunjungi link berikut untuk memilih emoticon yang akan sobat pakai pada postingan. Klik disini. (Ex : saya pilih emo "happy"). Cara melihat source emoticonnya adalah dengan men-drag emoticon yang dipilih.

• Copy source emoticonnya dengan cara mem-blok linknya, kemudia tekan "CTRL + C".

• Setelah kita berhasil mendapatkan source emoticonnya, kita beralih kembali ke Blogger. Klik tab "HTML".

• Ketikkan/masukkan kode ini disamping kata "Hi sob"

<img src="source emoticon yang telah dicopy">

• Setelah kode telah dimasukkan, klik kembali tab "Compose" untuk melihat hasilnya.

Available link for download

Cara memasanag emoticon Bahasa Indonesia Di Blog

Tutor:
1.Login ke blog sobat
2.Pilih Templates >> edit html
3.cari kode </body> untuk mempermudah gunakan ctrl+f
4.copy paste kode ini tepat diatas kode </body>

<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:"Klik Untuk melihat kode!",

emoMessage:"Untuk menyisipkan emoticon Anda harus menambahkan setidaknya satu ruang sebelum Memasukkan kode"

})

});

//]]>

</script>

<script src=https://boyz.googlecode.com/svn/JS/emoticonnya.js type=text/javascript/>

</b:if>

5.kemudian cari kode ]]></b:skin>
6.copy paste kode ini tepat diatas ]]></b:skin>

.emoWrap {

  position:relative;

  padding:10px;

  margin-bottom:7px;

  background:#fff;

/* IE10 Consumer Preview */

background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);

/* Mozilla Firefox */

background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);

/* Opera */

background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);

/* Webkit (Safari/Chrome 10) */

background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));

/* Webkit (Chrome 11+) */

background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);

/* W3C Markup, IE10 Release Preview */

background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);

  border:3px solid #860000;

  -moz-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius:5px;

  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);

  -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);

  -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);

  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);

  font-weight:normal;

  color:#333;

}

.emoWrap:after {

  content:"";

  position:absolute;

  bottom:-10px;

  left:10px;

  border-top:10px solid #860000;

  border-right:20px solid transparent;

  width:0;

  height:0;

  line-height:0;

}

langkah terakhir simpan template sobat, dan lihat hasilnya


NOTE: jika ada dari sobat yang tiba-tiba emoticonnya turun kebawah kotak komentar bisa baca postingan saya disini

Available link for download