4 Jul 2011

Membuat Widget Blogger

Selamat malam sobat,
Kali ini saya akan memberikan tutorial tentang bagaimana cara membuat Widget di blogger, ikuti langkah-langkahnya berikut ini :
  1. Sobat harus login dulu di Blogger
  2. Setelah masuk ke blogger, selanjutnya sobat menuju ke menu Rancangan -> Edit HTML
  3. Selanjutnya sobat klik kotak di sebelah kiri di bagian Expand Template Widget ini berfungsi untuk membuka semua kode yang ada di Edit HTML
  4. Setelah semua langkah diatas sudah dilakukan, silahkan sobat kopi kode berikut
    #sidebarbaru-wrapper {
    width: 460px;padding:0px 10px;margin-left:10px;
    float: center;
    word-wrap: break-word;
    overflow: hidden;
    }
    Letakkan kode tadi diatas kode ]]></b:skin> untuk mempercepat pencarian, silahkan sobat menggunakan Ctrl+F atau F3 di keyboard.
  5. Selanjutnya sobat kopi kode berikut
    <div id='sidebarbaru-wrapper'>
    <b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
    </div>
    Tempatkan kode diatas di bawah bagian perintah ini <div id='main-wrapper'>
  6. Simpan pekerjaan anda dan lihat hasilnya seperti gambar dibawah ini

  7. Untuk mengatur lebarnya silahkan sobat modifikasi di bagian widthnya, dan bila sobat ingin mengatur letaknya silahkan di setting di bagian floatnya
Demikian tutorial blogger kali ini semoga, apa yang saya sampaikan bermanfaat bagi sobat dan jika dalam penyampainya masih terasa kurang silahkan sobat meninggalkan komentar, saya selalu siap membantu.
Dapatkan Update Artikel RSS feed yang bermanfaat dari Saya, atau ikuti Saya di Twitter.
Email address:

0 komentar:

Posting Komentar