Sabtu, 31 Maret 2012

Reques Tutorial Cara Menambah 2 kolom Dibawah Judul Posting

Alhamdulillah akhirnya pada malam ini Master Chef Dapur Tutorial Blogspot dapat mempulish tutorial Cara menambah 2 kolom dibawah judul posting yang direques oleh sahabat dapur yaitu "Adzka" seperti berikut :


Sebelumnya mohon maaf buat sahabat Dapur "Adzka" karena baru bisa posting tutorialnya sekarang karena Master Chef Dapur Tutorial Blogspot harus berexperimen terlebih dahulu untuk mencoba memasangnya pada halaman blog Dapur Tutorial Blogspot dan Alhamdulililah bisa berhasil. Hasil Experimen nya seperti gambar berikut :


Ya...mugkin dan semoga saja yang dimaksut sobat "Adzka" adalah ini.

Karena Blog Dapur Tutorial Blogspot Belum membutuhkan 2 kolom Dibawah Judul Postingan tersebut, maka kolom tersebut dapur Tutorial Blogspot hapus kembali.

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
Sampai disini tetang Cara Menambah 2 kolom Dibawah Judul Posting Semoga bisa membantu sahabat Dapur "Adzka" ataupun sahabat dapur yang lain.

Tidak ada komentar:

Posting Komentar