Jak dodać podświetlenie zdjęcia na biało po najechaniu kursorem? - Blogger

Witajcie!
W tym poście przychodzę do Was z kolejnym tutorialem. Mam nadzieję, że Wam się przyda (mi osobiście się przydał) i zapraszam do czytania.

Zacznijmy!

Krok 1.

Wchodzimy na naszego Bloggera, a następnie w Szablon.

Krok 2.

Wybieramy Dostosuj.

Krok 3.

Klikamy ostatnią pozycję na liście, czyli Zaawansowane.

Krok 4.

Zjeżdżamy na sam dół naszej listy i wybieramy Dodaj arkusz CSS.

 

Krok 5.

W pole wklejamy nasz kod (kody podam za chwilę) i wciskamy klawisz Enter.

Uwaga! Jeśli w tym polu macie już jakiś/jakieś kod/kody CSS, już Wam pokazuję, co należy zrobić.

Przy ostatnim znaku ostatniego naszego kodu CSS stawiamy kursor i wciskamy klawisz Enter.
Następnie wklejamy nasz kod i ponownie wciskamy Enter.

Kod:

.post img { opacity: 1;

transition:opacity 0.4s ease-in-out; 

-o-transition:opacity 0.4s ease-in-out;

-moz-transition:opacity 0.4s ease-in-out; 

-webkit-transition:opacity 0.4s ease-in-out; 

}

.post img:hover {

opacity: 0.70; 

transition:opacity 0.4s ease-in-out; 

-o-transition:opacity 0.4s ease-in-out; 

-moz-transition:opacity 0.4s ease-in-out; 

-webkit-transition:opacity 0.4s ease-in-out; 

}

Gotowe! 

Podobał Wam się dzisiejszy post?
Do następnego :)

Karolina

       

Jak dodać strzałkę przenoszącą do góry bloga? - Profilki.pl

Witajcie!
Co tam u Was? Macie już kupione prezenty dla najbliższych? A choinki? ;) Ja już prawie przyozdobiłam pokój, choinki kupionej jeszcze nie ma, jednak z tym zdążę do gwiazdki. A no właśnie, gwiazdka już za trzy dni!
Jednak zacznijmy już posta, miłego czytania! :D

Krok 1.

Wchodzimy na stronę profilki.pl. Szukamy elementu Przycisk w górę i na niego klikamy.

Krok 2.

Następnie wybieramy styl naszego przycisku (nowoczesny, przezroczysty, rysowany, własny, własny (wycięty) lub obrazek) i korzystamy z przycisków po prawej stronie.

Krok 3.

Teraz wybieramy wielkość strzałki, jej umiejscowienie oraz szybkość przenoszenia do góry bloga.

Krok 4.

Potem zjeżdżamy odrobinę suwakiem i wybieramy Dodaj na Blogspot.

Krok 5.

Zostajemy przeniesieni do strony poniżej. Wybieramy bloga, na którym chcemy mieć naszą strzałkę i i jeżeli chcemy, wpisujemy tytuł. Następnie klikamy przycisk Dodaj widżet. 
Jeżeli chcemy uniknąć takiego napisu na górze bloga: "Strzałkę w górę dostarczyły profilki.pl", klikamy Edytuj zawartość, zjeżdżamy na dół suwakiem i usuwamy dany fragment kodu (na czerwono).

Krok 6.

Zostajemy przeniesieni do Układu naszego bloga. Wchodzimy w gadżet HTML/JavaScript i wybieramy Zapisz. Następnie - Zapisz rozmieszczenie.

Gotowe!

Efekt:

Do zobaczenia w następnym poście,

Karolina

PS Życzę Wam zdrowych, spokojnych i mile spędzonych Świąt Bożego Narodzenia, a także wielu prezentów pod choinką. :)

Jak dodać ikonki społecznościowe? - Profilki.pl

Witajcie!
Co tam u Was? Myślicie już o świętach? A może robicie zakupy świąteczne? No nie ważne, w każdym razie ja myślę już o Bożym Narodzeniu. A także, jakiemu członkowi rodziny kupić jakie prezenty. Na razie moje plany są tylko początkowymi, ale dobra. :) Poza tym zastanawiam się również nad świątecznymi projektami DIY. Od środy szperam sobie w internecie szukając fajnych pozycji, mam już kilka pomysłów.

Hmm... Ok, to by było na tyle, co do moich rozmyślań świątecznych.

Zapraszam Was na kolejny post tutorialowy i życzę Wam miłego czytania!

Zaczynajmy!

Krok 1.

Wchodzimy na stronę profilki.pl. Zjeżdżamy na dół, aż nie pojawi się element Przyciski społecznościowe.

Krok 2.

Następnie wchodzimy w nasz element, a następnie klikamy Dodaj profil. Klikamy ten przycisk, tyle razy, ile chcemy, żeby było naszych ikonek/przycisków społecznościowych.

Krok 3.

Następnie uzupełniamy białe pola linkami do naszych profili.
Obok każdego tytułu znajdują się trzy kropeczki na różowym tle. Wybieramy ten klawisz, a następnie decydujemy, jaki portal (np. Facebook, YT) chcemy wybrać.

Krok 4.

Następnie wybieramy styl przycisków.
Wybieramy styl nowoczesny, przezroczysty, własny lub własny (wycięty), potem wielkość i efekt po najechaniu, a na końcu układ ikonek, czy będą poziome, czy pionowe (posługujemy się przyciskami po lewej stronie).

Krok 5.

Zjeżdżamy na dół i klikamy przycisk Dodaj na blogspot.

 Krok 6.

Zostajemy przeniesieni do strony poniżej. Wybieramy bloga, na którym chcemy mieć nasze ikonki i jeżeli chcemy wpisujemy tytuł. Następnie klikamy przycisk Dodaj widżet. 
Jeżeli chcemy uniknąć pod naszymi ikonkami napisu: "Przyciski społecznościowe dostarczyły profilki.pl", klikamy Edytuj zawartość, zjeżdżamy na dół suwakiem i usuwamy dany fragment kodu (na czerwono).

Krok 7.

Zostajemy przekierowani do naszego Układu.

Gotowe!

Do zobaczenia w następnym poście!

Karolina 

PS. Sorki za moją dosyć długą nieobecność. 

Jak dodać własną favikonę? - Blogger

Witajcie!

W tym poście mam dla Was tutorial Jak dodać własną favikonę.

Zapraszam do czytania!

Krok 1.

Musimy mieć kwadratowy obraz. Ja zrobiłam przykładową favikonę na pizap.com.
A oto ona (:D)

Krok 2.

Wchodzimy w Układ.

Krok 3.

Klikamy Edytuj obok elementu Favikona.

Krok 4.

Wybieramy Przeglądaj. Z naszego komputera wybieramy obraz, który chcemy mieć jako favikonę.
Pamiętajmy jednak, aby nasz obraz był w rozmiarze mniejszym niż 100 KB, jak z resztą macie napisane na screenie (mój rzeczywiście był za duży, więc go zmniejszyłam w domyślnym na komputerze programie (Microsoft Office).



Krok 5.

Gdy już załadujemy nasz obraz, klikamy Zapisz.

Gotowe!

Efekt :)

Jeszcze jedno: podobał Wam się post?

Ja idę czytać lekturę,

do zobaczenia w następnym poście!

Karolina