Beauty

Świąteczne ozdoby w nagłówku bloga


Demo

W tym poradniku znajdziesz kody, które sprawią, że w górnej części twojego bloga, forum, czy strony www pojawią się piękne świąteczne ozdoby. Kod można wstawić wszędzie tam, gdzie istnieje obsługa własnego HTML.

Umieszczanie widżetu na Bloggerze

W panelu Admina wejdź w Szablon => Edytuj kod HTML szablonu.
Kliknij w okno edytora, wciśnij kombinację klawiszy Ctrl + F, wpisz poniższy kod i wciśnij Enter.
</body>
Nad wyszukaną frazą wklej poniższy kod jednego z poniższych stylów:
<div style="position:absolute;overflow:visible;left:0px;top:-20px;z-index: 9999;">
<object style="height:400px;width:300px;" data="https://googledrive.com/host/0BzWYBwKfT2eda3pHWm5udE1lMzQ" type="application/x-shockwave-flash"><param value="always" name="allowScriptAccess" /><param name="wmode" value="transparent"/></object></div>

<div style="position:absolute;overflow:visible;left:0px;top:-20px;z-index: 9999;">
<object data="https://googledrive.com/host/0BzWYBwKfT2edV0hFRkxrU3ZZVFU" style="height: 400px; width: 300px;" type="application/x-shockwave-flash"><param value="always" name="allowScriptAccess" /><param name="wmode" value="transparent"/></object></div>

<div style="position:absolute;overflow:visible;left:0px;top:-20px;z-index: 9999;">
<object data="https://googledrive.com/host/0BzWYBwKfT2edY0JWdmZoNXBqUWs" style="height: 400px; width: 300px;" type="application/x-shockwave-flash"><param value="always" name="allowScriptAccess" /><param name="wmode" value="transparent"/></object></div>

<div style="position:absolute;overflow:visible;left:0px;top:-20px;z-index: 9999;">
<object data="https://googledrive.com/host/0BzWYBwKfT2edbXJLNXhQcFlrSjg" style="height: 400px; width: 300px;" type="application/x-shockwave-flash"><param value="always" name="allowScriptAccess" /><param name="wmode" value="transparent"/></object></div>

<div style="position:absolute;overflow:visible;left:0px;top:-20px;z-index: 9999;">
<object data="https://googledrive.com/host/0BzWYBwKfT2edZDNZeHJkUjJuekU" style="height: 400px; width: 300px;" type="application/x-shockwave-flash"><param value="always" name="allowScriptAccess" /><param name="wmode" value="transparent"/></object></div>

<div style="position:absolute;overflow:visible;left:0px;top:-20px;z-index: 9999;">
<object data="https://googledrive.com/host/0BzWYBwKfT2edcng4dlNzZ2xMSG8" style="height: 400px; width: 300px;" type="application/x-shockwave-flash"><param value="always" name="allowScriptAccess" /><param name="wmode" value="transparent"/></object></div>

<div style="position:absolute;overflow:visible;left:0px;top:-20px;z-index: 9999;">
<object data="https://googledrive.com/host/0BzWYBwKfT2edd1dkRnd4QWlvdEk" style="height: 400px; width: 300px;" type="application/x-shockwave-flash"><param value="always" name="allowScriptAccess" /><param name="wmode" value="transparent"/></object></div>

<div style="position:absolute;overflow:visible;left:0px;top:-20px;z-index: 9999;">
<object data="https://googledrive.com/host/0BzWYBwKfT2edSkY0NVFqeUg4dGc" style="height: 400px; width: 300px;" type="application/x-shockwave-flash"><param value="always" name="allowScriptAccess" /><param name="wmode" value="transparent"/></object></div>

<div style="position:absolute;overflow:visible;left:0px;top:-20px;z-index: 9999;">
<object data="https://googledrive.com/host/0BzWYBwKfT2edN1RMVGkyYllIZk0" style="height: 400px; width: 300px;" type="application/x-shockwave-flash"><param value="always" name="allowScriptAccess" /><param name="wmode" value="transparent"/></object></div>

<div style="position:absolute;overflow:visible;left:0px;top:-20px;z-index: 9999;">
<object data="https://googledrive.com/host/0BzWYBwKfT2edc2UwRVdJTzB3cWc" style="height: 400px; width: 300px;" type="application/x-shockwave-flash"><param value="always" name="allowScriptAccess" /><param name="wmode" value="transparent"/></object></div>
Na koniec Zapisz szablon.

Dostosowywanie widżetu


  • left: - odległość od lewej strony. Im mniejsza wartość, tym bardziej w lewo. Im większa - tym bardziej w prawo. Może być również wartość ujemna, np. -20px.
  • top: - odległość od góry. Im mniejsza wartość, tym bardziej do góry. Im większa - tym bardziej w dół. Może być również wartość ujemna, np. -20px.
  • width: -szerokość animacji.
  • height: - wysokość animacji.

Instagram