- Reklama kontekstowa pomiędzy komentarzami [rys.1]
- Wskaźnik popularności tematu oraz dodatkowe info o blokadzie komentowania w tytule posta [rys.8]
- Licznik komentarzy - działa poprawnie z comments Pagerem / stronicowanie powyżej 200 / [rys.2]
- Odrębne style dla komentujących wg uprawnień / administrator - autor - anonim / [rys.7]
- Dynamicznie zmienne linki do pola komentarzy [rys.6] oraz comments pager [rys.2]
- Informacja o zablokowanej możliwości komentowania w miejscu formularza [rys.2]
- Informacja o polityce prywatności [rys.9]
- Emotikony animowane [rys.5 - rys.2]
- Cenzor - gwiazdkowanie znaków * [rys.3]
- Bloker wybranych komentatorów
- Top komentator - Script automatycznie wyróżniający najlepszych komentatorów [CSS]
- Nowy styl usuniętych komentarzy [rys.4]
- Kilkanaście drobnych poprawek i ujednoliceń w stylu CSS komentarzy
czyli co i jak... pomoc i przykłady działania niektórych zwariowanych pomysłów z bloggerem :)
Widget zależny od wyszukiwanej etykiety
piątek, 31 grudnia 2010
Tuning komentarzy
Na prośbę znajomego mi administratora /z tego miejsca pozdro dla h00p'a/ w jednym z jego blogów przeprowadziłem kompleksowy tuning sekcji komentarzy. Tak więc zostały dodane nowe elementy oraz poprawki:
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
środa, 15 grudnia 2010
Projekt - Elementy strony
rys.1 |
Efekt wizualny naszego bloga jest zależny od szablonu oraz gadżetów jakich używamy. Najprostszym sposobem dodawania i konfiguracji jest panel Elementy strony - to do niego jesteśmy bezpośrednio kierowani po kliknięciu na przycisk Projekt w pulpicie nawigacyjnym Bloggera.
Blogger daje nam szereg dodatków zwanych potocznie gadżetami, aby uatrakcyjnić wygląd i funkcjonalność bloga. Aby dodać taki gadżet kliknij na Dodaj gadżet lub Edycja aby zmienić lub dostosować ustawienia gadżetu [rys.1]
piątek, 10 grudnia 2010
Odzyskiwanie skasowanego bloga
rys.1 |
Bloger przechowuje w pamięci nasz blog jeszcze przez 90 dni od momentu jego skasowania. Możemy więc przywrócić dowolnego skasowanego bloga wraz z jego pełną zawartością, komentarzami gadżetami itd.
Na początku rozwijamy listę wszystkich blogów rys.1 klikając pokaż wszystkie a następnie wyszukujemy i odzyskujemy skasowany blog. rys.2
wtorek, 19 października 2010
Niespodzianka dla natręta
Nasze blogi padają nagminnie ofiarą częstego kopiowania słowo w słowo prawie całej zawartości łącznie z stylem gadżetami. Aby ukrócić a raczej nieco zniechęcić, mniej zaawansowanych ksero-blogowców można użyć ciekawej sztuczki o której przeczytasz w tym poście.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
piątek, 15 października 2010
Grafika - nieco inaczej...
Typowy kod HTML dodanego zdjęcia możemy podzielić na trzy sekcje styl wyświetlania adres oryginalnego pliku oraz jego miniaturę wyświetlaną na stronie bloga. Sekcje te widać w kolorkach poniżej.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5N_TCqNDtn9zRk6dxse6-kILyhTTobkI6cdH42ZyIjWgO5E_WrdptFDIk6jw8gAGOLH6DbRcg1XNwowE_TBMnfzWNrkmHPR-hF0arI3x1L0SQZxljK1o3Al31RIXa3VfywxydYLHGRUg/s1600/Flower.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5N_TCqNDtn9zRk6dxse6-kILyhTTobkI6cdH42ZyIjWgO5E_WrdptFDIk6jw8gAGOLH6DbRcg1XNwowE_TBMnfzWNrkmHPR-hF0arI3x1L0SQZxljK1o3Al31RIXa3VfywxydYLHGRUg/s320/Flower.jpg" width="320" />
</a>
</div>
wtorek, 28 września 2010
Administarcja - obserwatorzy
Często w pojawia się jak usunąć lub zablokować kogoś z listy obserwujących nasz blog.
Poniżej prosty sposób na administrowanie tą listą.
Logujemy się do panelu administracyjnego bloggera i klikamy w naszym blogu na link do obserwujących [rys.1]
Następnie wybieramy osobę którą chcemy zablokować klikając na jej avatara. [rys.2]
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
Poniżej prosty sposób na administrowanie tą listą.
Logujemy się do panelu administracyjnego bloggera i klikamy w naszym blogu na link do obserwujących [rys.1]
Następnie wybieramy osobę którą chcemy zablokować klikając na jej avatara. [rys.2]
rys.1 |
rys.2 |
poniedziałek, 20 września 2010
Pozycjonowanie - metatagi - indeksowanie w wyszukiwarkach...
Choć ogólnie wiadomo że pozycja bloga w wyszukiwarce jest już w mniejszym stopniu zależna od ww tagów meta, to większość blogowiczów chce dodać je do własnego szablonu.
Znaczniki wg specyfikacji HTML powinny znaleźć się w sekcji <head>
zatem edytujemy nasz szablon wyszukujemy tag <head> i zaraz poniżej wklejamy następujący kod:
Zapisujemy wprowadzone zmiany... i gotowe.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
Znaczniki wg specyfikacji HTML powinny znaleźć się w sekcji <head>
zatem edytujemy nasz szablon wyszukujemy tag <head> i zaraz poniżej wklejamy następujący kod:
<meta content='nasze, słowa, kluczowe, oddzielone, przecinkami' name='keywords'/>
<meta content='Opis jaki zobaczymy w wyszukiwarce' name='description'/>
<meta content='Opis jaki zobaczymy w wyszukiwarce' name='description'/>
Zapisujemy wprowadzone zmiany... i gotowe.
czwartek, 9 września 2010
Nowy post - Edytor
rys.1 |
Zaleca się używanie najnowszej wersji edytora, jej opis poniżej. [rys.1]
1. Opis ogólny interfejsu:
Edytor jak wspomniałem wcześniej pracuje w kilku trybach pracy na początek tryb podglądu (bo najkrótszy opis)
sobota, 4 września 2010
Komentarze - administracja
rys.1 |
rys.2 |
piątek, 3 września 2010
Interface bloggera
rys.1 |
A: pulpit nawigacyjny - nasze centrum zarządzania blogami to zasadniczo obszar zaznaczony kolorem czerwonym w nim bezpośrednio wyświetlają się opcje kolejno dla wszystkich naszych blogów - pole bloga zaznaczone kolorem zielonym. Tutaj możemy bezpośrednio przejść do edycji nowego posta w naszym blogu, możemy też edytować poprzednie wpisy, zarządzać komentarzami, ustawieniami oraz projektem. Dodatkowo możemy sprawdzać nasze zarobki o ile posiadamy konto w ad-sense. Ostatnio nasz blogger wzbogacił się też w odpowiednie statystyki.
Aby nasze miejsce pracy nieco zorganizować możemy ukryć dowolny blog - klikając ukryj oszczędzając przy znacznej liczbie blogów kółko scroola w myszy :) czasami jednak istnieje potrzeba zaglądnięcia i do tych blogów więc stosowny link pokaż wszystkie został dodany na samym dole pulpitu nawigacyjnego.
Tutaj też znajdują się linki do skasowanych przez nas blogów które blogger przez 90 dni przechowuje w celu ich ewentualnego odzyskania .
czwartek, 2 września 2010
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
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...
środa, 1 września 2010
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
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
poniedziałek, 30 sierpnia 2010
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
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 :) /
niedziela, 29 sierpnia 2010
więcej stron bloga
Strony mamy ich do dyspozycji aż 10, dla przeciętnego blogera to aż ponadto... Co jeśli jednak nie chcemy być przeciętni i potrzebujemy np 300 stron lub więcej :)
Poniżej sposób na dowolną ilość stron w naszym blogu.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
Poniżej sposób na dowolną ilość stron w naszym blogu.
sobota, 28 sierpnia 2010
strona na start
Na początku wykonujemy czynności opisane szerzej tutaj...
Teraz już nasze przekierowanie działa i po wczytaniu strony głównej blogger jet przekierowany na wybrana stronę, ale właśnie po załadowaniu strony głównej co niezbyt ładnie wygląda :).
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
Teraz już nasze przekierowanie działa i po wczytaniu strony głównej blogger jet przekierowany na wybrana stronę, ale właśnie po załadowaniu strony głównej co niezbyt ładnie wygląda :).
piątek, 27 sierpnia 2010
Kategorie - własna wiadomość wyszukiwania
Uwaga: Kompletny opis jak ukryć lub zmienić wiadomość wyszukiwania jest dostępny tutaj.
Niniejszy sposób jest przykładem wykorzystania ww wiadomości jako informacji o wybranej kategorii, i jest kontynuacją tego posta oraz wpisu dotyczącego własnych URL w gadżecie strony.
1. Edytujemy wiadomość na własną
Edytujemy szablon wyszukując w kodzie: <data:navMessage/> zaznaczamy poniższy cały kod
i zastępujemy tym kodem po ewentualnej edycji:
<b:includable id='status-message'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
Wybrano kategorię: <data:blog.pageName/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>Wybrano kategorię: <data:blog.pageName/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</b:includable>
<data:blog.pageName/> zwróci nam tytół jaki podaliśmy w linku czyli naszą nazwę kategorii
2.Usuwamy wiadomość wyszukiwania z kategorii
Jak poprzednio edytujemy szablon wyszukując w kodzie: <data:navMessage/> i dodajemy wpisy [czerwony kod]
W tym przypadku jak i w poprzednim <data:navMessage/> możemy zastąpić własną wiadomością wyszukiwania.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
Niniejszy sposób jest przykładem wykorzystania ww wiadomości jako informacji o wybranej kategorii, i jest kontynuacją tego posta oraz wpisu dotyczącego własnych URL w gadżecie strony.
1. Edytujemy wiadomość na własną
Edytujemy szablon wyszukując w kodzie: <data:navMessage/> zaznaczamy poniższy cały kod
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
i zastępujemy tym kodem po ewentualnej edycji:
<b:includable id='status-message'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
Wybrano kategorię: <data:blog.pageName/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>Wybrano kategorię: <data:blog.pageName/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</b:includable>
<data:blog.pageName/> zwróci nam tytół jaki podaliśmy w linku czyli naszą nazwę kategorii
2.Usuwamy wiadomość wyszukiwania z kategorii
Jak poprzednio edytujemy szablon wyszukując w kodzie: <data:navMessage/> i dodajemy wpisy [czerwony kod]
<b:includable id='status-message'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</b:includable>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</b:includable>
W tym przypadku jak i w poprzednim <data:navMessage/> możemy zastąpić własną wiadomością wyszukiwania.
Sztuczki z tytułami stron
A teraz mały myk z tytułami stron w naszym blogu.
Załóżmy że chcemy sobie nieco pozmieniać i uatrakcyjnić nasze strony odp. tytułami zależnymi od strony na jakiej się znajdujemy.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
Załóżmy że chcemy sobie nieco pozmieniać i uatrakcyjnić nasze strony odp. tytułami zależnymi od strony na jakiej się znajdujemy.
czwartek, 26 sierpnia 2010
Własna wiadomość wyszukiwania
Często autorzy bloga dążą do idealnego dopasowania szablonu bloga, tak aby zupełnie odbiegał od popularnego wizerunku Bloggera, jednak czasami natrafiamy na poważne przeszkody.
Jedną z takich przeszkód jest pole wiadomości pojawiające się podczas wyników wyszukiwania wg frazy lub etykiety. Za to pole odpowiada tag <data:navMessage/> za jego pośrednictwem blog generuje stosowne do sytuacji wiadomości.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
Jedną z takich przeszkód jest pole wiadomości pojawiające się podczas wyników wyszukiwania wg frazy lub etykiety. Za to pole odpowiada tag <data:navMessage/> za jego pośrednictwem blog generuje stosowne do sytuacji wiadomości.
piątek, 20 sierpnia 2010
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
Takie ot cuda przygotowałem dla jednej z blogowiczek
Ładne zaokrąglone rogi w FF interaktywne tło i cienie :)
środa, 11 sierpnia 2010
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.
czwartek, 5 sierpnia 2010
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
wtorek, 20 lipca 2010
portale społecznościowe
Jak dodać automatyczne odsyłacze do portali społecznościowych...
wtorek, 29 czerwca 2010
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
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.
poniedziałek, 28 czerwca 2010
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:
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
W widoku HTML edycji posta na samym jego początku wklejamy taki oto kod:
<style>
.post-labels {display: none !important;}
</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.
sobota, 26 czerwca 2010
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
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;}
piątek, 25 czerwca 2010
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
#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...
sobota, 19 czerwca 2010
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
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.
środa, 16 czerwca 2010
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:
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:
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
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.wtorek, 25 maja 2010
Blokada dodawania gadżetow...
jak odblokować możliwość dodawania gadżetów w szablonie?
Przechodzimy do edytora szablonów i wyszukujemy następujący ciąg znaków: <b:section class
Nasz przykład to nic innego jak kod stopki w blogu - nie można go usunąć i zmienić jego miejsca - odblokujemy teraz te ograniczenia w naszym szablonie.
Parametr sekcji showaddelement='no' i zmieniamy wartość na yes, aby nasza sekcja miała możliwość dodawania kolejnych gadżetów. Umieszczony w niej gadżet ma zablokowane funkcje usuwania locked='true' zmieniając je na false lub usuwając ten wpis umożliwimy usunięcie ww gadżetu.
Warto też się przyjrzeć parametrowi maxwidgets= odpowiada on za ilość gadżetów w danej sekcji.
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='ugryźć blog [Spot] a... (nagłówek)' type='Header'/>
</b:section>
Jeśli chcemy dodać większą ilość gadżetów niż ustalone w tej sekcji usuwamy ów parametr lub zwiększamy odpowiednio to ustawienie.
Zapisujemy nasz zmodyfikowany szablon i przechodzimy do układu elementów strony. Nasze modyfikacje powinny odblokować nam dotychczas niedostępne funkcje.10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
Przechodzimy do edytora szablonów i wyszukujemy następujący ciąg znaków: <b:section class
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
Nasz przykład to nic innego jak kod stopki w blogu - nie można go usunąć i zmienić jego miejsca - odblokujemy teraz te ograniczenia w naszym szablonie.
Parametr sekcji showaddelement='no' i zmieniamy wartość na yes, aby nasza sekcja miała możliwość dodawania kolejnych gadżetów. Umieszczony w niej gadżet ma zablokowane funkcje usuwania locked='true' zmieniając je na false lub usuwając ten wpis umożliwimy usunięcie ww gadżetu.
Warto też się przyjrzeć parametrowi maxwidgets= odpowiada on za ilość gadżetów w danej sekcji.
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='ugryźć blog [Spot] a... (nagłówek)' type='Header'/>
</b:section>
Zapisujemy nasz zmodyfikowany szablon i przechodzimy do układu elementów strony. Nasze modyfikacje powinny odblokować nam dotychczas niedostępne funkcje.
niedziela, 16 maja 2010
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
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.
poniedziałek, 12 kwietnia 2010
Grafika w nagłówku
Dziś zajmiemy się wycentrowaniem grafiki w nagłówku naszego bloga.
Nowe szablony z projektanta szablonów często nie posiada opcji wycentrowania gadżetu nagłówek strony, czyli popularnie zwanego banera w blogu.
Aby wycentrować ww. elementy w blogu użyjemy stylu CSS. Arkusz CSS dodajemy za pomocą projektanta szablonów
Od tej pory nasz nagłówek będzie już wyśrodkowany tak jak w tym poście.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
Nowe szablony z projektanta szablonów często nie posiada opcji wycentrowania gadżetu nagłówek strony, czyli popularnie zwanego banera w blogu.
Aby wycentrować ww. elementy w blogu użyjemy stylu CSS. Arkusz CSS dodajemy za pomocą projektanta szablonów
.header-inner .widget div, .header-inner img {
margin-left:auto;
margin-right:auto;
}
margin-left:auto;
margin-right:auto;
}
Od tej pory nasz nagłówek będzie już wyśrodkowany tak jak w tym poście.
czwartek, 25 lutego 2010
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.
dla nowych szablonów z projektanta szablonów z dowolnym układem kolumn - wszystkie kolumny zostaną usunięte pozostaje tylko środkowa kolumna postów.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110
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>
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>
.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>
wtorek, 9 lutego 2010
Standardowy post
rys.1 |
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.
Artykuł ten przeczytasz on-line na www.edytuj.blogspot.com | © 2011 - ugryźć blog [Spot] a... |
Subskrybuj:
Posty (Atom)