Mudjoko

Laki-laki, XX tahun

Kudus, Indonesia

SELAMAT DATANG DI BLOG PERJALANANKU, MY LIFE MY BLOG adalah blog yang menceritakan semua yang saya suka, Inspirasi, dan Motivasi.Selamat bergabung di blog saya, semoga bisa jadi motivasi dan inspirasi bagi anda yang membacanya Semoga Bermanfaat.

Visit My Blog :
=>tritunggaljayakudus.blogspot.com
=>tritunggaljaya-kudus.blogspot.com
=>tritunggal-jayakudus.blogspot.com
=>mudjoko.kds@gmail.com
::
Start
Mudjoko™ Kangmas Djoko
Shutdown

Navbar bawah

Cari Blog Ini

Jumat, 04 Maret 2011

Menambah Kolom Dibawah Postingan Blogspot

Teman-teman semua pasti ingin memasang iklan atau kode javascript lainnya dibawah postingan. Karena kalau dipasang di sidebar terlalu ramai maka dibawah ini saya akan memberikan cara-cara bagaimana menambah elemen di bawah postingan untuk pasang iklan atau lainnya. untuk membuatnya anda sedikit menambahkan kode CSS ke dalam tamplate. ikuti langkah-langkah di bawah ini.
  • Seperti biasa Log in dulu ke blogger temen.
  • Tata letak
  • Edit HTML
  • Download tamplate anda terlebih dahulu untuk menghindarkan hal-hal yang tidak diinginkan.
  • Beri tanda centang di kotak kecil atas
  • Kemudian cari kode
    #main-wrapper {
    width: 410px;
    float:$startSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
  • Tambahkan kode berikut di bawah kode tadi
    #mainbottom {
    background:#ffffff;
    border:1px solid #0B610B;
    margin:0 0 0.5em;
    padding:0.5em;
    }
  • Sekarang kita membuat id untuk mainbottom tersebut. Cari kode ini:
    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
    </div>
  • Sisipkan kode berikut di bawah </b:section>
    <b:section class='main' id='mainbottom' showaddelement='yes'/>
  • Sehingga menjadi seperti ini
    <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
    <b:section class='main' id='mainbottom' showaddelement='yes'/>
    </div>
  • Sekarang simpan tamplate anda dan lihat hasilnya
Selamat mencoba........

0 komentar:

Energy Saving Mode
Gunakan Mouse untuk Keluar Mode Energy Saving