Membuat Dua Kolom Elemen Halaman Tambah Gadget Dibawah Kolom Posting -Assalamu Alaikum WR.WB Hallo sahabat TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll, Pada Artikel yang anda baca kali ini dengan judul Membuat Dua Kolom Elemen Halaman Tambah Gadget Dibawah Kolom Posting, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel Blogger Tutorials, Artikel Desain Template, Artikel Main, yang saya tulis ini dapat anda pahami, karna mungkin dari beberapa pengunjung bahasa atau tulisan saya ini agak sulit di mengerti...hehehe benarkah??!!!. baiklah, tanpa panjang lebar dan bertele-tele lagi selamat membaca, jangan lupa baca juga artikel lainnya, karena masih banyak artkel yang menarik lainnya yang menurut saya pribadi sangat bermanfaat

Judul : Membuat Dua Kolom Elemen Halaman Tambah Gadget Dibawah Kolom Posting
link : Membuat Dua Kolom Elemen Halaman Tambah Gadget Dibawah Kolom Posting
Gambar dibawah ini

Membuat Dua Kolom Elemen Halaman Tambah Gadget Dibawah Kolom Posting

Sebelum saya memasang widget recent posts berdasarkan label atau kategori, saya berfikir harus menempatkan Widget tersebut dimana? Karena bagian sidebar dan footer blog saya sudah penuh, akhirnya saya berinisiatif untuk membuat dua elemen halaman tambah gadget baru dibawah kolom posting.

Nah pada kesempatan kali ini, insyaAllah saya akan mengetengahkan tutorial menambahkan dua kolom elemen halaman   tambah gadget dibawah kolom posting yang sudah saya terapkan diblog ini.

Baiklah silahkan ikuti langkah-langkah berikut:

• Login ke akun anda >> pada dasbor klik >> Template >> Edit HTML (Jangan ceklis Expand Widget Template).
• Kemudian cari kode berikut atau yang serupa:

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog type='Blog'/>

</b:widget>

</b:section></div>

• Jika sudah dapat letakkan kode berikut dibawah kode </b:section> sebelum kode </div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:section class='sidebar' id='magazine-left' showaddelement='yes'>

<b:widget id='Text51' locked='false' title='Column 1' type='Text'/>

</b:section>

<b:section class='sidebar' id='magazine-right' showaddelement='yes'>

<b:widget id='Text52' locked='false' title='Column 2' type='Text'/>

</b:section>

<div style="clear: both;"></div>

</b:if>

Sampai pada point ini, Anda dapat melihat preview template atau pratinjau tapi kolom masih terletak disebelah kiri bukan pada posisi tengah. Untuk itu anda perlu menambahkan lagi kode CSS berikut untuk menjadikan kedua kolom berada pada posisi tengah.

• Carilah kode ]]></b:skin> dan letakkan kode berikut sebelum kode ]]></b:skin>

#magazine-left {

width: 45%;

float: left;

}

#magazine-right {

width: 45%;

float: right;

}

Anda masih bisa menambahkan kode CSS diatas, misalnya menambahkan border dll, silahkan berkreatifitas!

• Jangan lupa klik preview atau save template untuk segera melihat hasilnya.

Jika anda berhasil mengikuti setiap langkah diatas maka pada bagian Tata letak anda akan melihat dibawah kolom posting seperti screen shoot berikut:

Demikian tutorial menambahkan elemen halaman tambah gadget dibawah kolom posting. Semoga bermanfaat!

Demikianlah Artikel Membuat Dua Kolom Elemen Halaman Tambah Gadget Dibawah Kolom Posting

Sekianlah artikel Membuat Dua Kolom Elemen Halaman Tambah Gadget Dibawah Kolom Posting kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya jangan lupa tinggalkan komentar anda dan share yang banyak....heheheh.

Anda sekarang membaca artikel Membuat Dua Kolom Elemen Halaman Tambah Gadget Dibawah Kolom Posting dengan alamat link https://trikmitos.blogspot.com/2012/11/membuat-dua-kolom-elemen-halaman-tambah.html