25.12.2014

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
       





21.12.2014

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ą. :)

13.12.2014

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ść. 


03.12.2014

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