Membuat Tampilan Posting Berbeda-Beda Berdasarkan Label - Karena tadi ada yang request tutorial tentang membuat tampilan posting Berbeda-Beda Berdasarkan Label , sebetulnya cara ini tidak terlalu sulit , anda hanya butuh memahami css , java script serta html , ok langsung saja tanpa panjang lebar mari kita buat tampilan posting Berbeda-Beda Berdasarkan Label
Berikut Tutorial Membuat Tampilan Posting Berbeda-Beda Berdasarkan Label :
Langkah Pertama adalah sobat harus temukan terlebih dahulu elemen yang biasanya digunakan untuk membungkus daftar label . cara mengetahuinya dengan cara inspect elemen
Langkah yang kedua Lihat semua posting yang ada kemudian cek masing-masing tautan di dalam span.post-labels Cek apakah di dalamnya terdapat kata tertentu atau tidak (misalnya: Android)
Jika ada, tambahkan satu kelas spesifik baru pada posting tersebut
Setelah itu Pasang kode Java Script di bawah ini tepat diatas kode
Nah langkah yang terkahir sobat pasang CSS ini di atas ]]>atau
.post.red {background-color:red; }
.post.green {background-color:green; }
.post.blue {background-color:blue; }
.post.yellow {background-color:yellow;}
Kemudian Simpan Template . Untuk memudahkan cara ini , saya sarankan untuk menggunakan Tool ini
Jika sobat ingin Tampilan Posting Berbeda-Beda Berdasarkan Label seperti pada blog ini , maka sobat harus kembangkan sendiri ya css nya
Artikel keren lainnya:
Belum ada tanggapan untuk "Membuat Tampilan Posting Berbeda-Beda Berdasarkan Label"
Posting Komentar