Wawudia
Nama Kode Warna dan Cara Menggunakannya

Nama Kode Warna dan Cara Menggunakannya

 


Bergelut di dunia blog, tentunya seringkali kita bersinggungan dengan warna. Dalam ngeblog, kita dapat mewarnai teks, background teks, garis, dan lain sebagainya. Dalam artikel ini, dijelaskan kode warna baik berupa nama, kode hex rgb, dan kode desimal rgb.


Setidaknya ada dua jenis warna yang dijelaskan dalam artikel ini yaitu kode warna dasar dan kode warna campuran. Namun bukan berarti semua warna ada dan dijelaskan dalam list atau artikel ini, karena warna-warna yang dimasukkan di sini adalah warna-warna yang hanya punya kode nama warna sesuai yang dikutip dari situs Konsorsium World Wide Web atau klik di sini.


Daftar Isi (Klik Subjudul yang ingin dibaca)


Kode Warna Dasar

Berikut ini adalah kode-kode warna-warna dasar (Basic Colors) seperti hitam, merah, kuning, hijau, dan lain-lain. Ada 3 kode warna dasar yang dapat dipakai yaitu kode warna nama, kode warna hex RGB, dan kode warna desimal RGB. RGB adalah kepanjangan dari Red Green Blue.


Warna Kode Nama
Kode HEX RGB Kode Desimal RGB
  black #000000 0,0,0
  silver #C0C0C0 192,192,192
  gray #808080 128,128,128
  white #FFFFFF 255,255,255
  maroon #800000 128,0,0
  red #FF0000 255,0,0
  purple #800080 128,0,128
  fuchsia #FF00FF 255,0,255
  green #008000 0,128,0
  lime #00FF00 0,255,0
  olive #808000 128,128,0
  yellow #FFFF00 255,255,0
  navy #000080 0,0,128
  blue #0000FF 0,0,255
  teal #008080 0,128,128
  aqua #00FFFF 0,255,255


Kode Warna Campuran

Berikut ini adalah kode-kode warna campuran (Extended Colors) seperti merah hati, merah jingga, biru dongker, biru langit, dan lain-lain. Ada 3 kode warna dasar yang dapat dipakai yaitu kode warna nama, kode warna hex RGB, dan kode warna desimal RGB. RGB adalah kepanjangan dari Red Green Blue.

 

Warna Kode Nama Kode HEX RGB Kode Desimal RGB
  aliceblue #f0f8ff 240,248,255
  antiquewhite #faebd7 250,235,215
  aqua #00ffff 0,255,255
  aquamarine #7fffd4 127,255,212
  azure #f0ffff 240,255,255
  beige #f5f5dc 245,245,220
  bisque #ffe4c4 255,228,196
  black #000000 0,0,0
  blanchedalmond #ffebcd 255,235,205
  blue #0000ff 0,0,255
  blueviolet #8a2be2 138,43,226
  brown #a52a2a 165,42,42
  burlywood #deb887 222,184,135
  cadetblue #5f9ea0 95,158,160
  chartreuse #7fff00 127,255,0
  chocolate #d2691e 210,105,30
  coral #ff7f50 255,127,80
  cornflowerblue #6495ed 100,149,237
  cornsilk #fff8dc 255,248,220
  crimson #dc143c 220,20,60
  cyan #00ffff 0,255,255
  darkblue #00008b 0,0,139
  darkcyan #008b8b 0,139,139
  darkgoldenrod #b8860b 184,134,11
  darkgray #a9a9a9 169,169,169
  darkgreen #006400 0,100,0
  darkgrey #a9a9a9 169,169,169
  darkkhaki #bdb76b 189,183,107
  darkmagenta #8b008b 139,0,139
  darkolivegreen #556b2f 85,107,47
  darkorange #ff8c00 255,140,0
  darkorchid #9932cc 153,50,204
  darkred #8b0000 139,0,0
  darksalmon #e9967a 233,150,122
  darkseagreen #8fbc8f 143,188,143
  darkslateblue #483d8b 72,61,139
  darkslategray #2f4f4f 47,79,79
  darkslategrey #2f4f4f 47,79,79
  darkturquoise #00ced1 0,206,209
  darkviolet #9400d3 148,0,211
  deeppink #ff1493 255,20,147
  deepskyblue #00bfff 0,191,255
  dimgray #696969 105,105,105
  dimgrey #696969 105,105,105
  dodgerblue #1e90ff 30,144,255
  firebrick #b22222 178,34,34
  floralwhite #fffaf0 255,250,240
  forestgreen #228b22 34,139,34
  fuchsia #ff00ff 255,0,255
  gainsboro #dcdcdc 220,220,220
  ghostwhite #f8f8ff 248,248,255
  gold #ffd700 255,215,0
  goldenrod #daa520 218,165,32
  gray #808080 128,128,128
  green #008000 0,128,0
  greenyellow #adff2f 173,255,47
  grey #808080 128,128,128
  honeydew #f0fff0 240,255,240
  hotpink #ff69b4 255,105,180
  indianred #cd5c5c 205,92,92
  indigo #4b0082 75,0,130
  ivory #fffff0 255,255,240
  khaki #f0e68c 240,230,140
  lavender #e6e6fa 230,230,250
  lavenderblush #fff0f5 255,240,245
  lawngreen #7cfc00 124,252,0
  lemonchiffon #fffacd 255,250,205
  lightblue #add8e6 173,216,230
  lightcoral #f08080 240,128,128
  lightcyan #e0ffff 224,255,255
  lightgoldenrodyellow #fafad2 250,250,210
  lightgray #d3d3d3 211,211,211
  lightgreen #90ee90 144,238,144
  lightgrey #d3d3d3 211,211,211
  lightpink #ffb6c1 255,182,193
  lightsalmon #ffa07a 255,160,122
  lightseagreen #20b2aa 32,178,170
  lightskyblue #87cefa 135,206,250
  lightslategray #778899 119,136,153
  lightslategrey #778899 119,136,153
  lightsteelblue #b0c4de 176,196,222
  lightyellow #ffffe0 255,255,224
  lime #00ff00 0,255,0
  limegreen #32cd32 50,205,50
  linen #faf0e6 250,240,230
  magenta #ff00ff 255,0,255
  maroon #800000 128,0,0
  mediumaquamarine #66cdaa 102,205,170
  mediumblue #0000cd 0,0,205
  mediumorchid #ba55d3 186,85,211
  mediumpurple #9370db 147,112,219
  mediumseagreen #3cb371 60,179,113
  mediumslateblue #7b68ee 123,104,238
  mediumspringgreen #00fa9a 0,250,154
  mediumturquoise #48d1cc 72,209,204
  mediumvioletred #c71585 199,21,133
  midnightblue #191970 25,25,112
  mintcream #f5fffa 245,255,250
  mistyrose #ffe4e1 255,228,225
  moccasin #ffe4b5 255,228,181
  navajowhite #ffdead 255,222,173
  navy #000080 0,0,128
  oldlace #fdf5e6 253,245,230
  olive #808000 128,128,0
  olivedrab #6b8e23 107,142,35
  orange #ffa500 255,165,0
  orangered #ff4500 255,69,0
  orchid #da70d6 218,112,214
  palegoldenrod #eee8aa 238,232,170
  palegreen #98fb98 152,251,152
  paleturquoise #afeeee 175,238,238
  palevioletred #db7093 219,112,147
  papayawhip #ffefd5 255,239,213
  peachpuff #ffdab9 255,218,185
  peru #cd853f 205,133,63
  pink #ffc0cb 255,192,203
  plum #dda0dd 221,160,221
  powderblue #b0e0e6 176,224,230
  purple #800080 128,0,128
  red #ff0000 255,0,0
  rosybrown #bc8f8f 188,143,143
  royalblue #4169e1 65,105,225
  saddlebrown #8b4513 139,69,19
  salmon #fa8072 250,128,114
  sandybrown #f4a460 244,164,96
  seagreen #2e8b57 46,139,87
  seashell #fff5ee 255,245,238
  sienna #a0522d 160,82,45
  silver #c0c0c0 192,192,192
  skyblue #87ceeb 135,206,235
  slateblue #6a5acd 106,90,205
  slategray #708090 112,128,144
  slategrey #708090 112,128,144
  snow #fffafa 255,250,250
  springgreen #00ff7f 0,255,127
  steelblue #4682b4 70,130,180
  tan #d2b48c 210,180,140
  teal #008080 0,128,128
  thistle #d8bfd8 216,191,216
  tomato #ff6347 255,99,71
  turquoise #40e0d0 64,224,208
  violet #ee82ee 238,130,238
  wheat #f5deb3 245,222,179
  white #ffffff 255,255,255
  whitesmoke #f5f5f5 245,245,245
  yellow #ffff00 255,255,0
  yellowgreen #9acd32 154,205,50


Cara Penggunaan Kode Warna

Dari ketiga kode warna di atas, semuanya dapat Anda gunakan baik kode nama warna, kode hex rgb warna, dan kode desimal rgb warna. Sebagai contoh kita akan mencoba menulis teks berwarna beserta warna backgroundnya (latar belakang). 

 

Kita coba gunakan teks berbunyi "WAWUDIA", warna teks nya berupa warna merah atau red, sedangkan warna latar belakang (background) teks nya berupa warna whitesmoke dengan gunakan <span>, sehingga hasilnya menjadi WAWUDIA.


1. Kode Nama Warna

Salah satu contoh penggunaan kode HTML dengan kode nama warna, sebagai berikut:

<span style="background-color: wheat; color: blue;">WAWUDIA</span>


Hasilnya :

WAWUDIA


2. Kode HEX RGB Warna

Salah satu contoh penggunaan kode HTML dengan kode HEX RGB warna (warna yang sama dengan sebelumnya), sebagai berikut:

<span style="background-color: #f5deb3; color: #0000FF;">WAWUDIA</span>

 

Hasilnya :

WAWUDIA

 

3. Kode Desimal RGB Warna

Salah satu contoh penggunaan kode HTML dengan kode Desimal RGB warna (warna yang sama dengan sebelumnya), sebagai berikut:

<span style="background-color:rgb(245, 222, 179); color:rgb(0, 0, 255);">WAWUDIA</span>

 

Hasilnya :

WAWUDIA

 

Untuk penggunaan kode Hex RGB dan kode desimal RGB Warna saat ditulis pada mode HTML Post blog, biasanya saat dikembalikan ke mode Compose/Menulis maka akan berubah menjadi kode nama warna seperti blue dan wheat.

 

Sekian.

Berapa Giga Mobile Legends 2021

Berapa Giga Mobile Legends 2021


Game (dalam KBBI disebut Gim) Mobile Legends Bang Bang (MLBB) adalah salah satu gim yang paling populer di ranah ponsel. Sekalipun dulu sempat dicap sebagai game dengan grafik jelek namun sedikit demi sedikit (ditambah sudah terkenal) pihak Mobile Legends memperbarui grafik mereka.


Dulu, file gim Mobile Legends memiliki storage (ukuran) sekitar 1 GB (Giga Byte)-an saja. Tapi sekarang, gim Mobile Legends Bang Bang semakin berlipat. Mengapa demikian? Tentu saja karena grafik yang semakin bagus menjadi salah satu alasan mengapa gim ini semakin berat.


Berapa Giga Byte Mobile Legends sekarang? Berapa GB ukuran game ML sekarang? Jawabannya dapat Anda temukan sendiri dengan mudah, kok. Cukup klik dan tahan aplikasi Mobile Legends di ponsel Anda, lalu muncul tabs, lalu pilih Informasi. Atau kalau masih bingung, coba pakai cara ini:

 

1. Buka Pengaturan

2. Pilih dan Buka Aplikasi dan Notifikasi

3. Pilih dan Buka Info Aplikasi

4. Cari Mobile Legends. Di sana tertulis berapa ukuran penyimpanan nya.

 

Cara di atas, kadang setiap ponsel berbeda-beda di langkah keduanya. Sisanya kurang lebih sama. Cara di atas adalah cara yang penulis lakukan di ponsel Asus Zenfone 3. Intinya Anda cari pengaturan aplikasi di pengaturan, baru cari Mobile Legends Bang Bang.


Mengapa saat ini file gim MLBB semakin berat? Mungkin salah satu jawabannya adalah karena semakin banyak file-file tambahan yang menjadikan MLBB semakin bagus. Apa saja file-file tersebut dapat Anda lihat ketika pertama kali menginstalasi gim ini. 



Gambar di atas adalah rincian data yang diunduh saat pertama kali instalasi gim MLBB. Berikut ini beberapa data (tidak semua dicantumkan di sini) yang menurut penulis cukup banyak dan harus diunduh saat menginstalasi gim Mobile Legends Bang Bang ini:


1. Model Hero Battle : 15.83 Mb

2. Resource Efek Battle Hero : 50.47 Mb

3. Resource Suara Battle Hero : 80.53 Mb

4. Model Tampilan Hero : 166.98 Mb

5. Resource Efek Tampilan Hero : 50.85 Mb

6. Resource Gambar Sistem : 245.85 Mb

7. Resource Efek Sistem : 52.69 Mb

8. Resource Share Gambar : 29.19 Mb

9. Model Tampilan Skin : 1026.10 Mb

10. Resource Efek Tampilan Skin : 273.98 Mb

11. Resource Painted Skin HD : 56.09 Mb

12. Model Skin Battle : 112.92 Mb

13. Resource Efek Battle Skin : 170.33 Mb

14. Resource Sacred Statue : 30.11 Mb


Data di atas belum semuanya. Dan jika data-data di atas dijumlahkan, maka total seluruh data di atas adalah sekitar 2361,92 Mb atau lebih dari 2 GB. Belum data-data lainnya. Oh iya, versi gim Mobile Legends yang saat ini dibahas adalah Versi 1.5.88.6441 Apakah versi ke depan lebih berat lagi? Entahlah.


Yang jelas, di versi sekarang ini (versi 1.5.88.6441) saja total sudah 4 GB belum ditambah kuki (cookie). Itulah artikel singkat yang membahas berapa ukuran atau berapa giga gim Mobile Legends Bang Bang sekarang pada tahun 2021.


Sekian.

Istilah Islam dalam Kata Serapan Indonesia

Istilah Islam dalam Kata Serapan Indonesia


Istilah-istilah dalam Islam banyak juga yang menjadi kata serapan dalam Bahasa Indonesia. Berikut ini beberapa istilah Islam dalam kata serapan Bahasa Indonesia yang diambil dari Kamus Besar Bahasa Indonesia (KBBI) Edisi V.


Namun tidak semuanya, penulis masukkan dalam artikel ini. Begitu pula penjelasan atau maknanya. Anda dapat langsung mengunjungi situs resmi KBBI atau mengunduh aplikasi resmi KBBI di platform ponsel Anda.


A

Amar Makruf Nahi Mungkar

Ansar =  Para pembantu perjuangan atau sahabat Nabi Muhammad dari kalangan penduduk Madinah

Asar = Waktu salat wajib

Asbabunnuzul

Ashabulkahfi

Asmaulhusna


B

Baitulmaqdis

Barzanji = Bacaan puji-pujian yang berisi riwayat Nabi Muhammad

Billahi = Demi Allah (ucapan sumpah)


D

Dai = Orang yang kerjaannya dakwah

Doa Kunut = Doa tertentu/khusus yang biasanya dibaca setiap salat subuh dan pada salat witir mulai tanggal 16-30 Ramadan

Duafa = Orang-orang lemah (ekonominya dan sebagainya)

Duha = Waktu menjelang tengah hari (kurang lebih pukul 10.00)


F

Fai = Harta rampasan perang yang diperoleh tanpa melalui pertempuran

Fidiah = Denda (biasanya berupa makanan pokok) yang harus dibayar oleh seorang muslim karena melanggar salah satu ketentuan dalam ibadah puasa


H

Hablun Minallah

Hablun Minannas

Husnulkhatimah


I

Idah = masa tunggu (belum boleh menikah)

Ijmak = Kesesuaian pendapat (kata sepakat) dari para ulama

Ikamah = Panggilan atau seruan segera berdiri untuk salat

Iktikaf = Diam beberapa waktu di dalam masjid

Isra Mikraj

Istiazah = Ucapan auzubillahi minasysyaitanirrajim

Istigasah

Istikharah

Istirja


K

Kaifiah = Tata cara

Kaul = Fatwa

Kisas = Pembalasan setimpal dalam pelaksanaan hukum Islam

Kutubusitah = Buku-buku hadis Rasul yang diriwayatkan oleh enam orang perawi terkenal


L

Lailatulqadar

Lauhulmahfuz


M

Mahar Misil = maskawin yang kadarnya disesuaikan dengan kadar yang diterima oleh kerabat dekat pengantin perempuan

Mahsyar

Makruh

Masbuk

Mauizah = Nasihat atau pelajaran

Mazhab

Musabaqah = Perlombaan


N

Nuzululquran


Q

Qasar

Qiamulail

Qiraah = bacaan; hal-hal yang berhubungan dengan cara pembacaan Alquran


R

Rukiah

Rukuk


S

Salat

Salat Iduladha

Salat Idulfitri

Sidratulmuntaha

Siratalmustakim


T

Taklid = Peniruan

Tawadu


U

Ululabsar = orang-orang yang memiliki pikiran cerdas dan pandangan yang luas

Ululalbab = orang-orang yang memiliki akal sehat

Ululazmi = gelar yang diberikan kepada lima orang Rasul

Ululilmi = orang-orang yang memiliki pengetahuan yang luas

Usuluddin


W

Wudu


Waktu Salat dalam KBBI

Subuh

Duha

Zuhur

Asar

Magrib

Isya


Sekian.

Tutorial Speaker Bluetooth Acome A5

Tutorial Speaker Bluetooth Acome A5


Acome A5 merupakan salah satu produk Speaker Bluetooth yang penulis miliki. Salah satu alasan mengapa penulis membeli speaker ini adalah karena adanya jam digital. Dengan kata lain, dengan beli Acome A5 berarti sekaligus beli Jam Digital dan Speaker Bluetooth.


Artikel ini menjelaskan pengalaman dalam menggunakan Acome A5 atau tutorial speaker bluetooth Acome A5 yang terdiri dari penjelasan tentang tombol-tombolnya, cara menggunakan speaker bluetoothnya, cara setting jamnya, dan cara setting alarmnya.



Tombol-tombol Acome A5

Di bagian atas Acome A5 terdapat 6 tombol yang terbagi menjadi dua karena di tengah-tengah nya ada lubang kecil, sehingga supaya lebih mudah dipahami, kita anggap 3 tombol ada di sebelah kanan dan 3 tombol ada di sebelah kiri.


Tiga tombol yang berada di sebelah kanan memiliki fungsi ON/OFF (power), volume, dan next/previous. Lalu tiga tombol yang berada di sebelah kiri berfungsi untuk mengatur pencahayaan (brightness), setting jam termasuk alarm, dan mode lain termasuk radio.


Berikut penjelasan masing-masing tombol dari gambar tombol dan fungsinya (diurutkan dari sebelah kiri):

1. ☀ : Mengatur kecerahan

2. SET : Mengatur jam termasuk alarm

3. M : Mengatur mode termasuk radio

4. –|≪: Mengatur volume ke rendah dan play previous

5. Ο : Mengatur ON/OFF atau power

6. ≫|+ : Mengatur play next dan volume ke tinggi


Cara Menggunakan Speaker Bluetooth Acome A5

Lalu bagaimana cara menggunakan speaker bluetooth Acome A5? Caranya cukup mudah. Berikut adalah langkah-langkah atau cara menggunakan atau menyambungkan bluetooth ke speaker Acome A5 :

1. Nyalakan Speaker Acome A5

2. Nyalakan Bluetooth ponsel Anda

3. Di pencarian Bluetooth, pilih ACOME A5

4. Klik SANDINGKAN


Biasanya jika bluetooth nya berhasil disandingkan atau menyambungkan, maka muncul suara tut dari speaker nya. Mungkin sebagian bertanya, bagaimana cara menyalakan bluetooth di speaker nya? Saat Anda menghidupkan speaker, maka akan muncul tulisan BT di layar speaker nya dan itu menunjukkan bahwa bluetoothnya telah aktif.


Tulisan BT di speaker akan hilang secara otomatis jika speaker tidak tersambung ke bluetooth manapun dalam jangka waktu lama. Jika tulisan BT di speaker kelap-kelip atau muncul hilang, itu menandakan speaker masih mencari sambungan bluetooth. Jika tulisan BT di speaker nya muncul terus atau hidup, berarti bluetooth telah tersambung.


Bagaimana cara memunculkan tulisan BT yang hilang gara-gara tidak tersambung, padahal speaker telah lama hidup? Caranya mudah. Cukup tekan tombol Ο (tombol ke-2 dari kanan). Tekan sekali tombol Ο maka akan mengaktifkan kembali bluetoothnya. Jika Anda tekan dan tahan tombol Ο maka akan menghidupkan atau mematikan speakernya.


Cara Setting Jam Acome A5

Salah satu fitur penting dalam Acome A5 ini adalah jam digitalnya. Secara default (bawaan), jam sudah terpasang sesuai dengan waktu nya. Namun sebagai jaga-jaga, siapa tahu jam nya mati atau terlambat maka Anda dapat mengatur sendiri perubahan jamnya.

 

Cara setting atau mengatur jam Acome A5 sendiri perlu perhatian khusus. Yaitu perhatikan di layar speaker nya, apakah terdapat gambar alarm atau tidak (⏰). Apabila tidak ada tanda alarm maka aman dan siap setting jam. Namun jika ada tanda alarm, tekan tombol SET sampai gambar atau tanda alarmnya hilang.


Jika sudah hilang tanda atau gambar alarm, berikut ini langkah-langkah untuk setting atau mengatur jam di Acome A5:

1. Tekan dan tahan tombol SET sampai angka jam berkedip.

2. Tekan tombol –|≪ atau ≫|+ untuk mengatur angka jam.

3. Jika sudah, tekan tombol SET lagi untuk mengatur angka menit.

4. Tekan tombol –|≪ atau ≫|+ untuk mengatur angka menit.

5. Tekan dan tahan tombol SET sampai angka berhenti berkedip.

 

Jika Anda ingin mengatur angka jam saja tanpa ubah angka menit, maka langsung ke langkah ke-5 setelah Anda mengubah angka jam.

 

Cara Setting Alarm Acome A5

Lalu bagaimana jika ingin menggunakan alarm dalam Acome A5? Caranya mirip dengan cara setting jam Acome A5. Intinya, perhatikan simbol atau tanda alarm (⏰). Tanda alarm di Acome A5 ada 2. Artinya, jam digital ini bisa digunakan untuk 2 waktu alarm yang berbeda.


Untuk berpindah dari alarm 1 ke alarm 2, cukup tekan tombol SET. Secara total, fungsi tombol SET bisa ditekan hingga 4 kali. Sekali tekan untuk pindah ke alarm satu. Sekali untuk pindah ke alarm dua. Sekali tekan muncul 2 gambar alarm (⏰ ⏰). Dan sekali lagi untuk menghilangkan alarm.


Untuk mengubah atau setting alarm, tekan tombol SET hingga muncul gambar alarm mana yang ingin Anda setting. Jika sudah, maka langkah-langkahnya sama dengan cara setting jam yaitu:

1. Tekan dan tahan tombol SET sampai angka jam berkedip.

2. Tekan tombol –|≪ atau ≫|+ untuk mengatur angka jam.

3. Jika sudah, tekan tombol SET lagi untuk mengatur angka menit.

4. Tekan tombol –|≪ atau ≫|+ untuk mengatur angka menit.

5. Tekan dan tahan tombol SET sampai angka berhenti berkedip.


Selesai.


Catatan :

1. Untuk mematikan alarm, tekan tombol SET sampai gambar alarm tidak ada.

2. Untuk menghidupkan 1 alarm, tekan tombol SET sampai muncul gambar satu alarm (⏰). (Bisa memilih alarm 1 atau 2)

3. Untuk menghidupkan 2 alarm, tekan tombol SET sampai muncul gambar 2 alarm (⏰ ⏰).


Sekian.

Pertama Kali Daftar Google Analytics Terbaru 2021

Pertama Kali Daftar Google Analytics Terbaru 2021

 


Setelah Google Webmaster yang berubah jadi Google Search Console, lalu tampilan Blogger juga berubah, terakhir ada Google Analytics yang ikut berubah. Penulis cukup kebingungan akan tampilan Google Analytics terbaru. Ternyata, ada versi baru yang dinamakan Google Analytics 4.

 

Di artikel ini tidak akan dibahas apa itu Google Analytics 4 beserta fungsinya. Artikel ini berfokus tentang bagaimana cara mendaftarkan atau menautkan blog baru Anda ke Google Analytics untuk pertama kalinya. Alias baru pertama kali menggunakan Google Analytics.


Banyak manfaat yang diperoleh jika Anda menautkan blog dengan Google Analytics. Diantaranya adalah dapat mengetahui pengunjung blog secara realtime (waktu nyata), demografi (asal) pengunjung, peramban (browser) yang digunakan para pengunjung, dan masih banyak lagi. Intinya, daftar di Google Analytics sangat penting.


Lalu bagaimana cara mendaftarkan blog ke Google Analytics? Apa yang harus dilakukan saat pertama kali mendaftarkan blog di Google Analytics? Bagaimana cara daftar Google Analytics terbaru pada tahun 2021 ini? Ikuti langkah-langkahnya sebagai berikut :


Langkah Ke-1

Masuk ke situs Google Analytics atau klik di sini.

Pastikan Anda sudah log-in atau masuk ke akun Google Anda. Lalu masuk ke situs Google Analytics dan klik MULAI MENGUKUR


Langkah Ke-2

Isi Nama Akun Google Analytics Anda 

Isi kolom untuk nama akun baru Anda seperti pada gambar di bawah ini! Satu akun dapat digunakan untuk beberapa blog, sehingga Anda tidak perlu khawatir harus membuat banyak akun Google Analytics. Nama di sini adalah nama secara umum.


Jika sudah yakin dengan Nama Akun yang Anda pilih, tekan tombol BERIKUTNYA yang terletak di kiri bawah. Untuk tanda centang di beberapa opsi, cukup lewati saja atau biarkan secara default (bawaan). Langsung saja tekan tombol BERIKUTNYA.


Langkah Ke-3

Klik untuk Centang. Lalu klik SAYA SETUJU

Anda cukup klik-klik berikutnya dan akan muncul kotak persetujuan tentang ketentuan layanan (terms of service) Google Analytics seperti gambar di bawah ini! Centang pada kolom yang di samping nya tertulis "Saya bersedia menyetujui......."

Jika sudah dicentang, klik tombol SAYA SETUJU


Langkah Ke-4

Isi kolom-kolom yang tersedia

Setelah klik SAYA SETUJU di langkah sebelumnya, maka Anda akan dibawa ke tampilan seperti di bawah ini. Perhatikan baik-baik kolom yang penulis beri warna merah! Siapkan nama properti, zona waktu, dan mata uang.

Bagaimana cara pengisiannya?

 

1. Isi nama properti dengan nama yang Anda inginkan. Nama properti berbeda dengan nama akun yang tadi dibahas di langkah sebelumnya. Saran penulis, isi nama properti dengan nama blog Anda. Contoh seperti di gambar nama blog Wawudiaa.

2. Ganti Zona Waktu Pelaporan ke negara Indonesia. Jika tidak diganti atau diubah, juga tidak apa-apa.

3. Ganti Mata Uang ke Rupah. Ini juga tidak diganti, juga tidak masalah.

4. JANGAN KLIK BERIKUTNYA! Tapi klik TAMPILKAN OPSI LANJUTAN

Jika Anda langsung klik berikutnya, maka akun Google Analytics Anda akan menjadi versi terbaru yaitu Google Analytics 4


Langkah Ke-5

Isi dan centang sesuai panduan

Setelah Anda klik TAMPILKAN OPSI LANJUTAN, maka akan muncul tampilan seperti gambar di bawah ini!


Ikuti instruksi sesuai kotak atau bulatan yang penulis beri nomor dan warna merah!

1. Hidupkan toogle properti Universal Analytics seperti di gambar. Secara default, toogle nya mati atau off. Jika off, maka akun Google Analytics nya menjadi versi baru yakni Google Analytics 4.

2. Isi sesuai alamat blog Anda

3. Pilih BUAT PROPERTI UNIVERSAL ANALYTICS SAJA

4. Klik tombol BERIKUTNYA


Langkah Ke-6

Klik Tombol BUAT

Kolom-kolom centang yang disediakan tidak usah diubah, langsung gulir (scroll) ke bawah dan klik tombol BUAT


Langkah Ke-7

Salin ID Pelacakan

Setelah Anda klik buat, akun Google Analytics Anda telah jadi beserta kode pelacakan untuk blog Anda. Kode atau ID pelacakan biasanya terdiri dari 9 angka dan diawali dengan UA dan diakhiri dengan strip lalu satu angka seperti contoh pada gambar di bawah ini.


Jika Anda belum menemukan ID pelacakan, coba buka ulang Google Analytics, lalu klik ADMIN, klik INFO PELACAKAN, klik KODE PELACAKAN. Nah, di situ Anda akan melihat kode ID Pelacakan untuk blog atau situs Anda. Jangan lupa di copy atau salin kode tersebut karena akan ditaruh di Blogger.


Langkah Ke-8

Masuk ke akun Blogger Anda

Masuk ke situs blogger.com lalu buka blog yang akan diberi kode pelacakan Google Analytics


Langkah Ke-9

Masukkan Kode Pelacakan

Ikuti seperti instruksi pada gambar di bawah ini!

1. Klik SETELAN

2. Cari dan Klik ID Properti Google Analytics

3. Paste atau Tempel Kode yang sudah dicopy tadi

4. Klik tombol SIMPAN


Selesai.


Bagaimana, cukup mudah, bukan?! Sampai sini, seharusnya Google Analytics sudah terpasang di blog Anda. Namun penulis menyarankan untuk mengecek ulang apakah Google Analytics nya benar-benar sudah terpasang di blog Anda. Bagaimana caranya?


Buka blog Anda (https://blogkamu.blogspot.com). Lalu buat jendela atau tabs baru dan buka akun Google Analytics Anda. Nah, jika di beranda akun Google Analytics Anda muncul data realtime maka pemasangan telah berhasil. Jika hanya angka 0 saja maka Google Analytics belum terpasang. Perhatikan gambar di bawah ini!


Sekian.

Cara Membuat Baca Juga Simpel di Postingan Blog

Cara Membuat Baca Juga Simpel di Postingan Blog


Pernahkah Anda saat membaca suatu artikel di sebuah blog atau situs, lalu melihat sebuah kotak yang berjudul BACA JUGA dan berisi daftar-daftar artikel lain. Terkadang diberi judul BACA ARTIKEL LAIN. Itulah yang biasa disebut kotak Baca Juga atau kotak artikel terkait (related post).


Nah, di artikel ini penulis akan bagikan beberapa cara membuat baca juga sederhana atau simpel yang biasa muncul di dalam postingan blog. Kenapa disebut simpel? Karena penulis tidak menggunakan kode-kode CSS sebagaimana yang biasa ada dalam kotak BACA JUGA. Mengapa tidak pakai? Biar simpel saja.


Memang ada beberapa kelemahan jika menggunakan BACA JUGA simpel ini. Misalnya harus dipasang manual, lalu dipasang setiap ada artikel baru, bentuknya juga kurang keren, dan lain sebagainya. Namun keuntungannya adalah Anda bisa memilih artikel apapun yang inginkan. 


Tidak seperti kotak BACA JUGA keren-keren yang biasa bertebaran, BACA JUGA di sini lebih simpel dan kurang keren. Mungkin juga ide-ide berikut sudah pernah Anda pikirkan sebelumnya. Ada beberapa BACA JUGA yang penulis siapkan. Anda bisa pilih yang Anda sukai.


BACA JUGA FORMAT 1

Contoh

 >>> BACA JUGA : Cara Buat Blog Terbaru <<<<

 

BACA JUGA yang ini sangat sederhana karena hanya menggunakan tulisan berisi tautan atau link. Diawali dengan tanda >>> lalu tulisan BACA JUGA yang dicetak tebal (bold) dan ditutup dengan tanda <<<. Tanda-tanda demikian dimaksudkan menarik pembaca untuk menekan tautan tersebut.


BACA JUGA FORMAT 2

Contoh

Baca Juga : Coba Kunjungi Blog Ini

 

BACA JUGA kali ini dibungkus dengan kotak berwarna dan di dalamnya terdapat tautan atau link artikel yang Anda inginkan. Kode-kode nya untuk kotak BACA JUGA di atas adalah sebagai berikut ini :

Ganti LINK ARTIKEL dengan link atau artikel yang Anda pilih

Ganti JUDUL ARTIKEL dengan judul artikel yang Anda pilih

Ganti warna kotak dengan cara ubah angka di #009933 dengan kode warna yang inginkan. 

 

Jika bingung kode warna nya apa, silahkan coba pilih warna pada kotak di bawah ini, lalu klik OK, lalu klik KIRIM KUERI, maka akan muncul kode warna yang Anda pilih tadi.




Jika tidak bisa menggunakan pilih warna di atas, silahkan kunjungi laman COLOR PICKER atau klik di sini untuk memilih kode dari warna yang Anda inginkan.


BACA JUGA FORMAT 3

Contoh


Format kotak BACA JUGA sederhana kali ini menggunakan kode html <button> sehingga tampak seperti tombol dan bisa di klik satu kotak. Cukup menarik, bukan?! Untuk membuat kotak BACA JUGA format 3 seperti contoh di atas adalah cukup tempelkan kode-kode berikut :

Ganti LINK ARTIKEL dengan link atau artikel yang Anda pilih

Ganti JUDUL ARTIKEL dengan judul artikel yang Anda pilih

Ganti warna kotak dengan cara ubah angka di #7ae6c9 dengan kode warna yang inginkan. Jika ingin ganti warna, silahkan ikuti cara yang di format 2.


BACA JUGA FORMAT 4

Contoh

 

Format kotak BACA JUGA terakhir ini hampir sama dengan format ketiga. Hanya saja format ini bentuk sederhana dari kode <button> sehingga ada sedikit efek hover (saat kursor diarahkan, warna background berubah). Untuk membuat kotak BACA JUGA seperti di atas, cukup gunakan kode-kode HTML di bawah ini

Ganti LINK ARTIKEL dengan link atau artikel yang Anda pilih

Ganti JUDUL ARTIKEL dengan judul artikel yang Anda pilih


Selesai.

Daftar Blog Baru Ke Search Console

Daftar Blog Baru Ke Search Console


Mendaftarkan blog baru ke search console sangatlah penting. Fungsinya adalah agar blog baru kita dapat terindeks dengan google sehingga para pengunjung dari pencarian Google juga bertambah. Jika Anda memiliki blog baru dan bingung apa yang harus dilakukan, maka judul artikel inilah jawabannya.

 

Sebagaimana yang disinggung di awal, agar jumlah pengunjung blog semakin meningkat maka blog baru Anda harus segera didaftarkan ke Search Console. Banyak sekali fungsi dan keuntungan yang didapat ketika Anda mendaftarkan blog baru ke Search Console. 

 

Namun di artikel ini, kita akan fokus pada cara daftar blog baru ke search console. Kalau Anda punya blog, maka pastinya Anda juga punyak akun gmail. Berikut langkah-langkah cara mendaftarkan blog baru ke Search Console :

 

Langkah Ke-1

Masuk ke akun Gmail Anda


Langkah Ke-2 

Masuk ke situs Google Search Console atau klik di sini.

Jika Anda sudah meng-klik link atau tautan tadi, maka seharusnya Anda sudah masuk ke tampilan seperti yang ada pada gambar paling atas.


Langkah Ke-3

Di bagian Awalan URL, ketikkan alamat blog Anda.

Muncul dua bagian untuk mendaftarkan alamat blog yaitu Domain dan Awalan URL. Jika blog Anda sudah menggunakan domain (contoh: www.blogkamu.com) maka ketikkan alamat blog di kolom Domain. Namun jika blog anda memakai blogspot (contoh: blogkamu.blogspot.com) maka ketikkan alamat blog di kolom Awalan URL.

 

Jika gagal, tambahkan http:// atau https:// tapi lebih baik gunakan https:// sehingga menjadi https://blog kamu.blogspot.com


Langkah Ke-4

Jika sudah mengisi alamat blog, ketik TERUS

Pihak Google akan memeriksa verifikasi kepemilikan, apakah benar bahwa Anda adalah pemilik blog tersebut. Sependek pengalaman penulis, gunakan alamat gmail yang sama antara yang digunakan untuk ngeblog dan daftar ke search console agar proses verifikasi berjalan otomatis.


Langkah Ke-5

Jika proses verifikasi berjalan lancar, harusnya muncul tampilan seperti gambar di bawah ini

Verifikasi Blog Otomatis Search Console

Apakah sudah selesai? Jika Anda hanya ingin mendaftar, maka sampai langkah ini sudah cukup. Tapi seharusnya Anda lanjutkan karena ada beberapa langkah lagi jika Anda ingin blog baru Anda segera muncul di pencarian Google.


Langkah Ke-6

Klik BUKA PROPERTI

Anda akan dibawa ke tampilan akun Google Search Console Anda. Ada beberapa tab yang memiliki fungsi beragam. Secara default (bawaan), Anda akan melihat tabs Sekilas yang menunjukkan performa blog Anda. 

 

Kalau blog masih baru, maka di bagian Kinerja akan muncul tulisan "Memproses data, harap periksa kembali setelah sekitar satu hari". Ini wajar. Namanya juga blog baru. Jika segera ingin terindeks, perbanyak kuantitas dan perbaiki kualitas konten blog Anda.


Langkah Ke-7

Klik tab PETA SITUS

Di bagian ini, berfungsi agar Search Console segera menelusuri isi dari blog Anda. Ketik sitemap.xml pada kolom yang disediakan yaitu Harap masukkan URL pera situs, lalu klik KIRIM seperti gambar di bawah ini

 

Anda cukup mengirim peta situs sekali, maka search Console akan terus mengecek artikel terbaru blog Anda. Gambar di atas adalah contoh salah satu blog lama penulis. Penulis hanya sekali mengirimkan (cek kolom Terkirim) peta situs sekali saja (sitemap.xml) pada tanggal 22 Mei 2021 dan terus diperbarui sampai Juni.


Artinya, meskipun hanya sekali mengirim peta situs, maka itu sudah cukup dan Search Console akan bekerja secara otomatis. Loh, bukannya sekarang (tulisan ini dimuat) Juli kok di kolom Terakhir dibaca tertulis 12 Juni 2021? Itu karena artikel terakhir di blog tersebut adalah 12 Juni 2021. Jika Anda menulis artikel baru lagi, maka Search Console akan mengindeks kembali.

 

Selesai.


Blog baru Anda telah terdaftar di Google Search Console. Oh iya dari sependek pengalaman, sebagai catatan untuk blog-blog baru, terkadang meskipun artikel Anda sudah banyak namun jika pengunjung nya masih belum banyak, maka ada beberapa artikel belum terindeks google. 

 

Sebaliknya, jika blog Anda sudah lama, banyak artikel, dan memiliki pengunjung yang cukup per harinya, maka biasanya setiap postingan atau artikel yang dibuat maka akan otomatis terindeks di google. 

 

Bagaimana cara cek artikel terindeks atau belum? Mudah. Buka artikel anda, lalu di URL nya tambahkan site: misalnya URL artikel Anda adalah https://blogsiapa.blogspot.com/2021/07/artikel.html lalu ditambahkan site: di bagian awal menjadi site:https://blogsiapa.blogspot.com/2021/07/artikel.html


Jika muncul hasilnya atau muncul artikel yang dituju, maka artikel itu telah terindeks oleh Google. Namun jika tidak ada hasilnya atau kosong pencarian, berarti artikelnya tidak terindeks. Contoh artikel tidak terindeks maka muncul tulisan "Penelusuran Anda - site:https://blogsiapa.blogspot.com/2021/07/artikelbaru.html - tidak cocok dengan dokumen apa pun."


Sekian.

Apa itu Tag, Atribut, Value, dan Elemen dalam HTML

Apa itu Tag, Atribut, Value, dan Elemen dalam HTML


Seringkali kita mendengar Tag, Atribut, Value, dan Elemen dalam HTML. Atau setidaknya ketika belajar dasar-dasar HTML pasti mendengar atau membaca istilah-istilah tersebut. Nah, apa itu Tag, Atribut, Value, dan Elemen dalam HTML. Mari kita bahas dan belajar bersama-sama.


Apa Itu Tag HTML

Kalau berkecimpung di HTML, pastinya sering melihat huruf atau kata yang berada dalam kurung siku contohnya <b>, <center>, dan lain-lain. Nah, agar teks atau tulisan dalam HTML dapat berfungsi maka diberilah tanda kurung siku tersebut dan itu disebut Tag.


Selain itu, hampir seluruh tag dalam HTML merupakan tag berpasangan. Ada tag pembuka dan ada tag penutup. Misalnya apabila ingin menebalkan tulisan (bold) maka menggunakan tag HTML berupa <b>ABCD</b> dan hasilnya adalah ABCD. <b> merupakan tag pembuka, sedangkan </b> merupakan tag penutup.


Kita ambil contoh lain, misalnya ingin membuat tombol (button) maka menggunakan tag HTML berupa <button>ABCD</button> dan hasilnya adalah . <button> merupakan tag pembuka dan </button> merupakan tag penutup. Jadi, tag bukan hanya berupa huruf tapi juga kata-kata.


Di sisi lain, tidak semua tag itu pasti berpasangan. Dengan kata lain, itu merupakan tag tunggal atau biasa disebut self closing tag atau void tag. Contohnya jika ingin membuat baris baru maka cukup menggunakan tag <br> sekali saja. Atau biasa cukup ditulis <br />

 

Apa Itu Elemen HTML

Elemen adalah teks yang terletak di antara tag pembuka dan tag penutup. Dengan kata lain, tulisan yang berada dalam dua tanda tag disebut elemen. Namun ada juga yang menyebut bahwa elemen HTML itu adalah tag, value, dan teks dalam tag. Artinya seluruhnya disebut elemen HTML.

 

Apa Itu Atribut dan Value

Lalu apa yang dimaksud dengan atribut? Atribut adalah informasi atau keterangan tambahan dalam sebuah tag. Informasi atau keterangan ini bisa beragam dan setiap tag tidak mesti memiliki atribut yang sama. Dengan kata lain, masing-masing tag memiliki atributnya masing-masing.

 

Atribut terdiri dari dua struktur yaitu nama atribut dan nilai atribut. Nilai atribut ini yang biasa disebut value. Nama atribut dan nilai atribut dipisah dengan tanda sama dengan (=). Sedangkan nilai atribut harus diapit oleh dua tanda kutip ("value"), sehingga hasilnya adalah sebagai berikut: nama="value"


<p align="right">Teks terserah Anda mau disi apa dan ini adalah Elemen</p>

Perhatikan contoh di atas! Apabila diuraikan kode HTML di atas, maka tag nya adalah tag pembuka <p>, align merupakan nama atributnya, right merupakan value nya, elemen tag, dan ditutup dengan tag penutup </p>. Hasil kode HTML di atas sebagai berikut:

Teks terserah Anda mau disi apa dan ini adalah Elemen


Namun atribut align sudah tidak didukung di HTML 5. Anda sekarang dapat meluruskan teks dengan atribut style. Misalnya untuk teks rata kanan seperti di atas, maka kode HTML nya adalah <p style="text-align: right;">Teks terserah Anda mau diisi apa dan ini adalah Elemen</p>


Sekian.

Apa Itu HTML

Apa Itu HTML


Bagi narablog (sebutan blogger dalam KBBI), HTML merupakan makanan sehari-hari atau setidaknya pasti mengenal atau pernah bersinggungan dengan HTML. Sebagian narablog yang fokus di penulisan artikel (postingan), ada yang tahu dan ada yang tidak tahu tentang HTML.

 

Lalu apa itu HTML? Di artikel ini, (penulis juga sama-sama belajar) mari kita bahas apa pengertian dari HTML? Apa struktur atau isi dalam HTML? Dan apa saja penjelasan mengenai isi dalam HTML? Mari kita ulas satu per satu berikut ini.

Daftar Isi (Klik Subjudul yang ingin dibaca)

 

Pengertian HTML

HTML merupakan akronim atau singkatan dari Hypertext Markup Language. Dalam Wikipedia, Hypertext Markup Language (HTML) adalah bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet. Ini dapat dibantu oleh teknologi seperti Cascading Style Sheets (CSS) dan bahasa scripting seperti JavaScript dan VBScript. 


Hemat penulis, HTML terdiri dari dua hal yaitu HT singkatan dari Hypertext dan ML singkatan dari Markup Language. Dinamakan Hypertext (hiperteks) karena di dalam script HTML terdapat teks yang menjadi link atau tautan, yang dapat berpindah-pindah. Situs yang sering kita lihat, sebenarnya terdiri dari beragam link atau tautan yang mengarahkan kita ke dokumen-dokumen lainnya, yang juga berisi link-link atau tautan-tautan lainnya. 


Sedangkan dinamakan Markup Language (Bahasa Markah) karena HTML berisi tanda-tanda (bahasa inggris nya adalah Mark) yang memiliki fungsi-fungsi tertentu. Misalnya tulisan tebal ditandai dengan tanda tertentu berupa <b>. Kurang lebih seperti itu penjelasannya.


Isi HTML

Apabila kita ingin membuat tampilan yang berdasarkan HTML, setidaknya ada 4 struktur dasar dalam HTML yaitu tag DOCTYPE, tag HTML, tag HEAD, dan tag BODY. Namun dalam pembahasan html untuk desain tampilan situs, biasanya ditambahkan tag XML sebelum tag DOCTYPE.


Untuk menguji hasil dari struktur HTML tersebut, silahkan buka notepad lalu copy paste (salin tempel) kode di bawah ini, lalu simpan dengan nama "Belajar.html" dan tipe "All Files". Setelah tersimpan, silahkan buka file nya dengan peramban yang Anda miliki, misal Google Chrome atau Mozilla Firefox.


<!DOCTYPE html>
<html>
    <head>
        <title>Tes Judul</title>
    </head>
    <body>
        <p>Tes tulisan Anda di sini</p>
    </body>
</html>


Perlu diperhatikan, contoh di atas hanya untuk menunjukkan pada Anda tentang hasil dari struktur dasar HTML. Jika dipraktekkan dalam desain atau template blog maka akan gagal karena banyak tag yang kurang. Nah, di bawah ini kita akan pelajari pengertian dari masing-masing tag dasar dalam template blog. 


Apa itu XML

Seringkali ketika melihat template, kode yang pertama kali menjadi pembuka adalah kurang lebih berikut ini

<?xml version="1.0" encoding="UTF-8" ?>


Untuk penjelasan lengkap kode di atas, akan dibahas di artikel lainnya. Di artikel kali ini, cukup kita ketahui apa itu XML dan seberapa pentingnya XML. XML adalah singkatan dari Exsentible Markup Language. XML bisa digunakan dalam membuat halaman web atau aplikasi web.


Seringkali, termasuk penulis, memahami jika XML dan HTML itu sama. Ternyata, tidak. Keduanya berbeda. Fungsi utama HTML adalah untuk menampilkan data, sedangkan fungsi utama XML adalah untuk menyimpan dan mentransfer data. Untuk penjelasan lengkapnya, mari kita bahas di lain artikel.


Apa itu DOCTYPE

Tag DOCTYPE berfungsi untuk menjelaskan ke browser atau peramban tentang jenis dokumen yang kita jalankan. Jika tidak tulis maka tidak masalah untuk struktur HTML dasar. Namun dalam membuat template, penulis seringkali menemukan tag ini. Jika menjalankan file HTML maka cukup menggunakan tag berupa <!DOCTYPE html>


Apa itu HEAD

Biasanya ditulis dengan tag <head>. Biasanya diletakkan di awal sebelum tag <body>. Apa fungsinya? Fungsi tag head adalah untuk menyimpan keterangan-keterangan teknis seperti judul halaman, definisi halaman, kode-kode CCS, javascript, dan lain-lain.


Dengan kata lain, kode dalam tag <head> akan menyimpan kode-kode yang tidak terlihat secara langsung di tampilan situs. Judul halaman atau judul blog dengan tag <title> juga dipasang di dalam tag <head> ini.


Apa itu BODY

Terakhir adalah tag <body>. Tag ini digunakan untuk menaruh semua elemen yang akan terlihat di tampilan situs atau blog Anda. Misalnyaa postingan blog, footer, header, widget, dan lain-lain dipasang dalam tag body ini. Biasanya para desainer situs atau blog juga berfokus pada tag ini.