Nie robię już plików "LOGO" więc proszę nie pytać o nie !!!

Kurs jak urozmaicić bloga - wyświetlanie zdjęć

rys.1
Temat nieaktualny- blogger włączył własne wyświetlanie zdjęć
chyba że ktoś chce w ten sposób co tu na blogu to w ustawieniach bloga może wyłączyć opcję wyświetlania zdjęć i zastosować metodę opisaną niżej


Krok 1: Wchodzimy w projekt naszego bloga, wciskamy przycisk Edytuj kod HTML i wyszukujemy w kodzie sekcji <head> rys.1. Pamiętajcie zanim coś będziecie zmieniać w kodzie HTML zapiszcie jego kopię wciskając Pobierz pełny szablon

Krok 2: w sekcji <head> zaraz poniżej tuż po znacznikach <meta tagów dodajemy poniższy wpis rys.2
<script language='javascript' scr='http://www.maly3city.yoyo.pl/lytebox.js' src='http://www.maly3city.yoyo.pl/lytebox.js' type='text/javascript'/>
<link href='http://www.maly3city.yoyo.pl/lytebox.css' media='screen' rel='stylesheet' type='text/css'/>
zapisujemy szablon i to by było na tyle w edycji szablonu

Krok 3:  W edycji posta (rys. 3) po wstawieniu zdjęcia wciskamy Edytuj kod HTML i wstawiamy odpowiednio
to co na czerwono w ramkach



    Pojedyńcze zdjęcie:
<a href="http//adres obrazka.jpg" rel="lytebox" 
title="nazwa obrazka" ><img border="0" height="240"
src="http://adres miniaturkiobrazka.jpg</a> 
przykład
    Zgrupowane zdjęcia: każda grupa zdjęć w postach powinna mieć inną nazwę albumu np. nazwa posta
<a href="http//adres obrazka.jpg" rel="lytebox[nazwa albumu]" 
title="nazwa obrazka nr.1" ><img border="0" height="240"
src="http://adres miniaturki obrazka.JPG</a>
<a href="http//adres obrazka.jpg" rel="lytebox[nazwa albumu]" 
title="nazwa obrazka nr.2" ><img border="0" height="240"
src="http://adres miniaturki obrazka.JPG</a>


    Pokaz slajdów: tak samo jak zdjęcia zgrupowane, tylko wpisujemy lyteshow zamiast lytebox
<a href="http//adres obrazka.jpg" rel="lyteshow[nazwa albumu]" 
title="nazwa obrazka nr.1" ><img border="0" height="240"
src="http://adres miniaturki obrazka.JPG</a>
<a href="http//adres obrazka.jpg" rel="lyteshow[nazwa albumu]" 
title="nazwa obrazka nr.2" ><img border="0" height="240"
src="http://adres miniaturki obrazka.JPG</a> 

Tego kawałka kodu ( title="nazwa obrazka" ) nie musimy wstawiać wtedy w ramce na dole zdjęcia nie pojawi nam się nazwa zdjęcia.
A i jeszcze, żeby skrypt działał strona musi załadować się w przeglądarce do końca.

Mam nadzieję, że opisałam to przejrzyście i nie będzie problemu z wykorzystaniem tego na Waszych blogach. W razie czego służę pomocą - proszę pytać, zostawiając komentarz z pytaniem pod tym postem.

Tak wygląda mniej-więcej adres zdjęcia na  blogu przy edycji posta w kodzie  HTML
zielony- adres obrazka dla używających blogspota adres w picasawebalbum gdzie jest zdjęcie
niebieski- adres miniaturki waszego obrazka czyli to co na blogu pomniejszone widać
błękitny- wymiar oryginalnego zdjęcia (s1600 watro zmienić na s1024 lub mniej nie wszyscy mają wielkie monitory)
różowy- wymiar miniaturki na blogu tu nieco więcej o ustawieniach
czerwony- tu wstawiamy rel=lytebox[nazwa albumu]"
<a href="http://1.bp.blogspot.com/-GbhDwNG6sB8/Tb5VuevftEI/AAAAAAAAAJs/bahVbo-dHlw/s1600/Obraz+042.jpg" imageanchor="1"rel=lytebox[nazwa albumu]" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="http://1.bp.blogspot.com/-GbhDwNG6sB8/Tb5VuevftEI/AAAAAAAAAJs/bahVbo-dHlw/s400/Obraz+042.jpg" width="397" />&nbsp;</a>
Wiem że wygląda to jak czarna magia ale za drugim razem robi się to automatycznie.

Related Posts Plugin for WordPress, Blogger...

Moja przygoda z bloggerem rozpoczęła się w sierpniu 2010r.
Blog ten istnieje już od 14 sierpnia 2010r.
Od początku blog odglądano: razy.
Opublikowano: posty/ów, strony oraz napisano komentarzy/e.
Najlepsi komentatorzy:
 
◄Design by Pocket Distributed by Deluxe Templates