• Hari ini aku mau post tentang Menambah Widget di Bawah Menu / Header, mungkin yg belum tau silahkan menyimak, kalau yg sudah tau silahkan baca XD

    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

    { 4 comments... read them below or Comment }

    1. mantap gan... terima kasih tipsnya... untuk lokasi dibawah menu tidak semua kode tersebut ada... bisa juga yang lain... tapi cari2 akhirnya ketemu bagian menu headernya...

      http://newbloggerin.blogspot.com

      ReplyDelete
    2. Anonymous14:25

      This comment has been removed by a blog administrator.

      ReplyDelete
    3. http://news.id-fb.com/

      Follow dong kak

      ReplyDelete

    Copyright © 2015 - The Masked Man - All Right Reserved

    The Masked Man Template by Johanes Djogan - Designed by Masked X