Cara Memberi Emoticon Pada Blog

Posted by Zona Komputer Posted on 14:34

Cara memasukan/memberi emoticon, gambar dan elemen lain pada blog.

Baiklah setelah postingan saya kemarin tentang Cara membuat sitemap dan Cara membuat slider otomatis pada blog, kali ini saya akan posting tentang Cara menambahkan emoticon pada komentar blog.
Sebenarnya hal ini tidak harus ada pada blog kita, tapi kalau komen tanpa disertai emoticon, rasanya kurang keren dan kurang hidup :D hehehe.
Baiklah kita langsung masuk saja ke langkah langkahnya:

1. Masuk ke dashbor (menu awal) blogger anda.

2. Klik template lalu pilih "edit html"

3. Cari kode </body> (gunakan CTRL+F agar lebih mudah) dan letakkan kode berikut diatas kode </body>

<style>
.emoWrap { position:relative; padding:10px; margin-bottom:7px; background:#fff; color-stop(0,#ddd),color-stop(1,#ddd)); border:1px solid #ddd; font-weight:normal; color:#333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
.emoWrap:after { content:""; position:absolute; bottom:-10px; left:10px; border-top:10px solid #ddd; border-right:20px solid transparent; width:0; height:0; line-height:0; }
</style>
<script src='https://cdn.rawgit.com/Brando07/share/newbe/komentar-seocips.js' type='text/javascript'></script>

NB: jika kode </body> tidak ada coba hilangkan ">" (kurung penutup).

4. Save template dan lihat hasilnya.

Berikut demonya:

Rasanya kurang lengkap kalau saya cuma kasih emoticon saja, sekalian saya kasih cara memasukkan gambar, catatan, dll. Langsung saja:

Menyisipkan kode:  <i rel="code">Kode Anda</i> atau <i rel="pre">Kode Anda</i>
Menyisipkan gambar:  <i rel="image">Link Gambar Anda</i>
Menyisipkan judul:  <b rel="h3">Judul Anda.</b>
Menyisipkan catatan:  <b rel="quote">Catatan.</b>
Membuat teks tebal:  <b>Teks Anda.</b>
Membuat huruf miring:  <i>Teks Anda</i>

Baiklah sekian postingan tentang Cara memasukan emoticon, gambar pada blog.
Semoga bermanfaat, dan Terima kasih telah berkunjung. :D
Sumber script "seocips".