1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162#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]
Pertamanya Nie Gan :v,Ditunggu Kunjungan Baliknya :D
BalasHapustrims... kunjungan nya, siap meluncur ke tkp gan...
Hapushehe.. masuk peringkat 2 BESTFRIEND nih :D
BalasHapussudah saya terapkan nih mas taufik :) tambah naksir dengan Logo CSSnya ^:D
emang mas akbar mau bikin logo ea? Odhie Akbar ( OA ) bisa tuh mas
Hapusbelum tertarik sih soal Logo dengan CSS itu :p, sekarang pengen fokus pindahin <div header-wrapper ke <div outer-wrapper kira2 sepeti blognya mdf. Jadi header dengan background body :p
Hapuswach Opick Blog semakin keren saja om :-d
BalasHapuskan kalau soal kode kode sudah ada yang buat mas, saya hanya mengedit ulang saja dan merakit sesuai selera ^_^ yang terpenting kita tau fungsi dari kode kode tersebut
BalasHapusMINAL AIDIN WALFAIDZIN MOHON MAAF LAHIR DAN BATIN
SELAMAT HARI RAYA IDUL FITRI
sama sama mas Zakaria...
BalasHapusMINAL AIDIN WALFAIDZIN
MOHON MAAF LAHIR DAN BATIN
SELAMAT HARI RAYA IDUL FITRI
pre nya ga ikut dimasukin yaa
BalasHapuspre nya sudah ter masuk mas...
Hapusterima kasih dah berkunjung :-d
eh kok cuman css doang.. yg lainnya mana?
Hapuslalu apa bisa dgn css saja otomatis link nya terhapus??
terima kasih koreksi nya mas... itu hanya kelebihan tulisan saja...
HapusMINAL AIDIN WALFAIDZIN MOHON MAAF LAHIR DAN BATIN
BalasHapusSELAMAT HARI RAYA IDUL FITRI.........
sama sama mas... mohon maaf lahir dan batin
HapusMINAL AIDIN WALFAIDZIN MOHON MAAF LAHIR DAN BATIN mas Taufik. :D
BalasHapus..
Terima kasih tutorialnya
MINAL AIDIN WALFAIDZIN juga mas...
HapusMINAL AIDIN WALFAIDZIN MOHON MAAF LAHIR DAN BATIN OM ...
BalasHapusMakin makyus nie tempe nya
makasih mas... ini juga sambil belajar edit tempe
Hapuskeren banger templatenya :p
BalasHapusyah... lumayan aja om ;)
Hapusmau nanya dunk om...halaman utama blog ini kecil tu gmna ya caranya ...saya td nyoba membuat tu..tp pas membuka postingan ..postingannya ga muncul
BalasHapusmf merpotkan
[code]<b:if cond='data:blog.pageType != "item"'>
BalasHapus<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
#outer-wrapper {width:500px;}
kode kode lain nya yang mau ditampilkan
hanya di home page....
</style>
</b:if>
</b:if>[/code]
karena di blog saya pakai #outer-wrapper dan saya kasih nilai value 500px biar tampilan di hom jadi kecil
dan silahkan kode yang mau di tampilkan di home di atur ulang biar ada keserasian tampilan di home
santai aja mas... ga merepotkan ko
mksh om.. sangat membantu
Hapussama sama mas :-d
Hapuslanjutkan !!
BalasHapusmerdeka... xV
HapusPerlu dicoba nih Mas Taufik :)
BalasHapus