Tag/kode X/HTML (eXtended HyperText Markup Language) yang dapat digunakan di wordpress.com dalam modus bukan ‘visual’ (tapi modus ‘code’ saat penulisan/posting) dapat dilihat di Allowed HTML tags. Tetapi tidak semua kode-kode tersebut berlaku untuk kolom komentar.
Diperbaharui: 13 Maret 2007; 14 Agustus 2007
<b>
misalnya: <b>teks tercetak tebal</b>
<i>
misalnya: <i>teks dicetak miring</i>
<strong>
misalnya: <strong>teks juga tercetak tebal</strong> (lebih bermakna secara struktur / semantik)
<em>
misalnya: <em>teks dicetak miring</em> (lebih bermakna secara struktur)
<strike>
misalnya: <strike>teks dicoret di tengah (untuk ralat)</strike>
<a href="" title="">
misalnya: <a href="alamat blog dengan http-nya" title="nama blog atau yang berhubungan dengan blog" >Nama Blog</a>
<abbr title="">
misalnya: <abbr title="eXtensible HyperText Markup Language">XHTML</abbr>
<acronym title="">
misalnya: <acronym title="Pusat Kesehatan Masyarakat">Puskesmas</acronym>
<blockquote cite="">
misalnya: <blockquote cite="teks yang dijadikan acuan">teks yang disitasi</blockquote>
<code>
misalnya: <code>teks akan seperti contoh-contoh ini, membedakan dengan teks biasa, dan dibaca apa adanya (untuk penulisan kode-kode HTML, pemrograman, dll)</code>
Kode lainnya dapat dilihat di HTML Entities Reference
Misalnya :
< menjadi <
> menjadi >
» menjadi »
« menjadi «
© menjadi ©
• menjadi •
™ menjadi ™
® menjadi ®
± menjadi ±
° menjadi °
→ menjadi →
← menjadi ←
silakan dicoba lagi ya..
Kelemahan:
- mungkin tidak semua kode yang dapat diterapkan di bagian badan tulisan dapat pula digunakan di bagian komentar..
- mungkin tidak semua kode tampil aman pada browser tertentu (pakai Firefox!)
- (diperbaharui) saat diedit ulang, tulisan ini akan dikonversi otomatis oleh wp.com (jika pengaturan XHTML di panel admin memang disetel otomatis oleh pengguna)
Disarankan pula (oleh wp.com) untuk tidak kopi-rekat menggunakan MS Word, OpenOffice.org Writer, atau perangkat lunak pengolah kata sejenis (kecuali diedit kembali di dasbor/panel penulisan wp.com). Gunakan editor teks seperti Notepad, Gedit, dan sejenisnya.
Diperbaharui:
Cara penulisan kode di atas:
misalnya & amp; uarr; jika ditulis tanpa spasi menjadi ↑ dan dibaca oleh browser menjadi ↑
& amp; darr; menjadi ↓ dibaca ↓
Diperbaharui (14 Agustus 2007):
cara mengedit yang aman dalam modus ‘code’ dengan catatan ‘fungsi konversi XHTML wp.com aktif’ → salin kode HTML (lihat kode sumber) dari artikel asli (misal di firefox):
- buka artikel dimaksud (contoh: artikel ‘Tag HTML di WordPress.com’)
- tekan ‘ctrl’+’U’ di ‘keyboard’ untuk melihat kode sumber/XHTML
- salin-tempel kode-kode yang ingin diedit, terutama yang memuat tag simbol
- simpan kembali tulisan yang diedit
Semoga membantu..
Ditulis Oleh: Dani Iswara
→ atau gunakan Firefox dan ekstensi performancing-nya..
Tapi kelemahan di Worpress.com adalah dia tidak dapat diisi dengan code berikut :
>script<>iframe<Sehingga kita tak dapat memasukkan shoutbox ke dalamnya
bisa kalau di sidebarnya saja.
» qzoners:
iya nih wp.com..
<script>
<iframe>
<form>
→ sptnya emang gak bisa..(alasan keamanan[?])
kl shoutbox, pake meebo yg ajax bisa kan..
(utk tema yg mengijinkan edit menu samping)
Numpang nimbrung nih Mbak…
@ Dani Iswara
Iya, Mbak. Buat keamanan…
.
Bicara soal keamanan, wordpress menawarkan list blogroll yang lebih banyak dari 35 untuk yang membeli kredit kan? Padahal ini bisa diakali dengan menggunakan widget → Text. Mau berapa pun ga masalah…CMIIW
Aku baru tahu cara bikin &trade ° de-el-el itu. Hihihi… kuno banget.
» pramur:
iya ya..seandainya widget teks-nya bole lbh dari 10-an..
» kang kombor:
hi hi hi..lha wong saya jg baru tau pas nemu sumber tulisan itu kang..
pantesan pakai <pre> </pre> gagal terus, maunya manual ya
ada lg utk tombol/button dg tag <button>:
<a href=”http://panduan.wordpress.com/” title=”Panduan Tidak Resmi WordPress.com”><button>Panduan Tdk Resmi WP.com</button></a>
bagus sekali thanks aas nasehatnya…..
bisakah bisa di insert di komentar ?????????
Plis Sam Bodi Help Mi
bisakah
di insert di komentar ?????????Plis Sam Bodi Help Mi
» omdien:
tag yg tdk berfungsi di kolom komentar dpt diliat di percobaan berikut…
<b>
misalnya: teks tercetak tebal
<i>
misalnya: teks dicetak miring
<strong>
misalnya: teks juga tercetak tebal (lebih bermakna secara struktur / semantik web)
<em>
misalnya: teks dicetak miring (lebih bermakna secara struktur / semantik web)
<strike>
misalnya:
teks dicoret di tengah (untuk ralat)<a href=”…” title=”…”>
misalnya: Panduan tidak resmi WP.com
<abbr title=”…”>
misalnya: XHTML
<acronym title=”…”>
misalnya: Puskesmas
<blockquote cite=”…”>
misalnya:
<code>
misalnya:
teks akan seperti contoh-contoh ini, membedakan dengan teks biasa, dan dibaca apa adanya (untuk penulisan kode-kode HTML, pemrograman, dll)<
>
»
«
© → copyright
• → titik (tengah)
™ → TM
® → R
± → plus minus
° → derajat
→ menjadi panah ke kanan
← menjadi panah ke kiri
tombol hrsnya membentuk tombol spt tombol ’submit’
jd tag ‘code’ & ‘tombol’ tdk berfungsi di kolom komentar wp.com ini…
®
test:-P
tes code ………
Saya coba unduh tampilan baru untuk WordPress di http://www.templatepanic.com. Maklum, di sana tersedia template tiga kolom yang bagus-bagus. Namun saya masih menemui kesulitan memindahkannya menjadi tampilan (presentation) pada blog saya. Mohon petunjuk… Suwun.
@ yakob :
pake wp.com ya?
sayang sekali, gak bisa tuh
Asik coy
TES BOS……
@manstab:
selamat mencoba
sama2 belajar boz..
mohon koreksi kalo ada salah..
makasih infonya
Makasih panduannya … setelah baca-baca tulisan di postingan ini ternyata saya baru sadar kalo widget text di wordpress itu bisa untuk masukin kode-kode html … contohnya ngasih YM online status … setelah aku coba ternyata berhasil …
Kesimpulannya … widget text di wordpress itu = add html/script di page element-nya blogger …
tes ajah&trade
tes lagi &trade
terakhir™
wah..sangat membantu sekali mas dani..thx banget ya
salam
@Febra:
sama2..selamat berpetualang dg mac
hohohoho…ketahuan saya..sama-sama mas, jangan bosan ngasih ilmunya
maknyos lah…tutorialnya.
dicoba dulu juragan….
coba tes tag table
kok pake tag , ga bisa sih pak?
tuh hasilnya diatas. ndak ada tabelnya kan?
@caktopan:
anda blm beruntung mungkin.., cak
Lah…itu … sampean bisa…
gimana caranya….
@caktopan:
kemungkinan lainnya (selain tag yg dicoba memang tdk diijinkan di kolom komentar wp.com..), kl pas salah mengetikkan kode x/html-nya, wp.com akan mengkonversinya otomatis..semoga membantu..
saya bingung kalau mau memodifikasi tampilan blog yang tadinya ambil dari theme yang ada.
misal, tadinya saya pilih theme yang cuma 2 kolom. trus, saya ingin menambahkan gambar counter yang saya dapatkan dari daisypath. mau meletakkannya di bagian bawah blog supaya terlihat semua, saya ga tau caranya. saya letakkan di sidebar, jadinya kepotong.
ada yg bisa membantu? thanks for all.
@naungancinta:
utk blog gratisan di wp.com, memang hanya menu samping (sidebar) yg bs diedit, termasuk bbrp tema bisa diubah di header
ntah jika skrg ada tema yg juga mengijinkan modifikasi di footer..
jika menungkinkan, gambar yg tll lebar (di sidebar) ditambahkan atribut width=”…” biar pas dgn sidebar-nya..
terimakasih pak Dani, akhirnya saya menemukan cara yg saya anggap paling tepat
saya tidak mengubah lebar gambar, karena nanti akan mengakibatkan gambarnya jadi kurang proporsional, tapi code untuk gambar itu saya pindahkan ke halaman About Us
makasih untuk masukannya
ngetest.
situs presiden ri
ngetest.
silakan klik
*Maaf mas/mbak aku masih newbie nih, blognya aku jadiin percobaan yaah.
ngetest.
silahkan klik
SITUS RESMI PRESIDEN RI
atau
Belum puas lihat hasilnya nih.
silahkan klik
BLOG RESMI PRESIDEN RI
Atau di
silahkan klik
SITUS RESMI PRESIDEN RI
aku mau nanya nih kalau tulisan kita jadi berwarna gimana caranya yaaa?? terimakasih
@nurey:
Kesalahan pengetikan kode xhtml spt yg nurey lakukan di atas, akan dikonversi otomatis oleh wp.com
utk memberi warna tertentu pada tulisan bs dgn 2 cara:
Pertama
Edit CSS (cascading style sheets) jika memungkinkan (dianjurkan sesuai standar web), mis. di layanan blogspot dan hosting berbayar lainnya. Di wp.com hal ini tdk bs dilakukan.
Kedua
Edit CSS inline. Menyisipkan kode CSS juga di antara kode xhtml atau dalam pstingan.
Mis. kode dasarnya spt
<span style="color:red">ini nantinya jadi merah</span>,<span style="color:#666">ini nantinya jadi variasi abu2</span>kec warna standar ‘link’ yg biru itu (bs juga diubah tetapi dianjurkan utk dibiarkan sesuai standar web)
aplikasi warna sptnya tdk bs ditampilkan di kolom komentar theme blog ini
jika kurang jelas, tekan ctrl + u (di firefox) atau ‘view source’ utk melihat kode2 xhtml yg digunakan.
♥
Untuk warna di sidebar blog ini, sptnya itu ‘kecelakaan yg disengaja’ oleh pak guru urip.
@dani
terimakasih banget atas saran serta ilmunya maklum aku masih awam sekali soal blog nih, belajarpun dari buku dan penjelasannya hanya yang makro saja tidak sampai terperinci beruntunglah ada blog seperti blog panduan WP ini, maju terus untuk blogger indonesia !!!.
TEST
TEST
test™
aku mau nyoba lah? ngetes
Mas, kalo pake edit CSS yg berbayar. Apa bisa saya masukkin kode ini , ?
Mas, kalo saya pake edit css yg berbayar. Apa kode ini bisa dipake <script> Tolong di jawab mas.
@cozyduck:
maksudnya pake wordpress trus dihosting sendiri ya..kl itu, tentu bebas diedit templatnya (x/html dan css)..script ditulis di bagian x/html..
maaf gmn dimn cara edit html misal mau read more tema,dan lain2
gmn plizzzz yasirmaster.wordpress.com
@suakcot:
utk wp.com memang tdk bs banyak mengedit html dan tema spt di blogspot..
utk ‘read more’ sudah ada tombolnya (‘more’) di panel admin wp.com kan..
mas mau nanya kalau di wp.com mau edit html untuk seo nya gimana yah..
makasih..
@ dinto:
wp.com bs diedit html-nya utk sidebar aja yg berbasis text widget, itupun terbatas..jd ngga bs edit x/html dan css keseluruhan spt yg berbayar atau blogspot yg gratisan..
utk seo maksudnya yg gemana ya..
kl sekadar optimasi judul blog, alamat blog, tag h1, h2 dstnya, dan penonjolan kata kunci tertentu yg selektif (mis. dgn penebalan, tercetak miring) dalam tulisan masi cukup bs dilakukan di wp.com
tes boleh kan
dicoretcoba TM nya
&tradetes boleh kan
dicoretmaap masih salah, harusnya begini …
coba TM nya
™I do not believe this
boleh nyobain ngetes ya bos…
ARPUSDA
thanks….
mau download template tiga kolom yang keen abis?mampir ke duniabiner!+how to edit this template…
salam kenal deh
Bisakah kita memasukkan form isian (Add a subscribe box to your web page) untuk subscribe/join ke milis yahoo pada wordpress.com? Sehingga yang pengin join cukup mengisi email dan klik join. Saya coba pakai widget TEXT, tapi tidak bisa, ada bagian yang terpotong.
THX
@suriani:
jika mengandung javascript, sptnya memang tdk bs
cb pake link saja, bukan box
tp itu biasanya kan ada tag x/html form ama input aja ya..
mas aku mau tanya nih, akukan daftar di kliksaya.com, pas mau masukin kodenya di wordpress kok gak bisa ya? tolong di bantu ya mas.. makasih
@rizapahlepi:
bukannya wordpress.com emang ngga ngijinin make javascript krn alasan keamanan? coba di dagdigdug