Lista czytelnicza - widget

Twoje wpisy nie pojawiają się automatycznie w blogrollu
Mamy na to rozwiązanie

NASZ WIDGET NIE BAZUJE NA RSS

Dodaj nowy widget HTML/JavaScript i wstaw do niego nasz kod. Opublikuj nowego posta i sprawdź działanie.

Teraz wpisy na blogach znajomych pojawią się automatycznie po publikacji. Nigdy więcej czekania na update RSS'a 10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Formularz kontaktowy - nareszcie :)

rys.1

Wreszcie pojawiła się oficjalna Apka dedykowanego formularza kontaktowego.

Gadżet znajdziecie ukryty w zbiorze dodatkowych gadżetów bloggera [rys.1] dodajemy go do bloga i ustawiamy gdzieś w wybranym miejscu układu elementów.

Zapewne większości jego wygląd nie przypadnie do gustu. Położenie jako widget też nie jest specjalnie idealnym rozwiązaniem.
Ja zmodyfikowałem jego kod i możecie go zobaczyć na stronie kontaktowej w moim blogu. Niebawem opiszę tutaj co i jak wykonać, by go tam przenieść.
Tymczasem zapraszam do testowania na własnych blogach ww gadzetu.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Multimedia w Blogerze

rys.1

Wrzucamy pliki z wrzuty.pl lub dowolnego innego hosta umożliwiającego darmowe publikowanie. np kiwi6.com - już raz opisywane

Pliki zamieszczone na serwerach zewnętrznych możemy umieszczać w kodzie posta lub strony oraz w gadżetach - to tego celu najlepszym staje się Gadzet HTML/JavaScript.




10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Usuwanie z indeksów google

Było już o pozycjonowaniu dodawaniu tagów meta aby pojawić się w wyszukiwarce Google, jednak czasem zachodzi potrzeba aby czynność tą odwrócić.
Większość z was blogowicze pisząc o swoich dzieciakach nie zdaje sobie sprawy że ich pociechy są publikowane na forach pedofili i podobnych zboczóchów. Dlaczego? Ot dlatego że zdjęcia jakie zamieszczacie na blogach są ogólnodostępne, jak zresztą cała reszta bloga. Przykładów bezliku nawet nie będę się na ten temat rozwodził.
Najprostszym i najbezpieczniejszym rozwiązaniem jest ustawienie bloga jako prywatny. Mamy pewność że do fotek kąpanych dzieciaków nikt się nam nie dobierze. Swoją drogą jeśli już publikujesz takie zdjęcia publicznie, to zastanów się troszkę i pomyśl do czego mogą zostać wykorzystane. Wszak blogger to domena publiczna i obowiązują ją zasady licencji CC.

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Edytor - publikujemy zdjęcia

rys.1

Dodajemy zdjęcie do bloga - wersja na pewniaka ;)

Po kliknięciu na Nowy post  w oknie Pulpitu nawigacyjnego klikamy na przełącznikach trybu pracy i przechodzimy do edytora WYSIWYG klikając Nowy post [rys.1]


Teraz klikamy na ikonkę dodawania grafiki a w nowym okienku wskazujemy skąd ma być dodana nasza grafika. Mamy tutaj do wyboru kilka opcji.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Stylizowanie tytułu posta

Mały myk odnośnie zmiany koloru tytułu posta, czcionki itp... - czasami trzeba zaszaleć w jednym z postów, niekoniecznie zmieniając cały szablon. Przepis jak tego dokonać poniżej...
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Kalendarze Google w poście

Święta Polskie, Święta Amerykańskie oraz kalendarz F1 w jednym kalendarzu - czyli osadzamy kilka kalendarzy w jednym gadżecie w dowolnym poście :) zadanie dość skomplikowane wiec do dzieła...
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Zmienne tło w postach

<style>
.post, .comments, .post-header, .date-header {background: transparent url(http://c.wrzuta.pl/wi13706/7557f70c00221177485fa0eb/0/tlo%20rozowe) repeat center center;}
body {background: url(http://www.blogger.com/img/bg_draft.png) repeat center center;}
</style>

Umieszczając powyższy kod z nieco zmienionymi adresami do grafik otrzymamy efekt innego tła na każdej stronie.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Pliki audio z serwera Kiwi6

rys.1

Wysyłamy plik Audio na serwer Kiwi6 
Po przejściu na serwer Kiwi klikamy SELECT FILES wskazujemy gdzie jest nasz plik muzyczny i klikamy Start Upload  - niewidoczny już na rys.1

Czekamy cierpliwie aż nasz plik zostanie przesłany na serwer po czym klikamy na jego linka Saved as:

w następnym oknie mamy już gotowe narzędzia do naszego bloga
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

czytaj więcej...

Dzisiaj mała poprawka dla odsyłacza czytaj więcej... czyli dodanej lini podziału w poście.
Przypomnę że dodajemy ją klikając podczas edycji posta w widoku WYSIWYG na ikonkę


Jak zapewne zauważyli już chyba wszyscy odsyłacz ten przerzuca nas do dalszej części pisanego posta - przewijając odpowiednio stronę.
Nie jest to najlepszy sposób - mnie dość denerwuje więc notorycznie go muszę poprawiać w szablonach:

Sprawdźmy może na początek gdzie odsyła nas link czytaj więcej...
Najeżdżając myszką na ww odsyłacz w statusie strony pokazuje się nam link przekierowania oraz #more na jego końcu.
W niestandardowych szablonach może to być zupełnie inny tag.
Zatem wiemy już gdzie przekierowuje nas odsyłacz tak więc do roboty...

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Alternatywne metody komentowania

Komentarze Bloggera są wg mnie OK prosta forma i łatwość działania.

Jednak sporo blogowiczów oczekuje czegoś więcej... Na przeciw tym oczekiwaniom wyszedł serwis disqus.com z alternatywnymi komentarzami.
Wszystkich zainteresowanych takim komentowaniem jak poniżej zapraszam do rejestracji w disqus.com




10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

blog - klasycznie

Mała poprawka w kodzie szablonu :) wyłapana przez jednego użytkowników forum dotycząca przesuwania układy oraz wyświetlania wiadomości wyszukiwania wg etykietki Blog pojawiająca się na niektórych nietypowych szablonach.
Przypomnijmy skąd wziął się problem..
Tworząc nasze pseudo-strony oraz stronę na start utraciliśmy stronę główną bloga /tą np. z 10 postami jeden pod drugim:)/
Oznaczając zatem etykietą: blog wybrane posty, możemy wywołać je używając takiego adresu:
http://edytuj.blogspot.com/search/label/blog?max-results=5 i wygenerować naszą stronę główną bloga z taką ilością wyników na stronie jaką chcemy, a pomijając ?max-results=5 w adresie wygenerujemy maksymalną liczbę wyników na jaką nam pozwala blogger. / nawet 30 - to tylko kwestia zawartości postów :) /
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Interaktywne ramki obrazów w CSS

Dzisiaj przepis na interaktywne rameczki do zdjęć w blogerze
Takie ot cuda przygotowałem dla jednej z blogowiczek





Ładne zaokrąglone rogi w FF interaktywne tło i cienie :)
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Wciecia tekstu w poscie

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Kanał RSS - tips & trick

Kanał wiadomości RSS blogera może mieć rożne formy. Zamieszczę tutaj te znane jak i te mniej znane sposoby wywołania wiadomości RSS w Blogerze.
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

post bez daty? bardzo proszę...

Jak to zrobić? To proste użyć stylu CSS osadzonego.
W danym poście w którym chcesz usunąć datę wklejasz taki oto tekst na samym początku zawartości HTML posta:

<style>h2.date-header, .article-header .date {display: none;}</style>

Tak dla przykładu zwykły post z wyświetlaną datą.
Uwagi: jeżeli na stronie głównej bloga masz więcej niż jeden post a użyjesz powyższej sztuczki wszystkie wyświetlone wpisy będą na stronie głównej wyświetlane bez daty, problem niniejszy nie występuje na podstronach. /przykład/


Kod css działa również z dynamicznymi szablonami. 10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Ukrywanie paska gadżetów

Jak w szablonie ukryć pasek gadżetów menu?
oo a co się stało z naszym paskiem:) zniknął... a może to błędy szablonu... nie to nasze zamierzone działanie.
Czasami zachodzi taka potrzeba by go jakoś ukryć w poście czy na jakiejś stronie, to bardzo łatwe wystarczy użyć kodu CSS
osadzonego na naszej stronie lub poście:

Sposób poniżej działa na standardowych szablonach blogera - usuwamy kolumnę z lewej lub prawej pozostaje tylko kolumna posta.

<style>
div#sidebar, div#sidebar iframe {width: 0%; height:0px;}
div#main {width: 100%;}
</style>

dla nowych szablonów z projektanta szablonów z dowolnym układem kolumn - wszystkie kolumny zostaną usunięte pozostaje tylko środkowa kolumna postów. 

<style>
.sidebar .widget, .sidebar iframe, .sidebar div {visibility:hidden; height:0px;}
.content-fauxcolumn-outer {width:100%;}
.fauxcolumn-right-outer, .fauxcolumn-left-outer {width:0px; height:0px;}
.main-inner .columns {padding:0px; margin:0px;}
</style>

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110