Home

....TutorialPenting itu blognya @mbak_widha yang paling jadul... !

Saturday, July 25, 2009

Cara mengubah HURUF dan WARNA pada templet klasik

:t Dulu kala saya sudah membuat cara memasang templet klasik ke blogger baru dan cara membuat readmore pada templet klasik dan kini saya bikin lagi sesuatu yang berbau-bau klasik,yaitu Cara mengubah FONT dan WARNA pada templet klasik. Setelah kian waktu kagak utak-utek blog kemarin saya sempatkan untuk kembali belajar dan yang saya pelajari adalah blog khursus bisnis online saya yang kebetulan menggunakan templet klasik gratisan dari www.isnaini.com. Saya mencoba merubah warna dari templet klasik dan ternyata berhasil horeeeee :z :r ……sehingga warnanya dah tidak sealami dari pak isnasini.

Jika anda menggunakan templet klasik maka menu untuk mengatur huruf dan warna kagak ada, tidak seperti di blogger baru yang menyediakan menu untuk mengatur huruf dan warna. Terus bagaimana cara mengubahnya? Jika anda ingin mengubahnya maka kunci untuk mengubah warna dan huruf adalah terletak pada kode CSS di kode HTML. Kode CSS terletak dibagian tengah, dimana di bagian itu terdapat kode warna dan huruf tampilan blog anda.

Berikut adalah contoh potongan kode CSS pada HTML blog saya:

<style type="text/css">
body {
margin: 0;
padding: 0;
min-width: 760px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #0411FF;
background-color: #000000;
background-attachment: fixed;
background-image: url(http://img54.imageshack.us/img54/7580/backgroundcf4.jpg);
background-repeat: repeat-y;
background-position: center top;
}

td {
font-size: 12px;
}
.tanggalpost {
font-size: 11px;
font-weight: bold;
text-align: right;
background-color: #8C8C8C;

letter-spacing: 1px;
}
.judulpost {
font-size: 18px;
font-weight: bold;
color: #ffffff;
text-align: left;
background-color: #A8A8A8;
font-family: Georgia, "Times New Roman", Times, serif;
}
.isipost {
text-align: justify;
padding: 2px;
border: 4px solid #ff0000;


untuk warna templet anda bisa mengubah kode heksa color/warnanya, misalanya background-color: #000000; itu berarti warna backgroundnya hitam jika anda ingin mengubahnya menjadi merah maka ganti saja kode heksanya dari #000000 menjadi #ff00000. Untuk hurufnya tinggal ganti saja jenis/tipe font/huruf misalanya pada CSS font-family: Geneva, Arial, Helvetica, sans-serif; anda bisa menganti hurufnya menjadi Arial,impact,times roman dllnya .

Gimana? Mudah kan, saya sebagai pemula awam yang tidak tau menaung masalah CSSpun bisa so pasti anda juga bisa toh :t . Apapun jika mau belajar bisa jadi mudah :) . Selamat utak-utik font en color di templet klasik anda semoga bisa berubah sesuai keinginan anda. Stop dulu ah :D

Yuk…mari…
Yok…ndang….yok…

Salam hormat dariku,
Adsense Indonesia
wong_anTeng

No comments:

Post a Comment

PILIH YANG INGIN ANDA BACA: