8 porad jak upiększyć swój miniblog

Od jakiegoś czasu korzystam z serwisu Pinger. Miniblogowanie jest zupełnie inną formą od blogowania klasycznego. Na blogu trochę wstyd napisać jedno przemyślenie albo rzucić jakiś krótki tekst. Miniblog służy mi jako notatnik moich przemyśleń i pomysłów, ale też do kontaktowania się z ludźmi, którzy interesują się podobnymi tematami jak ja. No i padło na Pingera i tak już ostatnio się zakochałem w tym serwisie, że postanowiłem upiększyć mojego minibloga.
W związku z tym i wbrew radom Pawła umieściłem trochę wskazówek na miniblogu jak upiększyć go. Teraz zbieram tutaj w tym poście te wszystkie informacje. Modyfikacji styli bloga można dokonać przez Ustawienia -> Wygląd minibloga -> Własne Style. Tam też jest małe okienko gdzie można podać własne CSSy. Ponieważ nie każdy musi znać CSS podaję poniżej parę przepisów jak zmienić ciekawsze elementy minibloga. Zachęcam do eksperymentowania – Pinger sprawdza poprawność tego co tam się wpisze w związku z czym są bardzo małe szanse na zepsucie czegokolwiek.

1. Zwiększenie pola ‘Własne Style’

Po pierwsze warto powiększyć okno Własne Style. Żeby to zrobić wpisz w to okno poniższy tekst i zrób zapisz. Ciekawy efekt prawda?

stylblog1

#user-style-content {
width: 490px;
height: 300px;
background: #FFFFFF;
border: 1px solid black
}
div.textarea-bg {
width: 490px;
height: 330px;
background: #FFFFFF
}
div.user-style-set {
width: 510px;
height: 330px;
background: #FFFFFF
}

2. Zwiększenie liczby odwiedzin

Żeby powiększyć tekst liczby wizyt na miniblogu można wkleić taką treść:

stylblog2

#visits {
font-size: 16px;
letter-spacing: 2px
}

3. Zmiana czcionki postów

Poniższy kod zmienia kolor treści wpisów na miniblogu i zmienia wielkość czcionki:

stylblog3

div.message div {
color: #241513;
font-size: 16px;
}

4. Powiększenie czcionki ‘Dodaj komentarz’

Czytaj podobne  Odsiebie - historia manipulacji

Poniższy kod zwiększa tekst napisu “Dodaj komentarz”:

stylblog4

a.comm {
font-size: 18px;
}

5. Zmniejszenie czcionki autora

Ten kod zmniejsza czcionkę autora zaraz przed każdym tytułem wpisu:

a.author_new {
font-size: 10px;
font-weight: normal
}
p.news-title {
font-size: 10px
}

Co ciekawe tutaj trzeba była dodać p.news-title, bo dwukropek nie jest opakowany przez tag author_new.

6. Zmiana czcionki tytułu wpisu

Poniższy kod zwiększa czcionkę tytułu postu, zmienia kolor i pogrubia tekst:

stylblog5

a.msg-title {
color: #345434;
font-size: 22px;
font-weight: bold
}

7. Zmiana tła panelu nagłówkowego

Ten kod zmienia tło ramki z nazwą autora, ostatnimi odwiedzającymi itd. czyli tego panelu nagłówkowego:

stylblog6

div.profil-info {
background: #FFFFFF
}

8. Zmiana tła minibloga

I na koniec zmiana tła strony:

stylblog7

body {
background: #FFFFFF;
}

Dla niewtajemniczonych : #FFFFFF to przykład oznaczenia koloru w języku HTML. Gotową kolorową tabelę z kolorami i ich oznaczeniami można znaleźć tutaj.

Powyższe kody można ze sobą łączyć i modyfikować.

Zachęcam wszystkich do urozmaicania swoich miniblogów. W miarę możliwości mogę też pisać na blogu inne możliwości zmian, proszę tylko o napisanie zapytania w komentarzach.

Przeczytaj też

Jak rozpoznać najmądrzejszą osobę w pokoju Jak rozpoznać najmądrzejszą osobę w pokoju? Jeśli chcesz wiedzieć jak zobacz jakie jest 9 metod, które mogą Ci w tym pomóc! Popatrz...
Który telefon wybrać? 10 rad, co wziąć pod uwagę!... Co jakiś czas zmieniamy telefony, np. gdy kończy się umowa. Czym się kierować, aby następny telefon był jak najlepszy? Dowiedz się teraz! 1. Bate...
Jak zdać prawo jazdy? Chcesz wiedzieć jak zdać? Dowiesz się z tego tekstu. Niedawno zdawałem prawo jazdy, więc stwierdziłem, że podzielę się moimi radami odnośnie tego j...
Odzyskanie pamięci z katalogu system Androida Dowiedz się jak odzyskać pamięć z katalogu system i cache. Mam Wildfire S. Po zainstalowaniu CyanogenMod 9 okazało się, że jak wywalę niepotrzebne ...
Komplet 7 poradników na #Halloween 2013: dekoracje... Kompletny zestaw 7 poradników na Halloween 2013: dekoracje, pomysły, inspiracje, przepisy, przebrania. Przygotuj się na Halloween 2013! Prz...
Napisano w Kolumna Tagi: , , , , , , , ,
7 comments on “8 porad jak upiększyć swój miniblog
  1. uwielbiam flash ! ! !

  2. magdunia91 pisze:

    Chciałam zapytać jak zmienić czcionkę tekstu na blogu?

  3. Tomaszs pisze:

    @magdunia91
    Popatrz na punkt trzeci, tam zmieniasz font-size w zależności od potrzeb

  4. martynucha pisze:

    u mnie to nie działa kidy wklepuje kod i psuje mi całego bloga!! (mój blog to martynucha0moda.pinger.pl)

  5. wiola2419 pisze:

    Chciałam usunąć te kolorowe tła pod wpisami i zastosowałam punkt 2 i 3, w 2 tam gdzie te kolory wpisałam #FFFFFF, kolor biały i wszystko super ale zostały mi pod komentarzami i tam gdzie mam oznaczone tagi takie kreski zółty i niebieski, nie wiem jak mam to usunąć..

  6. Julle pisze:

    No dobra, a jak zrobić, żeby wszystko wróciło do normy? Bo nie działa! :c

  7. paula23 pisze:

    jak powierzyć litery na pingerze i pogrubić je ?

Menu