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=”https://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:
sama2 belajar boz.. 🙂 selamat mencoba
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
&trade
tes 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 🙂
Waduh..saya mesti belajar banyak bahasa ini…:-)
Mas, mau nanya. bisa gak kita ngerubah warna background blog kita? saya kesulitan mencari letak untuk merubah kode htmlnya. mohon dibantu mas. terima kasih…
febrysatria,
di wordpress.com? Memang ada keterbatasan mengedit warna latar di CSS. Walau ada beberapa tema/theme yang memberikan kustomisasi header, bilah sisi/sdebar, dll. Kecuali versi berbayar/hosting sendiri. 🙂
minta bimbingannya, mau pasang kode html di widget gmana ya caranya???
kalau org apa bisa langsung gan???
thanks ya gan…
membantu banget…itu….
Produk dijamin asli orginal.
Natalia Shop : Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Ada Garansi Resmi Distributor dan Garansi TAM 2 bebas resiko bebas penipuan.
Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS 0857-1721-2287 ATAU KLIK WEBSET RESMI KAMI http://natalia-shop7.blogspot.com/
BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon
Ready Stock!
BlackBerry 9380 Orlando – Black.Rp.900.000,-
Ready Stock!
BlackBerry Curve 8520 Gemini.Rp.500.000,-
Ready Stock!
BlackBerry Bold 9780 Onyx 2.Rp.800.000,-
Ready Stock!
Blackberry Curve 9320.Rp.700.000,-
Ready Stock!
Samsung Galaxy Note 10.1.Rp.2,500.000.
Ready Stock!
Samsung Galaxy Tab 2 (7.0).Rp. 1.000.000
Ready Stock!
Samsung Galaxy S III Mini.Rp.1.800.000.
Ready Stock!
Samsung Galaxy Nexus I9250 – Titanium Si.Rp.1.500.000,-
Ready Stock!
Samsung Galaxy Note N7100.Rp.2.500.000.
Ready Stock!
Samsung Galaxy Note N7000 – Pink.Rp.1.700.000.
Ready Stock!
Samsung Galaxy Y S5360 GSM – Pure White.Rp.500.000,-
Ready Stock!
Nokia Lumia 800 – Matt Black.Rp.1.700.000,-
Ready Stock!
Nokia Lumia-710-whiteRp. 900.000,-
Ready Stock!
Nokia C2-06 Touch & Type -Dual GSM-Rp.450.000,-
Ready Stock!
Nokia Lumia 710 – Black.Rp. 900.000,-
Ready Stock!
Apple iPhone 4S 16GB (dari XL) – Black.Rp.1.200.000,-
Ready Stock!
Apple iPhone 4S 16GB (dari Telkomsel).Rp.1.200.000,-
Ready Stock!
Apple iPod Touch 4 Gen 8GB.Rp.700.000.
Ready Stock!
APPLE iPod Nano 8GB – Pink.Rp.500.000,-
Ready Stock!
Acer Aspire 4755G Core i5 2430 Linux Blue.Rp 1.700.000.
Ready Stock!
Acer Aspire One AOD270 10.1.-Rp. 1.000.000,-
Ready Stock!
Acer TravelMate TM8481-2462G32.Rp. 1.400.000
Ready Stock!
Acer ICONIA Tab W500 10.1″ Tablets Notebook.Rp. 1.100.000,-
Ready Stock!
Nikon D7000 kit 18-105mm.Rp.1.700.000.
Ready Stock!
Nikon D90 Kit 18-105mm Vr.Rp 1.300.000.
Ready Stock!
Nikon Coolpix L 120 Red.Rp. 900.000
Ready Stock!
Nikon Coolpix P 500 Black.Rp 1.000.000.
ts
misalnya: Puskesmas
misalnya: teksdicetak
miring(lebih
bermaknasecara
struktur)
misalnya:
setujuuuumisalnya: takgendong
misalnya: jempol
memang sepertinya dalam blogging harus sedikit paham kode-kode seperti ini yah, sedangkan saya sedikitpun kurang memahaminya,,, makasih mas infonya
gede
oke
Keren banget tag wordpress 😀 http://www.web-irfan.com
Nice post gan 🙂
Jelly Gamat Gold G Asli
keren nih panduan tidak resminya 😀
Informasi yang bagus semuanya tersedia disini ya.. keren
akhirnya ketemu juga nih tutorial yang begitu lengkap dan mudah untuk dipahami, terima kasih banyak gan 🙂
Kayaknya tempat yang bagus buat belajar nih. kebetulan saya belum tahu banyak tentang wordpress. masih main di blogger.
terima kasih infonya.
Dalam cinta ketika ada yang berbeda jangan mencari siapa yang salah karena kamu dan dia adalah tim yang sama dengan tujuan yang sama
terima kasih gan sharenya..
TESTHello there, You have done an incredible job.
I’ll definitely digg it and personally suggest to my friends.
I am sure they will be benefited from this web site.
haduehhh ketemu lagi sama bahasa HTML.. dulu kursus ga bisa bisa
hehhe
salam kenal ya..
saya juga paling males kalo ketemu lagi HTML hihihi..
Terimakasih ini sangat bermanfaat sekali untuk saya
terimakasih infonya
Do you mind if I quote a few of your articles as long as I provide credit and sources back to your webpage? My website is in the very same area of interest as yours and my visitors would certainly benefit from some of the information you present here. Please let me know if this alright with you. Appreciate it!
terimakasih share nya sangat bermanfaat sekali
hello guy how to play casino online…!
บาคาร่าออนไลน์
Check Our Website For play Online Casino
จี คลับ มือ ถือ
makasih artikelnya membantu
artikel yang bagus
This is very fascinating, You are an excessively professional blogger.
I have joined your rss feed and look forward to in quest of extra of your fantastic post.
Also, I’ve shared your web site in my social networks
Everything posted was very reasonable. But, think about this, suppose you were to write a killer title? I am not suggesting your content isn’t solid, but suppose you added something that grabbed people’s attention? I mean Tag HTML di WordPress.com is a little boring. You should peek at Yahoo’s front page and note how they write news headlines to grab people to open the links. You might add a related video or a related pic or two to grab readers excited about what you’ve written. Just my opinion, it would make your website a little bit more interesting.
simply sharing, I’ve viewed this as Great! Look at it! Betfair India
simply sharing, I’ve viewed this as Great! Look at it! Betfair in India
9 Tips dan Trik Android Bermanfaat Jarang Diketahui