Update Terbaru
Loading...
Home » , , » Cara Menambah 2 kolom Dibawah Judul Posting
Published On : Selasa, 16 Oktober 2012
21.04.00 | Admin | No Comments

Cara Menambah 2 kolom Dibawah Judul Posting


Untuk memasang 2 Kolom Dibawah Postingan langkah-langkahnya adalah sebagai berikut :

  1. Pastikan Sobat Blogger sudah login ke akun blog nya masing-masing
  2. Pilih Menu Template
  3. Klik pada tombol Edit HTML
  4. Klik Pada Tombol Proses Atau Lanjutkan
  5. Selanjutnya anda akan dibawa kehalaman seperti ini
  6. Centang pada kotak kecil bertulisan Expand Widget Templates
  7. Lakukan Download Template lengkap terlebih dahulu untuk mengantisifasi kesalahan (Baca caranya Download dan Upload template lengkap )
  8. Cari Kode Berikut Ini ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian Kode)
  9. Apabila sudah menemukan kode tesebut Copy dan paste tepat diatas kode ]]></b:skin> 
  10. /*---Avatar---*/
    #bawahjudul {background:#262626 url(http://oketrik.googlecode.com/files/borderbg.gif) 51% 0 repeat-y;text-shadow:none;border:1px solid#4d4d4d;padding:15px;margin:0 0 10px;color:#a6a6a6}
    #bawahjudul .bagian-kiri{width:48%;float: right;color:#a6a6a6}
    #bawahjudul .bagian-kanan{width:45%;float:left;color:#a6a6a6}
    .clearfixed:after{content : ".";display:block;height:0;clear:both;visibility:hidden}.clearfixed  {display : inline-block;}
  11. Sekarang Cari Kode  <data:post.body/> (apabila anda menemukan 2 kode tersebut pilih kode yang kedua)
  12. Kalau sudah menemukan Kode tersebut Copy Kode Dibawah dan letakan tepat diatas kode <data:post.body/> 
  13. <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <div class='clearfixed' id='bawahjudul'>
    <div class='bagian-kanan'>

    Letakan Kode Disini (kanan)

    </div>
    <div class='bagian-kiri'>

    Letakan Kode Disini (kiri)

    </div>
    </div>
    </b:if>
  14. Sekarang Klik Simpan
  15. Selesai dan Lihat hasilnya





Related Post

0 komentar:

Posting Komentar

Referensi : DTE | MDF Blog | MKR Site
Copyright © 2013. Gembulz Blog's - All Rights Reserved
Template Created by Creating Website Modify by Gembulz Blog's
Powered by Blogger Top