KODE HTML DASAR WORDPRESS

remixajib · Anggota · Januari 20, 2011 at 3:11 pm
Salin tautan

Tambahkan topik ke favorit
Teman2 mohon bantuannya dunk,, saya ingin menengahkan text pada wiget text wordpress saya pakai <center></center> namun tetep g bisa,, maklum masih newbie, , mohon bantuannya yah, kalau ada artikel tentang html dasar wordpress boleh tuh, thanks sebelumnya

Blog yang perlu diperbaiki adalah: (hanya ditampilkan ke pengguna yang sudah login)
duto · Anggota · Januari 20, 2011 at 5:15 pm
Salin tautan
Tidak begitu sobat.

Coba nulisnya begini:
<p style="text-align: center;">TEKS WIDGET DI TENGAH</p>
duto · Anggota · Januari 20, 2011 at 5:25 pm
Salin tautan
Ini saya tulis beberapa referensi, nanti dikembangkan sendiri ya:

1. Untuk ganti baris:

<br />

2. Untuk nambah space kosong (sesuaikan saja lebar yang diinginkan dengan ubah px-nya):

<div style="height:14px;"></div>

3. Untuk nambah ruang yang mengelilingi tulisan (sesuaikan ruang yang diinginkan dengan ubah besaran padding/px-nya):
```
<div style="padding:8px;">
TEXT HERE
</div>
```
4. Untuk membuat order list:
```
<ul>
<li>ITEM SATU DI SINI</li>
<li>ITEM DUA DI SINI</li>
[dst.]
</ul>
```
5. Untuk bikin scrollbox:
```
<div style="height:150px;white-space:pre-wrap;overflow:auto;padding:8px;">
TULISAN ISIKAN DI SINI
</div>
```
Masih banyak lagi. Coba bentuk apa yang sobat inginkan, nanti saya infokan kodenya. Ya saling belajar.

Kalau untuk variasi lain, bisa saja melihat sidebar di halaman blog saya, nanti bisa ditanyakan bagaimana membuat kodenya untuk poin-poin apa yang sobat inginkan.

Salam.
duto · Anggota · Januari 20, 2011 at 5:28 pm
Salin tautan
Catatan:
Yang saya maksud di blog saya adalah di artikel di dalam, sebab untuk halaman depan saya bikin halaman statis.
duto · Anggota · Januari 20, 2011 at 5:33 pm
Salin tautan
Atau kalau mau belajar yang langsung ke sumbernya, bisa lihat di sini:
http://www.plus2net.com/html_tutorial/site_map.php
r4mbut4p1 · Anggota · Januari 20, 2011 at 5:42 pm
Salin tautan
Sobatku kalau menengahi tex. Pakek code yg ini juga bis. <p align=”center”>Text kita/tulisan kita</p>
kalau mau lihat blogku http://r4mbut4p1.wordpress.com
duto · Anggota · Januari 20, 2011 at 5:59 pm
Salin tautan
@r4ambut4p1:

Betul, hanya saja saya coba memberi kode yang akan mudah dikembangkan, misalnya selain membuat teks berada di tengah, juga kalau mau font-nya tebal, diberi garis bawah, diberi warna huruf biru dll, tinggal menambahkan kode di belakang “style”. Contohnya gini:

<p style="text-align: center; text-decoration: underline; color: #0000ff; font-weight: bold;">TEKS DI TENGAH</p>
pikiw · Anggota · Januari 20, 2011 at 6:12 pm
Salin tautan
kenapa ga pake tool, trus bisa diliat kode nya :)
remixajib · Anggota · Januari 20, 2011 at 11:52 pm
Salin tautan
makasih banyak untuk teman2 , ,, sangat membantu,, , , mas pikiw cara ambil toolna dimana
syahkira · Anggota · Januari 21, 2011 at 1:26 am
Salin tautan
coba baca tutorial tentang HTML di http://mm-smkn4-malang.blogspot.com/p/materi-html.html

kalau dlihat dari jenis dokumennya (wp.com)

<!DOCTYPE html>
<html dir=”ltr” lang=”id”>
<head>
<meta charset=”UTF-8″ />
………………………

sepertinya wp.com telah menggunakan HTML versi 5, pada versi tsb ada beberapa tag (perintah) dari HTML versi terdahulu yang tidak boleh/dilarang digunakan lagi, istilahnya deprecated gitu

kalau pada layar suntingnya wp.com untuk menengahkan teks digunakan perintah

<p style=”text-align: center;”>teks</p>

pada versi HTML 4.01 ke atas dan XHTML semua atribut ‘penampakan’ mulai ditinggalkan dan urusannya diserahkan pada CSS
so tag <p align=”center”> diubah menjadi <p style=”text-align:center;”> begitu

cmiiw
syahkira · Anggota · Januari 21, 2011 at 1:28 am
Salin tautan
mungkin yang dimaksud pikiw : tulis dan atur teksnya pada mode Visual kemudian coba tengok hasilnya pada mode HTML
remixajib · Anggota · Januari 21, 2011 at 2:07 am
Salin tautan
kalau untuk membuat tulisan berkedip dan ukuran fontnya di jadikan lebih besar lagi gimana, , di tambah lagi andai kita mau sisipkan link di teks tersebut bagaimana, ,?? mohon penjelasannya, terimakasih salam muachhhhhhhhhh
inimu · Anggota · Januari 23, 2011 at 1:11 am
Salin tautan
tulisan berkedip:

<p style="text-decoration: blink;">TEKS</p>

tulisan besar:

<p style="font-size: 24px;">TEKS</p>

link:

TEKS

DIGABUNGKAN:

<p>TEKS</p>

^_^

.
ambonganteng · Anggota · Januari 23, 2011 at 2:16 am
Salin tautan
@ Inimu:
Wah.. Boleh juga nieh Tutor koding. Ijin Sedot ya om..
duto · Anggota · Januari 23, 2011 at 6:06 am
Salin tautan
Iya nih nambahin, cara membuat huruf kecil (seperti tanda pangkat atau kwadrat, rumus kimia dll):
```
When I visited W<SUP>3</SUP>C
I stopped by the
H<SUB>2</SUB>O fountain
```
.

Kalau mau lebih banyak lagi bisa meluncur ke sini:
http://www.htmlcodetutorial.com/
elmudunya · Anggota · Januari 25, 2011 at 7:26 am
Salin tautan
Sangat membantu, terima kasih sobat..
isaninside · Anggota · Januari 25, 2011 at 2:46 pm
Salin tautan
wew…. style-nya css smua.. mantap..

hehehe kalo bikin border bisa begini :

ini bikin border

itu ada jenis garisnya (solid) warna garis (#333–>kode heksa warna) dan tebal garis (1px)…..
duto · Anggota · Januari 25, 2011 at 2:49 pm
Salin tautan
@isaninside:

Eh ada tantangan menarik tuh di trid ini:
https://id.forums.wordpress.com/topic/saya-baru-saja-dapat-widget-yang-mengasyikkan?replies=5
Bisa menaikkan pageview. Coba dipraktekkan dan baru nanti akan tahu sebabnya.
Silakan Om…
ttutiastuti · Anggota · Februari 1, 2011 at 11:55 am
Salin tautan
Maaf sobat ternyata sedikit pusing juga yah buat WordPress dengan memakai html ??
apalagi yang baru membuatnya , jadi tambah binggung ……….
ttutiastuti · Anggota · Februari 1, 2011 at 12:01 pm
Salin tautan
Para” temen-temen semua tolong cari solusinya donk gimana caranya mengatasi kesulitan yang saya hadapi ?? hee
ada tugas penting nie disuruh buat artikel ??
tapi kagak ngarti nie …………
hehe