Dzień dobry przyjaciele. Ciekawe rozwiązanie podczas klikania w ikonę, które nie będzie denerwować odwiedzających. Możesz w nim umieścić ważne ogłoszenia lub inne niezbędne informacje. Pojawi się tylko wtedy, gdy użytkownik kliknie ikonę (w moim przypadku ikonę Androida).

Kod nie jest absolutnie skomplikowany, bez żadnych bibliotek i ciężkich skryptów. I jest instalowany elementarnie w gadżecie HTML/JavaScript. Sam obraz i przycisk „zamknij” w formacie svg. Możesz wizualnie zobaczyć ten „projekt” na blogu testowym w prawym górnym rogu.

Demonstracja
Cały kod

Skopiuj cały kod i zainstaluj go w gadżecie HTML/JavaScript w dowolnym miejscu układu bloga. Ikona znajdzie się dokładnie w miejscu, w którym została zamierzona. Linia zaznaczona na szaro zawiera przezroczyste tło samego popupa. Jako niepotrzebne, możesz usunąć je z kodu i ustawić preferowane tło główne według własnego gustu, zmieniając wartość tła: #fff za co chcesz.

Dziękuję wszystkim za uwagę. Do zobaczenia.

Subskrybuj nowe ściągawki

Cześć przyjaciele. Chcę Ci pokazać, jak łatwo zmienić ogólne tło całego bloga. Chociaż samo tło można łatwo dostosować w sekcji Motyw. Tam możesz wybrać gotowe tła lub przesłać własne zdjęcie i wprowadzić odpowiednie ustawienia. Jednak zdecydowałem się zaoferować, moim zdaniem, łatwiejszą opcję. Tutaj możemy sami dostosować rozmiar obrazu tła. A raczej jego szerokość.

Przejdźmy do interesów. Początkowo mój testowy blog wyglądał tak. Zaznaczyłem przestrzeń (lub tło całego płótna), która została ustawiona w ustawieniach motywu.

Teraz zmienimy to na ten obraz

Żeby to tak wyglądało

Tutaj chcę zwrócić twoją uwagę. Szerokość bloga w moim przypadku to 1200 px. Wymiary obrazu tła to 1450 na 950 px. Obraz wypełnił całą przestrzeń.

Jeśli wymiary obrazu tła są mniejsze niż rozmiar całego płótna bloga, to nie zakryje całej przestrzeni i będzie wyglądać jak obramowanie. Zobacz różnicę

Wydaje się również całkiem do przyjęcia. Niektórzy dekorują w ten sposób strony internetowe na święta. W każdym razie rozważ obie opcje. Przy odpowiednio dobranym lub utworzonym tle w dowolnym edytorze obie opcje można dopasować.

Nie są potrzebne żadne specjalne umiejętności.

1. Wybierz żądany obraz i skopiuj jego adres.
2. Skopiuj poniższy kod i ustaw adres swojego obrazu

3. Przejdź do zakładki Motyw — Edytuj kod HTML znajdź ]]>i ustaw gotowy kod powyżej tej linii.

Wynik będzie widoczny podczas przeglądania tematu. Jeśli jesteś z niego zadowolony, kliknij ratować i podziwiaj nowy szablon.

Ponownie, powtarzam. Na wszelki wypadek zdjęcie mniejsze rozmiary szerokości bloga lub nawet ukrytego poza zasięgiem wzroku, musisz ustawić wartość szerokości w kodzie. Dodaj tylko jedną linię i wyglądało to tak

ciało (
tło: adres URL (http://www.clipartbest.com/cliparts/9iz/EnR/9izEnR56T.png)
góra bez powtórzeń ustalona;
rozmiar tła: 100%
}

Z rozmiarem tła: 100%; możesz bawić się, zmieniając go na mniejszy, aż uzyskasz to, czego chcesz.

Dzięki tak prostym manipulacjom możesz stworzyć różne tła dla różnych świąt, pór roku lub nastroju.

Być może przegapiłeś

Wszystkiego najlepszego i do zobaczenia wkrótce.

Cześć wszystkim. Dzisiaj zaoferuję ci kod, gdy obraz pojawi się po najechaniu kursorem na link. Istnieje wiele opcji projektowania linków. Ale ten będzie oryginalnym rozwiązaniem dla blogów tematycznych. Lub na osobną wiadomość. Zawsze możesz wybrać zdjęcie dla żądanego motywu i projektu.

Możesz zobaczyć demo na żywo poniżej. Dla jasności podałem linki do niektórych stron mojego bloga. Oczywiście zmienisz je na adresy swoich stron. Zdjęcia i tekst - odpowiednio.

Oto sam kod.

Skopiuj cały kod, dokonaj niezbędnych ustawień i zainstaluj go w edytorze postów w trybie HTML w żądanej lokalizacji. Przykład zawiera 3 linki. W każdym razie możesz usunąć lub dodać taką linię

">"tekst linku")

I z głębi serca życzę wszystkim najszczęśliwszego Nowego Roku. Uśmiechów, radości, zdrowia, dobrego samopoczucia dla bliskich i przyjaciół. Dobroć i pokój w Twoim domu!!!

SZCZĘŚLIWEGO NOWEGO ROKU 2020 WSZYSTKIM!!!

Cześć wszystkim. Nawigacja w standardowych szablonach Bloggera w ogóle nie przyciąga uwagi. Ledwo zauważalny panel na końcu strony, nie każdy zauważy. W związku z tym każdy nowy odwiedzający może nie zobaczyć łącza do poprzednich lub następnych artykułów na blogu.
Istnieje wiele stylów nawigacji. Ale to nie pierwszy raz, gdy wielu z nich mówi, że „otrzymali rozkaz długiego życia”. A nawigacja w witrynie jest prawdopodobnie najbardziej podstawowym elementem. Dlatego podam linki do artykułów, w których już opublikowałem opcje projektowania nawigacji i zaoferuję jeszcze jeden działający kod. Tak będzie wyglądać pod wpisami na blogu.

Dzisiejsza wersja wygląda dość elegancko. Wyświetla numerowaną listę stron w panelu i poprawnie wyświetla poprzednią i następną.

Aby zainstalować, musisz najpierw skopiować ten kod

W kodzie zaznaczyłem liczbę wyświetlanych postów na jednej stronie (3). Możesz zmienić na żądany numer. Cóż, napisz, jeśli chcesz. Na przykład - „do przodu - do tyłu” lub „w przód iw tył” itp.

Przejdźmy teraz do zakładki. TEMAT — Edytuj kod HTML . Za pomocą klawiszy skrótu Ctrl + F (odczyt) znajdujemy tag zamykający

. Wklej skopiowany kod tuż nad nim.

Kliknij Zapisz zmiany i biegnij, aby zobaczyć wynik. W rezultacie na każdej stronie powinieneś wyświetlić blok z numerowaną nawigacją z podziałem na strony.

Pozdrowienia dla wszystkich i Szczęśliwego Nowego Roku.

chcesz zasubskrybować nowe ściągawki

Pokaz slajdów dla strony internetowej można wykonać za pomocą Yandex. Niestety aplikacja Yandex nie pozwala na to samo. co opisałem w innym moim artykule. Ale z drugiej strony chciałbym zauważyć, że zdjęcia z albumu fotograficznego Yandex będą dobrze indeksowane przez Yandex i istnieje szansa na przyciągnięcie odwiedzających do Twojej witryny.

Kolejną niewątpliwą zaletą takiego pokazu slajdów dla witryny jest to, że nie trzeba przesyłać do witryny dodatkowych modułów, wtyczek, komponentów, które powodują dodatkowe obciążenie witryny. Wystarczy wkleić kod HTML w odpowiednim miejscu na stronie swojej witryny.

Utwórz pokaz slajdów dla witryny za pomocą aplikacji Yandex

Aby to zrobić, musisz mieć zarejestrowaną skrzynkę pocztową na Yandex.
Przejdź do swojej skrzynki pocztowej i wybierz „Zdjęcia” - „Prześlij zdjęcia” i zaakceptuj umowę użytkownika.

Dochodzimy do kolejnej strony, na której najpierw musimy stworzyć album, w którym będziemy wgrywać zdjęcia.

Dodajemy zdjęcia, wybieramy te, które chcemy zobaczyć w pokazie slajdów.

Wprowadź nazwę albumu fotograficznego i tagi.

Możesz pominąć element „Ustawienia”.

I przejdź do czwartego kroku „Prześlij do albumu”.

Po przesłaniu wszystkich zdjęć do pokazu slajdów przejdź do albumu.

Aby zrobić pokaz slajdów dla witryny za pomocą aplikacji Yandex, kliknij link „Pokaz slajdów”.

Razem z wnuczką dostaliśmy dla niej taki pokaz slajdów

Tworząc nowego bloga na blogspot, pomyślałem, jak zrobić tam wygodny pokaz slajdów w artykułach. W końcu chcę, aby czytelnik „przykleił się” do stron, oglądając dużo zdjęć. To jest w zasadzie główna idea mojej nowej strony – sam „utknąłem” na długi czas, aż zdecydowałem się z niej skorzystać. Ale publikowanie wszystkich obrazów jako ilustracji oznacza stworzenie posta o długości kilometra, który człowiek męczy przewijając w tę iz powrotem.

Dlaczego potrzebujesz pokazu slajdów

Zanim napiszę szczegółowe instrukcje, chcę powiedzieć jeszcze kilka słów o tym, dlaczego w ogóle zdziwiło mnie to pytanie.

W poprzednim artykule wyjaśniłem, dlaczego założyłem nowego bloga na Blogspocie. Główny ruch do niej będzie pochodził z wyszukiwania. A do tego potrzeba dobrego indeksowania i dobrego rankingu artykułów (ciekawe kto ich nie potrzebuje?!) A do tego bardzo ważne są dobre czynniki behawioralne (PF). A ważną częścią tych PF jest czas spędzony przez odwiedzającego na stronach bloga.

Inne sowy - naszym zadaniem jest sprawić, by czytelnik został z nami na dłużej.

I wiele już o tym dyskutowano. Pojawiły się oklepane standardowe rekomendacje typu: „umieść pod artykułem widżet z ciekawymi/popularnymi/podobnymi postami – odwiedzający będzie zainteresowany i zostanie na blogu, aby przeczytać więcej” czy „umieść wideo w artykule – odwiedzający będzie zainteresowany i obejrzę go podczas pobytu na blogu”…

Czujecie martwy chłód standardowych zaleceń?! Brakuje tylko mojej ulubionej frazy („twórz treści dla ludzi!”). Tak wiele osób publikuje filmy w swoich artykułach o piklach ... o kotach lub wielorybach! Wciskają więc ogromne listy podobnych artykułów. A jeśli spojrzeć na to, ile kliknięć było na te listy i okaże się, że 1 na 100 000 odwiedzających?

NIE. Celem użyteczności jest próba modelowania ludzkich zachowań. I tak myślę (nie fakt, że mam rację), oceniam po sobie, że w takich postach jakie mam na Domofor (blog blogspot) najwłaściwszy byłby pokaz slajdów, który człowiek może kręcić we wszystkie strony, rozważ szczegółowo, powiększ do pełnego ekranu itp.

I ty też myślisz. A jeśli zdecydujesz, że też tego potrzebujesz, oto szczegółowa opowieść o możliwościach.

Trochę tła o zwycięstwie Yandex nad Google

Właściwie jest to niesamowita historia o tym, jak Yandex pokonał Google na swoim własnym polu (Google). Oczywiste jest, że w pierwszej kolejności poszedłem do albumów Picasa, gdzie Blogspot umieszcza wszystkie zdjęcia, które wrzucamy na strony bloga. I tam nie bez trudności znalazłem funkcję tworzenia pokazu slajdów i publikowania go w zasobach stron trzecich. Ale ta prezentacja wyglądała strasznie żałośnie!

Dziwne, że Google nie stworzyło wygodnego i reprezentacyjnego narzędzia do tworzenia pokazów slajdów na własnych blogach. Dlatego odwróciłem się o 180° i przeniosłem do Yandex Photos. Gdzie od razu odkryłem możliwość zrobienia pokazu slajdów z albumu i uzyskania całkiem przyzwoitego zdjęcia na blogu.

Instrukcje tworzenia pokazu slajdów w Zdjęciach Yandex

Przychodzimy więc do zdjęć Yandex. Oczywiście trzeba mieć konto w Yandex (myślę, że wśród blogerów nie spotkasz osoby BEZ konta w Yandex). Jeśli zamierzasz zrobić pokaz slajdów z istniejącego albumu, możesz natychmiast przewinąć tę instrukcję o kilka punktów w dół. I szybko przyjrzymy się, jak zrobić zupełnie nowy album i animować jego zawartość.

Nazwij album odpowiednio - nie album #1 lub 463524. Jego nazwa będzie wyświetlana na początku pokazu slajdów. Zrób dobry opis. Może to tylko przyzwyczajenie - tam, gdzie to możliwe, dodawaj opisy. Ale wciąż jest nadzieja, że ​​Yandex zwróci większą uwagę na naszego bloga… Cóż, może dzięki wyszukiwaniu obrazów wszystko pójdzie szybciej.

Pamiętaj, że to jeszcze nie jest pobieranie. Aby nasz album pojawił się w serwisie Yandex Photos, kliknij niebieski przycisk w prawym dolnym rogu:

Teraz musisz przejść do nowego albumu i wybrać link „pokaz slajdów” - po prawej stronie tytułu albumu:

Właściwie to wszystko. Oto taki piękny obraz, który zobaczymy:

Aby dostosować efekty zmiany zdjęć - kliknij żółtą strzałkę pośrodku. Podczas przesuwania kursora po ekranie pokazu slajdów na dole wyświetlane jest menu z funkcjami przewijania do tyłu, suwakiem i przyciskiem „efekty”. Kliknij na niego i wybierz, jak zmienią się obrazy. Szczególnie podoba mi się efekt z niewielkim powiększeniem i pomniejszeniem obrazu. Ale wszystko jest bardzo inteligentne - bez gwiazdek i nieoczekiwanego rozproszenia zdjęć na małe piksele)))

Cóż, to wszystko - poniżej znajduje się kod do osadzania na dowolnych stronach lub blogach. Blogspot dobrze to trawi. To prawda, że ​​\u200b\u200bprzeglądana przez mobilną wersję Opery nie ładuje się ... Ale to już kwestia przeglądarki, a nie narzędzia. W osobnym oknie podają kod do blogów na platformie LiveInternet. Możesz także po prostu uzyskać link do pokazu slajdów - jeśli interesują Cię goście odwiedzający Cię na Ya.ru.

Po zakończeniu oglądania w polu pokazu slajdów pojawiają się następujące informacje. Niezbyt ładne, ale całkiem funkcjonalne.

Możesz zobaczyć demo pokazu slajdów utworzonego na twoich oczach na końcu tego artykułu http://www.domofor.com/2014/01/dvery-v-dome.html

Wreszcie! Dzisiaj odkryłem, że stało się możliwe otrzymywanie i dystrybucja link bezpośrednio do folderu(a nie tylko pojedyncze pliki).

Wcześniej można było uzyskać łącze tylko do jednego pliku. Albo wszystkie pliki trzeba było zebrać w archiwum i rozesłać do niego link.

Jednak wszystko to nie jest zbyt wygodne, ponieważ. wymagane jest dodatkowe działanie użytkownika. A jest to szczególnie uciążliwe dla tych, którzy lubią dzielić się zdjęciami – w końcu chcąc pokazać komuś swoje zdjęcia/zdjęcia, trzeba było uzyskać linki do każdego zdjęcia z osobna.

Jak mogę uzyskać link do folderu na dysku Yandex?

Dzięki temu nie zadziała (w tej chwili). Musisz więc przejść do interfejsu internetowego usługi i po prostu wybrać tam dowolny folder (kliknij raz l.k.m), do którego chcesz uzyskać link. A następnie w prawym dolnym rogu umieść przełącznik „Łącze publiczne” do pozycji „włączony”:

Teraz ten link może już być dystrybuowany do każdego. Odbiorcy zostanie załadowany specjalny interfejs webowy, w którym będzie mógł przeglądać zawartość folderu + następnie jego zawartość:

Widok katalogu

Oczywiście całość można pobrać od razu - w jednym archiwum .zip lub "po kawałku", najeżdżając kursorem na osobny plik.

Jeśli w katalogu znajdują się zdjęcia, po kliknięciu dowolnego z nich rozpocznie się wygodny pokaz slajdów:

Pokaz slajdów na dysku Yandex (klikalny)

Wraz z pojawieniem się możliwości uzyskania linku do folderu w Yandex.Disk, ta usługa pod względem funkcjonalności jest bardzo zbliżona do samego Dropbox.com. To prawda, że ​​\u200b\u200bten ostatni ma możliwość przeglądania filmów online, ale nie można uruchomić dźwięku mp3 online. Z Y.Disk jest odwrotnie.

Na uwagę zasługują również te usługi w chmurze:

Ogólnie rzecz biorąc, Yandex.Disk rozwija się bardzo aktywnie. Oprócz bezpośredniego linku do folderu możesz teraz czytać dokumenty tekstowe w różnych formatach bezpośrednio online (.txt, .doc, .rtf, .pdf...) a nawet rozpakować archiwa -