Semua Style Gaya tulisan, Button dan Artibut lainnya pada Template Fletro - fajarriskiharap

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 teks	Judul teks
Contoh teks	Contoh teks
Contoh teks	Contoh teks
Contoh teks	Contoh teks
Contoh teks	Contoh teks
Contoh teks	Contoh 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.

Related Posts