Ini Sajah

Browse Manual » Wiring » blockquote » dan » gambar » kode » komentar » memasukan » pada » youtube » Memasukan Gambar Youtube Blockquote dan Kode Pada Komentar

---

Memasukan Gambar Youtube Blockquote dan Kode Pada Komentar

Memasukan Gambar, Youtube, Blockquote, dan Kode Pada Komentar - Kali ini saya akan berbagi Cara Memasukan Gambar, Youtube, Blockquote dan Kode pada Komentar, Saya mengambil codenya dari Blog Kang Ismet.
Berikut ini cara-cara untuk pemasangannya.

Simpan kode ini diatas ]]>

#comment-holder .cm-youtube {
  display:block;
  border:none !important;
  background-color:#333;
  width:450px;
  height:240px;
  margin:0 auto 30px;
}
#comment-holder .cm-image {
  display:block;
  margin:0 auto 15px;
  outline:none;
  border:1px solid #ccc;
  background-color:white;
  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  box-shadow:0px 1px 3px rgba(0,0,0,0.2);
  padding:5px;
  max-width:96%;
  height:auto;
  width:auto;
}
code, #comment-holder code,
#comment-holder i[rel="code"] {
  font:normal 12px Monaco,"Courier New",Monospace;
  color:blue;
}
pre, #comment-holder pre,
#comment-holder i[rel="pre"] {
  display:block;
  font:normal 12px Monaco,"Courier New",Monospace;
  background-color:#333;
  color:white;
  padding:0.5em 1em;
  word-wrap:normal;
  white-space:pre;
  overflow:auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
blockquote, #comment-holder blockquote,
#comment-holder b[rel="quote"] {
  margin:0 2%;
  background-color:#eee;
  padding:1em 1.2em;
  border-left:4px solid #7498AD;
  display:block;
  font-weight:normal;
  font-style:italic;
}
#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!";
}

 Kemudian simpan kode ini diatas

 

Setelah itu, Simpan Template.

Format Penulisan

Menulis Tag
Tulis kode yang sudah diparse di sini, atau
[code]Tulis kode yang sudah diparse di sini[/code]

Menulis Tag

Tulis kode yang sudah diparse di sini, atau
[pre]Tulis kode yang sudah diparse di sini[/pre]

Menulis Catatan (Blockquote)
Tulis catatan di sini, atau
[quote]

Tulis catatan di sini[/quote], atau
[blockquote]Tulis catatan di sini[/blockquote]

Memasukan Gambar
Tulis URL gambar di sini, atau
[img]Tulis URL gambar di sini[/img]

Memasukan Video Youtube
Tulis URL Video Youtube di sini, atau
[youtube]Tulis URL Video Youtube di sini[/youtube]
Semoga artikel ini bermanfaat, Terimakasih.

Source Code : http://blog.kangismet.net/2013/08/memasukan-gambar-youtube-kode-pada-komentar-blogger.html

Posted by Unknown at 6:15 AM

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest

Labels: blockquote, dan, gambar, kode, komentar, memasukan, pada, youtube