Cara Menggunakan Tag Kondisional Untuk Pemula – (Study Perkara)

Petik.net - Pernahkan anda menginginkan loading blog anda ingin menjadi lebih ringan atau anda menginginkan attribut pada tampilan blog anda tampil berbeda untuk setiap halaman?

Seperti contohnya  ingin menampilkan Widget blog tertentu hanya di halaman artikel saja sedangkan di halaman homepage tidak ditampilkan, atau ingin menampilkan desain tertentu di halaman tertentu saja sedangkan di halaman lainnya tidak, atau ingin menampilkan iklan adsense tata letak dan jenis iklan berbeda antara tampilan di homepage dengan tampilan di artikel lainnya dan perkara-kasus serupa lainnya,

Jika cita-cita anda kurang lebih seperti itu, maka sebagai solusinya anda mampu melibatkan penggunaan tag kondisional pada isyarat template blogspot anda.

Apa itu tag kondisional?
Tag kondisional sebetulnya bukan istilah abnormal di dunia bahasa pemrograman, di algoritma dan dunia bahasa pemrograman istilah ini sering disebut dengan “flow control”, kalau anda seorang programmer atau yang pernah mempelajari algoritma dan bahasa pemrograman anda pasti tidak aneh dengan istilah “Flow control”, dan anda pasti tau apa fungsinya serta kapan harus digunakan.

Tapi untuk anda yang kebetulan tidak memiliki dasar dan pengalaman di dunia bahasa pemrograman dan anda kebetulan ialah blogger pemula yang baru terjun  di dunia blogging, dan kebetulan belum familiar dengan penggunaan tag kondisional, aku yakin akan sedikit galau dengan penggunaan tag kondisional.

Melalui artikel ini aku akan jelaskan secara lengkap dan panjang lebar wacana tag kondisional ini, dan aku berharap anda mampu memahaminya dan dapat menerapkannya pada blog anda yang mampu anda gunakan untuk mengatur tampilan blog anda agar sesuai dengan yang anda inginkan.

# MENGENAL APA ITU TAG KONDISIONAL?

Untuk blog berflatform blogspot tag kondisional yakni instruksi khsusus (instruksi template) yang dapat dipakai pada template blog anda yang berfungsi untuk mengatur tampilan di halaman-halaman tertentu atau bagian-bagian tertentu pada blog anda semoga tampilannya bisa disesuaikan dengan yang anda inginkan serta mampu dibedakan dengan tampilan halaman-halaman lainnya pada blog anda, bahkan tag kondisional tingkat lanjut mampu anda gunakan untuk membuat halaman blog menjadi lebih ringan.

Secara umum jenis-jenis format penulisan kode tag kondisional di blogspot yaitu sebagai berikut:

Satu kasus (untuk kasus sederhana):

=’kondisi’>
     KODE

Rangkaian aba-aba ditas mempunyai pengertian, Jika kondisi terpenuhi maka proses KODE, jika tidak terpenuhi KODE tidak akan diproses

Untuk 2 perkara:

     == "static_page"’>
         KODE
     

Kode di atas dapat diartikan:
Jika halaman yakni halaman static maka eksekusi atau proses KODE, artinya KODE yang anda bungkus dengan tag kondisional di atas akan di proses bila halaman blog yang dibuka ialah halaman static.

Ada kalanya jenis operator yang dipakai ialah operator != atau <> (baca: tidak sama dengan), tentu saja pengertiannya akan berbeda dengan tag kondisional yang memakai operator jenis == (baca: sama dengan)

Contoh tag kondisional dengan operator != (baca tidak sama dengan atau bukan)

    index"’>
     KODE ANDA

Terjemahan aba-aba diatas:

Jika halaman ialah halaman index (salah satunya homepage) maka proses KODE ANDA.

KODE ANDA, mampu anda isi dengan kode apapun misal aba-aba iklan adsense, arahan widget, atau arahan apapun.

Dengan membungkus Kode anda dengan instruksi di atas maka tampilan yang anda inginkan untuk isyarat tersebut akan muncul di halaman utama blog anda.

b. Penggunaan Tag Kondisional pada Halaman Artikel Postingan

Halaman artikel / halaman postingan atau juga bisa disebut dengan halaman item yakni halaman pada blog anda yang khusus menampilkan artikel postingan blog anda, untuk blog berflatform blogspot sebuah halaman bisa digolongkan menjadi halaman item ketika halaman tersebut dibuat memakai menu Entri.

Pada umumnya untuk blog berflatform blogspot halaman artikel postingan atau halaman item mempunyai format url sebagai berikut:

Untuk mengatur sebuah tampilan (misal: sebuah widget khusus, arahan unit iklan adsense, atau tampilan lainnya) semoga tempilan tersebut hanya muncul di halaman artikel saja maka instruksi untuk tampilan tersebut harus anda bungkus dengan tag kondisional untuk halaman artikel sebagai berikut:

static_page"’>
     KODE ANDA

KODE ANDA, mampu diisi dengan kode tampilan apapun yang anda inginkan, sehingga tampilan untuk aba-aba tersebut hanya akan muncul di halaman static blog anda saja, tidak di halaman lainnya.

c. Penggunaan Tag Kondisional pada Halaman Error Page (page not found 404)

Halaman error page merupakan halaman khusus yang akan tampil saat url didalam artikel blog anda tidak ditemukan.

Untuk anda yang menginginkan tampilan khusus dimana tampilan tersebut hanya ingin anda munculkan di halaman not found 404 saja, maka anda harus membungkus instruksi tampilan tersebut dengan tag kondisional untuk halaman error page, sebagai berikut:

       KODE ANDA

Atau memakai format:

 
      KODE ANDA

Terjemahan isyarat diatas:

Jika halaman yaitu halaman dengan url URL HALAMAN maka proses KODE ANDA.

URL HALAMAN, mampu anda isi dengan url halaman blog untuk tampilan yang anda inginkan muncul.

Misal, aku ingin memasang sebuah iklan tapi iklan tersebut hanya ingin muncul di halaman about yang memiliki url teknocips.comp/about.html, maka aba-aba tag kondisional yang mampu dipakai adalah sebagai berikut:
Anda bisa menentukan salah satu format tag kondisional diatas, misalnya seperti dibawah ini:

     KODE ANDA

Terjemahan isyarat diatas:

Jika halaman yakni halaman hasil pencarian maka proses KODE ANDA.

 
KODE ANDA, silahkan anda masukan kode yang anda gunakan untuk menampilkan sesuatu contohnya iklan, widget atau apapun.

f. Penggunaan Tag Kondisional pada halaman Arsip 

Di blogspot juga mengenal halaman arsip, halaman ini akan muncul dikala archive blog anda diakses,
format url untuk halaman arsip blog biasanya mempunyai format url, seperti dibawah ini:

teknocips.com2016_01_archive.html

Jika anda menginginkan tampilan di halaman tersebut berbeda dengan tapilan halaman lainnya maka anda harus memasang aba-aba tampilan dengan tag kondisional untuk halaman archive sebagai berikut:

     KODE ANDA

Terjemahan kode diatas:

Jika halaman ialah halaman arsip maka proses KODE ANDA.

KODE ANDA, Anda bisa isi dengan aba-aba yang anda gunakan untuk menampilkan sesuatu, dengan menggunakan tag kondisional di atas maka tampilan hanya akan muncul di halaman archive saja.

g. Penggunaan Tag Kondisional Di Halaman Mobile

Halaman mobile yakni setiap halaman, baik itu halaman archive, halaman muka (homepage), halaman pencarian, atau page not found 404 atau halaman lainnya namun muncul dikala halaman tersebut diakses menggunakan perangkat mobile.

Anda mampu menggunakan tag kondisional untuk perkara-kasus tertentu biar suatu tampilan halaman hanya akan muncul ketika diakses memakai perangkat mobile seperti smartphone, tablet atau perangkat mobile lainnya.

Format tag kondisional untuk halaman mobile ialah sebagai berikut:

 
        KODE ANDA

Terjemahan kode diatas:

Jika halaman diakses melalui perangkat mobile maka proses KODE ANDA.

Kode diatas hanya berlaku jikalau template perangkat mobile blog anda diaktifkan
melalui menu Template > Klik Gambar roda gigi untuk template seluler, lalu pilih “Ya tampilkan template seluler di perangkat seluler,

Seperti terlihat pada gambar dibawah ini:

# STUDI KASUS BEBERAPA PENGGUNAAN TAG KONDISIONAL

 Berikut beberapa studi kasus untuk memakai tag kondisional di blogspot anda:

Contoh Kasus #1:

Saya ingin menampilkan Widget RecentPost di sidebar tapi hanya tampil di halaman Postingan Saja, sedangkan kalau di halalaman Muka (homepage) widget tersebut jangan tampil.

Untuk menyelesaikan kasus diatas langkah-langkahnya ialah sebagai berikut:
a. Silahkan buat sebuah widget menggunakan menu layout/tata letak pada akun blogspot anda, kemudian klik tombol tambah gadget, pilih widget HTML/Javascript, kasih nama judul pada kotak yang disediakan, lalu kopikan instruksi widget anda dan simpan.

b. Sekarang masuk ke editor template anda.
Pilih menu template > Edit HTML, lakukan pencarian dengan judul widget yang Anda buat. format arahan widget biasanya mirip ini

 silahkan anda tampilkan struktur kode widget tersebut mirip ilustrasi dibawah ini:

Kurang lebih akan terlihat seperti gambar di atas, isi widget yang saya beri kotak biasanya dibungkus dengan lihat tanda panah, dan di tutup dengan arahan

Sesuai dengan studi masalah semoga widget hanya muncul di halaman artikel saja, maka isi widget (lihat yang di beri kotak), harus dibungkus dengan tag kondisional untuk halaman item atau artikel postingan (lihat instruksi warna merah dibawah ini)

Silahkan ganti atau modifikasi kode yang diberi tanda kotak seperti terlihat pada gambar diatas, kurang lebih harus terlihat mirip kode diabawh ini:

       
           
           
                

          
          

          
         

     
      

Jika diterjemahkan arahan diatas adalah sebagai berikut:

Jika jenis halaman yakni halaman artikel postingan, maka tampilkan widget

Dengan cara di atas maka widget yang bersangkutan hanya akan muncul di halaman artikel postingan saja, anda bisa juga memodifikasi widget-widget lainnya sesuai dengan yang anda inginkan.

Contoh Kasus #2:

Saya ingin menampilkan deskripsi judul blog berbeda, saat yang dibuka yaitu halaman homepage maka deskripsi judul harus sesuai yang saya seting di pengaturan seting blog, sedangkan bila yang dibuka yaitu halaman artikel postingan maka deskripsi judul harus judul artikel yang bersangkutan.

Untuk masalah tersebut langkah-langkahnya adalah sebagai berikut:

a. Masuk ke akun blogspot anda

b. Pada bilah menu sisi kiri pilih menu template > Edit HTML untuk menampilkan editor HTML

c. Lakukan pencarian Klik Editor HTML 1 kali, kemudian tekan CTRL+F untuk mengaktifkan kemudahan pencarian.
Silahkan lakukan pencarian  
untuk blog aku aku temukan struktur kode html untuk deskripsi kurang lebih seperti gambar dibawah ini:

Kode diatas akan membuat deskripsi judul untuk setiap halaman pada blog selalu sama, agar deskripsi blog antara halaman index (homepage, halaman pencarian atau label) berbeda dengan halaman artikel postingan maka kita harus melibatkan tag kondisional pada instruksi diatas.

Agar sesuai dengan kasus diatas, jikalau yang diakses halaman homepage maka yang keluar yakni deskripsi blog, sedangkan jika diakses halaman artikel postingan maka untuk deskripsi judul kita mengambil judul artikel yang bersangkutan.

Silahkan ganti isyarat yang diberi kotak mirip terlihat pada gambar diatas dengan isyarat dibawah ini:

Kode ditas jika diterjemahkan ialah sebagai berikut:

Jika jenis halaman yakni halaman artikel (…=="item"’), maka tampilkan judul artikel yang bersangkutan untuk deskripsi judul (), namun jikalau bukan () maka tampilkan deskripsi blog () untuk deskripsi judul.

PENUTUP

Contoh-acuan di atas hanyalah sebagian kecil dari penggunaan tag kondisional untuk masalah-kasus sederhana, dan hanya menggunakan operator == (sama dengan) , bisa juga memakai operator (!= tidak sama dengan) sesuai dengan kondisi-kondisi yang anda inginkan.
 
Ada banyak perkara yang bisa dipecahkan dengan tag kondisional, pada dasarnya tag ini sangat bermanfaat untuk menampilkan desain halaman atau tampilan bab-bagian tertentu pada halaman tertentu sehingga kondisinya tidak sama dengan halaman-halaman lainnya, bahkan penggunaan tag kondisional tingkat lanjut dapat anda gunakan untuk menciptakan halaman blog anda menjadi lebih ringan.

Tag kondisional sebetulnya hanya sebagian kecil dari perintah isyarat template pada blog anda, jikalau anda memahami secara baik tentang penggunaan tag kondisional sederhana dan tingkat lanjut, maka akan sangat gampang sekali melaksanakan customisasi tampilan halaman blog anda.

Demikian artikel perihal Penggunaan tag kondisional di blogspot untuk pemula agar bermanfaat untuk anda.

Follow us on