Belajar Coding Android: Html

Thursday, 17 January 2019

Cara merubah navdar browser pada blogger

Hello sobat blogger - Ketika mengunjungi sebuah website menggunakan smartphone, kadang kita menemukan fenomena warna address bar browser mengikuti warna utama website tersebut.

Misalnya warna dominan website hijau, maka warna address bar pada browser menjadi hijau. Padahal warna address bar standar adalah berwarna putih.

Contohnya website yang warna address barnya mengikuti warna website adalah www.sribulancer.com.

Beruntung ketika sedang menjelajahi website stackoverflow.com saya menemukan cara membuat warna address bar mengikuti warna utama website.

Chrome & Opera

Untuk mengubah warna address bar pada browser Chrome, tambahkan kode di bawah ini pada template website dan letakkan di antara tag <head> dan </head> lalu simpan.

<meta name="theme-color" content="#f77737">

Windows Phone browser

Selain pada Chrome browser, cara ini juga dapat diterapkan pada browser Windows Phone namun dengan kode yang berbeda.

Kode untuk browser Windows Phone:

<meta name="msapplication-navbutton-color" content="#f77737">

Safari browser (iOS)

Untuk browser Safari (iOS) caranya juga sama, namun kodenya berbeda dengan Chrome dan Windows Phone browser.

Kode untuk browser Safari:

<meta name="apple-mobile-web-app-status-bar-style" content="#f77737">

Agar support semua browser

Agar warna address bar tersebut dapat support di berbagai macam browser baik Chrome, browser Windows Phone maupun Safari maka tambahkan ketiga kode meta tag tersebut pada template website.

Berikut kode lengkapnya:

Perhatikan kode #f77737 Itu adalah kode warna yang akan ditampilkan pada address bar browser, kita dapat menggantinya sesuai dengan keinginan.

Catatan Sumber : www.sribulancer.com

Tuesday, 8 January 2019

Cara membuat komentar disqus di blogger

BelajarCodingAndroid - Sistem komentar disqus memang sudah lama di gemari oleh para blogger sebagai media untuk berkomentar. hal ini dikarenakan sistem komentar Disqus mempunyai tampilan yang menarik dari pada sistem komentar lainnya. Tidak hanya itu sistem komentar disqus juga mudah digunakan dan juga mempunyai banyak fitur yang disediakan, sehingga dapat memanjakan penggunanya. Tak heran jika situs-situs besar seperti Mashable dan CNN menjadikan komentar Disqus sebagai media untuk berkomentar di situsnya.

Cara Mudah Memasang Komentar Disqus Di Blogger

Sistem komentar Disqus mendukung berbagai macam platform seperti Blogger, WordPress, Joomla, Tumblr dan masih banyak lagi. Bagi yang ingin memasang kolom komentar Disqus, saya akan memberikan cara memasang komentar disqus di Blogger.

Cara Memasang Komentar Disqus di Blogger

1. Yang pertama anda Mendaftar terlebih dahulu ke Disqus.com menggunakan akun Facebook, Twitter, Google Plus atau bisa juga secara manual menggunakan Email.

2. Jika sudah masuk halaman Disqus klik saja “GET STARTED”, kemudian pilih “I want to install Disqus on my site”. Untuk tampilannya seperti gambar di bawah.

3. Setelah itu tinggal membuat Url khusus blog anda di Disqus. masukan nama blog dan kategori blog anda. lalu klik “Create Site”

4. Selanjutnya pilih platform yang akan di tambahkan komentar Disqus, karena menggunakan Blogger maka pilihlah platform Blogger.

5. Pada tahap ini tinggal mengikuti langkah penginstalan widget komentar Disqus pada blog anda. sebelum melakukan penginstalan masuk ke akun Blogger anda terlebih dahulu untuk mempercepat proses penambahan Widget komentar Disqus.

6. Nanti akan muncul pesan notifikasi bahwa anda akan menambahkan widget dari situs lain ke blog anda. klik saja “Tambahkan Widget”. Untuk tampilannya akan seperti gambar dibawah ini.

7. Jika sudah berhasil maka akan ada widget komentar Disqus pada menu Tata Letak di blog anda, kemudian simpan setelan.

Sekarang kolom komentar blog anda sudah menggunakan komentar Disqus, untuk menghapus kolom komentar disqus di blog, tinggal anda hapus saja widget Disqus di menu Tata Letak. Nah itulah mengenai cara memasang komentar Disqus di Blogger semoga bisa bermanfaat.