Menambah Widget di Bawah Menu / Header Untuk Iklan

Menambah Widget di Bawah Menu / Header Untuk Iklan

Diatas adalah contoh hasil dari Menambah Widget di Bawah Menu / Header, mungkin yg belum tau silahkan menyimak, kalau yg sudah tau silahkan baca
  1. Login ke blogger
  2. Pilih template
  3. Edit HTML
  4. Centang kotak Expand Template Widget
  5.  Cari kode ]]></b:skin>
  6. Letakkan kode di bawah ini sebelum kode ]]></b:skin>
    #kolom-bawah-header-container { border:2px solid #070070;background:#0d0d0d;margin-bottom:10px;border-radius:10px;box-shadow: 0px 0px 20px #070070;}

    .kolom-bawah-header { margin: 0 10px 0 10px; padding:5px;

    color: #666666; line-height: 1.5em; font-size:12px;}

    .kolom-bawah-header h2 {

    padding-bottom:.10em; text-align:center;
    font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
    color:black;text-shadow:1px 0 0 #eee,-1px 0 0 #fff,0 1px 0 #eee,0 -1px 0 #eee,1px 1px 2px #000;margin-bottom:5px;
    line-height:1em; letter-spacing:.1em;
    border: 2px solid #070070;}

    .kolom-bawah-header ul { list-style:none; margin:0 0 0; padding:0 0 0;}


    .kolom-bawah-header ul li {

    background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
    margin:0 0 0; padding-left: 16px;
    padding-bottom: 0.5em; line-height:1.2em;}

    .kolom-bawah-header .widget {margin-top:5px; padding:0px;}
  7. Cari kode yg mirip seperti di bawah ini
    <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
    <b:widget id='Header1' locked='true' title='cadangan (Header)' type='Header'>
    <b:includable id='title'>

    . . . . . . . . . . . . . . . . . . . . .

    </b:includable>
    </b:widget>
    </b:section>
    </div>
  8. Letakkan kode di bawah ini setelah kode di atas
    <div id='kolom-bawah-header-container'>
    <div id='kolom-bawah-header1' style='width: 980px; float: left; margin:0; '>
    <b:section class='kolom-bawah-header' id='kolom-bawah-header-1' preferred='yes' style='float:left;'/>
    </div>
    <div style='clear:both;'/>
    </div>
  9. Kalau mau di bawah menu cari kode yg mirip di bawah ini, kemudian letakkan kode di atas setelah kode di bawah ini
    <div id='menu'><ul><li><a href='http://aryx-world.blogspot.com/' title='Home'>&#9830;Home&#9830;</a></li>....................</ul></div> <div id='content-wrapper'>
  10. Lihat dulu hasilnya sebelum di simpan 

Terima Kasih Telah Berkunjung DI Blog Kang Mundir Dan telah berkenan membaca artikel kami tentang Menambah Widget di Bawah Menu / Header Dan Header ini bisa anda manfaatkan untuk pemasangan iklan dari ponsor anda, Bisa anda baca cara pemasangan iklan di blog

Share this

Related Posts

Previous
Next Post »