Widget zależny od wyszukiwanej etykiety



Ten widget jest zależny od etykiet i wyświetlany tylko podczas wyszukiwania wybranych - Zobacz opis

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:
  • 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
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

środa, 15 grudnia 2010

Projekt - Elementy strony

rys.1
Słów kilka o edytowaniu układu dodawaniu gadżetów do naszego bloga.


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]
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

piątek, 10 grudnia 2010

Odzyskiwanie skasowanego bloga

rys.1
Jak odzyskać skasowane blogi?

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
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

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="http://4.bp.blogspot.com/_b0xJ7qk6DTc/TBHyS-j1afI/AAAAAAAAAqE/kVeMcPwYoBU/s1600/Flower.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> 
<img border="0" height="211" src="http://4.bp.blogspot.com/_b0xJ7qk6DTc/TBHyS-j1afI/AAAAAAAAAqE/kVeMcPwYoBU/s320/Flower.jpg" width="320" />
 </a>
 </div> 

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

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]
rys.1
rys.2

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

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:

<meta content='nasze, słowa, kluczowe, oddzielone, przecinkami' name='keywords'/>
<meta content='Opis jaki zobaczymy w wyszukiwarce' name='description'/>

Zapisujemy wprowadzone zmiany... i gotowe.

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

czwartek, 9 września 2010

Nowy post - Edytor

rys.1
Edytor bloggera pracuje w kilku trybach. Jest on zależny od ustawień jakie poczynimy w naszych ustawieniach globalnych bloggera.
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)
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

sobota, 4 września 2010

Komentarze - administracja

rys.1
1. Na początek może zajmijmy się ustawieniami systemu komentarzy na bloggerze. Aby przejść do tych ustawień klikamy w pulpicie nawigacyjnym naszego bloga Ustawienia [rys.1] w otwartym oknie klikamy na sub-zakładkę  Komentarze [rys.2]

rys.2








10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

piątek, 3 września 2010

Interface bloggera

rys.1
1. W ramach pomocy krótki opis interfejsu 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 .
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

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

ś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

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

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

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

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 
<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>

i zastępujemy tym kodem po ewentualnej edycji:


<b:includable id='status-message'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
<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 != &quot;static_page&quot;'>
<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.


10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

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

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

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

ś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.

10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

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, 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

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:

<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

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

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

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

ś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:
<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

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

<b:section class='foot' id='footer-3' showaddelement='no'>
<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>

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

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

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

.header-inner .widget div, .header-inner img {
margin-left:auto;
margin-right:auto;
}


Od tej pory nasz nagłówek będzie już wyśrodkowany tak jak w tym poście.
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

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.
<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

wtorek, 9 lutego 2010

Standardowy post

rys.1
To jest zwykły post bez jakichkolwiek zmian w stylach szablonu


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

Losowy post