Powoli stare telefony zaczynają odchodzić do lamusa na rzecz smartfonów z systemem Android na którym nie ma problemów z odtwarzaniem muzyki czy przeglądaniem PDF-ów. Co jednak zrobić w sytuacji jeżeli jesteśmy posiadaczami starego poczciwego klawiszowca jak Nokia Asha, Sony Ericsony W380i, K550i i wiele innych na które zabrakłoby miejsca aby tutaj wymienić?
Sam ostatnio stałem przed takim dylematem szukając apki na mojego już wysłużonego klawiszowca i nie mogłem nic znaleźć co by działało. A bardzo mi zależało aby mieć pod ręką ebooka i w każdej wolnej chwili przerabiać materiał. No więc myślałem, myślałem i wymyśliłem :D
Pokazywanie postów oznaczonych etykietą internet+blogger. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą internet+blogger. Pokaż wszystkie posty
Blogger widoki dynamiczne - modyfikacje
Postanowiłem założyć jeden zbiorczy post w którym, znajdziecie wszelkie modyfikacje i tricki jakie można użyć w bloggerze w widokach dynamicznych. Pozwolą one nam na poprawienie niedociągnieć ze strony autorów i uzyskać zamierzony efekt.
1. Wysunięcie menu z gadżetami - w nowych szablonach menu z gadżetami jest mocno ukryte i widać zaledwie 5 pikseli tego menu. Niezorientowany użytkownik odwiedzający bloga na platformie blogger raczej nie znajdzie tego menu i wogóle nie wiadomo czy dowie się o jego istnieniu. A więc do dzieła.
1.1. Przechodzimy do menu "Szablon" naszego bloga.
1.2. Klikamy "Dostosuj".
1.3. W następnej sekcji wybieramy "Zaawansowane" i "Dodaj arkusz CSS".
1.4. Dopisujemy linijkę
1.5. Klikamy zastosuj do Bloga. Odświeżamy stronę bloga.
W tej chwili nasz Gadget dock powinien być dobrze widoczny dla czytelników.
2. Obrazek jako nagłówek bloga - Omówione to zostało w osobnym poście Tutaj
1. Wysunięcie menu z gadżetami - w nowych szablonach menu z gadżetami jest mocno ukryte i widać zaledwie 5 pikseli tego menu. Niezorientowany użytkownik odwiedzający bloga na platformie blogger raczej nie znajdzie tego menu i wogóle nie wiadomo czy dowie się o jego istnieniu. A więc do dzieła.
1.1. Przechodzimy do menu "Szablon" naszego bloga.
1.2. Klikamy "Dostosuj".
1.3. W następnej sekcji wybieramy "Zaawansowane" i "Dodaj arkusz CSS".
1.4. Dopisujemy linijkę
#gadget-dock{right:0px;}1.5. Klikamy zastosuj do Bloga. Odświeżamy stronę bloga.
W tej chwili nasz Gadget dock powinien być dobrze widoczny dla czytelników.
2. Obrazek jako nagłówek bloga - Omówione to zostało w osobnym poście Tutaj
Blogger widoki dynamiczne obrazek w nagłówku
Google jakiś czas temu wprowadziło do swojej platformy blogowej Blogger nowe szablony opierające się na widokach dynamicznych. Szablony wyglądają naprawdę fajnie jednak nadal zostały niedopracowane i niemożliwe jest wstawienie własnego obrazka jako logo. Jednak dzięki temu poradnikowi będziemy mogli zmodyfikować nasz blog aby wyświetlał obrazek jako logo. Jako przykład postanowiłem wykorzystać blog z adresu: http://wom3ns.blogspot.com/ prawda, że fajnie wygląda? No to przejdźmy do sedna jak uzyskałem taki efekt.
1. Przechodzimy w menu Bloga do sekcji "Szablon".
2. Klikamy "Dostosuj".
3. W nowym menu wybieramy opcję: "Zaawansowane".
4. Klikamy na "Dodaj arkusz CSS".
W arkuszu CSS wpisujemy:
Teraz krótkie objaśnienie. Pierwsza sekcja body w arkuszu CSS odpowiada za wyświetlenie tła. Jest to obrazek garderoby w przykładzie bloga. W drugiej sekcji h1 ukrywamy nagłówek tekstowy aby nie był widoczny, podobnie robimy w następnej sekcji ukrywając aktywnego linka do strony głównej, którą funkcję spełnia właśnie tekstowy nagłówek.
Z punktu widzenia SEO nie jest to zbyt etyczne rozwiązanie, jeżeli chodzi o ukrywanie nagłówka h1. No ale jeżeli mamy stałą rzeszę czytelników i zależy nam na atrakcyjnym wyglądzie to czemu nie.
Następnie dodajemy przeźroczystość do górnej belki menu, tak aby było widać tło aby obrazek wypełniał całkowicie przestrzeń bloga. No i przechodzimy do dodania nagłówka. Za dodanie obrazka jako nagłówka odpowiada sekcja "#header-container" w powyższym kodzie i jest to pierwsza linijka. Gdzie podajemy jako wartość link do naszego obrazka na nagłówek. Ustawiamy wartość "no-repeat" aby obrazek nie był powtarzany i ustawiamy położenie nagłówka.
Ważne jest to, że w obrazku nagłówka została użyta alfa czyli przeźroczystość dlatego możemy ustawić jego pozycję jak nam się podoba. Oczywiście idzie też wykonać nagłówek z obrazka bez przezroczystości jednak musimy się wtedy trochę bardziej napracować z dopasowaniem wymiarów. To by było na tyle i mam nadzieję, że ten artykuł był pomocny.
1. Przechodzimy w menu Bloga do sekcji "Szablon".
2. Klikamy "Dostosuj".
3. W nowym menu wybieramy opcję: "Zaawansowane".
4. Klikamy na "Dodaj arkusz CSS".
W arkuszu CSS wpisujemy:
body{
background-image: url("http://i59.tinypic.com/idf32v.png");
background-size: cover;
}
h1
{
display:none;
}
#header .header-bar .title h1{display:none;}
#header .header-bar {background:transparent;}
#header .header-drawer{background:transparent;}
#header-container
{
background-image: url("http://i59.tinypic.com/6s6o0i.png");
background-repeat:no-repeat;
background-position:280px 5px;
}
Teraz krótkie objaśnienie. Pierwsza sekcja body w arkuszu CSS odpowiada za wyświetlenie tła. Jest to obrazek garderoby w przykładzie bloga. W drugiej sekcji h1 ukrywamy nagłówek tekstowy aby nie był widoczny, podobnie robimy w następnej sekcji ukrywając aktywnego linka do strony głównej, którą funkcję spełnia właśnie tekstowy nagłówek.
Z punktu widzenia SEO nie jest to zbyt etyczne rozwiązanie, jeżeli chodzi o ukrywanie nagłówka h1. No ale jeżeli mamy stałą rzeszę czytelników i zależy nam na atrakcyjnym wyglądzie to czemu nie.
Następnie dodajemy przeźroczystość do górnej belki menu, tak aby było widać tło aby obrazek wypełniał całkowicie przestrzeń bloga. No i przechodzimy do dodania nagłówka. Za dodanie obrazka jako nagłówka odpowiada sekcja "#header-container" w powyższym kodzie i jest to pierwsza linijka. Gdzie podajemy jako wartość link do naszego obrazka na nagłówek. Ustawiamy wartość "no-repeat" aby obrazek nie był powtarzany i ustawiamy położenie nagłówka.
Ważne jest to, że w obrazku nagłówka została użyta alfa czyli przeźroczystość dlatego możemy ustawić jego pozycję jak nam się podoba. Oczywiście idzie też wykonać nagłówek z obrazka bez przezroczystości jednak musimy się wtedy trochę bardziej napracować z dopasowaniem wymiarów. To by było na tyle i mam nadzieję, że ten artykuł był pomocny.