Home Features

Semua Style Compose Post

Berikut adalah beberapa style yang bisa dipakai pada saat posting artikel di template Fletro premium. Untuk memaksimalkan SEO hal penting yang perlu dilakukan saat posting artikel blog adalah selalu menambahkan artibut (alt='') pada setiap gambar, tidak hanya berdampak pada SEO tapi juga validasi HTML blog Anda.

Untuk membuat kode HTML artikel lebih bersih dan rapi, maka kami sarankan untuk membuat posting dalam mode html, maka dari itu alangkah baiknya jika Anda mempelajari penulisan html dasar.

Related Post dan iklan Adsense dalam postingan akan ditampilkan otomatis berdasarkan jumlah paragraf atau tag <br/> pada artikel Anda. Untuk menonaktifkan atau memodisikasinya akan dijelaskan di artikel berbeda

Paragraf dengan font default
Paragraf dengan font Arial
Paragraf dengan font Courier
Paragraf dengan font Georgia
Paragraf dengan font Helvetica
Paragraf dengan font Times
Paragraf dengan font Trebuchet
Paragraf dengan font Verdana

Smallest text
Small text
Normal text
Large text
Largest text

Heading <h2>

Subheading <h3>

Minorheading <h4>


Bold text
Italic text
Underline text
Strike text

Normal link

Button link
Download buttonEbook buttonDemo buttonVideo buttonInfo linkHelp Link

Untuk menggunakannya gunakan tag dibawah ini:


<a class='button' href='#'><i class='icon icon-cloud-download'></i><span>Download button</span></a>

// Ubah name class pada tag <i> untuk mengganti icon
<i class='icon icon-cloud-download'></i>
<i class='icon icon-bookmarks'></i>
<i class='icon icon-paper-plane'></i>
<i class='icon icon-play-circle'></i>
<i class='icon icon-informaticon-circle'></i>
<i class='icon icon-help-outline'></i>

// Untuk menggunakan Syntax Highlighter seperti ini tulis tag berikut pada saat posting (dalam mode HTML)

<pre>
  <code>
    <!-- kode html, css ata javascript disini -->
  </code>
</pre>


Blockquote akan ditampilkan dengan rata tengah seperti ini, unik karena otomatis akan ditulis dengan font berbeda.

List dengan nomor
  1. satu
  2. dua
  3. tiga
  4. empat

List tanpa nomor
  • satu
  • dua
  • tiga
  • empat

Judul teksJudul teks
Contoh teksContoh teks
Contoh teksContoh teks
Contoh teksContoh teks
Contoh teksContoh teks
Contoh teksContoh teks

Jika Anda mempunyai video yang ingin ditampilkan dalam posting tanpa mengurangi loading blog, fitur lazy youtube ini akan sangat berguna. Fitur ini juga sudah di integrasikan dengan Lazy image, jadi gambar thumbail dari video youtube-pun tidak akan memperlambat loading blog, Berikut tampilannya (tekan tombol play untuk melihat efeknya):



//Penggunaannya sangatlah mudah dan simple, yang perlu Anda lakukan hanyalah
  • Menyalin kode pemutaran video youtube yang ingin ditampilkan
  • Contoh url video youtube : youtube.com/watch?v=s1tAYmMjLdY
  • yang perlu Anda salin hanyalah kode "s1tAYmMjLdY" dan menempelnya pada tag dibawah ini:
<div class='lazy-youtube' data-embed='s1tAYmMjLdY'> <div class='play-button'></div> </div>

Pertanyaan, saran atau masukan yang lain bisa Anda tulis di kolom komentar atau melalui halaman 'Contact'. Template ini akan diupdate secara berkala sesuai dengan masukan dan permintaan penggunanya.

Baca juga :

10 komentar

  1. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  2. Bagus gan, simpel dan bersih banget templatenya

    BalasHapus
  3. Sebelumnya untuk ukuran dan jenis font pada "Baca Juga" tidak sama dengan font pada artikel, jadi terkesan kurang rapi.

    Bisa bantu di bagian mana edit html-nya, sudah saya cari-cari belum ketemu juga. Terima kasih

    BalasHapus
  4. untuk table nya gimana ya?

    BalasHapus
  5. Kak, pas kita share artikel thumbnail artikelnya tidak muncul. Share via WhatsApp

    BalasHapus

to Top