Home » » Cara Mengganti Ukuran Judul Sidebar Pada Blog

Cara Mengganti Ukuran Judul Sidebar Pada Blog

Written By Cholil Smart on Saturday, 26 November 2011 | 07:05

Alhamdulillah akhirnya saya bisa berbagi lagi meskipun masih banyak kegiatan ofline yang mesti saya utamakan tapi tiada salahnya mencuri waktu untuk berbagi. Tidakkah kita tau bahwa Berbagi itu tidak rugi?hehehe
Kali ini saya akan berbagi tentang Cara Mengganti Ukuran Judul Sidebar Pada Blog, yang mana dengan mengetahui cara ini kita dapat mengotak-atik kururan judul sidebar pada blog kita sehingga kita mendapat ukuran yang sangat pasti (pas di hati)
Yang akan saya bagi saat ini, adalah cara yang baru saya coba setelah mendapatkan tutorial dari berbagai Blogger senior namun tak juga saya temukan dalam blog saya sehingga saya coba dengan pencarian code yang lain. dan akhirnya saya menemukannya codenya sehingga saya berhasil mengganti ukuran judul sidebar di blog saya.
adapaun caranya sebagai berikut :
temukan dulu code .sidebar h2 {  atau bila code tadi tidak ada cari code h2{font-size: 
setelah ditemukan perhatikan code berikut :

Ok. Kita bahas masing-masing kode di atas
  1. Kode font-size:115%; : berfungsi untuk mengatur besarnya huruf. Satuan yang digunakan bisa pakai % atau pixels (px). Angkanya dapat agan ganti sesuai keinginan
  2. Kode font-weight:bold; : menunjukan judul yang tampil dengan huruf tebal. Kata bold dapat agant ganti dengan normal jika penampilanya tidak ingin tebal atau ganti dengan italic jika ingin penampilan hurufnya miring.
  3. Kode text-transform:uppercase; : menunjukan bahwa huruf yang tampil semuanya berupa huruf kapital (besar). agan dapat mengganti dengan kata lowercase (semuanya huruf kecil) atau capitalize (hanya huruf depannya yang besar).
  4. Kode text-align:right; : Letak judul sidebar di bagian kanan. agan dapat mengganti dengan left jika ingin berada dikiri atau center jika ingin berada di tengah.
  5. Kode border: 1px solid #fff; : berfungsi untuk menampilkan garis di sekeling judul sidebar. Agan dapat mengganti ukuranya dan warna dari garis tersebut.
  6. Kode background:#ffffff; : untuk menampilkan warna latar dari judul sidebar. Ganti kode warnanya dengan warna kesukaan Agan. Selain dengan menampilkan warna Agan juga dapat menampilkan sebuah image sebagai background judul sidebar.
Saya rasa sudah cukup jelas dan terang dari penjelasan diatas, semoga yang dapat membantu kesulitan agan-agan sekalian terutama yang masih newbie seperti saya
Share this article :

12 komentar:

  1. Mantap Gan artikelnya nice share
    main di lapak ane juga ya

    ReplyDelete
  2. Wahhhh bagus sekali postingannya gan...

    ReplyDelete
  3. tutorial yang mantap gan.singkat,padat dan jelas...saya suka.

    ReplyDelete
  4. saya sukanya 100% aja ukuran font-sidebarnya :) klw diataas 115% mgkin agak besaar.... :)
    nice tutor mas
    salam kenal :)

    ReplyDelete
  5. wah bgus nie, klw ganti ukurN SIDEBAR GMANA sob???

    ReplyDelete
  6. trik yang bermanfaat buat yang suka utak-atik template, makasih infonya gan, salam

    ReplyDelete
  7. Follow sukses gan.. ditunggu folbacknya :)

    ReplyDelete
  8. bermanfaat gan
    dengan penggantian akan semakin memperindah

    ReplyDelete
  9. Setelah di coba terapkan ternyata berubah ukuranya,yg tadinya gede2. Terimakasih telah share. Salam sukses mas kholil

    ReplyDelete
  10. trimakazih maz udh ak praktekin zkrg blog ku baguz + rapi

    ReplyDelete
  11. Ukuran font sidebar sangat mempengaruhi tampilan cantik blog, thanks tutorialnya sob..

    ReplyDelete

Komentar anda saya butuhkan
Komentar anda akan sangat membantu saya
Komentar anda menjadi kebanggaan saya
komentar anda lebih berharga dari berlian

Jangan menyertakan URL pada kotak komentar
karena akan saya anggap sebagai SPAM

Popular Posts

 
Support : Petotu | Pondok Template
| Penyejuk Hati
Copyright © 2013. PETOTU - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger