Cara menyisipkan 2 kolom pada penulisan postingan Steemit

in #indonesia7 years ago

Hallo sahabat steemanian seluruh indonesia, postingan kali ini saya akan memberitahu cara membuat 2 kolom pada postingan steemit, contoh nya seperti gambar di bawah ini:

contoh kolom.jpg

Contoh:

Ini adalah contoh penggunaaan pada kolom pertama
Ini adalah contoh penggunaaan pada kolom kedua




Langkah Menyisipkan 2 Kolom pada Penulisan Postingan STEEMIT

  • Langkah pertama kita membutuhkan sebuah pengbungkus <div> pada setiap kolom
  • Untuk kolom pertama kita membutuhkan <div class="pull-left"> diikuti dengan </div> untuk tag penutupnya
  • Untuk kolom kedua kita membutuhkan <div class="pull-right"> diikuti dengan </div> untuk tag penutupnya
  • Tuliskan teks yang anda inginkan diantara pembungkus setiap kolom

Untuk lebih mudahnya anda dapat menyalin kode di bawah pada teks editor anda:

<div class="pull-left">
Ini adalah contoh penggunaaan pada kolom pertama
</div>
<div class="pull-right">
Ini adalah contoh penggunaaan pada kolom kedua
</div>

Selain menulis teks pada setiap kolom anda juga dapat menyisipkan gambar pada salah satu kolom atau keduannya yaitu dengan cara menyisipkan kode gambar seperti biasa di antara block <div> kolom, seperti contoh di bawah

Contoh penggunaan gambar berada di samping kanan atau kolom kedua











Source Code :

<div class="pull-left">
Contoh penggunaan gambar berada di samping kanan atau kolom kedua
</div>
<div class="pull-right">
<img src="https://steemitimages.com/DQmSyAnARNo6Rf35JLUweYgvg6cENH9YNouXzVNBK5s9vGq/gambar.jpg" />
</div>

Sekian dari postingan saya semoga bisa bermanfaat yang membutuhkan


Salam Komunitas STEEMIT Indonesia!!
Follow Me @muzammil

Coin Marketplace

STEEM 0.17
TRX 0.16
JST 0.029
BTC 61821.96
ETH 2402.01
USDT 1.00
SBD 2.57