Kode Script untuk Memperbesar atau Memperkecil Ukuran Font di Blog

Sabtu, Januari 30, 2010

Kode Script untuk Memperbesar atau Memperkecil Ukuran Font di Blog

Posted by Andre at Sabtu, Januari 30, 2010

Labels: attributes, blog, blogger, blogspot, codes, scripts, size, tips, tutorials

How to Enlarge Font Sizes when Writing Posts in Blog

Bagaimana cara memperbesar ukuran font di blog? Berikut cara untuk mengubah ukuran font, kata, teks atau kalimat postingan di blog Blogger atau Blogspot menjadi lebih besar, atau lebih kecil, sesuai keinginan.

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

Klik di sini untuk membaca tentang cara memodifikasi ukuran font di blog menggunakan template blog Blogger Anda.

Ketika berada di Blogger, klik di tab Edit HTML atau mode Edit HTML.

Copy dan paste semua kode berikut ini.

<span style="color: black; font-family: Verdana,Arial,Helvetica,Georgia; font-size: 14px;">...KETIK KALIMAT ANDA DI SINI...</span>

</div>

Ketik kalimat Anda di bagian yang berwarna biru ...KETIK KALIMAT ANDA DI SINI....

Bagian dari kode di atas yang membuat ukuran font lebih besar atau kecil adalah: font-size: 14px. Bila nilainya diganti maka ukuran font pun akan berubah.

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

Berikut contoh dari kalimat yang font size-nya dibuat 14px, warna font biru dan alignmentnya rata kanan.

TEKS UKURAN 14PX, WARNA BIRU, RATA KANAN

Berikut contoh dari kalimat yang font size-nya dibuat 18px, hijau dan rata tengah.

TEKS 18PX, HIJAU, RATA TENGAH

Berikut contoh dari kalimat yang font size-nya dibuat 24px, merah dan rata kiri.

TEKS 24PX, MERAH, RATA KIRI

Bagian lain dari kode adalah:

Text Alignment: text-align: justify. (justify berarti rata kiri kanan, left rata kiri, right rata kanan, center rata tengah)

Warna Font: color: black. Bisa dicoba warna lain seperti blue, red, dan sejenisnya.

Jenis Font: font-family:Verdana,Arial,Helvetica,Georgia. Tidak semua jenis font bisa dipakai di web. Silahkan bereksperimen.

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

Artikel Rekomendasi:

- Dasar-dasar Cara Menggunakan Twitter

- Amazon Associates: Affiliate Program di Blogger Blospot

- Bagaimana Cara Membuat Facebook & MySpace Kita Sendiri

- Bagaimana Cara Memunculkan Gadget Product Finder dari Amazon Associates di Blogger

- Respon Emoticons Berupa Glittery Teks di Plurk

- Bagaimana Cara Mengetahui IP Address Spammer: Gunakan StatCounter.Com

- Block Komen Spam Dengan Toolator.Com

- Bagaimana Cara Pake Emoticons Extra Set Tapi Karma Minim Saat Nge-Plurk

- Bagaimana Cara Make Emoticons Ngeplurk di HP: Daftar Smileys Plurk

- Kode Script HTML untuk Mengubah Memperbesar Memperkecil Ukuran Font Huruf Posting Blog

- Bagaimana Cara Mengetahui Orang Yang Tidak Mengikuti (Unfollowing) di Twitter

Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com

Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3

---

45 comments:

admin mengatakan...: kalau yang ingin dikecilin isi text dalam sidebarnya aja, postingan tetap. gimana sob?; Rabu, Maret 17, 2010 10:47:00 PM
Andre mengatakan...: bisa diubah di Fonts and Colors di tab Layout.

kalo di template yg saya pake ada Sidebar Title Font, Sidebar Text Font, dsb.

kita klik Smaller atau Larger di bagian Font Size untuk mengubah atribut font.; Kamis, Maret 18, 2010 2:07:00 AM
Danndaku mengatakan...: Trims tutorialnya Mas... Salam kenal....; Jumat, Mei 07, 2010 1:34:00 AM
Andre mengatakan...: @beck, sama-sama. salam kenal juga. thanks sudah berkunjung...; Jumat, Mei 07, 2010 6:09:00 AM
Anonim mengatakan...: copy paste di edit html di bagian mananya?
thanks; Kamis, Juli 01, 2010 3:15:00 PM
GPTO DISTRO AND CLOTHING mengatakan...: NICE

SALAM KENAL

PLEASE VISIT MY BLOG ON

GPTODDISTRO.BLOGSPOT.COM; Senin, Juli 19, 2010 10:38:00 AM
SENTRA TANAMAN HIAS MAKASAR mengatakan...: thanks infonya gue jadi ngerti sekarang padahal kemarin tuh bingung banget ama namanya HTML; Rabu, Agustus 18, 2010 8:07:00 PM
Andre mengatakan...: sama-sama, thanks sudah mau berkunjung di blog ini; Rabu, Agustus 25, 2010 10:59:00 AM
Andre mengatakan...: copy paste di edit html di bagian saat Anda menulis postingan blog, ada dua tab EDIT HTML dan tab Compose; Rabu, Agustus 25, 2010 11:03:00 AM
Unknown mengatakan...: numpang promosi blog... hehehhe berkunjung ke blog sya donk teman2... indrauntuksemua.blogspot.com; Jumat, Agustus 27, 2010 2:37:00 PM
ajurNA mengatakan...: Kok gak bisa ya kak; Selasa, Agustus 31, 2010 11:16:00 AM
Andre mengatakan...: @Indra, terima kasih sudah berkunjung di blog ini; Sabtu, September 04, 2010 6:45:00 AM
Andre mengatakan...: @ajurNA, mungkin ada bagian kode script yg tdk ter-copy, bisa dicoba ulang; Sabtu, September 04, 2010 6:48:00 AM
sanspirasi mengatakan...: Ty...Gan Tipsnya...Jadi ngerti sktg!; Sabtu, Oktober 16, 2010 7:06:00 PM
Pasang Iklan Gratis mengatakan...: good info; Senin, Juni 27, 2011 8:35:00 PM
Kurnia Septa mengatakan...: nice info; Sabtu, Juli 02, 2011 4:48:00 PM
Arena Liga Online Betting Terpercaya mengatakan...: Yup ... Thx infonya..; Minggu, Oktober 16, 2011 7:42:00 PM
usaha sukses mengatakan...: ok mas makasih, berhasil..; Rabu, November 16, 2011 10:27:00 AM
ez tips mengatakan...: mksh gan wat infonya,,,bdw,font family yg stylenya bagus tu apa aja?
mampir juga ya di blogq www.menursaja2.blogspot.com

mksh ^^; Sabtu, Desember 31, 2011 6:40:00 AM
Petualang mengatakan...: Thanks bro artikelnya sangat bermanfaat..; Rabu, Februari 08, 2012 2:15:00 PM
ione day mengatakan...: Awesome?; Jumat, Maret 23, 2012 7:10:00 PM
Unknown mengatakan...: thanks bro; Minggu, Mei 20, 2012 12:05:00 PM
eMSyarief mengatakan...: blog walking, mantap infonya, salam kena :); Jumat, Juni 08, 2012 9:03:00 PM
Wedding mengatakan...: Tutorial sederhana tapi begitu gugling ketemu ini langsung berguna untuk edit font blog saya.. thanks; Minggu, Agustus 05, 2012 4:50:00 PM
Unknown mengatakan...: Thanks infonya gan....
Kunjungi blog ane juga ya gan :D

http://wahyoemsc.blogspot.com/

thanks; Selasa, Agustus 14, 2012 9:56:00 AM
Optimasi Blog OpendID mengatakan...: Tulisan yang sederhana, lengkap dan jelas sangat berbanfaat buat pemula seperti Opini Indonesia. Thks ya sobat; Senin, September 10, 2012 10:17:00 AM
CaraBisnisPulsa mengatakan...: Ga jelas gan ..dimana meletakkan kode tersebut?; Senin, Februari 04, 2013 8:11:00 PM
Bengkel Suzuki Semarang mengatakan...: Lumayan tulisan saya bisa saya atur sendiri besar dan kecilnya.; Senin, Februari 25, 2013 6:09:00 AM
Mas Vandy mengatakan...: thanks gan atas infonya; Selasa, Maret 19, 2013 5:16:00 PM
Unknown mengatakan...: wah makasih mas,,,sukses saya
http://tokokuehaztika.blogspot.com/; Sabtu, Juli 06, 2013 7:49:00 PM
itank mengatakan...: mantappp.. top markotop... praktek dlu ah...; Selasa, Oktober 15, 2013 12:43:00 PM
Percetakan26 mengatakan...: Makasih, Gan, Udeh berbagi ilmu dan tipsnya,..; Rabu, November 27, 2013 11:59:00 PM
Andre mengatakan...: sama2. semoga bermanfaat

http://www.klikvsi.net/?reg=andrirahardian; Rabu, Desember 04, 2013 5:22:00 PM
Andre mengatakan...: terima kasih @ika puji sdh berkunjung

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394; Sabtu, Desember 07, 2013 4:48:00 PM
Andre mengatakan...: trims @film terbaru , semoga bermanfaat

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394; Sabtu, Desember 07, 2013 4:53:00 PM
Andre mengatakan...: sama2 @Mas Vandy

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394; Sabtu, Desember 07, 2013 4:56:00 PM
Andre mengatakan...: smoga manfaat @Bengkel Suzuki Semarang

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394; Sabtu, Desember 07, 2013 5:03:00 PM
Andre mengatakan...: @CaraBisnisPulsa kode-kode nya mendahului dan mengakhiri kata-kata yg mau diubah ukurannya. letaknya di body paragraph, di kata-kata yg mau diposting.

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394; Sabtu, Desember 07, 2013 5:08:00 PM
Andre mengatakan...: sama sama @Optimasi Blog OpenID

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394; Sabtu, Desember 07, 2013 8:46:00 PM
Andre mengatakan...: terima kasih kunjungannya @Wahyoe Msc

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394; Sabtu, Desember 07, 2013 8:56:00 PM
Andre mengatakan...: you're welcome @Wedding

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394; Minggu, Desember 08, 2013 1:42:00 AM
Andre mengatakan...: trims sdh berkunjung @eMSyarief

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394; Minggu, Desember 08, 2013 2:10:00 AM
Andre mengatakan...: youre welcome @blb

http://www.klikvsi.net/?reg=andrirahardian

http://www.klikvsi.com/?ref=VP6079394; Minggu, Desember 08, 2013 2:27:00 AM
Andre mengatakan...: sama-sama @club computer smanega

font yg style nya bagus banyak sekali pilihannya, bisa dilihat langsung di template bloggernya. banyak pilihannya

Klik disini untuk cara membayar listrik, air, tiket lewat HP

Klik disini untuk mengubah hape menjadi penghasil uang/income halal; Minggu, Desember 08, 2013 4:56:00 PM
Andre mengatakan...: sama-sama @usaha sukses
semoga bermanfaat

Klik disini untuk cara membayar listrik, air, tiket lewat HP

Klik disini untuk mengubah hape menjadi penghasil uang/income halal; Minggu, Desember 08, 2013 5:14:00 PM

Andre's Tutorial Blog (ATB)

Sabtu, Januari 30, 2010