Giriş Yap / Kayıt Ol

10Beğeni
  • 5 Yazan occipital
  • 1 Yazan mhmt9126
  • 1 Yazan admin
  • 1 Yazan Nonloser
  • 1 Yazan Rıza
  • 1 Yazan Sinan

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   WM Aracı > Webmaster Genel Konular > Programlar
tanıtım yazısı

Google Chrome'da yeni sekme sayfanızı özelleştirin!

Sosyal Ağlarda Paylaş:
  #1  
Okunmamış 11 Aralık 2011, 15:47
occipital Adlı Üyenin Avatarı
Öğrenci-Blog Yazarlığı...
 
Üyelik Tarihi: 03 Aralık 2010
Cinsiyet: Erkek
Ad, Soyad: Ça... Ka...
Mesajlar: 1.220
Beğeniler: 123 / 126
Ticaret: 5, 100%


WMA Yazar Topluluğunda bir yazar olarak ilk yazımı yayınlıyorum.Bildiğiniz üzere Google Chrome gün geçtikçe yenileniyor bazı yenilikler hoşumuza gitsede bazılarını beğenmiyoruz. Google Chrome yeni sürümüyle beraber Yeni Sekme(New tab) sekmesinide değiştirdi.Google Chrome kullananların bu yeni sekmeyi beğenmediklerini gördüm ve bende küçük bir araştırma yaparak Yeni Sekme sayfası içinde nasıl kendi kodlarımızı kullanabileceğimizi buldum. Ve şimdi araştırmam sonucu elde ettiğim sonuçları sizlere sunacağım

Kendi kodlarımızı yerleştirebilmemiz için Google Chrome'da küçük bir uzantı yazmamız lazım.Bildiğiniz üzere Google Chrome uzantıları manifest.json ve html sayfalarından oluşuyor.

Öncelikle uzantımız için masaüstünde bir klasör oluşturun. Ve klasörün içine girip manifest.json isimli bir dosya oluşturun. .json dosyanın uzantısı olacak.



Ve manifest.json dosyasını herhangi bir not düzenleme aracı ile açın Not Defteri-Notepad++ gibi. Ben Notepad++ kullanıyorum.

Dosyanın içine aşağıda verdiğim kodları yerleştirin ve UTF-8 Bomsuz olarak kodla seçeneği ile kaydedin.

Kod:
{
  "name": "YeniSekmeDeğiştirici",
  "version": "0.1",
  "incognito": "split",
  "chrome_url_overrides": {
    "newtab": "bos.html"
  }
}
Kodların anlamları:
Name: Uzantının ismi
Version: Uzantının sürüm numarası
İncognito: Sekmenin arkaplanda çalışmasını sağlıyor
Chrome_url_overrides: Google Chrome içindeki hangi sayfada ne kullanacağımızı belirtmek için biz Google Chrome içinde newtab yani yeni sekme bölümünü bos.html ile değiştirme komutunu verdik

Şimdi uzantınızın olduğu klasöre gelin ve bos.html isimli bir html sayfası oluşturun. Ve html dosyanızı düzenleyin.

Ben örnek olması amacı ile ekranın tam ortasına KodBilen.comTM yazdıran bir html kodu yazdım:

Kod:
<html>
 <head>
  <title>YeniSekme</title>
  <style>
  div {
    color: #cccccc;
    vertical-align: 50%;
    text-align: center;
    font-family: sans-serif;
    font-size: 300%;
  }
  </style>
 </head>
 <body>
  <div style="height:40%"></div>
  <div>KodBilen.com&trade;</div>
 </body>
</html>
Html dosyasını kaydedin ve açık olan manifest.json ve bos.html düzenlemelerini kapatın.

Google Chrome'unuzu açın. İngiliz Anahtarı>Araçlar>Uzantılar sağ taraftan Geliştirici Modu'nu seçin. Paketlenmemiş Uzantıyı Yükle butonuna tıklayın. Uzantınızın olduğu klasörü seçip tamama tıklayın. Eğer herşeyi eksiksiz yapmışsanız uzantı ekranına uzantınız eklenecektir:


Etkin seçeneği işaretlenmiş ise sadece CTRL+T butonuna basmak ve oluşturduğunuz Yeni Sekme'nizin tadını çıkarmak. Eğer kendinize özel bir sayfa yapmak isterseniz aynı kodları kullanın ve bos.html sayfasının içeriğini istediğiniz gibi düzenleyin. Gerisi sadece hayal gücünüze kalmış...

Eskisi:


Yenisi:



Yazıda bahsi geçen dosyaları indirmek için tıklayınız

Yazar: Çağatay Karahan
Kategori: Google Chrome
Web Adresim: kodbilen.com - @kodbilenadam
admin, Batuhan, OkanSağlam ve 2 kişi daha bunu beğendi.
Konu occipital tarafından (29 Kasım 2012, 23:28 ) değiştirilmiştir.
heuristic
  #2  
Okunmamış 11 Aralık 2011, 16:19
Avatar Seçilmemiş
mehmetunlu.org
 
Üyelik Tarihi: 13 Kasım 2011
Cinsiyet: Erkek
Meslek: Esnaf
Konum: Eskişehir
Ad, Soyad: Me... ÜN...
Mesajlar: 261
Beğeniler: 39 / 22
Ticaret: 0, 0%
Güzel anlatım olmuş teşekkürler. Hemen yapacağım bunu.
occipital bunu beğendi.
  #3  
Okunmamış 11 Aralık 2011, 16:33
occipital Adlı Üyenin Avatarı
Öğrenci-Blog Yazarlığı...
 
Üyelik Tarihi: 03 Aralık 2010
Cinsiyet: Erkek
Ad, Soyad: Ça... Ka...
Mesajlar: 1.220
Beğeniler: 123 / 126
Ticaret: 5, 100%
Alıntı:
mhmt9126 Adlı Üyeden Alıntı
Güzel anlatım olmuş teşekkürler. Hemen yapacağım bunu.
Yararlı olabildiysem ne mutlu bana
  #4  
Okunmamış 22 Aralık 2011, 18:08
admin Adlı Üyenin Avatarı
Kurucu / Yönetici
 
Üyelik Tarihi: 26 Ekim 2010
Cinsiyet: Erkek
Konum: İzmir
Ad, Soyad: Bu... Dü...
Mesajlar: 3.433
Beğeniler: 2275 / 557
Ticaret: 10, 100%
Eline sağlık Çağatay, çok yararlı bir makale olmuş.
occipital bunu beğendi.
  #5  
Okunmamış 22 Aralık 2011, 19:37
Seçkin Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 06 Aralık 2010
Cinsiyet: Erkek
Konum: Çanakkale
Ad, Soyad: Se... Yı...
Mesajlar: 1.297
Beğeniler: 210 / 141
Ticaret: 16, 100%
Makale yararlı fakat ne bileyim yer imlerini ekleyebileceğimiz veya chrome gibi pencereler eklyebileceğimz kodlarıda bulup versen daha yararlı olurdu Arkaplan değişikliği fln yapabilridik yinede güzel bir konuya değinmişsin.
  #6  
Okunmamış 22 Aralık 2011, 20:06
Nonloser Adlı Üyenin Avatarı
Gelecek bizim...
 
Üyelik Tarihi: 30 Mart 2011
Cinsiyet: Erkek
Konum: İzmir
Ad, Soyad: Sü... Pa...
Mesajlar: 3.164
Beğeniler: 1686 / 735
Ticaret: 256, 100%
Chrome kullanıcılarının ihtiyacı olabilecek bir konu. Eline sağlık çağatay, +tb
occipital bunu beğendi.
  #7  
Okunmamış 22 Aralık 2011, 20:18
Rıza Adlı Üyenin Avatarı
lead @ codefurnace
 
Üyelik Tarihi: 28 Ekim 2011
Cinsiyet: Erkek
Konum: İzmir
Ad, Soyad: Rı... Sa...
Mesajlar: 1.844
Beğeniler: 407 / 1021
Ticaret: 21, 100%
Klavyene sağlık Çağatay
occipital bunu beğendi.
lead developer @ codefurnace - #laravel #symfony #nodejs
  #8  
Okunmamış 22 Aralık 2011, 22:38
Sinan Adlı Üyenin Avatarı
Grana Themes
 
Üyelik Tarihi: 18 Temmuz 2011
Cinsiyet: Erkek
Ad, Soyad: Si... Yo...
Mesajlar: 3.139
Beğeniler: 997 / 675
Ticaret: 81, 100%
Harika bir konu, teşekkürler.
occipital bunu beğendi.
- Forum kurallarını mutlaka okuyun!
- Yeni nesil kişisel blog teması "Colyper" çıktı!
- Yakında "Filmino" isimli yeni film teması yayında!
  #9  
Okunmamış 22 Aralık 2011, 23:10
occipital Adlı Üyenin Avatarı
Öğrenci-Blog Yazarlığı...
 
Üyelik Tarihi: 03 Aralık 2010
Cinsiyet: Erkek
Ad, Soyad: Ça... Ka...
Mesajlar: 1.220
Beğeniler: 123 / 126
Ticaret: 5, 100%
Alıntı:
Sinan Adlı Üyeden Alıntı
Harika bir konu, teşekkürler.
Ben teşekkür ederim okuduğunuz için
Alıntı:
Rick35 Adlı Üyeden Alıntı
Klavyene sağlık Çağatay
Yararlı olabildiysem ne mutlu bana
Alıntı:
Nonloser Adlı Üyeden Alıntı
Chrome kullanıcılarının ihtiyacı olabilecek bir konu. Eline sağlık çağatay, +tb
Alıntı:
SeçkinYılmaz Adlı Üyeden Alıntı
Makale yararlı fakat ne bileyim yer imlerini ekleyebileceğimiz veya chrome gibi pencereler eklyebileceğimz kodlarıda bulup versen daha yararlı olurdu Arkaplan değişikliği fln yapabilridik yinede güzel bir konuya değinmişsin.
Chrome'un geliştirici bölümüne bakıp inceleyeyim. Eğer onlarıda bulursam elbette buraya eklerim

Alıntı:
Burak Adlı Üyeden Alıntı
Eline sağlık Çağatay, çok yararlı bir makale olmuş.
Teşekkür ederim
  #10  
Okunmamış 30 Kasım 2012, 16:56
Canticu Adlı Üyenin Avatarı
/* Volkan Akkuş */
 
Üyelik Tarihi: 22 Ekim 2012
Cinsiyet: Erkek
Meslek: Webmaster
Konum: İzmir
Ad, Soyad:
Mesajlar: 92
Beğeniler: 19 / 30
Ticaret: 0, 0%
Gerçekten güzel anlatım. Eline sağlık.
<?php kemal_ataturk('Ne Mutlu Türk'üm Diyene !!'); ?>
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   WM Aracı > Webmaster Genel Konular > Programlar


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı



Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 05:08.