Searching...

Cara Membuat Elemen Persis Di bawah Header Blog | Tips Blogspot | Cara Membuat Header Elemen Di Blog

5:43:00 PM

Cara Membuat Elemen Persis Di bawah Header Blog | Tips Blogspot | Cara Membuat Header Elemen Di Blog
Cara Membuat Elemen Persis Di bawah Header Blog | Tips Blogspot | Cara Membuat Header Elemen Di Blog - bahwa tidak hanya cara tersebut saja yang bisa sobat lakukan namun masih ada teknik yang lain untuk dapat meyimpan widget atau elemen persis di bawah header. Teknik yang di maksud adalah dengan membuat kolom baru langsung di bawah header, penasaran bagaimana caranya? mari di lanjut sobat!!! Untuk membuat kolom baru tidaklah sesulit seperti yang sobat bayangkan, sobat hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template sobat. Berikut langkah - langkahnya Cara Membuat Elemen Persis Di bawah Header Blog | Cara Membuat Header Elemen Di Blog silahkan ikuti langkahnya :

  1. Login ke blogger

  2. Klik Tata Letak.

  3. Klik tab Elemen Halaman. Perhatikan struktur layout template sobat.

  4. Sekarang kita akan membuatkan sebuah kolom baru persis di bawah header

  5. Klik tab Edit HTML.

  6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu sobat

  7. Copy kode berikut, lalu paste di atas kode ]]></b:skin>
    #under_header{

    margin:10px 0;

    padding:1%;

    width:98%;

  8. Cari kode yang mirip dengan kode di bawah ini :
    <div id='header-wrapper'>

    <b:section class='header' id='header' maxwidget="1" showaddelement="no">

    <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>

    </b:section>

        </div>

  9. Copy kode berikut lalu paste persis di bawah kode tadi :
    <div id="under_header">

    <b:section class='header' id='underheader' preferred='yes'/>

    </div>

  10. Klik tombol Simpan TEMPLATE. Tunggu beberapa saat sampai template sobat tersimpan.

  11. Klik tab Elemen Halaman.

  12. Sekarang sobat sudah punya elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang di inginkan.

  13. Selamat Mencoba,...

Semoga posting Cara Membuat Elemen Persis Di bawah Header Blog | Tips Blogspot | Cara Membuat Header Elemen Di Blog bisa bermanfaat, jangan lupa tambahkan jaringan teman dan donasinya di Kolom Blog Gratis,...

Cara Membuat Elemen Persis Di bawah Header Blog | Tips Blogspot | Cara Membuat Header Elemen Di Blog