Cara Menggunakan Tag Kondisional Untuk Pemula - (Study Kasus) - Hallo sahabat Gadgetplus, Pada Artikel yang anda baca kali ini dengan judul Cara Menggunakan Tag Kondisional Untuk Pemula - (Study Kasus), kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogger Tips, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Menggunakan Tag Kondisional Untuk Pemula - (Study Kasus)
link : Cara Menggunakan Tag Kondisional Untuk Pemula - (Study Kasus)

Cara Menggunakan Tag Kondisional Untuk Pemula - (Study Kasus)

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 kasus-kasus serupa lainnya,

Jika keinginan anda kurang lebih seperti itu, maka sebagai solusinya anda bisa melibatkan penggunaan tag kondisional pada kode template blogspot anda.

Apa itu tag kondisional?
Tag kondisional sebenarnya bukan istilah asing di dunia bahasa pemrograman, di algoritma dan dunia bahasa pemrograman istilah ini sering disebut dengan "flow control", jika anda seorang programmer atau yang pernah mempelajari algoritma dan bahasa pemrograman anda pasti tidak asing dengan istilah "Flow control", dan anda pasti tau apa fungsinya serta kapan harus digunakan.

      KODE ANDA
KODE ANDA. bisa anda isi dengan kode apapun yang anda inginkan, sehingga tampilan untuk kode tersebut hanya akan muncul di halaman item atau di halaman artikel blog anda saja tidak dihalaman selain artikel.

c. Penggunaan Tag Kondisional pada Halaman Static

 Halaman bisa dikategorikan sebagai halaman static ketika sebuah halaman dibuat menggunakan menu Page/ Laman.

Halaman static biasanya digunakan untuk membuat halaman khusus seperti halaman about, halaman contact us halaman privacy policy dan halaman serupa lainnya.

Untuk blog berflatform blogspot format URL halaman static ini biasanya memiliki format:

http://namabloganda.blogspot.com/p/nama_halaman.html

Jika anda menginginkan sebuah tampilan misal: sebuah widget khusus, kode unit iklan adsense, atau desain tampilan blog lainnya, dan tampilan tersebut hanya ingin tampil atau muncul di halaman static saja tidak dihalaman lainnya, maka anda perlu membungkus kode perintah tampilan tersebut dengan tag kondisional untuk halaman static, sebagai berikut:

     KODE ANDA

KODE ANDA, bisa diisi dengan kode tampilan apapun yang anda inginkan, sehingga tampilan untuk kode 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 ketika 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 kode tampilan tersebut dengan tag kondisional untuk halaman error page, sebagai berikut:

     KODE ANDA

Terjemahan kode diatas:

Jika halaman adalah halaman error page maka proses KODE ANDA.

Silahkan Anda isi bagian KODE ANDA dengan kode tampilan yang anda tampilannya muncul di halaman page not found saja.

d. Penggunaan Tag Kondisional pada Halaman Tertentu

Bagaimana jika saya hanya ingin menampilkan suatu tampilan iklan, widget khusus atau desain tampilan lainnya tapi tampilan tersebut hanya ingin muncul di salah satu halaman tertentu saja, apakah bisa?

Tentu saja bisa.

Ada tag kondisional khusus yang bisa anda gunakan untuk menampilkan suatu tampilan agar hanya bisa tampil di suatu halaman tertentu saja yang anda inginkan.

Format tag kondisional yang bisa anda gunakan adalah sebagai berikut:

 
       KODE ANDA

Atau menggunakan format:

 
      KODE ANDA

Terjemahan kode diatas:

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

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

Misal, saya ingin memasang sebuah iklan tapi iklan tersebut hanya ingin muncul di halaman about yang memiliki url http:///p/about.html, maka kode tag kondisional yang dapat digunakan adalah sebagai berikut:
Anda bisa memilih salah satu format tag kondisional diatas, misalnya seperti dibawah ini:

      KODE IKLAN

Dengan memasang kode tag kondisional di atas pada template blog anda, maka kode iklan akan tampil hanya di halaman about yang memiliki url http:///p/about.html.

e. Penggunaan Tag Kondisional Pada Halaman Label

Halaman label biasanya akan muncul atau tampil ketika yang diakses adalah label artikel blog yang digunakan, atau ketika anda mengakses menu blog yang menggunakan pengkategorian menu dengan label, atau halaman hasil pencarian pada blog.

Halaman ini biasanya memiliki format URL seperti berikut:

http:///search/label/nama_label

Jika anda ingin menampilkan sesuatu misalnya iklan, widget khusus yang hanya ingin muncul di halaman label saja, maka anda bisa membungkus kode anda dengan tag kondisional untuk label sebagai berikut:

     KODE ANDA

Terjemahan kode diatas:

Jika halaman adalah halaman hasil pencarian maka proses KODE ANDA.

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

f. Penggunaan Tag Kondisional pada halaman Arsip 

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

http:///2016_01_archive.html

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

     KODE ANDA

Terjemahan kode diatas:

Jika halaman adalah halaman arsip maka proses KODE ANDA.

KODE ANDA, Anda bisa isi dengan kode 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 adalah setiap halaman, baik itu halaman archive, halaman muka (homepage), halaman pencarian, atau page not found 404 atau halaman lainnya namun muncul ketika halaman tersebut diakses menggunakan perangkat mobile.

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

Format tag kondisional untuk halaman mobile adalah sebagai berikut:

 
        KODE ANDA

Terjemahan kode diatas:

Jika halaman diakses melalui perangkat mobile maka proses KODE ANDA.

Kode diatas hanya berlaku jika template perangkat mobile blog anda diaktifkan
melalui menu Template > Klik Gambar roda gigi untuk template seluler, kemudian 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 menggunakan tag kondisional di blogspot anda:

Contoh Kasus #1:

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

Untuk menyelesaikan kasus diatas langkah-langkahnya adalah 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, kemudian kopikan kode 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 kode widget biasanya seperti ini

 silahkan anda tampilkan struktur kode widget tersebut seperti 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 kode

Sesuai dengan studi kasus agar 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 kode warna merah dibawah ini)

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

       
           
           
                

          
          

          
         

     
      

Jika diterjemahkan kode diatas adalah sebagai berikut:

Jika jenis halaman adalah 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, ketika yang dibuka adalah halaman homepage maka deskripsi judul harus sesuai yang saya seting di pengaturan seting blog, sedangkan jika yang dibuka adalah halaman artikel postingan maka deskripsi judul harus judul artikel yang bersangkutan.

Untuk kasus 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 fasilitas pencarian.
Silahkan lakukan pencarian  
untuk blog saya saya 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 kode diatas.

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

Silahkan ganti kode yang diberi kotak seperti terlihat pada gambar diatas dengan kode dibawah ini:

Kode ditas jika diterjemahkan adalah sebagai berikut:

Jika jenis halaman adalah halaman artikel (...=="item"'), maka tampilkan judul artikel yang bersangkutan untuk deskripsi judul (), namun jika bukan () maka tampilkan deskripsi blog () untuk deskripsi judul.

PENUTUP

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

Tag kondisional sebenarnya hanya sebagian kecil dari perintah kode template pada blog anda, jika anda memahami secara baik tentang penggunaan tag kondisional sederhana dan tingkat lanjut, maka akan sangat mudah sekali melakukan customisasi tampilan halaman blog anda.

Demikian artikel tentang Penggunaan tag kondisional di blogspot untuk pemula semoga bermanfaat untuk anda.

Demikianlah Artikel Cara Menggunakan Tag Kondisional Untuk Pemula - (Study Kasus)

Mudah-mudahan tutorial Cara Menggunakan Tag Kondisional Untuk Pemula - (Study Kasus) Kali ini, bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya. Dan jangan lupa share tutorial ini agar semakin berguna bagi orang banyak.

Anda sekarang membaca artikel Cara Menggunakan Tag Kondisional Untuk Pemula - (Study Kasus) dengan alamat link https://www.gadgetplus.my.id/2021/12/cara-menggunakan-tag-kondisional-untuk.html

You Might Also Like: