Na samym początku tworzymy folder (w dowolnym miejscu), nazwa folderu jest bez znaczenia. W naszym przypadku będzie to Instalki.pl. Otwieramy nasz edytor tekstu, np. Notepad++, wklejamy poniższy kod (który oczywiście należy uzupełnić).
{ "name": "Nazwa strony", "description": "Opis (maksymalnie 132 znaki)", "version": "0.0.0.1", "manifest_version": 2, "icons": { "128": "icon_128.png" }, "app": { "urls": [ "http://adres-strony.pl/" ], "launch": { "web_url": "http://adres-strony.pl/" } } }
W naszym przypadku powyższy kod uzupełnimy następująco:
{ "name": "Instalki.pl", "description": "Instalki.pl - portal technologiczny", "version": "0.0.0.1", "manifest_version": 2, "icons": { "128": "icon_128.png" }, "app": { "urls": [ "http://instalki.pl/" ], "launch": { "web_url": "http://instalki.pl/" } } }
Następnie wybieramy opcję Zapisz jako w naszym edytorze (najczęściej Plik > Zapisz jako) i przechodzimy do stworzonego wcześniej katalogu. Jako nazwę podajemy manifest.json i zapisujemy nasz plik.
Teraz kolej na przygotowanie grafiki. Możemy wykorzystać jakiś gotowy obrazek lub stworzyć własny w wybranym przez nas edytorze grafiki. Musi mieć ona wymiary 128 pikseli na 128 pikseli. Naszą grafikę zapisujemy w formacie PNG w tym samym folderze co wcześniej, a jako nazwę podajemy icon_128.png
Uruchamiamy przeglądarkę Chrome, klikamy na przycisk Ustawienia Google Chrome (przy poziome kreski). Następnie wybieramy Narzędzia i później Rozszerzenia. Zaznaczamy pole Tryb programisty.
Klikamy na przycisk Wczytaj rozszerzenie bez pakietu.
Wskazujemy stworzony wcześniej folder i klikamy OK.
Gotowe, na nowej karcie zobaczymy ikonkę do wybranego przez nas serwisu. Możemy dodać kilka aplikacji tego typu (dla różnych stron), wystarczy tylko kilkakrotnie powtórzyć całą operację.