Jak zrobić host plików CSS , JavaScript na blogger | Blogger Skrypt

Kyani

Translate

Jak zrobić host plików CSS , JavaScript na blogger

Każdy, kto kiedykolwiek pracował nad projektowaniem stron internetowych lub rozwoju strony wiedział jak przechowywanie plików jest ważne. Za każdym razem, gdy ktoś odwiedza Twoją stronę, serwer lub host będzie miał dostęp do tej lokalizacji i doprowadzi go to do odpowiednich plików, które muszą być wyświetlane. Gdziekolwiek zdecydujesz przechowywać pliki, będzie to miało wpływ na kilka ważnych czynników, takich jak prędkość, ładowania się strony, na ogólny ranking SEO i zdolność do dokonania niezbędnych dostosowań do serwisu.



jako hostować pliki CSS i JavaScript na blogger


Rzeczy do przemyślenia

Podczas projektowania struktury w Internecie ważne jest gdzie przechowywać ważne pliki CSS i JavaScript, tutaj decyzja o zaniedbaniu może wpłynąć na stronę później.


Prędkość Ładowania Strony

Łącząc kilka arkuszy stylów i stron internetowych plików, serwer Blogger ma tylko do zbierania informacji od jednej lokalizacji. Kiedy dzielić pliki lub decentralizuje systemu plików, to zajmuje więcej czasu dla wszystkich danych, które razem tworzą Twoja stronę. Długi czas ładowania może mieć negatywny wpływ twoje oceny SEO, ponieważ wolniejsza strona jest mniej odpowiednia dla odwiedzający, którzy nie będą czekać na to, aby strona się załadowywała kilka minut. Jeśli ktoś odwiedza Twoją stronę i od razu kliknie przycisk 'wstecz', bo to trwa zbyt długo.. powoduje to obciążenia, który zwiększa współczynnik odrzuceń i dostarcza do Google statystyki, które pokazują, witryna jest albo niskiej jakości lub nieistotne dla słów kluczowych wyszukiwania.


Przechowywanie Plików Wpływa SEO

Oprócz zwiększając współczynnik odrzuceń, przechowywanie plików w centralnej lokalizacji i zarządzania nazwami plików, może mieć wpływ na poprawę SEO witryny. Roboty sieciowe skanują .xml bloga - Google, lub inne wyszukiwarki, indeksu zarówno kod na swojej stronie, oraz nazwę i katalog plików. Jeśli nazwy plików są wyrywkowe lub nie umieszczone w odpowiednich kategoriach, to roboty sieciowe nie będą wiedzieć, co zrobić z informacjami. Przejrzysta struktura plików i centralna lokalizacja zapewnia Państwu zachętę do organizowania wszystkiego i nazwania ich odpowiednio. Wszystkie treści, które są istotne dla tematu strony lub bloga będą skanowane przez roboty sieciowe.


Lokalizacyjne Zdolności Magazynowania Plików

Tasowanie przez pliki i foldery lub otwieraniu połączeń FTP tylko do kilku prostych edycje mogą być uciążliwe, i zajmują dużo czasu, który mógłbyś przecież wykorzystać na pisanie nowych postów. Jeśli jesteś właścicielem witryny Blogger, to jest coś, czego potrzebujesz. Kiedy trzeba dokonać zmian, aby takie rzeczy jak social media - przyciski udostępniania, popularnych kategorii, ostatnie posty i notki widżetów, musisz wiedzieć, gdzie wszystko ma się udać, bez ryzyka utraty zarówno dostępnej treści i pieniędzy. Niektóre z większych witryn, które produkują setki unikalnych artykułów w każdym miesiącu, nie może sobie pozwolić na błędne katalogowanie. Kiedy artykuły zaczyna gubić się w porządku, to grozi mu powielanie treści na stronie, lub zapominając brak opublikowania. Rzeczy powinny być w zasięgu ręki, aby zminimalizować błędy i zmniejszyć ilość czasu spędzonego na edycję strony.


Przechowywanie plików JavaScript / CSS na Dysku Google

Przechowywanie na Blogger plików CSS i JavaScript na Dysku Google pomoże wyeliminować każdy z wyżej wymienionych problemów i zmniejszyć bałagan wśród swoich usług. Wybierając ten sposób można zwiększyć szybkość strony, zwiększyć możliwości skutecznej kampanii SEO, i uczynić swoje życie o wiele łatwiejszym. Dysk Google zapewnia wystarczającą ilość miejsca do przechowywania dużych plików, i oferuje usługi pracy grupowej, dzięki czemu można pracować wśród innych członków zespołu w tym samym projekcie. Niektóre z tych plików, które można przesyłać do usług w chmurze może pozostać niepublikowanych lub też w prywatnym miejscu, podczas gdy inne pliki takie jak na blogu, mogą być publikowane lub przechowywane w miejscu publicznym. Inną korzystną cechą przechowywania wszystkich swoich plików na Dysku Google Blogger jest to, że jest bardzo bezpieczny. Google jest jedną z wiodących firm w świecie technicznym, dzięki czemu można mieć pewność, że zawartość dysku jest bezpieczna przed hakerami i tych, którzy szukają kompromisu witryny. Ten przewodnik zapewni Ci instrukcje krok po kroku dotyczące konfiguracji witryny Blogger przy użyciu Google Drive. Całkowicie za darmo skorzystaj z tej strategii, i zapewnij sobie solidną platformę, na której można zbudować swój blog.


Krok 1. Przygotuj CSS / JavaScript plików


  • Po pierwsze, musimy stworzyć plik, który musimy zorganizować. Aby zorganizować plik CSS, otwórz Notatnik i wklej kod CSS (jeśli jest zamknięty w sekcji <style> i </ style>, należy je usunąć).
  • Z Notatnika w menu, wybierz "Plik"> "Zapisz jako", a następnie wpisz nazwę pliku z rozszerzeniem .css tak jak zrobiłem z css lub java.txt - patrz zrzut ekranu poniżej.

css or java utf 8

  • W tym samym oknie, wybierz "Wszystkie pliki" w opcji "Zapisz jako typ" i ustaw kodowanie znaków na UTF-8.
  • Jeśli chcesz udostępnić plik JavaScript, dodać rozszerzenie .js ( jeśli CSS to dodaj rozszerzenie .css ) na końcu nazwy pliku - .txt zamień na - .js lub .css (usuń <script> ... </ script> TAGI jeśli je zobaczysz). Kliknij "ZAPISZ" i przejdź do lokalizacji, w której chcesz zapisać plik.

Plik który przygotowałem jest plikiem poglądowym, TEN PLIK JEST NA DYSKU GOOGLE

Krok 2. Prześlij plik na Dysk Google

  • Zaloguj się do swojego dysku Google https://drive.google.com/ logując się za pomocą swojego konta Gmail. Po zalogowaniu się, kliknij na przycisk "Utwórz", aby dodać nowy oddzielny folder na przesyłanie plików JavaScript i CSS.

nowy folder google drive

  • Otwórz nowo utworzony folder i kliknij przycisk załaduj, aby wybrać pliki, które trzeba przesłać lub przeciągnij pliki na otwartą stronę dysku google.

prześlij pliki na google drive

  • Teraz przejdź do miejsca, w którym zostały zapisane pliki, wybierz je (aby wybrać wiele plików, naciśnij i przytrzymaj klawisz Ctrl na klawiaturze, a następnie kliknij na nim lub zaznacz myszką LPM) i naciśnij przycisk Otwórz.

  • Po pliki zostały pomyślnie przesłane, kliknij prawym przyciskiem myszy na nazwie pliku (aby zaznaczyć wszystkie pliki w folderze, zaznacz pole wyboru) i wybrać "Podziel się":

share google drive


  • W oknie "Ustawienia udostępniania" kliknij na "zmiany" link i wybierz opcję "publiczne w internecie" . Naciśnij skopiuj link (i) swojego przesłanego pliku (ów) z "Linki do dzielenia się " pole zaznaczone na niebiesko, a następnie, wklej go do Notatnika, aby go użyć później i naciśnij 'Gotowe'.

public status share files / copy link google drive

Krok 3. Jak Dodać plik zewnętrzny CSS / JavaScript do Bloggera


Aby można było korzystać z połączenia, należy zastąpić "https://drive.google.com/file/d 'to' https://googledrive.com/host" i usunąć "/ edytować? Usp = share" w linku , Na przykład, link mycssfile.css że kopiowane wygląda tak:

https://drive.google.com/file/d/0B18e0s916gRyd0ROTUItRGR1WDA/view?usp=sharing

Zwróć uwagę na rolę w "niebieskiego zaznaczenia po / pliku / d /" części. To jest identyfikator pliku, który jest używany do niego dostęp za pośrednictwem nowej usługi hostingowej.

https://googledrive.com/host/

Dodaj identyfikator pliku do https://googledrive.com/host/

https://googledrive.com/host/0B18e0s916gRyd0ROTUItRGR1WDA


Teraz zaloguj się na konto Bloggera, wybierz bloga i przejdź do Szablon > Edytuj kod HTML. Kliknij w dowolnym miejscu wewnątrz obszaru kodu i naciśnij klawisze Ctrl + F, aby otworzyć okno wyszukiwania:

edit html code

search blogger


Jeśli chcesz dodać plik CSS, wpisz następujący znacznik wewnątrz pola wyszukiwania i naciśnij Enter, aby go znaleźć:

<head>
tuż pod znaczkiem <head> wklej kod

<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B18e0s916gRyd0ROTUItRGR1WDA" />

Zastąp https://googledrive.com/host/0B18e0s916gRyd0ROTUItRGR1WDA z linkiem do twojego pliku CSS:

for css files google drive html code



Jeśli chcesz dodać plik JavaScript, szukać następnego tagu:

</body>

I dodać linię tuż nad nim:

<Script src = " https://drive.google.com/host/0B18e0s916gRyd0ROTUItRGR1WDA "" text / javascript "type => </ ​​script>

Wymień linki w kolorze niebieskim z adresu URL:

javascript code for blogger - google drive



Wreszcie, należy nacisnąć przycisk "Zapisz szablon", aby zapisać zmiany.


Podsumowując

Kiedy już pomyślnie zapiszesz wszystkie foldery plików. Otwórz stronę w przeglądarce i upewnij się, że wszystkie zmiany zostały zakończone powodzeniem. Następnym razem, gdy chcesz zmienić jakiekolwiek informacje lub przenieść pliki wewnętrznie, wszystko co musisz zrobić, to otworzyć folder Dysk Google na swoim koncie i dokonać modyfikacji z tej lokalizacji. Pliki te będą automatycznie synchronizowane w folderze online i dokonają aktualizacji na stronie. To działa tak samo, jeśli chcesz zmienić wygląd, modyfikując kod CSS, rozszerzenie nagłówka, stopki lub dostosuj. Jak widać, zmiana przechowywania plików CSS i JavaScript jest przydatna na koncie Google Drive, jest to łatwe i zajmuje tylko kilka minut. Po wprowadzeniu zmian, można rozpocząć korzystanie z większą szybkością załadunku strony / bloga, uzyskać wyższą pozycję SEO i ogólnie bardziej wygodna współpraca z platformą Google Drive zwiększa wydajności pracy.

10 komentarzy:

  1. Bardzo fajnie, że takie porady istnieją na blogach i innych tego typu stronach. Na pewno osoby nie znające się na kodowaniu jak https://craftware.pl mogą w pewien sposób sobie pomóc. Jeśli ktoś prowadzi bloga to zapewne chce aby jest strona www wyglądała jak najbardziej profesjonalnie.

    OdpowiedzUsuń
  2. Fajnie opisane. Nie ukrywam jednak, że jak ktoś myśli o poważnej stronie internetowej np do biznesu, i sie na tym nie zna to najlepiej skontaktować się z fachowcami od projektowania stron. Ja serdecznie polecam: https://necon.pl/ . U mnie stworzyli cuda:D

    OdpowiedzUsuń
  3. Czy takie rozwiązanie nadal działa? Mnie interesuje łądowanie skryptów JavaScript. Google chyba to przyblokowało

    OdpowiedzUsuń
  4. Jest to bardzo interesujący temat, aczkolwiek nie prosty. Bez studiów raczej się nie ogarnie tego tematu

    OdpowiedzUsuń
  5. SEO jest niezwykle ważne w dzisiejszym biznesie:) Wielu przedsiębiorców o tym niestety zapomina. Nie zmienia to jednak faktu ze w aktualnej covidowej rzeczywistosci bizes zostal wywrocony do gory nogami. Powstały na rpzyklad takie rozwiazania jak Dolnośląskie Centrum Biznesu we Wrocławiu. Mial ktos stycznosc?

    OdpowiedzUsuń
  6. Dużo przydatnych informacji można znaleźć w tym wpisie, świetny blog.

    OdpowiedzUsuń