nuh

Aril Impian

Cara Tambah Gatjet Bawah Header

Club Pujangga | 04:25 |

 Kalau sebelumnya saya pernah membahas tentang Cara Membuat Tambah Gadget Baru Di Atas Header kali ini justru sebaliknya, Dibawah Header. Dan script ini bersumber dari website Carabuatwebgratis

Sebenarnya Script-nya 100% Berhasil. tapi memang pada dasarnya ketika ingin di pasang menurut petunjung kadang kurang tepat, mangkanya harus lebih teliti lagi dan butuh pengetahuan tersendiri ketika ingin memasangnya di blog.


cara letak

Baiklah tanpa berlama-lama silahkan anda ikuti langkah-langkahnya di bawah ini dengan benar.

1. Login Blogger
2. Pilih Tabs "Rancangan/Template"
3. Klik "Edit HTML" -> Cek "Expand Template Widget"
4. Cari kode ]]></b:skin> kemudian Letakkan kode di bawah ini di atas kode ]]></b:skin>


#kolom-bawah-header-container { border: .3px dotted #cccccc;}

.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:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}

.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:0 0 .5em; padding:0 0 1em;}

Sekarang langkah selanjutnya

5. Cari kode <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> Selengkapnya ada di bawah ini :


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

...[Scriptnya masih panjang]..

</b:section>
</div>

Perhatian : intinya anda cari kode akhirnya sampai ketemu. kode yang warna Merah

6. Kalau sudah ketemu Letakkan kode di bawah ini, tepat di bawah kode warna Merah

<div id='kolom-bawah-header-container'>
<div id='kolom-bawah-header1' style='width: 30%; float: left; margin:0; '>
<b:section class='kolom-bawah-header' id='kolom-bawah-header-1' preferred='yes' style='float:left;'/>
</div>
<div id='kolom-bawah-header2' style='width: 40%; float: left; margin:0; '>
<b:section class='kolom-bawah-header' id='kolom-bawah-header-2' preferred='yes' style='float:left;'/>
</div>

<div id='kolom-bawah-header3' style='width: 30%; float: right; margin:0; '>
<b:section class='kolom-bawah-header' id='kolom-bawah-header-3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>
Baca SeterusnyaCara Tambah Gatjet Bawah Header