Back to TopBack to Bottom

Membuat Sidebar di kiri

Setelah saya membuat trik tentang Membuat sidebar 2 kolom dan Membuat sidebar 2 kolom (2) kini saatnya saya Membuat Sidebar di Kiri biar tuntas gitu tentang Sidebar dan biar para kawan-kawan pecinta oketrik (emang oketrik siapa?) dapat belajar menambahkan elemen untuk sidebar. sebenarnya cara ini mungkin sudah banyak yang membagikannya tapi apa salahnya kalau saya membagikan ulang betul tidak? sekarang mari kita lihat cara dan langkah-langkah pembuatannya oke Joget
  1. seperti biasa kita login ke blogger
  2. masuk ke Tata Letak => Edit HTML
  3. cari kode ]]></b:skin> lalu taruh kode di bawah ini tepat di atasnya

    Membuat Sidebar di kiri

    #left-sidebar-wrapper {
    width: 130px; /* lebar dari sidebar kiri, sobat dapat menggantinya */
    float: left;
    word-wrap: break-word;
    overflow: hidden;
    }
    #left-sidebar-wrapper h2 {
    height: 20px;
    text-align: center;
    padding:1px 0px 0px 0px;
    font: verdana;
    background: #000; /* warna background judul, sobat dapat menggantinya */
    font-size:12px;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#fff; /* warna teks judul, sobat dapat menggantinya */
    -moz-border-radius: 10px;
    }

    Membuat Sidebar di kiri
  4. Setelah itu cari kode <div id='main-wrapper'> lalu taruh kode di bawah ini tepat di atasnya

    Membuat Sidebar di kiri

    <div id='left-sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar7' preferred='yes'>
    </b:section>
    </div>


    Membuat Sidebar di kiri
  5. Setelah itu sobat bisa menyimpannya deh
  6. Selesai
Bagaimana cara memasangnya mudah bukan? nah disini sobat bisa menanyakan atau meminta untuk di buatkan tutorial tentang blogger hanya dengan meninggalkan pesan atau menghubungi saya dengan mengklik "hubungi saya" pada menu navigasi yang ada di atas header, sekarang saya akhiri y. Terima Kasih dan happy blogging Nyari.
Attention

ATTENTION PLEASE!

Untuk memperbaiki dan mengembangkan blog ini menjadi lebih baik, mari bersama - sama kita bangun, caranya? Apabila kamu menemukan link yang mati/sudah tidak berfungsi atau gambar yang sudah tidak muncul/expire, silahkan hubungi kami disini. Laporan anda sangat berpengaruh pada perkembangan blog ini. Terima kasih atas perhatiannya thanks

Trik menarik lainnya yang mungkin ingin anda baca :

9 comments

Anonymous

wah mantab nich tutornya, pertamax lagi keren dah

Balas | April 12, 2010

Lapor, link sudah terpasang.

menunggu pemasangan balik. :)

Balas | April 12, 2010

Sillaturrahim Sore...

Balas | April 13, 2010

ooo gitu yach caranya trims juragan

Balas | May 11, 2010

Mas minta bantuannya lagi nih
q mau buat tabel yg backgroundnya pake gambar bukan pake warna
bisa g Mas....
Thanks b4...

Balas | May 30, 2010

@NURALAMSAH ZULKARNAIM => tinggal ganti saja kode warnanya dengan kode image, contoh : background : #000; menjadi background : url ('ALAMATIMAGE'); ini berlaku pada tata letak css dan HTML. Sama-sama ^_^

Balas | May 30, 2010

Alaaaaaaah repot, ga bisa dicopas?? masa mao ketik itu kode?? capcay deeeeeeee...

Balas | July 12, 2010

@Mujahid Cinta >> hihihihihi, g bisa di copas? belum di coba kali y?

selama ini lancar-lancar ja kok tutorial yang ada disini...

Terima kasih ^_^

Balas | July 13, 2010

alangkah baiknya kalo ada, hmmm...minimal screenshot sob :) jd tauk ooohhh gitooo...
mnrt sayah itu Mujahid Cinta, grab di blog sobat ini diberi efek transparent sob, jd dia pikir gak bisa dikopas dg klik kanan pd mouse...xixixixixi.
MANTAP!!!

Balas | July 13, 2010

Post a Comment

Segera Laporkan apabila kamu menemukan Broken link (link rusak) atau ingin request dan bertanya, dengan meninggalkan pesan di bawah ini

 
Di Like sama Follow ya biar tambah Semangat >>