JSFiddle: Widget Member / Komentator Aktif

https:////example.com/style.css X

.cm-person {
  margin:1px;
  position:relative;
  float:left;
  width:80px;
  height:100px;
  font:10px/10px Lora,Verdana,Arial,Sans-Serif;
  text-align:center;
  line-height:10px;
  padding:10px;
  border:1px solid #ccc;
  color:#000;
  background-color:#fff;
  box-shadow:inset 0 0 1px black;
}

.cm-person a.profile-name-link {
  display:block;
  width:80px;
  height:80px;
  position:absolute;
  top:10px;
  left:10px;
  background-color:#999;
  color:white;
  text-decoration:none;
  font:bold 30px/80px Ubuntu,Tahoma,Verdana,Arial,Sans-Serif;
  margin:0 0;
  padding:0 0;
  display:none;
}

.cm-person a.profile-name-link.item1 {
  background-color:#BC0000;
}

.cm-person a.profile-name-link.item2 {
  background-color:#1A00CE;
}

.cm-person a.profile-name-link.item3 {
  background-color:#39A003;
}

.cm-person a.profile-name-link.item4 {
  background-color:#8B039D;
}

.cm-person a.profile-name-link.item5 {
  background-color:#F0C100;
}

.cm-person a.profile-name-link.item6 {
  background-color:#00D1CB;
}

.cm-person a.profile-name-link.item7 {
  background-color:#FFEA03;
}

.post .post-body .cm-person img {
  background-color:#666;
  display:block;
  width:80px;
  height:80px;
  padding:0 0;
  margin:0 0 10px;
  border:none;
}

.cm-person:hover {
  color:#FFF;
  background-color:#111;
}

.cm-person:hover a.profile-name-link {
  display:block;
}

https:////code.jquery.com/jquery-latest.js

https:////example.com/script.js X

$("img[src='https:////img1.blogblog.com/img/blank.gif']")
.attr('src', 'data:image/png;base64,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')
.ssyby('blank')

Catatan:
Tautan (link) hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan tautan dengan aman, gunakan kode <i rel="anchor">https://nama_situs.com</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan kode <i rel="image">URL GAMBAR</i>
Untuk menyisipkan kuota, gunakan tag <b rel="quote">KATA-KATA ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA DI SINI...</strong>
Untuk menciptakan efek huruf miring gunakan tag <em>TEKS ANDA DI SINI...</em>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

Catatan:
Jika anda ingin memasukkan kode kedalam komentar, anda bisa menggunakan alat konversi yang sudah di sediakan di bawah untuk mengkonvert kode yang ingin anda masukkan dengan cara mengklick tombolKonversi Kode!

:) :( ^_^ :D ;) :-bd :yaya: :'( :\ :p B) :Q :Ozz 7:( \o/ **p <3 0:) :-a 7:O *fck* x@ X@ ~x( =p* Klick untuk melihat kode!

Konversi Kode! (Jendela Munculan)idtutorplus.blogspot.com

Cancel

Terima kasih telah berkomentar