Menu

Bloggerowe triki

Bloggerowe triki


Wczoraj dostałam komentarz, który zawierał pytanie "Jak sprawdzić po jakich tagach ludzie znajdują nasz blog?". Wtedy w głowie pojawiła mi się pewna myśl, aby zrobić wpis z bloggerowymi trikam.
Triki nie opierają się tylko na kodach CSS i HTML, a o tym co nam dają podstawowe funkcje bloggera nie każdy wie. Nawet sobie nie zdajecie sprawy, jak podczas rozmowy z drugim blogerem padają pytania typu "Jak dodać tekst nad komentarzami?". Zdaję sobie sprawę, że nie każdy lubi grzebać w zakładkach, jednak ja należę do osób, które przed zrobieniem czegokolwiek wszystko dokładnie sprawdzają. Tak samo jak zdaje sobie sprawę z tego, że są osoby, które zaraz napiszą komentarz "Ja to już wiem, jest mi to nie potrzebne" świetnie, że wiesz, ja też, ale inni nie wiedzą, a ja chcę tej grupie osób, która nie wie, najzwyczajniej w świecie pomóc ;)

Po jakich hasłach/tagach inni do nas trafiają




Jak widzicie, w miejscu, w którym pokazuje strzałka, możecie wybrać sobie okresy, dzięki temu możecie zobaczyć np. pod jakimi hasłami trafiano do nas przez ostatni tydzień.

Dodawanie tekstu nad komentarzami



Lokalizacja komentarzy, kto może komentować, moderacja komentarzy, wyłączenie weryfikacji obrazkowej



Lokalizacja komentarzy





Posty - dodawanie graficznego podpisu do wpisu, zmiana liczby wyświetleń wpisów 

Zmiana liczby wyświetlanych wpisów 


Dodawanie graficznego podpisu do wpisu 

Zapamiętaj!
Podpis, będzie widoczny dopiero przy nowych wpisach. Dodanych wpisów to nie obejmuje!

Pokażę Wam to na przykładzie po prostu zwykłej grafiki, bez żadnego podpisu, ale to nie ma znaczenia, więc nie panikujcie :)

Najprostszym sposobem aby wgrać nasza grafikę, będzie przejście do strony - nowa strona i stworzyć nową stronę bez nazwy lub o obojętnie jakiej nazwie i wrzucić tam naszą grafikę. Następnie przejść do HTML i pobrać ze strony link.



Następnie wracamy do bloggera i klikamy ustawienia - posty, komentarze i udostępnianie - szablon posta - dodaj. W okienko, które nam się pojawi wklejamy <img src="url - adres obrazka"> url obrazka bierzemy z naszej zakładki HTML.



Sprawdzanie statystyki wpisów 



Czytaj dalej

Jak przenieść datę wpisu do stopki wpisu

Jak przenieść datę wpisu do stopki wpisu


Kiedyś przy robieniu jednego z szablonów, jedna z dziewczyn poprosiła mnie o to, aby data wpisu była w stopce wpisu, ponieważ na górze postów chce mieć tylko tytuł wpisu i nic więcej. Kiedyś przez przypadek zrobiłam taki myk, a potem długo się zastanawiałam nad tym jak to znowu wykonać aż wreszcie "na czuja" zrobiłam to co chciałam, a teraz chce przedstawić wam jak to wykonać abyście nie musieli kombinować tak jak ja.

Będziemy pracowali w HTML więc... na początek PAMIĘTAJ ABY ZROBIĆ KOPIĘ ZAPASOWĄ SZABLONU! 

1. Wchodzimy w szablon - edytuj kod HTML.


2. Klikamy kursorem w obojętnie jakie miejsce w kodzie i za pomocą ctrl + f wywołujemy konsolę wyszukiwania. Wpisujemy w nią <h2 class='date-header'> i klikamy enter.



3. Wycinamy tą część kodu, która jest zaznaczone w ramce.


Opcja dla szablonu prostego (Simple) 

4. Następnie w naszą wywołaną konsolę wyszukiwania wpisujemy <div class='post-footer'> lub post-footer i pod tą częścią kodu wklejamy wycięty kod z punktu 3.


Opcja dla szablonu rewelacja (Awesome Inc.) 

4a. W naszą wywołaną konsolę wyszukiwania wpisujemy <div classs='post-footer-line post-footer-line-2'/> a następnie pod tą częścią kodu wklejamy wycięty kod z punktu 3.



5. Efekt końcowy:
Szablon proty (Simple)


Szablon rewelacja (Awesome Inc.)


6. Aby dostosować naszą datę możemy użyć kodu CSS w tym celu przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS i wklejamy tam następujący kod:

.date-header span {margin: 10px 10px 10px 10px;}

Wszystkie pogrubione wartości są zmienne.

W razie problemów śmiało piszcie na maila :)
Czytaj dalej

Jak zrobić spis wpisów/listę wpisów

Jak zrobić spis wpisów/listę wpisów


Środa, a to oznacza kolejny tutorial. Dzisiejszy wpis będzie poświęcony spisie wpisów lub inaczej lista wpisów, spis treści. Można to uznać za archiwum, jednak nie pojawia nam się data i miesiąc, a tytuły wpisów. Po kliknięciu w ten wpis przenosi nas od razu do niego. Taka opcja bardzo dobrze się sprawdza na blogach poświęconym gotowaniu, recenzjom oraz na blogach rękodzielniczych i urodowych. Mimo wszystko ten post jest kierowany do wszystkich i jeśli ktoś uważa, że u niego się taki spis treści sprawdzi to zapraszam do korzystania z tutorialu.
1. Pierwsze co musimy zrobić to przejść do układ - dodaj gadżet. Szukamy gadżetu HTML/JavaScript. Mój spis wpisów będzie w stopce bloga.



2. Wklejamy kod do naszego gadżetu.


<form><select style="width: 990px" onchange="window.open(this.options[this.selectedIndex].value,'_self')"
size=1 name=menu>

<option />nazwa spisu
<!-- change the links with your own -->
<option value="http://#" />Tytuł wpisu
<option value="http://#" />Tytuł wpisu
<option value="http://#" />Tytuł wpisu
</select></form>

Analiza kodu:

<form><select style="width: 990px" onchange="window.open(this.options[this.selectedIndex].value,'_self')"
size=1 name=menu>

<option />nazwa spisu
<!-- change the links with your own -->
<option value="http://#" />Tytuł wpisu
<option value="http://#" />Tytuł wpisu
<option value="http://#" />Tytuł wpisu
</select></form>

Szerokość spisu - wartość zmienna. Ja zastosowałam 990px ponieważ chciałam aby spis dopasował się do stopki bloga. Tą wartość możecie zmieniać według własnego uznania. Wiadomo, że jeśli wsadzicie spis treści w kolumnę boczną to nie będzie szerokość 990px ale np. 240px. Musicie sprawdzić jaka wielkość wam odpowiada.
Nazwa spisu - tutaj dodajecie swoją własną nazwę np. spis treści, lista przepisów, cokolwiek.
# - zamiast niego wklejamy link do naszego wpisu
Tytuł wpisu - tutaj wpisujemy tytuł naszego wpisu, który ma się wyświetlać w naszym spisie.

UWAGA! Kolejną sekcje dla wpisu musisz dodać ręcznie, po dodanym ostatnim wpisie, dopisz pod spodem <option value="http://#" />Tytuł wpisu, kiedy skończysz kliknij zapisz.

U mnie to wygląda tak:



Czytaj dalej

Edycja wyglądu archiwum - styl menu

Edycja wyglądu archiwum - styl menu


Dostaje bardzo dużo maili, które głównie dotyczą czterech rzeczy: jak zrobiłam takie archiwum, które widnieje obecnie na moim blogu, jak zrobiłam menu, jak zrobiłam paski nad i pod menu, jak zrobiłam paski nad i pod nagłówkami gadżetów i wiele, wiele więcej. Jednak te cztery tematy, powtarzają się tak często, że (niestety) mam już zapisaną gotową odpowiedź. Tak przy okazji planuje w następną środę post w stylu FAQ, gdzie znajdą się wszystkie pytania, które dostaje od was na maile dotyczące szablonu. Mam nadzieję, że to wszystkim nam ułatwi jak odpowiedzi znajdą się w jednym miejscu i będzie można do nich wracać o każdej porze dnia i nocy. Wracają do tematu wpisu...nie ma tu dużo do gadania, przedstawię wam instrukcję na zmianę wyglądu archiwum.

1. Zakładam, że wszyscy mają dodane archiwum do bloga, więc przechodzimy do układ - szukamy naszego archiwum w układzie i klikamy edytuj i zmieniamy styl archiwum na menu i klikamy zapisz.




2. Następnie przechodzimy do szablon - dostosuj - zaawansowane - dodaj arkusz CSS


3. Wklejamy nasz kod do arkusza CSS. Jednak to nie takie hop siup, trzeba najpierw wiedzieć co do czego. Selektor na archiwum ( i inne) znajdziecie tutaj, ale to nie wystarczy ponieważ, to nada styl dla całego obszaru archiwum, a nie tylko dla listy. Dlatego do tego selektora musimy dopisać _ArchiveMenu.


Następnie dopisujemy do naszego selektora nawiasy, a w nich wpisujemy wszystko co nam się zamarzy, ramka, rodzaj i kolor czcionki, kolor ramki, kolor tła. szerokość. Przykładowo nasz kod może wyglądać tak:


Analiza kodu:

Szerokość naszego archiwum
Rozmiar, rodzaj i kolor czcionki
Kolor tła
Rodzaj ramki
Szerokość ramki 
Kolor ramki
Wewnętrzne marginesy

Oczywiście wszystkie wartości są zmienne. Możecie również sami coś dopisać do tego kodu, aby wasze archiwum wyglądało dokładnie tak jak chcecie.
Czytaj dalej
Subskrybuj: Posty (Atom)

Copyright © Twórczy notatnik