Barusan, waktu aku mau bikin sidebar headernya blogku ini, kayak biasa aku nyariin tutorial untuk bikinnya di blog pembuatnya yaitu Neutronics. Judul tutorialnya adalah How To Add Sidebar Header For Biru 2.0 .Tapi ternyata, blognya neutronics yang neutronics.syokz.org udah berubah n kayaknya sih diparkirin. Aku berusaha nyari blognya yang baru *kalo udah bikin* tapi gak ketemu
. Akhirnya aku nyari artikelnya yang lama *di gugel* dan ketemu
. Nah buat kamu yang juga nyariin artikel itu, nih aku punya copas-annya. Silahkan dibaca sampe puass….
This is the tutorial for adding a sidebar header for biru 2.0 wordpress theme. Many people asked me to do this. So here goes the tutorial.
- You need to download font ft 26 from allfontz.com first if you like my default font.
- Design the header with my attached files down there. The blue color code is #0083d5 and the black color code is #000000.
- Save it in PNG format.
- Add this code to your css file : .hdr1 { background-image: url(images/archives.png); width:175px; height:43px;}.
- You can change “.hdr1” with any name as long the dot remains there (css matters)
- Go to sidebar.php
- Add “<h3 class=”hdr1?><span class=”hidden”>Sidebar Title</span></h3>“. Change “hdr1” with the name that you have given just now. This is the header
- Add “<ul class=”comments”>the code that you want to put</ul>” under the header
- Done!
Terjemahannya ke bahasa indonesia : *ini sebisaku lho, maap kalo ada yg salah*
Ini adalah panduan untuk menambah sidebar header untuk Tema Wordpress Biru 2.0. Banyak yang bertanya kepada saya untuk melakukan ini. Berikut tutorialnya
- Kamu perlu untuk mendownload font ft 26 dari allfontz.com dulu jika kamu menyukai font standar saya.
- Desain headernya dengan file yang saya sertakan dibawah. Warna untuk biru adalah #0083d5 dan warna untuk hitam adalah #000000.
- Simpan dalam format PNG.
- Masukkan kode ini ke dalam file css kamu : .hdr1 { background-image: url(images/archives.png); width:175px; height:43px;}.
- Kamu bisa mengganti “.hdr1” dengan semua nama sepanjang titik yang tersisa disana.
- Buka sidebar.php .
- Tambahkan “<h3 class=”hdr1?><span class=”hidden”>Sidebar Title</span></h3>“. Ganti nama “.hdr1″ dengan nama yang telah kamu berikan tadi.
- Tambahkan “<ul class=”comments”>the code that you want to put</ul>” dibawah header.
- Selesai
![]()
Untuk gambar yang sudah di attach sama neutronics sudah gak bisa diselamatkan lagi
. Tapi berbahagialah karena aku masih punya simpanan pribadi
. Silahkan save gambar dibawah ini yah
.
Itu hasil copas saya, kalo misalnya mas neutronics *pembuat themes + artikel ini* punya blog baru dan merasa tulisannya sudah dipindah, tolong kasih tau saya biar nanti tak kasih backlinknya OK
.






By afwan auliyar on Sep 26, 2008
ouw…. biru tu nama theme yak 1?!?!

baru ngeh …
saya rasa, apakah hasilnya sperti sidebar mu !?!
menarik juga yak
[Reply]
Vandy reply on September 26th, 2008:
Ya itu, ini emang tutorial untuk bikin sidebarku itu
[Reply]
By sawali tuhusetya on Sep 26, 2008
kalau diuji pakai satndar web, valid ndak, mas vandy? btw, selamat menyambut hari kemenangan, mohon maaf lahir dan batin, semoga Allah berkenan mengembalikan kita kepada fitrah-Nya, amiin.
[Reply]
Vandy reply on September 27th, 2008:
Itulah masalahnya pak, themes ini ndak valid kalo diuji pake standar web. Errornya buanyak banget
[Reply]
By mecozz on Sep 26, 2008
duh, soal edit2 html, aq paling ngeri tuch, palagi sidebar dari dulu ga mudheng2
[Reply]
Vandy reply on September 27th, 2008:
Kalo aku sebenernya ya gak mudeng, tapi ya mau apalagi? lha ini kan themes yang tak pake’ jadi harus bisa…
[Reply]
By izandi on Sep 27, 2008
wah kreatif nih
salam kenal
[Reply]
Vandy reply on September 27th, 2008:
Salam kenal juga yah….
[Reply]
By mig33citeureup on Sep 27, 2008
Sama.. aq juga pake biru 2.0 tapi ga ngarti kutak kutik nya.. jadi apa adanya aja… Tuk nguju-nguji apalagi.. ngudeng juga ngga.. kalo ujian baru ngga ngudeng kalo ga belajar…
Nasib kita sama…
Test
[Reply]
By Idar on Oct 13, 2008
Wah Mantep, Sukses Terus ya. Jangan Lupa kunjungi blog saya
[Reply]