Menambahkan Elemen Halaman Baru Diatas Dua Kolom -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 Menambahkan Elemen Halaman Baru Diatas Dua Kolom, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel CSS dan HTML, Artikel Desain Template, Artikel Sidebar, Artikel Tutorial Blogger, 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 : Menambahkan Elemen Halaman Baru Diatas Dua Kolom
link : Menambahkan Elemen Halaman Baru Diatas Dua Kolom
Gambar dibawah ini

Menambahkan Elemen Halaman Baru Diatas Dua Kolom

Postingan ini khusus menjawab pertanyaan sobat Rahmatea, yang menanggapi postingan saya yang membahas cara menambahkan elemen halaman dibawah dua kolom. Bagaimana trik atau caranya jika elemen yang ditambahkan diatas dua kolom? Caranya mudah saja kebetulan postingan sebelumnya kita membahas cara menambahkan sebuah kolom pada sidebar, sehingga hasilnya template yang semula dua kolom menjadi tiga kolom.

Sekarang kita lanjutkan...
Bagaimana cara menambahkan sebuah kolom elemen halaman diatas dua kolom


Ikuti langkah-langkah berikut:


1. Pertama dalam keadaan loggin pastinya, klik TATA LETAK => EDIT HTML.
2. Carilah kode seperti berikut: (lebar atau width tentu berbeda sesuai lebar kolom pada template sobat)

#sidebar-wrapper {
  width: 220px;
  float: right;
  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 */
}

3. Kalau sudah ketemu tambahkan kode berikut diatas kode tadi

#topsidebar-wrapper {
border: 1px solid #FFFFFF;
background:#FFFFFF;
width:440px;
float:right;
padding:5px;
margin-top:10px;
}

Keterangan widht: 440px adalah penjumlahan dari dua kolom elemen yang telah ada pada sidebar template minima percobaan saya jadi sobat sesuaikan jumlahnya dengan menjumlahkan lebar dua kolom pada sidebar sobat!
4. lengkap kodenya jadi seperti ini:

#topsidebar-wrapper {
border: 1px solid #FFFFFF;
background:#FFFFFF;
width:440px;
float:right;
padding:5px;
margin-top:10px;
}
#sidebar-wrapper {
  width: 220px;
  float: right;
  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 */

3.Langkah selanjutnya,anda cari kode berikut:

 
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

4. setelah ketemu letakkan kode berikut, dibawah kode tadi:

 
<div id='topsidebar-wrapper'>
<b:section class='sidebaratas' id='sidebaratas' showaddelement='yes'>
</b:section>
</div>

5. Sehingga kodenya jadi seperti berikut:

<div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>
<div id='topsidebar-wrapper'>
<b:section class='sidebaratas' id='sidebaratas' showaddelement='yes'/>
</div>

6. Selesai. jangan lupa simpan template. Lihat hasilnya pada elemen halaman kalau sudah ada kolom elemen baru diatas dua kolom seperti screenshot diatas berarti berhasil.
Semoga bermanfaat tidak saja bagi penanya tapi juga bagi teman-teman yang lain!

Demikianlah Artikel Menambahkan Elemen Halaman Baru Diatas Dua Kolom

Sekianlah artikel Menambahkan Elemen Halaman Baru Diatas Dua Kolom 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 Menambahkan Elemen Halaman Baru Diatas Dua Kolom dengan alamat link https://trikmitos.blogspot.com/2010/01/menambahkan-elemen-halaman-baru-diatas.html