25 kwietnia 2015

Lightbox - Blogowy dodatek do zdjęć

  Wszelkie obrazy , zdjęcia pojawiają się na każdym blogu , więc warto też zadbać o ten element strony.W tym pomoże nam lightbox - dodatek , który poprzez kliknięcie na zdjęcie , pokaże nam je w  nowoczesnej , białej ramce.W przeciwieństwie do zwykłej funkcji bloggera jaką jest wyświetlanie obrazu w pełnym rozmiarze wraz z prostym wyglądem , lightbox znacznie lepiej się prezentuje.Poniżej zamieszczony jest obraz podstawowej funkcji bloggera , którą każdy użytkownik posiada.


Natomiast tutaj mamy nasz dodatek , który jak widać różni się od pierwszego.



 Krok 1 Usuwamy podstawowy podgląd


1. Kopiujemy ten kod poniżej , a następnie wstawiamy go tuż nad tagiem </html>

<script type="text/javascript"> var imgs = document.getElementsByTagName('img'); for(var i = 0; i &lt; imgs.length; ++i){ imgs[i].parentNode.replaceChild(imgs[i].cloneNode(true),imgs[i]); } </script>

2. Zapisujemy szablon i sprawdzamy czy nie mamy już tego podglądu.




 Krok 2 Instalujemy Lightbox


1. Zrób kopię tego kodu CSS .


2.Wejdź na blogger (podstrona szablon) i edytuj kod HTML 

4.Wklej otrzymany kod css powyżej kodu </b:skin> 

5.Skopiuj teraz ten kod i umieść powyżej </body>

6.Zapisz szablon.

 Kiedy lightbox już dodany do bloga , jeśli chcesz możesz zmienić kolor ramki.Wystarczy wyszukać w kodzie CSS "#fff" i podmienić wszystkie te tagi na własny zapis HTML-owy koloru.

Designed by Blokotek. All rights reserved.