Modifikasi Tulisan
(Font, Ukuran, Warna)
Untuk
Blog
Bismillah…
Bosan dengan jenis tulisan di blog yang itu itu saja…? Yang paling pol hanya di bold underline atau di italic??
Gimana cara mengubah ukuran, jenis dan warna tulisan/font di blog?
Ini hanya salah satu dari sekian banyak cara supaya tulisan di blog kita ada variasinya, tidak monoton. Intinya adalah html. Tapi yang belum bisa (saya juga belum bisa) jangan khawatir karena kita tidak akan berurusan langsung dengan kode2 itu. Tapi bagi yang akrab dengan html, mungkin ini sekedar ‘main – main’ aja. hehe.. bener ga?
Kita akan memakai Open Office,
Pertama tama, buka document baru di Open Office – Writter, dan tuliskan semua yang akan dimasukkan didalam blog, lalu silakan modifikasi tulisan tersebut baik font nya, warnanya dan ukurannya. Misalnya saya mau buat seperti tulisan judul diatas, seperti di teks berikut :
Jika sudah selesai, maka Save As file tersebut dengan format .html
Setelah itu, tutup dokumen tersebut, tetapi jangan keluar dari Open Office Writer tadi. Setelah itu, coba di buka lagi file tersebut, Langsung saja Ctrl + O, dan pilih file yang tadi. Setelah terbuka,, tampilannya kira2 akan seperti ini :
Lalu, lihat sumber html nya. Klik “View” > “HTML Source“
Nah, maka akan muncul kode kode alien seperti ini :
Tenang, tenang, tidak perlu kita terjemahkan. Sekarang copy kode kode tersebut, lalu paste ke kolom pas kita mau bikin postingan itu, kan ada pilihan ‘visual’ dan ‘html’; Nah, klik tab yang “html‘. Yang ini :
Mau lihat hasilnya, tinggal klik tab sebelahnya, ‘visual‘ : ) *hampir selesai*
Udah kelihatan… alhamdulillah.. Sekarang, jika ada yang kurang pas, bisa di edit di ‘Visual’ saja, tidak perlu mengubah2 dari htmlnya… Supaya lebih meyakinkan, di preview preview dulu. Dan jadilah sudah… : )
Selesai. Cara yang sama juga dipakai untuk membuat tabel pada halaman web. Wallahu a’lam\
Kelamaan? Ribet?
Cara yang lebih praktisnya, Ubah font warna, highlight dan ukurannya sesuka kita di Open Office – Writter, lalu langsung Paste ke halaman WP kita, tapi di ‘tab’ Visual
paste langsung ke halaman tab visual ini:
Semoga yang sedikit ini bermanfaat
Alhamdulillahiladzi bi ni’matihi tathimmusshaalihaat
mantab..
LikeLike
mbk, kok blogmu item-item? btw, kalo soal warna bisa langsung dari wp-nya kan ya? Tapi nggak sekompleks itu sih optionnya. Syukron laki untuk ilmunya…
LikeLike
Kalo dari wp kayaknya cuma theme2 tertentu saja yang bisa ganti2 warna font, *kalo ga salah sih gitu*.
Di comment juga bisA
LikeLike
kalo rubah warna font di blog bagaimana edit htmlmy?
kalo bisa kirim caranya ke sungsam86.math@gmail.com
makasih sebelumnya…
LikeLike
ini hanya salah satu cara;
buka document di word/openoffice > ubah warnanya >Save As .html file > lalu pilih menu “view” > “page source” > Copy kode2 tersebut > Paste ke post yang sedang dibuat TAPI klik tab ‘html’ bukan ‘visual’ sebagaimana gambar diatas.. semoga bermanfaat
LikeLike
COBA KALO BISA
LikeLike
test lagiP
LikeLike
Klik “View” > “HTML Source“
===> di ms word kok tidak ada ini?
LikeLike
benar, ternyata tidak ada di MS word. Salah satu solusinya, “open with” filenya dengan browser, (mozilla, ie, dsb) lalu cari opsi “view page source”. Kalau di firefox 5.0 ke “web developer”> “view page source”. Atau shortkeynya, “Ctrl + U”. Shortkey ini berlaku juga buat Google chrome. Semoga sedikit membantu
LikeLike
susah amat bos
LikeLike
Susah? Intinya cuma copy- paste, tidak perlu paham bahasa html.. Saya coba ringkas:
1. Tulis jenis, ukuran, warna tulisan di doc, > save as .html; Tutup file tsb
2. Buka file tersebut dengan Browser apa saja (Mozila, Googlr Chrome, Internet Explorer, etc)
3. Ke Option > View Page Source atau klik “Ctrl + U”
4. Copy Paste kode kode html ke halaman “New Post” nya; pilih tab “html”, bukan “visual”
5. Coba cek tampilannya dengan ‘visual’
Atau, mau lebih ringkasnya lagi :
Setelah selesai menulis dengan jenis ukuran dan warna yang diinginkan di Open office, coba langsung co-past ke halaman “New Post” nya; pilih tab “visual” langsung; gak pakai save as html, atau page source; Semoga berhasil!
LikeLike
Hehehe….kalo ana kok lebih gampang langsung pake html nya ya de…masalahnya biasa di MP yang utak-atik html sama css…jadi malah lebih gampang langsung utak-atik pake html nya langsung.
LikeLike
hehehe… itu masalahnya, gak ngerti htmL.. paling2 tahunya yang untuk italic atau bold doang mbak ^^
LikeLike
Tapi…beideweh, meskipun sama-sama pake dasar kode HTML, WP sama MP itu rada beda dikit ternyata. Kalo WP kan pakenya XHTML versi 1 apa yah kalo gak salah inget…tapi kalo MP itu gak tahu deh yang HTML versi berapa atau malah pake yang XHTML. Buktinya, kemarin ana coba praktekin beberapa kode buat format text…modif warna, latar belakang sama ukurannya gitu…kalo yang MP kan bisa aja langsung …..*ketik tulisannya* , tapi kalo di wp itu harus pake … ==> pasti kudu pake span gituan dulu baru bisa ngefek
Dan yang pasti…kok ini di WP gak membolehkan adanya marquee dan blink yah di body text nya…jadi kurang asyik…coba ahh di sini yang simpel aja
kenapa gak bisa yah ==> yaaa gak tahu deh
LikeLike
WP bukan dirimu ya banget mbak… blink2, pink pink, mawar merah melayang2, cursor cring cring kayak tongkat peri, berasa di dunia penuh cinta cinta hehehe ^^ ❤
LikeLike
Tuh kan….gak bisa ngefek tu kan kalo buat blink dan marquee di sini…hmmm apa harus pake kode lainnya yah biar bisa ngefek…kalo di MP kan pasti bisa
*asyikan di MP sebenernya*, cuman yah repothnya gak terbuka bebas aja buat umum
LikeLike
Have fun!ini bagaimana?
LikeLike
tesss…..
bisa cul muncul kah…
LikeLike
gak bs trnyta
adek di atas bisa, karena nulisnya dr back office
LikeLike
Wahh.. yo maap yo mbakk : p ternyata hanya author yang bisa nulis komen yang warna warni… Mungkin bisa tapi ta’ edit dari dalam dulu komennya : p
LikeLike
Thks infonya sob 🙂
http://www.disave.blogspot.com
kunjungan balik sob.
Sukses terus sob 🙂
LikeLike
Terimakasih kunjungannya pak..
LikeLike
Di word 2007 koq ga bisa save as pk format html gan ..
Mohon pencerahannya ya Gan, newbe bggts nich (^,^)
LikeLike
iya, bener mbak gan.. gak ada ternyata.. Mbak gan donlot aja open office bentar ya, disini >> http://www.openoffice.org/download/
Sama newbienya koq : )
Semoga berhasil : )
LikeLike