Warnai Actionbar Chrome Mobile pada Web mu dengan meta tag

-
Hai pengunjung pada kesempatan kali ini saya akan membagikan tips, Cara me-warnai actionbar Chrome saat membuka halaman website atau pun blog milik kita. Pada Google Chrome di mobile app kita bisa melakukan perubahan warna pada actionbar browsernya.

Untuk itu kita hanya perlu menambahkan sebuah meta-tag untuk mengubah warna tersebut sesuai dengan apa yang kita inginkan. Meta-tag ini bernama theme-color bagi kalian yang ingin mengubah warna nya terlebih dulu memilih warna berformat hexadecimal.


Pilih warna

Selanjutnya bila sudah memilih warna anda bisa memasukkan kode warna hexadecimal pada attribute content meta-tag dibawah ini.

<meta content='#E64A19' name='theme-color'/>

Setelah itu, silahkan anda menyisipkannya dibawah tag <head> bila anda menggunakan blog (blogger). Silahkan buka menu "Template" pada bilah samping kanan dashboard blog anda.
Lalu pilih Edit HTML, cari kode <head> sisipkan setelah kode tersebut seperti dibawah ini dan klik Simpan Template. Coba lah membuka halaman web atau blog anda melalui Google Chrome di Android dan lihat hasilnya.

Hasilnya pada browser Google Chrome android.

Terima kasih sudah mengikuti artikel kali ini.

Comments

Post a Comment

Popular posts from this blog

Membuat garis lurus di xml pada Android Studio

-
Image
Selamat terjebak kembali di blog yang tidak sempurna ini, kali ini saya akan sedikit menulis catatan kecil mengenai Cara membuat garis lurus di xml pada Android Studio. Bagi kalian yang mungkin sebagai tim desainer atau yang lagi belajar-belajar membuat aplikasi Android dan ingin membuah sebuah garis lurus ke atas ataupun ke samping di xml Android Studio.

Kalian cukup menambahkan Kode sepenggal ini saja.
Garis lurus ke kesamping(line horizontal)
<View android:layout_width="match_parent" android:layout_height="2dp" android:background="#bbb"/> Sedangkan untuk garis lurus ke atas (line vertikal)


<View android:layout_width="2dp" android:layout_height="match_parent" android:background="#bbb"/> Untuk ketebalan garis bisa ganti nilai 2dp menjadi ketebalan yang kamu inginkan.
Read More

Menampilkan semua Tanggal dan waktu pada setiap Post Blogger

-
Image
Sebenarnya ini hanya sebagai catatan kecil saya saja agar nantinya bila  saya membutuhkannya. Saya dapat melihat kembali catatan saya mengenai Menampilkan semua tanggal dan waktu pada setiap Post.

Pada Blogger biasanya template menggunakan Tag berikut untuk menampilkan Tanggal dan waktu pada Halaman utama pada setiap Post.

<data:post.dateHeader/> Anda bisa mengecheck sendiri pada template yang anda miliki. Kenapa saya membuat catatan kecil untuk menampilkan Tanggal dan waktu ini?
Hal itu disebabkan Tag XML diatas memiliki 1 (satu) kekurangan menurut saya, yaitu :
Bila dalam sehari mengepost 2 (dua) artikel pada tanggal yang sama, salah satu artikel akan kehilangan tanggalnya dan hanya nampil pada artikel yang terakhir. Hal ini sanggat mengerikan bila kita membuat template untuk Portal berita, karena setiap artikel berita tanggal dan waktu sanggatlah penting. Banyak pengembang template lebih memilih membaca RSS XML untuk menampilkan secara lebih detail sebuah post dan tanggal wakt…
Read More

Membuat Kalkulator sederhana di Android Studio

-
Image
Selamat datang di blog saya yang agak berantakan ini, kali ini saya mencoba menyempatkan mengetik kan artikel tentang Membuat Kalkulator sederhana di Android Studio. Di artikel kali ini saya akan sedikit menambah beberapa widget baru lagi dalam proyek yang akan kita buat.

Sebelum itu pastikan kalian sudah menginstal Android Studio pada Laptop / Komputer kalian masing-masing. Setelah itu kita akan membuat projek baru.

Buka Android Studio kalian, pilih "Start a new Android Studio project".


Lalu isikan sesuai kriteria dibawah ini.

Application name : Kalkulator Company domain : belajar.android Package name : belajar.android.kalkulator Project location : -pilih folder untuk menyimpan project-
Selanjutnya silahkan ikuti langkah seperti yang ada di Artikel : Hello world di Android Studio.
Saya anggap kalian sudah siap dengan urusan Gradle-nya, selanjutnya kita masuk ke file activity_main.xml dan tukar kode yang ada pada file tersebut dengan code dibawah berikut.

&…
Read More