ogłoszenia

Często w naszych blogach mamy potrzebę zamieszczenie jakiegoś ważnego ogłoszenia a następnie po jakimś okresie usunięcia go.
Problem pojawia się jeśli do wyświetlania tego ogłoszenia używany nie tylko samego tekstu ale i zaawansowanych stylii itp dodatków. Usunięcie takiego Gadżetu skutkuje utratą całego wpisu - co zatem idzie musimy gdzieś przekopiować zawartość gadżetu.
Możemy w naszym blogu zautomatyzować takie działania.

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Ukrywanie etykiet

Czasami zachodzi potrzeba ukryć etykiety np. w jednym z postów. Można to osiągnąć za pomocą styli CSS osadzonych w poście.

W widoku HTML edycji posta na samym jego początku wklejamy taki oto kod:

<style>
.post-labels {display: none !important;}
</style>

Przykład działania widać w tym poście - są ustawione etykiety posty i sztuczki lecz ich nie widać...

Analogicznie po osadzeniu tego stylu w szablonie ukryjemy na stałe etykiety w całym blogu.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

moj profil - sztuczki

Poniżej kilka sposobów do zabawy z wyświetlaniem informacji w profilu:

Jak ukryć profil tylko na wybranym blogu? - użyjmy stylu CSS w szablonie.
Przechodzimy do edycji szablonu i dodajemy nasz styl np z pod projektanta szablonów

.Profile {display: none !important;}

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

ukrywanie paska nawigacji

Aby usunąć pasek nawigacji dodawany przez blogera musimy w naszym szablonie dodać taki oto kod stylu CSS:

#navbar-iframe {display: none !important; visibility:hidden;}

Szukając w sieci sposobu ukrycia paska nawigacji w Bloggerze natrafimy na powyższy kod. Jednak po tym kodzie pojawia się nam pusta przestrzeń. Można jej się pozbyć podnosząc cały blog do góry o szerokość paska nawigacji.

W sumie, jeśli chcemy usunąć całkowicie pasek nawigacji wraz jego polem musimy użyć poniższego stylu:

body {margin-top:-30px !important;} 

Jak dodać te kody do szablonu? Klikamy Projekt - i dodajemy styl za pomocą projektanta szablonów

Przykład działania widać w tym poście :), osobiści mi nie przeszkadza ten pasek więc go nie ukrywam...
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Audio w poscie

http://www.aleosoft.com/mp3toswfconverter/index.html Na tej stronie znajdziesz

oprogramowanie pozwalające w łatwy sposób na przygotowanie oraz publikację własnej muzyki na blogu w formacie Flash.
Ten niezwykle prosty w obsłudze program posiada kilkanaście gotowych odtwarzaczy flash. Gotowe pliki wrzucamy na dowolny hosting a wygenerowany kod odtwarzacza wklejamy do bloga.


Możemy go też użyć w celu osadzenia tła muzycznego w blogu wybierając np. taką wersję odtwarzacza i odpowiednio konfigurując ustawienia autoplay a całość zamieszczając w gadżecie HTML/JavaScript.

Efekt poniżej. 
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Własna favikonka

Jak zastąpić ikonkę blogera na własną?

Od dziś dostępna już z poziomu edycji szablonu - nad paskiem nawigacyjnym mamy śliczny gadżet umożliwiający zmianę favikony na własną.

A tak było kiedyś:
Przechodzimy do edycji szablonu, czyli Projekt - Edytuj kod HTML i wyszukujemy: <title/> następnie zaraz pod tym znacznikiem wklejamy taki oto kod:

<link href='http://adres.do.twojej.favicony.ico' rel='shortcut icon' type='image/x-icon'/>

Bloger oferuje wybór własnej ikonki jednak może ona nie zawsze pojawiac się na naszej stronie
Zatem możemy podlinkować tą ikonę wybraną z panelu bloggera następującym kodem:

<link expr:href='data:blog.homepageUrl + "/favicon.ico"' rel='shortcut icon' type='image/x-icon'/>

Ikonka taka może być zapisana w wielu popularnych formatach np.: GIF, JPG, ICO, BMP, PNG.

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110