mitrabaraya online
Mitra Baraya Online Mode Using CSS3

Blogger jaringan pemberdayaan usaha sosial dan Pendidikan!
Geolkeun mouse alo-alo jeung sok..lah wilujeng!

Copyright 2010 mitrabarayaonline.blogspot.com - All rights reserved

Minggu, 13 Juli 2014

Comment gambar emoticon

Hiji gambar dina wangun emoticon , anu diikut sertakan dina hiji komentar , sanaos ngan mangrupi hiji gambar anu tak sabaraha ageung (icon) , nanging malahan tiasa barobah kaayaan " babasan kanggo hiji ekspresi jiwa/perasaan " anu lamun dituliskeun peryogi kitu seueur sanggem atawa kalimah.

Katilu elemen kode HTML ieu bade nyieun hiji kadudukan anu masihan layanan mangrupi gampangna keur nu cment nambahan emoticon dina hiji komentar. Tur nuliskeun kode anu atos dipastikeun,hiji gambar emoticon bade dipidangkeun babarengan kalawan diterbitkeunnana komentar.

Kode CSS :
img.myMBemo{width:24px;height:18px;padding:2px;border:1px solid #666;background:#ddd;float:left;box-shadow:2px 2px 2px #000;margin:2px;}
#MBemobox{border:2px solid #777;background:#aaa;padding:2px;float:left;width:760px;height:104px;}
.comments{position:relative;}
.comments #MBfloatico{position:fixed;bottom:10px;left:-820px;}
.comments:hover #MBfloatico{left:20%;z-index:999;}
.MBemokode{display:inline-block;width:36px;height:50px;font-size:12px;font-weight:bold;color:#000;line-height:20px;text-align:center;border:1px solid #555;float:left;}
Javascript-1 :
<script src='http://mitrabaraya-javascript.googlecode.com/svn/MBrecomment.js' type='text/javascript'></script>
Javascript-2 :
<script src='http://mitrabaraya-javascript.googlecode.com/svn/MBrecomment-thumb.js' type='text/javascript'></script>

Cara menggunakan kode :

  1. Login ka Blogger.
    • Tuliskeun "User Name" (gmail) atawa tuliskeun "Email Address" (non gmail).
    • Tuliskeun Password.
    • Klik "Sign in"
  2. Sanggeus kitu klik sign in "Dasbor (Dasboard)".
    Klik "Rancangan (Design)". Tungguan nepika halaman anyar.
  3. Teangan jeung klik "Edit HTML". Halaman anyar anu esina halaman box "Edit Template" tuh pan katempo.
  4. Sok lakukeunn backup template.
    • Klik "Download Template Lengkep (Download Full Template)".
    • Simpen file template dio folder PC.
    • Terus balik deui ka box "Edit Template".
  5. Cari kode ]]></b:skin>.
  6. Copy jeung paste kode CSS di atas ]]></b:skin>.
  7. Teangan kode </body>.
  8. Copy jeung paste javascript-1 di luhur </body>.
  9. Klik "Simpen Template/Save Template".
  10. Klik "Expand Widget Template".
  11. Teangan kode :
    <div class='comment-form'>. Kode seperti iyeu teh aya 2 .
  12. Copy jeung paste javascript-2 di handap <div class='comment-form'> (kadua-duana!).
  13. Klik "Simpen Template/Save Template".
  14. Buka blog jeung coba hasilna ku ngajieun komentar bari dibarengan emoticon.
  15. REbbbessssssssssss euyyy