Merubah Tampilan Headings Blog

Posted By anasku
Heading yang mempunyai arti kepala, pasti kepala tempatnya diatas.. ya iyalah masa di bawah.. he.. he.. Seperti halnya juga headings di blog yang tempatnya diatas tapi jangan salah Saya kali ini tidak membahas tentang header blog tapi melainkan headings yang biasa ditulis dalam code HTML dan CSS adalah seperti h2, h3, h4 dan sebagainya, Contoh headings di blog adalah seperti judul posting, judul sidebar, tanggal posting dan judul blog.

Seperti biasa tutorial kali ini saya akan coba membahas tentang cara memodifikasi CSSnya, untuk merubah tampilan headings di blog kita hal yang harus kita lakukan adalah mengotak-atik CSS (cascading style sheets) dari yang standar ke bentuk yang kita inginkan.

Oke langsung saja Saya akan jelaskan satu persatu dan cara memodifikasinya...
Masuk menu Layout kemudian masuk Edit HTML untuk mengota-atik CSSnya

Merubah tampilan Judul Posting

Jika Anda ingin merubah tampilan judul posting Anda maka code CSS yang harus Anda cari adalah seperti dibawah ini

.post h3 {
------------
-------------
-------------
-------------
}

Merubah Tampilan Judul Sidebar

Cari code CSS dibawah ini

.sidebar h2{
------------
-------------
-------------
-------------
}

Merubah Tampilan Judul Blog di Header

Cari CSS dibawah ini

#header h1 {
------------
-------------
-------------
-------------
}

Merubah Tampilan Tanggal Posting

Cari CSS dibawah

h2.date-header {
------------
-------------
-------------
-------------
}

Perhatikan Code CSS yang berwarna merah saja karena yang lainya adalah definisinya.
Nah sekarang kita lanjut ke cara otal-atik CSSnya biar tampilanya oke punya.

Ganti garis putus-putus dari code CSS diatas dengan definisi dibawah ini

margin:5px;
padding:5px;
border:1px dotted #000000;
Khusus Margin, Padding dan Border baca artikel ini

font-size:140%;
untuk menentukan besarnya huruf , bisa kamu ubah sesuai selera kamu misalnya kamu ubah menjadi 100% atau 150% dan juga satuanya bisa kamu ganti dengan px (pixels) misalnya 14px.

font-weight:bold;
Untuk menentukan ketebalan huruf, Bold adalah jika kamu ingin hurufnya tebal apabila kamu ingin merubah hurufnya biasa ganti bold dengan normal, dan apabila kamu ingin mengganti hurufnya menjadi miring kamu ganti saja dengan code italic.

text-align:right;
Untuk menempatkan posisi text jika kamu isi dengan right maka text akan berada di kanan dan apabila kamu isikan left text akan berada di kiri dan juga center maka textnya akan berada di tengah.

color:#FFFFFF;
Untuk memberi warna huruf, #FFFFFF adalah code warna untuk warna putih carilah code warna yang sesuai dengan keinginan kamu di http://colorschemer.com/online.

Background:#000000;
untuk memberi warna background. silahkan ganti code warna sesuai keinginan kamu di http://colorschemer.com/online untuk mencari code warna.

text-transform:uppercase;
uppercase untuk menampilkan hurufnya dengan huruf besar semua meski dalam pengaturan anda menuliskan huruf kecil. jika Anda ingin mengubah dengan huruf kecil semua ganti dengan lowercase dan jika ingin huruf depanya saja yang besar maka ganti dengan capitalize.

Nah jika di blog Anda pasti CSSnya sudah ada definisinya tinggal mengedit dan menambahi yang kurang-kurang saja.

Sekian dulu artikel ini Saya rangkum dari berbagai sumber salah satunya dengan sistem browsing dan baca artikel dari kang rohman.
Semoga bermanfaat bagi Anda....
Artikel Terkait untuk "Merubah Tampilan Headings Blog"


27 comments:

gygu said...

terimakasih.

Subagya said...

seeeep, mantab bro postingnya

Anonymous said...

NIce info,bro. Thx ya

The_Phenomenon said...

Semakin hari, tutornya semakin banyak. Dan semakin berilmu pula yang membacanya. Thanks mas

Keris said...

Thanks infonya, save dolo

Anonymous said...

manteb bener. mas.. jad pengen cobanih... hehe

Anonymous said...

wah....lama gag kesini nih....., makin lama tutornya makin lengkap dan makin mantafffff man...thx yah...aku pelajari dulu yah...mas...

Anasku said...

@All
Makasih dah berkomentar... semoga bermanfaat bagi Anda semua... godbless

Anonymous said...

sip..thanks

Anonymous said...

Wah. INi dia yang kucari, akhirnya ketemu disini. Di tempat lain gak ada lho. Tutorial mengganti heading ini

Anonymous said...

menarik mas artikelnya share link yuk mas

Desra honein said...

duhh makasih mas \:D/

Desra honein said...

mas kalau mau buat haeder lengkung gimana,trus ganti warna outwrapper opo body ya..? maklum mas pemula.thanks be 4 :L

putra said...

ok bget!!! B)

Kenali dan Kunjungi Objek Wisata di Pandeglang said...

maksaih mas infonya..:)

facebook hacker said...

sangat membantu mas

Uliah Black said...

Bisa bagus tapilan blog aku ini...thank's yah bang

Lana Kery said...

terima kasih mass..
nice info

Anonymous said...

UBAH TAMPILAN FACEBOOK DENGAN APLIKASI FACEBOOK!! dengan Aplikasi Mengubah Tampilan Facebook Anda sesuai dengan kesukaan kamu…..terus login Aplikasi facebook di http://skin-facebook.co.cc

Unknown said...

thanx gan dah ane follow ... di tunggu follow back nya sukses gan!!!! :)

newbie said...

terima kasih banyak untuk artikelnya sahabat,salam kenal

Junianto Bara said...

waah makasih mas. tutorialnya sudah berhasil saya praktekin.. :) salam ngeblog..

zein said...

Wah makasih ndan...^_^

Unknown said...

ikutan mas bro..mksih

KANGAROON said...

izin copas bos

Unknown said...

Hal yang tidak pernah terbayankan kini menjadi kenyataan dengan keluargaku,,,untuk MBAH.RINGGO kami ucapkan banyak terimakasih karna berkat bantuannya ALHAMDULILLAH keluarga kami bisa lepas dari hutang dan masalah,karna nomor “GHOIB”untuk pasang togel,hasil ritual MBAH RINGGO meman benar2 merubah nasib kami hanya sekejap,dan disitulah aku berkesempatan kumpulkan uang untuk buka usaha kembali,karna baik rumah sudah disita,,warung makan jg sudah bangkrut,,tapi itu semua aku masih tetap bertahan hidup dengan anak istriku,,walau cuma kontrak tapi aku tetap bersabar dan akhirnya MBAH RINGGO lah yang bisa merubah nasib kami..MBAH RINGGO orang paling bersejarah kepada keluarga saya…!!! Kepada teman2 yang di lilit hutang dan ingin merubah nasib baik dari pada sekaran HBG: 0852~0521~3777-MBAH RINGGO,dengan penuh harapan INSYAH ALLAH pasti tercapai dan sudah terbukti.
★ ★ ★ ★ ★ ★ ★ ★







Hal yang tidak pernah terbayankan kini menjadi kenyataan dengan keluargaku,,,untuk MBAH.RINGGO kami ucapkan banyak terimakasih karna berkat bantuannya ALHAMDULILLAH keluarga kami bisa lepas dari hutang dan masalah,karna nomor “GHOIB”untuk pasang togel,hasil ritual MBAH RINGGO meman benar2 merubah nasib kami hanya sekejap,dan disitulah aku berkesempatan kumpulkan uang untuk buka usaha kembali,karna baik rumah sudah disita,,warung makan jg sudah bangkrut,,tapi itu semua aku masih tetap bertahan hidup dengan anak istriku,,walau cuma kontrak tapi aku tetap bersabar dan akhirnya MBAH RINGGO lah yang bisa merubah nasib kami..MBAH RINGGO orang paling bersejarah kepada keluarga saya…!!! Kepada teman2 yang di lilit hutang dan ingin merubah nasib baik dari pada sekaran HBG: 0852~0521~3777-MBAH RINGGO,dengan penuh harapan INSYAH ALLAH pasti tercapai dan sudah terbukti.
★ ★ ★ ★ ★ ★ ★ ★

obat kutil kelamin ampuh said...

memang jitu artikelnya gan..thankyou

Post a Comment

 

Site Info

Add to Technorati Favorites
Visitor Online
Check PageRank

Recent Comments

Tutorial Jitu - Blog Info, Gadget-Widget, Blogspot tutorial, blog hack, free template, SEO And Blog tips : Admin By Luqman Khoirul Anas