Cara Merubah Tampilan System UI Android Menjadi lebih keren

Megubah tampilan android yang biasa-biasa saja menjadi menarik dan super keren merupakan salah satu hal yang diinginkan oleh pengguna android yang bosan dengan tampilan hp nya dan ingin terlihat beda dari yang lainnya.

Biasanya untuk mengubah tampilan di android anda harus memiliki kemampuan untuk membongkar dan merubah SystemUi pada sytem android dimana jika terjadi kegagalan dalam proses edit maka akan menimbulkan resiko seperti android bootloop/restart sendiri bahkan resiko terparah bisa terjadi Hard brcik atau Soft brick.

Nah dengan menggunakan aplikasi Xposed dan Xblast anda dapat memberikan efek rotasi, merubah penempatan jam di tengah dan mengubah warna jam, mengubah warna baterai, edit status action dan status bar, merubah warna sinyal, mengganti icon baterai dll.

Cara Merubah Tampilan Hp Android Menjadi Lebih Keren

Berikut ini cara mengubah tampilan systemui android tanpa harus mengeditnya terlebih dahulu :

• Download dan install terlebih dahulu aplikasi Xposed [disini] dan Xblast [disini]
• Jika sudah terinstall silahkan buka aplikasi Xposed Installer pilih Modules ➤ Centang Xblast tool ➤ Kembali ke framework lalu Install/Update ➤ Reboot / Restart

Jika langkah diatas sudah anda praktekkan, sekarang ikuti tutorial dibawah ini untuk mengubah systemui pada android anda :

Membuat Status Bar Menjadi Transparan
Buka aplikasi Xposed ➤ Pilih Modules ➤ Xblast tool ➤ Pilih statusbar Lalu centang “Status bar background colour” Geser kekanan Biar transparan Kembali Ke Framawork Pilih Instal/Update ➤ Reboot.

Membuat Background Android Menjadi Transparan
Buka aplikasi xposed ➤ Modules ➤ Xblast Tool ➤ Pilih ” visual tweaks ” ➤ pilih “Holo Themes ➤ pilih Dark Themes ➤ Centang “Enable Holo Dark Theme” √ ➤ Pilih holo dark background image lalu pilih gambar yg mau kalian pakai buat background Kembali Ke Framawork Pilih Instal/Update ➤ Reboot .

Membuat Speed Indicator di Status Bar Android
Buka aplikasi xposed ➤ modules ➤ xblasttool ➤ Pilih status bar ➤ pilih Network speed indicator ➤ centang “network speed indicator” bisa juga ubah warnanya Kembali Ke Framawork Pilih Instal/Update ➤ Reboot

Mengubah Tampilan Lockscreen Android
Buka aplikasi Xposed ➤ modules ➤ Xblast Tool ➤ Pilih XlockY “Centang enable xlocky” ➤ Pilih lockscreen lockring icon ” Ada beberapa macam icon locksreennya ” ➤ pilih aja atau pilih “Custom” buat image icon locksreennya sendiri Kembali Ke Framawork Pilih Instal/Update ➤ Reboot

Merubah Tampilan Baterai di Android
Buka aplikasi Xposed ➤ modules ➤ xblast tool ➤ statusbar ➤ pilih icons ➤ centang “battery colour” pilih warna yg kalian mau lalu Kembali Ke Framawork Pilih Instal/Update ➤ Reboot.

Coba juga :

Silahkan anda pilih salah satu cara diatas untuk merubah tamilan hp android menjadi keren atau anda bisa coba semuanya  . Semoga tutorial ini bermanfaat untuk anda pengguna android yang ingin tampil beda, Terimakasih

Cara Modifikasi Template Default Blogger

Cara Mengubah Template Blog Bawaan Blogger dan Membuatnya Jadi Responsive

CARA modifikasi template blog bawaan blogspot (default blogger template), seperti yang kita pilih waktu pertama kali membuat blog, sangat mudah. Dengan memodifikasi sendiri, kita gak usah cape-cape mencari template buat blog kita, juga tidak usahrempong menginstall atau ganti template.

Cara Modifikasi Template Default Blogger

1. Klik "Template"
2. Klik "Customize"

Di situlah kita bisa mengubah banyak hal, mulai dari background, lebar halaman template, jenis huruf, lebar sidebar/widget, dll.

Coba saja! Buat blog baru untuk belajar desain blog.

Fasilitas modifikasinya relatif lengkap. Mulai ukuran tampilan, latar belakang, warna, jenis huruf, hingga memasukkan kode CSS di Template.

Berikut ini Screen Shot di area modifikasi template bawaan blogger yang terdiri dari memilih Template, Background, memilih lebar, tata letak, dan "Advanced".

Setelah Modifikasi dari sisi tampilan (desain), langkah berikutnya yang penting antar lain:

1. Melengkapi Meta Tags dengan memasukkan Kode Meta Tags SEO Friendly.
2. Membuat Auto Read More
3. Menghapus kode Quick Edit 
4. Cara modifikasi atau membuat hal-hal lainnya bisa Anda cari di Kotak Pencarian blog ini. Template bawaan blogger sebenarnya sudah ringan (fast loading) dan SEO Friendly. 
   
   
   Banyak blogger yang tidak mengganti template bawaan blog, tapi memodifikasinya, bahkan membiarkan apa adanya. Namun, karena kontennya berkualitas, pengunjungnya banyak! Lihat saja blognya Linda Ikeji yang sukses tanpa ganti template, tanpa seo, dan Google Adsense.

5. Membuat Template Default Blogger Jadi Responsive

   Template bawaan bloggser sebenarnya sudah responsive alias mobile friendly, namun tampilannya masih asli default blogger.
   
   Tinggal di settingannya diatur bergini:
   1. Template › Choose mobile template
   2. Pilih (centang) › Yes. Show mobile template on mobile devices.
   
   (Jika template Anda sudah responsive, yang dipilih yang kedua › No. Show desktop template on mobile devices).
   
   Ada dua cara membuat template bawaan hasil modif itu jadi responsive.
6. CARA PERTAMA
   1. Tambahkan kode berikut diatas kode ]]>

@media screen and (max-width: 1230px){ #header { float:none; max-width:none; text-align:center; } #header-inner { margin-bottom:0px; } #header h1 { margin-right:0px; } #header p.description { margin:0; } #header-right { position:relative; right:0; text-align: center; margin : 0 !important; } .header-right-inner { margin: 0 30px ! important; } .main-nav-top{ clear:both; float:none; } .main-nav-main { margin:10px 0 0 0; } #nav-search { float:none; margin:0; } } @media screen and (max-width: 960px) { .sidebar-wrapper{ position:relative; top:auto; right:auto; clear:both; left:auto; width:auto; margin: 0 -15px; background: none; } .subscribe_outer { margin: 0 -20px; } .main-wrapper{ margin-right:0; width:100%; min-height: 0px; } .ct-wrapper{ padding:0 15px; } #content { padding: 5px; clear: both; border-radius: 0; } .sidebar-wrapper .sidebar{ margin: 15px; } .sidebar-wrapper .widget{ border: none; margin: 0px auto 10px auto; padding: 10px 20px; } } @media screen and (max-width: 768px){ .header-wrapper { margin-right: 0; min-height: 0; width: 100%; } #header { text-align: center; width: 100%; max-width: none; } #header-inner { margin:30px 0 0; } #header h1 { font-size:35px; } .main-nav-top, .main-nav-main, .main-nav-top ul, .main-nav-main ul{ text-align:center; } .related-post { width:auto; } #comment-editor { margin:10px; } .footer { margin:15px; width:auto; } .footer-credits .attribution{ display:none; } } @media screen and (max-width: 500px){ #header img { width:100%; } } @media screen and (max-width: 420px){ #header h1 { font-size: 30px; margin: 10px; } .main-nav-main ul li{ margin:4px 10px; float:none; } .comments .comments-content .datetime{ display:block; float:none; } .comments .comments-content .comment-header { height:70px; } } @media screen and (max-width: 320px){ .ct-wrapper{ padding:0; } .footer .footer-inner { padding: 45px 10px 10px 10px; } .comments .comments-content .comment-replies { margin-left: 0; } }

2. Save Template!

CARA KEDUA
Cara kedua menjadikan template bawaan blogger hasil modif menjadi responsive ini di-share Kompi Ajaib.

1. Nonaktifkan Navbar. Edit dan pilih option "OFF" untuk menonaktifkan navbar.

2. Ganti kode:

.post-body img, .post-body .tr-caption-container {

  padding: $(image.border.large.size);

}

dengan kode:

.post-body img, .post-body .tr-caption-container {

padding: 0;

width:auto;

max-width:100%;

height:auto;

}

3. Ganti kode:

Dengan kode:

4. Simpan kode berikut ini di atas kode