Jaman masih berkembangnya atau populernya Windows 8, maka dari itu tidak ada salahnya jika Master Jin akan beri sedikit triks Cara Buat Tab Google Chrome Versi Metro. Dari kata metro tentunya kalian tau apa yang di maksud. Yups dengan tampilan kotak-kotak menawan pada Windows 8 seperti itulah. Hanya dengan memanfaatkan extensions Master Jin berhasil menemukan caranya, agar tab browser kalian tampak keren. Cara ini hanya work pada Google Chrome. Preview bisa kalian lihat di atas.
- Visit ke : https://chrome.google.com/webstore/detail/new-metrotab/oogmkbpkoblajkomflhkkdmbfggdmefd?hl=en-US
- Lalu instal extensions seperti biasa
- Restart Google Chrome
- Selesai
Semoga dengan triks sederhana ini cukup membantu sobat agar tampilan Google Chrome terlihat lebih keren. Selamat mencoba :D
87 comments
thx gan..infonya sangat bermanfaat...
X ✓http://tipsblogingdi.blogspot.com/
sama-sama gan :) salam kenal
X ✓keren sekali tampilannya master :)
X ✓HEhehe Tampilannya jadi indah gitu ya .. :D
X ✓Keren sekali mas kayak windows 8
X ✓Patut dicoba nih hehehe...makasih sharingnya...
X ✓wah keren nih cuma make addons donga, thx master.
X ✓coba ah biar tampilannya lebih keren kaya punya mas-jin. ^_^
X ✓seindah adminnya. wkwkwk :>)
X ✓hehe yups. karna masih populernya Windows 8 Mas :)
X ✓wah silahkan banget Mas dicoba..
X ✓sama-sama Mas..
X ✓ahahaa :D
X ✓patut d cb master.. Terimakasih...
X ✓silahkan saja..
X ✓mantaf gan :) ane penggemar google chromme :D
X ✓wah mantab :D
X ✓kebetulan saya pake firefox gan :D
X ✓bisa gk yah firefox kaya gitu?
Ane penggemar AC-Milan Sob :D
X ✓kayaknya tidak bisa sob :D
X ✓simple nih mas, patut dicoba
X ✓ahahaa..
X ✓ntar ane share kapan2 sob.. lagi sibuk soalnya
X ✓silahkan mas..
X ✓Aduuhh saya masih setia sama firefox nihh mas :D
X ✓ahahaa..
X ✓gan tau gak cara bikin blog responsif?
X ✓bisa gak ajarin saya,nanti saya coba makaish :)
Makin keren aja nih mas blog sama totrialnya :)
X ✓coba visit kesini dan pahami : http://mdf-blog.blogspot.com/2013/02/membuat-desain-responsive.html
X ✓klo ada yang bingung komentar aja..
hehe makasih mas. lama nih nggak nongol kesini, kmn aja gerangan ?? :)
X ✓yg ini : (Kode CSS lainya )
X ✓gan bisa gk udah ke kode css yg ada di template saya?
gan ane minta kode responsif yg cock buat blog sya? saya udah coba masih gak bisa2 mohon bantuaanya gan kirim ke email saya : bmaster.aditama0@gmail.com
X ✓Dikit amat mas basa basinya..
X ✓wkwkwk
Oiya, saya mau menyampaikan pesan bahwa ingin bertukar link dengan mas :D
Bisa di cek di : http://www.nulispost.com/p/friends-link.html
id blogspot itu beda-beda mas tinggal sesuaikan idnya saja seperti tutorial di mdf dan maz-waone
X ✓kode CSS yang lain misal :
X ✓#navigation
#header
kalau pada (min-width:768px) and (max-width:989px) itu maksudnya ukuran responsivenya Mas..
template yang Mas pakai darimana ?? Mas Sugeng atau bukan ??
template dapat darimana mas ?? ntar ane kirim..
X ✓endak terletak pada sidebar ya Mas ?? hehe
X ✓iya gan,email agan mana saya kirim backup an nya ya? makasih gan :) saya tunggu
X ✓backup dari template mas sugengnya langsung ada gak Mas ?? kalau masih nyimpan saran ane pake template original itu aja. karena sudah sangat responsive. pasti agan menghapus kode2 seperti ini misalnya :
X ✓http://oi40.tinypic.com/hx5abq.jpg
gak ada gan ane download di http://idlecreative.blogspot.com/
X ✓trus ane edit2 memasang dari awal gak ada responsif nya gan
memang dari awal gak responsif,email agan mana? kirim backup nya gk?
X ✓duh terlalu banyak Mas untuk membuat Responsive dari Nol..hehe
X ✓bisa gak gan bantu sekali ini, :( ya
X ✓Lagi lagi dan lagi gak ada yang mau bantu ane ;-(
X ✓ahaha bukan gitu gan, hanya saja sangat panjang kalau untuk ukuran template agan..dari Nol tanpa kerangka butuh waktu juga :)
X ✓dulu ane cari template yang sudah terdapat kerangka Responsivenya, jadi tinggal mengembangkan aja
bantu lah gan ;((
X ✓bikini aja responsif homepage,header,side bar,post,sama komentar nya aja nanti saya kembangin
komplitnya (latarnya) :
X ✓@media screen and (max-width: 759px)
@media screen and (max-width: 634px)
@media screen and (max-width: 594px)
@media screen and (max-width: 474px)
@media screen and (max-width: 394px)
@media screen and (max-width: 314px)
coba yang agan tanyakan tadi (CSS yang lain) misal gini (kalau pada navigasi)
#navigation{width:680px;}
ini masuk pada ukuran max-width: 634px
code untuk menghilangkan bagian element gimana?
X ✓contohnya :
X ✓#navigation{display:none}
hanya gitu saja
makasih gan udah 60% responsif saya minta tolong kode Bagian postingan sama Navigasi gan
X ✓cek : bmaster23-test.blogspot.com
seperti yang tertera di MDF-Blog tadi..coba di pahami
X ✓misal satu contoh lagi :
@media screen and (max-width: 794px) and (min-width: 760px)
#navigation {
width: 680px;
}
gan kalau kode bagian postingan nama element nya apa? kalau bikin responsif kode navigasi seperti blog ini gimana?
X ✓sisipkan pada @media screen .......
X ✓.post-body {font-size: ....}
kalau navigasi milik ane dah bawaan gan.. bisa dipelajari di template ini : http://mdf-blog.blogspot.com/2013/05/dark-light-faster-responsive-template.html
kalau buat efek animasi gimana? saat berpindah ukuran?
X ✓yang bikin keren itu, Selamat Datang Master :
X ✓Asikk :D
saya kurang tau kalau itu gan, terkadang bisa muncul sendiri kadang tidak. coba dengan mengecilkan suatu element. mainnya pada width:...
X ✓tapi ane cek milik agan sudah sip..sudah cukup menguasai (o)
ahahaa..bisa di edit kok itu gan :D
X ✓gan tau gak masalah ini?
X ✓http://bmaster23.blogspot.com/2013/09/winrar-500-final-keygen-32bit-64bit-pc.html
kok tulisan di sebelah kanan kepotong responsif tau masalah nya gak?
pada @media screen berapa ?? coba seeprti apa preview gambarnya..
X ✓akhir nya sudah responsif gan :) :D :) :)
X ✓agan tau gak masalah di homepage ane kok postingan nya gak penuh?
sama jarah antara header dengan navigasi?
mohon dijawab gan
makasih yah bro atas bantuannya saya sudah bisa hanya tinggal dikit lagi,postingan di hoomepage sama jarak header dengan navigasi :) mohon bantuannya
X ✓klo posting ane lihat ukuran ada ukuran width:.... nya. normalnya width: 284px; kan ?? coba dikurangi ukurannya atau width:auto
X ✓klo untuk jarak, coba hight:... pada #header-right dikurangi
yups sama-sama..
X ✓box-post ?
X ✓gak kayak punya rosianto [dot] com gak kalau di kecilin halaman homepage (post) bisa pas
sudah pas tuh kayaknya klo bagian post pada homepage. navigasinya coba seperti ini :
X ✓@media screen and (max-width:954px) and (min-width:794px)
#navigation { width:714px; } yang lain silahkan atur aja ukuran width:....nya
Keren mas, sya jg sudah menerapkan dg lancar. Jadi lebih keren tampilan chrome nya. hahaha
X ✓ahahaa sip dah Mas..
X ✓keren gan. blog nya udah dapat PR 2 yah, aku susah banget dapat 0 juga,
X ✓makasih atas kunjungannya :)
klo masalah pagerank, seputar berita internet google tidak meng-update lagi Mas..
X ✓maaf mas, sekedar info.
X ✓coba liat blog ini ya.. :D
mungkin mas fajrin sudah tahu.
http://celco-blog.blogspot.com/
mantap ni triknya, terimaksih banyak mas
X ✓iya gan sangat mirip dengan punyanya master kita
X ✓wkwk apa-apaan nie kirain layar PC saya udah rusak ech ternyata memang backgrounddnya gkgkgk :D :D
X ✓haha mirip buanget bro :D :D
X ✓BANTAI............ :d :d :d
X ✓yap bener sob, wkwkwk..
X ✓hahaha mirip sekali kelihatannya sob barudibuat saya lihat artikelnya masih sedikit :)
X ✓iya sob, itu template juga dari MDF tapi sudah credit nya dihapus.. :D
X ✓sorry saya masih perempuan bukan mas...
X ✓oh gitu ya, udah gak berlaku, terus pagerank google dihapus?
oh maaf..hehe
X ✓emm kurang tau ya, pr 2 sudah dari dulu ini soalnya. nggak bertambah-tambah juga :-?
hehe coba dipantau dulu beberapa hari ini Mas. kalau sekiranya kelewatan buat surat terbuka seperti di Blog Kang-Ismet..
X ✓sama-sama Mas. terimakasih sudah berkunjung :)
X ✓ahahaa.. kejebak di jebakan betmen deh :D
X ✓keren gan :D
X ✓makasih gan..
X ✓aku nyobaaaa
X ✓coba aja mbaak ;)
X ✓1. Dilarang menanamkan link aktif
2. Dilarang promosi / meng-iklankan suatu produk dll.
3. Berkomentar dengan bahasa yang sopan
4. Untuk memasukkan gambar : copy url gambar lalu paste di form komentar
Tambahan :
✓ Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "KONVERSI KODE"
KONVERSI KODEEMOTICON