Penggunaan Shortcode Pada Template Complify

Penggunaan Shortcode Pada Template Complify
Penggunaan Shortcode Pada Template Complify, Halo sobat Riswan.net, sebelumnya saya ucapkan terima kasih kepada sobat yang sudah order template Blogger Complify dari Riswan.net dan mohon maaf karena baru kali ini bisa saya buatkan panduannya.

Kesempatan kali ini saya akan jelaskan penggunan shortcode pada postingan khusus bagi pengguna template complify. Apa itu shortcode? Jadi shortcode itu pengaplikasian code tertentu untuk menghasilkan tampilan tertentu. Contohnya ketika ingin menambahkan table pada postingan.

Penggunaan Shortcode Pada Template Complify

Ada beberapa shortcode yang sudah saya tambahkan pada template Complify dan dapat diaplikasikan pada postingan atau halaman di blog, berikut ini bebebrapa shortcode pada template Complify serta cara penggunaanya.

1. Menambahkan Tabel di Postingan

Untuk menambahkan Tabel pada postingan sobat dapat menggunakan code di bawah ini pada mode HTML postingan, lalu ubah konten sesuai kebutuhan.

<table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
        <tr>
            <th>Rows Header1</th>
            <th>Rows Header 2</th>
            <th>Rows Header 3</th>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
    </tbody>
</table>

Hasilnya seperti berikut
Rows Header1 Rows Header 2 Rows Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

2. Menambahkan Embed Video Youtube

Untuk menambahkan embed video Youtube pasa postingan supaya responsive dapat menggunakan code berikut pada mode HTML 

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/ssSbv6LkXCI">
</div>
</div>
</div>

3. Penggunaan Highlight Pada Postingan

Hightlight merupakan wadah untuk penyimpanan code seperti Javascript, CSS atau lainnya. Sobat juga bisa menggunakan Highlight ini untuk keperluan lain. Penggunaannya seperti berikut. 

<pre><code>Letakkan Code Di sini</code></pre>

4. Kotak Baca Juga Pada Postingan

Kotak baca juga ini dibuat secara manual, dan dapat diletakkan dimanapun sesuai keinginan sobat, untuk penggunaannya sebagai berikut:

<bacajuga> Baca Juga: Cara Membuat Blog </bacajuga>

Dan hasilnya akan seperti berikut:

Baca Juga: Cara Membuat Blog 

5. Penggunaan Blockquote

Fitur blockquote ini biasa digunakan untuk istila-istilah atau kata yang penting pada sebuah postingan, untuk penggunaan blockquote sepertiberikut: 

<blockquote> Isi Pesan </blockquote>

Dan hasilnya seperti berikut
Isi Pesan

6. Penggunaan Style Tulisan Code

Fitur Tulisan code ini biasa digunakan untuk penandaan pada potongan kata yang bersifat istilah dalam bahasa pemograman

<kbd> $function </kbd>

Dan hasilnya seperti berikut Isi Pesan 

7. Penggunaan Tulisan Style Button

Fitur tulisan Style Button ini biasa digunakan untuk kata yang dikiran penting atau istilahnya kata yang digarisbawahi: 

<ccode> Isi Pesan </ccode>

Dan hasilnya seperti berikut Isi Pesan

Itulah beberapa shortcode atau fitur khusus untuk postingan pada template Complify serta cara penggunaannya. Mungkin untuk saat ini saya cukupkan sekian. Apabila ada tambahan lain saya akan update pada artikel ini.
Baca Juga
Tags

Tampilkan selengkapnya