Reques Tutorial Cara Menambah 2 kolom Dibawah Judul Posting

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

Sebelumnya mohon maaf buat sahabat Disc "Adzka" karena baru bisa posting tutorialnya sekarang karena Master Chef Disc Tutorial Blogspot harus berexperimen terlebih dahulu untuk mencoba memasangnya pada halaman blog Disc 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 Disc Tutorial Blogspot Belum membutuhkan 2 kolom Dibawah Judul Postingan tersebut, maka kolom tersebut Disc 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> 

/*---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;}

10. Sekarang Cari Kode  <data:post.body/> (apabila anda menemukan 2 kode tersebut pilih kode yang kedua)
11. Kalau sudah menemukan Kode tersebut Copy Kode Dibawah dan letakan tepat diatas kode <data:post.body/> 

<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>

12. Sekarang Klik Simpan

13. Selesai dan Lihat hasilnya

Sampai disini tetang Cara Menambah 2 kolom Dibawah Judul Posting Semoga bisa membantu sahabat Disc "Adzka" ataupun sahabat Disc yang lain.

Posted in: Tutorial Blogspot