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:
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
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
Follow Me @muzammil
Sip postingan berguna ! :)
thanks :)