Kode Pintas dan Markup Halaman

Drop Caps

Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian beralih ke area HTML editor pos dan tambahkan kode di bawah ini pada huruf pertama.

<span class = "firstcharacter"> L </span>

Ubah "L" dengan teks Anda sendiri.

Tipografi

Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian pilih teks apa pun yang ingin Anda sesuaikan dan klik opsi yang tersedia di atas editor posting Anda. periksa gambar di bawah untuk preferensi.

Ada terutama 9 opsi yang dapat Anda gunakan untuk membuat tipografi yang tampak keren.

1. Ukuran teks
2. Gaya Judul Teks
3. Berani
4. Miring
5. Menggarisbawahi
6. Dicoret
7. Warna teks
8. Penyorot Teks
9. Link

Tabel

Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian beralih ke area HTML editor posting dan tambahkan kode di bawah ini di mana saja Anda ingin membuat tabel muncul.

<div class = "post-table">
<table>
    <thead>
<tr>
        <th> Nama Depan </th>
        <th> Nama Belakang </th>
        <th> Judul Pahlawan </th>
      </tr>
</thead>
    <tbody>
<tr>
        <td data-label = "Nama Depan"> Bruce </td>
        <td data-label = "Nama Belakang"> Wayne </td>
        <td data-label = "Hero Judul "> Batman </td>
      </tr>
<tr>
        <td data-label =" Nama Depan "> Peter </td>
        <td data-label =" Nama Belakang "> Parker </td>
        <td data-label = "Judul Pahlawan"> Spiderman </td>
      </tr>
<tr>
        <td data-label = "Nama Depan"> Bruce </td>
        <td data-label = "Nama Belakang"> Spanduk </td>
        <td data-label = "Judul Pahlawan"> The Hulk </td>
      </tr>
<tr>
        <td data-label = "Nama Depan" > Clark </td>
        <td data-label = "Nama Belakang"> Kent </td>
        <td data-label = "Judul Pahlawan"> Superman </td>
      </tr>
</tbody>
</table>
</div>

Ubah detail dengan teks Anda sendiri.

Blokir

Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian pilih teks apa pun yang ingin Anda sesuaikan dan klik pada opsi blockquote yang tersedia di atas editor posting Anda. periksa gambar di bawah untuk preferensi.

Bullet Dan Daftar

Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian pilih teks apa pun yang ingin Anda sesuaikan dan klik opsi peluru dan daftar yang tersedia di atas editor posting Anda. periksa gambar di bawah untuk preferensi.

Tombol

Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian beralih ke area HTML editor posting dan tambahkan kode di bawah ini di mana saja Anda ingin membuat tabel muncul.

• Tombol Sederhana

<div class = "small-button">
<a class="button small" href="https://www.blogger.com"> Tombol Kecil </a>
<a class = "media medium" href = "https : //www.blogger.com "> Tombol Sedang </a>
<a class="button large" href="https://www.blogger.com"> Tombol Besar </a>
</div>

• Tombol Dengan Ikon

<div class = "small-button">
<a class="button demo kecil" href="https://www.blogger.com"> Tombol Demo </a>
<a class = "demo media tombol" href = "https://www.blogger.com"> Tombol Demo </a>
<a class="button demo besar" href="https://www.blogger.com"> Tombol Demo </a>
                <br>
<div class = "clear">
</div>
<a class="button unduhan kecil" href="https://www.blogger.com"> Tombol Unduhan </a>
<a class = "tombol unduh media" href = "https://www.blogger.com"> Tombol Unduh </a>
<a class = "tombol unduh besar" href = "https: // www.blogger.com "> Tombol Unduh </a>
                <br>
<div class =" clear ">
</div>
<a class="button small buy" href="https://www.blogger.com"> Tombol Beli Sekarang </a>
<a class = "button medium buy" href = "https: //www.blogger. com "> Tombol Beli Sekarang </a>
<a class="button buy besar" href="https://www.blogger.com"> Tombol Beli Sekarang </a>
                <br>
<div class =" clear " >
</div>
<a class="button kunjungan kecil" href="https://www.blogger.com"> Kunjungi Tombol Tautan </a>
<a class = "kunjungan media tombol" href = "https: //www.blogger.com">Kunjungi Tombol Tautan </a>
<a class="button kunjungan besar" href="https://www.blogger.com"> Kunjungi Tombol Tautan </a>
</div>

Ubah detail dengan teks Anda sendiri.

Kotak Peringatan

Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian beralih ke area HTML editor posting dan tambahkan kode di bawah ini di mana saja Anda ingin membuat kotak muncul.

<div class = "sukses pesan-pesan">
<i class = "fa fa-check-circle"> </i> pesan sukses Anda berhasil membaca pesan penting ini. </div>
<div class = "peringatan pesan-peringatan ">
<i class =" fa fa-info-circle "> </i> Pesan peringatan Lansiran ini membutuhkan perhatian Anda. </div>
<div class =" peringatan-pesan peringatan ">
<i class =" fa fa- seru-segitiga "> </i> Pesan peringatan Peringatan! Periksa diri Anda sendiri. </div>
<div class = "error-message alert">
<i class = "fa fa-exclamation-circle"> </i> Pesan kesalahan Oh snap! Ubah beberapa hal </div>
</div>

Ubah detail dengan teks Anda sendiri.

Kotak kode

Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian beralih ke area HTML editor posting dan tambahkan kode di bawah ini di mana saja Anda ingin membuat kotak kode muncul.

fungsi <pre> menghasilkan () {
    var a = $ ('# container'). html ();
    var b = window.open ('', '', 'width = 600, height = 400');
    b.document.write ('& lt; textarea & gt;' + a + '& lt; / textarea & gt;');
} </pre>

Ubah detail dengan teks Anda sendiri.

Formulir Komentar

Akses posting blog Anda atau halaman statis> klik Edit pada salah satu posting / halaman Anda atau tambahkan posting / halaman baru. kemudian beralih ke area HTML editor posting dan tambahkan kode di bawah ini di mana saja Anda ingin membuat formulir kontak muncul.

<div class = "contact-form">
<div class = "bagian kontak" id = "contact" style = "tampilan: blok;">
<div class = "widget ContactForm" id = "ContactForm1">
<div class = "contact-form-widget">
<div class = "form">
<form name = "contact-form">
<input class = "contact-form-name" id = "ContactForm1_contact-form-name" name = "name "placeholder =" Name "size =" 30 "type =" text "value =" "/>
                                <input class =" contact-form-email "id =" ContactForm1_contact-form-email "name =" email "placeholder =" Email "size =" 30 "type ="text "value =" "/>
                                <textarea class =" contact-form-email-message "cols =" 25 "id =" ContactForm1_contact-form-email-message "name =" email-message "placeholder =" Baris pesan " = "5"> </textarea>
                                <input class = "formulir kontak-tombol kontak-bentuk-tombol-kirim" id = "ContactForm1_contact-form-kirim" type = "button" value = "Kirim" />
                                <br />
<div style = "text- align: center; width: 100%; ">
<div class =" contact-form-error-message "id =" ContactForm1_contact-form-error-message ">
</div>
<div class =" contact-form-success -pesan "id =" ContactForm1_contact-form-success-message ">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div> </div>

Ubah detail dengan teks Anda sendiri.