Jumat, 17 September 2010

Membuat Sub Judul dibawah judul sidebar


Bissmillah ... Postingan kali ini saya hanya meneruskan postingan sebelumnya tentang membuat tampilan judul sidebar berbeda-beda, dan membuat tampilan icon berbeda pada judul sidebar. Sebenarnya ini juga untuk menjawab pertanyaan sahabat blogger saya Arga :

manap gan thanks ya udah jwb pertannyaan ane ... sekalian bang aziz untuk menulis silahkan cari artikel tuh gimana yang dbawah gmbah tuh lo maz?


ada kata yang salah dikomentarnya, harusnya "mantap" jadi "manap" (Hehehehehe...). Saya mengerti maksud pertanyaan mas Arga ini, Mungkin yang dimaksud adalah sub Judul dibawah sidebar. Untuk tampilannya sendiri kalian bisa melihat pada sidebar saya dengan mengKLIK menu tutorial diatas, atau bisa melihat gambar dibawah ini:



Untuk membuat sub judul sidebar ini, sebenarnya kalian hanya harus menambahkan kode CSS berikut :

.widgeth2-text{
margin:-25px 10px 8px 50px;
color:#000;
font-size:12px}


Keterangan :
Silahkan kalian sesuaikan ukuran margin dengan ukuran margin judul sidebar kalian dan sesuaikan dengan template kalian, Untuk warna kalian tinggal mengganti Kode Color:#000, dan untuk ukuran huruf kalian tinggal mengganti kode : font-size:12px. Untuk kode HTML warna bisa kalian lihat DISINI


Untuk pemanggilannya sendiri kalian gunakan kode berikut :

<div class='widgeth2-text'>Silahkan cari artikel Disini...</div>


Keterangan :
Silahkan ganti kata berwarna merah dengan kata-kata kalian sendiri.


** PEMASANGAN PADA TEMPLATE

Setelah kita tahu kode yang harus ditambahkan, sekarang tinggal kita pasang pada template blog kita. Silahkan ikuti tahap-tahapnya berikut ini:

1. Login Ke blogger kalian
2. Pilih rancangan --> EDIT HTML (centang Expand Template Widget)
3. Sekarang kalian simpan kode CSS tadi diatas kode ]]></b:skin>, sehingga hasilnya seperti ini:

.widgeth2-text{
margin:-25px 10px 8px 50px;
color:#000;
font-size:12px}

]]></b:skin>


4. Simpan template kalian dan ikuti tahap berikutnya dibawah ini
5. Sekarang kalian KLIK ELEMEN HALAMAN
6. Klik EDIT pada widget sidebar kalian ( yang telah dirubah tampilannya seperti petunjuk pada artikel saya sebelumnya)
7. Sisipkan kode berikut diatas kode Script widget sidebar kalian

<div class='widgeth2-text'>Silahkan cari artikel Disini...</div>

SCRIPT KODE SIDEBAR KALIAN


8. SIMPAN dan Selesai

Tambahan :
Lakukan tahap No.7 pada setiap sidebar yang akan diberi sub judul, dan yang paling penting harus disesuaikan dengan ukuran template kalian, terutama bagian sidebar.

No comments yet