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:
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
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.