All Style Typography and Format Posts

Tips Menulis Bagi Penulis Pemula

Published by AnonSec Team On Januari 01, 2024

Tips Menulis Bagi Penulis Pemula. Bagaimana cara menulis artikel. Menulis adalah pengetahuan dasar yang harus dipelajari kebanyakan orang. Namun, tidak semua orang dapat memahami cara penulisan yang benar dan urutan penulisan karya sastra dll. Pemula juga mungkin bingung untuk memulai menulis karena kurangnya pengalaman atau kesulitan membentuk ide di benak mereka. Pada akhirnya, pekerjaan mereka tidak bisa berkembang. Oleh karena itu, penulis pemula harus terlebih dahulu memahami bagaimana memulai menulis, dimulai dengan keterampilan dasar menulis dan bagaimana menemukan ide pengembangan sebelum mengeksekusi. Hal ini dikarenakan menulis bukan hanya sekedar menyalin atau mengungkapkan ide, tetapi penulis juga harus mampu mendeskripsikan dan membangun imajinasi pembaca hingga pesan yang disampaikan tersampaikan. Cara yang harus Anda coba untuk mulai menulis Agar penulis pemula tidak bingung, berikut 15 cara memulai yang bisa diterapkan dalam menulis prosa. 1. Baca dengan seksama Rajin m...

Tema ini memiliki beberapa tipografi dan format penulisan yang bisa anda terapkan pada setiap postingan serta beberapa fitur tambahan seperti Tabs Post, Split Post dan lainnya.

Not all of the styles below can be used directly in "Writing view" mode, but there are also some features that can only be used from "HTML View" mode.

Image with Caption and Auto Lightbox

Caption di gambar ini tidak akan terbaca pada deskripsi/snippet artikel. Anda juga dapat memilih untuk tetap membuat caption terbaca pada snippet artikel

Semua gambar dalam artikel akan otomatis memiliki fungsi lightbox kecuali gambar dalam tag <figure>, cobalah klik salah satu gambar dalam postingan ini.

Image with Grid Layout

Image with Show All Function

Digunakan untuk menyembunyikan beberapa gambar dan akan ditampilkan ketika user mengklik tombol 'Show All'. Fungsi Show All hanya dapat diaktifkan satu kali, Gambar tidak bisa disembunyikan kembali ketika Anda mengaktifkannya

Show All

Image with Scroll Layout

Sama seperti layout gambar diatas, hanya saja pada tampilan seluler gambar akan di susun sejajar dengan tambahan fungsi scroll samping pada tampilan mobile.

Kami juga menambahkan efek smooth scroll pada fitur ini, Silahkan coba buka laman ini pada perangkat seluler anda:

Manual Related Post

Penting untuk diketahui bahwa fitur ini ditulis secara manual, tidak otomatis tampil disetiap halaman.

Baca juga :

Split Post - Split Article Into Several Pages

Tabs Post - Split Article with Tab Function

Post with Full Page Feature

Post Break

Fitur ini dapat anda gunakan untuk memisahkan paragraf atau untuk membuka bab baru dalam postingan, berikut contoh tampilannya:

Paragraph with Text Indent

Pada paragraf ini akan memiliki indentasi baris pertama, sederhanyanya untuk membuat sebuah kalimat yang ada di paragraf pertama menjorok ke dalam dengan nilai yang sudah ditentukan.

Anda bisa menerapkan fitur ke banyak paragraf sesuai kebutuhan.

Paragraph with Drop cap

Merupakan huruf kapital besar yang digunakan sebagai elemen dekoratif di awal paragraf atau bagian. Ukuran batas turun biasanya adalah dua garis atau lebih.

Drop cap akan mengubah ukuran huruf pertama paragraf sehingga huruf tersebut turun satu atau beberapa baris ke bawah. Banyak jenis media cetak yang memanfaatkan drop cap seperti buku, majalah, koran dan sebagainya karena dapat menambah daya tari visual.

Blockquote

Harga teman adalah harga yang lebih tinggi dari harga normal karena bertujuan untuk membantu teman yang merintis usaha

—Ivan Lanin

Format style lainnya yang dapat Anda gunakan:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus.

Sed suscipit sapien sed turpis ultrices viverra. Ut quis dui sed odio sollicitudin fermentum.

Aliquam vitae metus laoreet, dapibus enim sit amet, feugiat lorem. Sed in dui purus.

Table

Tabel pada tema ini sudah disetting responsive, sebagai contoh jika jumlah kolom atau lebar tabel melebihi lebar layar maka agar tidak merusak layoutnya secara otomatis table akan memiliki fungsi scroll.

Silahkan buka artikel ini pada perangkat seluler anda dan sorot bagian tabel dibawah:

No	Column_1	Column_2	Column_3	Column_4	Column_5
1	Data_table_1	00.000.000	0.000.000	0.000.000	0.000.000
2	Data_table_2	00.000.000	0.000.000	0.000.000	0.000.000
3	Data_table_3	00.000.000	0.000.000	0.000.000	0.000.000
4	Data_table_4	00.000.000	0.000.000	0.000.000	0.000.000

Manual Table of Content

Anda bisa memilih untuk menggunakan ToC manual jika tidak ingin semua tag judul/heading(h1, h2, h3, h4, h5, h6) ditampilkan dalam Table of Contents.

Untuk penulisan manual anda harus menambahkan atribut id=' ... ' baru pada setiap tag heading yang ingin anda tambahkan ke daftar isi, mungkin sedikit sulit diterapkan tapi Anda bisa memilih Judul mana yang ingin ditampilkan.

Contents

Image with Caption

Manual Related Post

Post Break

Blockquote

With sub-heading

Heading_title

Semi Automatic Table of Content

Pilihan kedua ini akan menambahkan table of content secar otomatis di postingan anda, hanya kekurangannya akan menambahkan setiap tag heading kedalam ToC, urutannya mungkin akan berantakan atau error jika tag heading yang anda tulis teratur

Table of Contents

Kekurangan lain dari fitur ini adalah teks yang terbaca hanya sebatas teks latin(A-Z, a-z, 0-9), juga harus dipastikan tidak ada atribut tambahan (misal style='...') dalam tag heading Anda

Syntax Highlighter

Digunakan untuk menuliskan baris kode HTML dalam postingan

<!DOCTYPE html>
<html dir='ltr' lang='en'>
  <head>
    <title>Sample Page</title>
  </head>

  <!--[ <body> open ]-->
  <body>
    <p>Sample content here!</p>
  </body>
  <!--[ </body> close ]-->
</html>

Anfa juga bisa menuliskan kode <html> dalam paragraf seperti ini: <p>code</p>

MultiTabs Syntax Highlighter

<!DOCTYPE html>
<html dir='ltr' lang='en'>
  <head>
    <title>Sample Page</title>
  </head>

  <!--[ <body> open ]-->
  <body>
    <p>Sample content here!</p>
  </body>
  <!--[ </body> close ]-->
</html>

/* Standar CSS */
::selection{color:#fff;background:var(--linkC)}
*, ::after, ::before{-webkit-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:var(--fontH);color:var(--headC)}
h1{font-size:1.9rem}
h2{font-size:1.7rem}
h3{font-size:1.5rem}
h4{font-size:1.4rem}
h5{font-size:1.3rem}
h6{font-size:1.2rem}
a{color:var(--linkC);text-decoration:none}
a:hover{opacity:.9;transition:opacity .1s}

JS here