twitterfacebookgoogle pluslinkedinrss feedemail

Jumat, 13 Desember 2013

Menambah Elemen Add Gadget baru di Sidebar

Menambah Elemen baru pada Sidebar,untuk menambahkan widget baru yang lebih mudah jika Anda ingin menampilkan konten - konten Anda. halaman depan atau apakah Anda ingin menampilkannya pada halaman berikutnya.

Menambah Elemen bisa Anda tambahkan mana Anda suka, misalnya di header, sidebar, footer atau elemen - elemen seperti bawah dan kredit tambahan.


Menambah Elemen Baru di Sidebar adalah untuk memudahkan anda dalam pengeditan kode CSS dalam template Anda. Selain elemen Sidebar digunakan adalah yang paling penting dalam template blog Anda (biasanya).

Dalam posting ini saya akan menjelaskan cara Menambah Elemen baru pada Sidebar, jika Anda ingin  Menambah Elemen Baru di bagian mana saja pada dasarnya sama seperti pada menambah elemen - emelen yang lainnya

Membuat dan mulai mengedit Elemen baru di Sidebar caranya cukup mudah, sobat blogger hanya cukup mengikuti cara - cara berikut.
1.  Login ke blog Anda:

2.  Pilih Tata Letak

3.  Klik Edit Html

4.  Download Template Lengkap dan Klik Expand Template Widget

5.  Kemudian cari ]]></b:skin> tambahkan kode di bawah kode di atasnya
#sidebar-top {
           float:right;
           margin:0;
           padding:0px;
           width:352px;
           display:inline;
}

.sidebar-top {
            line-height: 1.5em;
}

.sidebar-top .widget {
            float:left;
            width: 332px;
            margin:0;
            padding: 0px 10px 0px 10px;
}

#sidebar-top .widget-content {
            padding:0px 10px;
            background:#ffffff;
            color: #000000;
}

.sidebar-top a, .sidebar a:visited { 
            color:#333333;
            text-decoration:none;
            font:normal 13px Times New Roman;
}

.sidebar-top a:hover {
           text-decoration:none;
           background-color:
           #333333;color:#ffffff;
 }

.sidebar-top h2 {
            background:#333333;
            color: #ffffff;
            text-transform: capitalize;
            height: 26px;
            font-size: 16px; 
            font-family: Arial;
            margin: 0;
            padding: 10px 0px 0px 20px;
            border-bottom:1px solid #eeeeee;
 }
6. Kemudian pencarian <div id='sidebar-wrapper'>

73 Tambahkan kode - kode berikut dibawahnya
<div id='sidebar-top'>
<b:section class='sidebar-top' id='sidebar-top' showaddelement='yes'>
<b:widget id='HTML14' locked='false' title='Perkenalkan Disini!!!' type='HTML'/>
</b:section>
</div>
8. Simpan template.

1 komentar:

  1. Pertamax gan.
    Keren dan edukatif. Kita jadi bebas modifikasi template blog. Tks agan ganteng.
    Di blog ane juga ada artikel Cara download video youtube dan tips download tanpa IDM biar lebih semangat Nonton Video Online nya.

    Hihi, salam blogger. :>)

    BalasHapus