Jak zrobić portfolio/galerię na Bloggerze

czwartek, 14 grudnia 2017



Od ostatniej instrukcji minęło trochę czasu, a więc czas na kolejną. W dzisiejszym tutorialu przedstawię Wam jak w prosty sposób można dodać galerię/portfolio do naszego bloga - w postach, na stronie głównej lub w podstronach. Jedyne na czym będziemy pracować to kod CSS oraz kod HTML, który wklejamy w sekcji HTML podczas tworzenia wpisu lub do gadżetu HTML/JavaScript, więc nie powinno być problemu z instalacją tego gadżetu :)

1. Przechodzimy do motyw - dostosuj - zaawansowane - dodaj arkusz CSS

Wklejamy kod:



Wartość w tym fragmencie - width: 50%; - możemy edytować, odpowiada ona za wielkość naszych okienek/zdjęć

2. Teraz przechodzimy do sekcji HTML we wpisie lub do układ - dodaj gadżet - HTML/JavaScript i wklejamy kod:



LINK - możemy wkleić link, do którego przeniesie nas, po kliknięciu w zdjęcie. Możemy słowo "LINK" zastąpić # jeśli nie chcemy, aby po kliknięciu w zdjęcie przeniosło nas na inną stronę.

LINK DO ZDJĘCIA - link do zdjęcia


Efekt:


12 komentarzy:

  1. Super pomysł, na pewno to wykorzystam

    OdpowiedzUsuń
  2. Wow, przyda się :D

    OdpowiedzUsuń
  3. Bardzo ładny blog! Obserwuję :)

    OdpowiedzUsuń
  4. super! :D Fajnie piszesz, czysto i przejrzyście. Dla mnie jako średniozaawansowanej w świecie internetu jest wszystko ładne i przejrzyste. Taka "kawa na ławę" :)

    OdpowiedzUsuń
  5. Emilia Skucińska15 grudnia 2017 09:16

    u mnie ten kod nie działa

    OdpowiedzUsuń
  6. Staram się przekazywać wszystko jak najprościej się da, więc cieszę się, że jest tak, jak to sobie założyłam :)

    OdpowiedzUsuń
  7. Michalina Korzeniowska16 grudnia 2017 16:08

    Przydatne wskazówki. Sama lubię troszkę bawić się w html'u, więc na pewno skorzystam. Dzięki wielkie :)

    OdpowiedzUsuń
  8. Oo na pewno przyda się nie jednej duszyczce :D

    OdpowiedzUsuń
  9. aaa da sie zrobić tak aby zdjęcie w galerii był mniejsze? Tzn. żeby więcej węższych zdjęć wchodziło w jeden wers ;P

    OdpowiedzUsuń
  10. O ten fragment odpowiada za wielkość zdjęć width: 50% zmieniając to, zmieni się też układ zdjęć np. 4 w jednym wersie :)

    OdpowiedzUsuń

- Komentarze takie jak: spam, obserwacja za obserwacje, prośby o klikanie w banery etc. zostają usuwane - ZAPAMIĘTAJ! MÓJ BLOG TO NIE TABLICA OGŁOSZEŃ
- Weryfikacja obrazkowa wyłączona

Copyright © Szablon wykonany przez My pastel life