memasukan gambar / video pada komentar

6 Agu 2013

Dengan Berkomentar dapat mempererat tali persahabatan antar blogger. Apalagi berkomentar pake gambar, video ataupun kode script di tambah lagi ada emoticon, sangat bermanfaat sekali buat yang bertanya atau pun yang memjawab nya di dalam berkomentar

#comment-holder .cm-youtube {
display:block;
border:none !important;
width:370px;
height:218px;
margin:8px auto 0;
}
img.emo {
display:inline-block;
vertical-align:middle;
}
#comment-holder .cm-image {
display:block;
margin:4px auto 0;
border:1px solid #444;
background:#333;
box-shadow:0 1px 1px black;
padding:4px;
max-width:80%;
}
#comment-holder code,
#comment-holder i[rel="code"] {
background:#272727;
border: 2px solid #496B13;
box-shadow:0 0 6px #000 inset;
display:block;
font: 12px Monaco,"Courier New",Monospace;
margin: 1px 0;
padding:0.5em 0.5em 0.5em 1em;
overflow:auto;
position:relative;
white-space: pre;
word-wrap: normal;
color:#777
}
#comment-holder i[rel="image"],
#comment-holder i[rel="youtube"] {
display:block;
overflow:hidden;
border:2px solid black;
position:relative;
width:170px;
height:100px;
margin:0 auto 30px;
}
#comment-holder i[rel="image"]:before,
#comment-holder i[rel="youtube"]:before {
content:"Please enable your JavaScript to see this image!";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:red;
color:white;
font-weight:bold;
text-align:center;
padding:15px 0;
}
#comment-holder i[rel="youtube"]:before {
content:"Please enable your JavaScript to watch this video!"
}

kode di atas adalah css nya pada menu setelan >> pesan formulir komentar. silahkan di isi sesuai yang di perlukan. contoh nya di bawah ini

Gunakan Fasilitas berkomentar di bawah ini sesuai keperluan
1. tag untuk menyisipkan gambar [img] URL GAMBAR [/img]
2. tag untuk menyisipkan video [youtube] URL VIDEO [/youtube]
3. tag untuk menyisipkan code [code] KODE ANDA [/code]

variasi - widget

Taufik 14.38