Assalamualaikum warahmatullahi wabarakatuh.
Setelah kemarin libur dari semua aktivitas kerja bagi sobat yang rutinitas kerjanya pada masing-masing tugas dan keahlian pada tempat kerjanya. Maka di hari senin ini semoga anda semua bisa menjalankantugas dan kewajiban sebagaimana mestinya. Setelah kemarin saya bagikan tentang cara :
Trik Membuat Halaman Posting Seperti Tampilan Koran. Nah pada kesempatan ini saya akan berbagi juga hal yang agak sama namun beda. Trik ini sedikit akan memangkas susunan kode dari cara membuat halaman posting seperti surat kabar atau Koran. Jika sebelum post ini di terbitkan kodenya agak banyak maka pada artikel ini anda akan di berikan kemudahan dan rasa simpel dengan tampilan halaman posting bak seperti koran. Namun lebih nyaman dan sangat sederhana tampilan dan juga cara menggunakanya. Bagaiman sob anda berminat..? silahkan baca selengkapnya berikut di bawah ini.
Halaman post dengan gaya koran menarik :
Pada postingan kali ini berbeda dengan artikel sebelumnya yang membahas area postingan dengan gaya koran. Di post ini saya sajikan sesederhana dan semudah mungkin untuk anda menerapkan gaya postingan ala surat kabar koran itu. Karena tidak semua sobat blogging suka dan bisa melakukan hal yang sulit dan rumit. Maka di tutorial kali ini saya akan memangkas kode yang segitu banyak pada post sebelumnya menjadi simpel dan sedikit agar lebih praktis dalam penerapanya. Silahkan bagi anda yang berminat dengan tutorial ini baca lebih lanjut tulisan artikel ini selengkapnya.
Memajang hamparan artikel gaya koran 2 :
Pada tampilan hasil dari artikel ini pasti akan berbeda dengan hasil sebelumnya. Karena trik ini di permudah cara pemasangan kode pada area postinganya dan pastinya hasilnya pun akan berbeda. Namun tidak mengurang keunikan dan keindahan area posting yang menyerupai seperti Koran itu. Baik tidak perlu panjang lebar silahkan langsung coba cara pemasanganya pada artikel baru atau artikel lama di blog anda.
Cara pemasanganya :
Cara pemasangan kode untuk tampilan artikel seperti suratkabar koran ini, Masih sama seperti sebelumnya. Hanya beda tutorial ini kodenya lebih sedikit dan praktis cara menggunakanya. Copy kode di bawah ini dan paste kan pada area new post atau entri baru di Kolom HTML, Jangan di Compose. Berikut di bawah ini kode HLML yang harus anda copy nya :
<style type="text/css" scoped>
.koran{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
-moz-column-rule-style:outset; /* Firefox */
-webkit-column-rule-style:outset; /* Safari and Chrome */
column-rule-style:outset;
-moz-column-rule-color:#000000; /* Firefox */
-webkit-column-rule-color:#000000; /* Safari and Chrome */
column-rule-color:#000000;}
</style>
<div class="koran">DISINI LETAKAN TULISAN ARTIKEL ANDA</div>
Keterangan :Pada kode diatas yang berwarna MERAH silahkan anda ganti dengan tulisan artikel anda. Yang berwarna BIRU, itu kode warna, silahkan anda sesuaikan warna untuk masing masing yang akan di tampilkan pada setiap browsernya, karena trik ini support pada semua perangkat termasuk handphone. Dan pada kode yang berwarna ORANGE silahkan anda tentukan jumlah kolom yang hendak anda tampilkan pada area postingan blog. Misal : count:3; berarti 3 kolom dalam satu postingan, atau count:2; berarti dua kolom yang tampil area postingan. Atau berapa saja sesuai yang anda inginkan.
Demikianlah kiranya yang bisa saya sampaikan dan tuliskan untuk membuat halaman posting dengan gaya ala koran di bagian ke 2 ini. Semoga bisa bermanfaat untuk sobat yang ingin sesekali membuat artikelnya dengan tampilan desain yang agak beda dari yang pernah anda coba. Selamat mencoba semoga berhasil, jika ada perkembangan baru mengenai cara membuat post gaya ala koran ini, silahkan share disini. Terima kasih sudah berkunjung di blog sederhana ini. semoga yang saya kemas ini bisa menjadi ajang untuk mempererat tali silaturrahim antar pemblogging. Tetap samangat berkarya.. Happy Blogging ...