Membuat Postingan 2 Column di Blog


blogger tidak menyediakan button untuk membuat postingan menjadi 2 column atau lebih seperti halnya di microsoft word. Tapi bukan berarti kita harus menyerah dengan keadaan. Kita dapat membuat postingan menjadi 2 column
dengan  mengatur margin ataupun paddingnya.

1. Mengatur Margin Postingan
untuk mengatur margin, kita tinggal menambahkan script berikut kedalam HTML, bukan compos. setiap kali hendak mengupdate artikel.
<div style="float: left; text-align: justify; width: 90%;">
<div style="margin: 10px; padding: 10px;">
Isi Postingan
</div>
Result:
In 1981, Microsoft hired Charles Simonyi, the primary developer of Bravo, the first GUI word processor, which was developed at Xerox PARC.[4] Simonyi started work on a word processor called Multi-Tool Word and soon hired Richard Brodie, a former Xerox intern, who became the primary software engineer.[4][5][6] Microsoft Word 5.0 for DOS. Versions 1.0 to 4.0 had a similar user interface. Microsoft announced Multi-Tool Word for Xenix[4] and MS-DOS in 1983.[7] Its name was soon simplified to Microsoft Word.[1] Free demonstration copies of the application were bundled with the November 1983 issue of PC World, making it the first program to be distributed on-disk with a magazine.[1][8] Unlike most MS-DOS programs at the time, Microsoft Word was designed to be used with a mouse,[7] and it was able to display some formatting, such as bold, italic, and underlined text, although it could not render fonts.[1] It was not initially popular, since its user interface was different from the leading word processor at the time, WordStar.[9] However, Microsoft steadily improved the product, releasing versions 2.0 through 5.0 over the next six years.

jika Anda ingin agar marginnya ada otomatis setiap kali anda mempublish posting, maksudnya (tanpa memasukkan source di atas setiap kali membuat posting baru), Anda harus melakukan sedikit perubahan pada template anda.

2. Membuat Postingan menjadi 2 column
untuk membuat postingan menjadi 2 column, anda cukup melakukan hal yang sama seperti langkah 1,
<div style="float: left; text-align: justify; width: 30%;">
<div style="margin: 10px; padding: 10px;">
isi postingan 1
</div>
<div style="float: left; text-align: justify; width: 30%;">
<div style="margin: 10px; padding: 10px;">
isi postingan 2
</div>

Result:
Microsoft Word 5.0 for DOS. Versions 1.0 to 4.0 had a similar user interface. Microsoft announced Multi-Tool Word for Xenix[4] and MS-DOS in 1983.[7] Its name was soon simplified to Microsoft Word.[1] Free demonstration copies of the application were bundled with the November 1983 issue of PC World, making it the first program to be distributed on-disk with a magazine.[1][8] Unlike most MS-DOS programs at the time, Microsoft Word was designed to be used with a mouse,[7] and it was able to display some formatting,
such as bold, italic, and underlined text, although it could not render fonts.[1] It was not initially popular, since its user interface was different from the leading word processor at the time, WordStar.[9] However, Microsoft steadily improved the product, releasing versions 2.0 through 5.0 over the next six years.










yang harus di ubah adalah width -nya. sesuainya lebarnya dengan yang anda inginkan, misalnya anda ingin 2 column, maka atur lebarnya 30%, jika 4 column lebih kecil dari 30%, gmana bagusnya aja ..

1 hal lagi, cara ini juga dapat dimanfaatkan untuk membuat gallery foto pada postingan blog, lihat hasilnya disini

Selamat Mencoba :)

No comments:

Post a Comment

Tinggalkan Komentar, saran saya bagusnya komen menggunakan Name/ Url