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, Microsoft Word, atau Abi Word. Tapi saya memakai Open office. mudah2an hasilnya akan sama.
Pertama tama, buka document baru di Open Office, Microsoft Word, atau Abi Word tadi, dan tuliskan semua yang akan dimasukkan didalam blog, lalu silakan modifikasi tulisan tersebut dengan tool di Open Office, Microsoft Word, atau Abi Word 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, atau MS Office, atau Abiword 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
Semoga yang sedikit ini bermanfaat
Alhamdulillahiladzi bi ni’matihi tathimmusshaalihaat
Open Office, Microsoft Word, atau Abi Word.
mantab..
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…
Kalo dari wp kayaknya cuma theme2 tertentu saja yang bisa ganti2 warna font, *kalo ga salah sih gitu*.
Di comment juga bisA
kalo rubah warna font di blog bagaimana edit htmlmy?
kalo bisa kirim caranya ke sungsam86.math@gmail.com
makasih sebelumnya…
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
COBA KALO BISA
test lagiP
Klik “View” > “HTML Source“
===> di ms word kok tidak ada ini?
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
susah amat bos
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!
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.
hehehe… itu masalahnya, gak ngerti htmL.. paling2 tahunya yang untuk italic atau bold doang mbak ^^
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
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 ^^ <3
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
Have fun!ini bagaimana?
tesss…..
bisa cul muncul kah…
gak bs trnyta
adek di atas bisa, karena nulisnya dr back office
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
Thks infonya sob
http://www.disave.blogspot.com
kunjungan balik sob.
Sukses terus sob
Terimakasih kunjungannya pak..
Di word 2007 koq ga bisa save as pk format html gan ..
Mohon pencerahannya ya Gan, newbe bggts nich (^,^)
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 : )