Blog Desig #5 - Wasze pytania

22 wrz 2014

porady blogowe, piękny blog, blogger, blogspot
Kolejna odsłona Blog Design. Tym razem odpowiem na kilka pytań, które trafiły do mnie różną drogą. Na wstępie zaznaczę, że przed dokonywaniem zmian w kodzie bloga dobrze zrobić kopię szablonu na wypadek gdyby nam coś nie poszło. W tym celu w zakładce "Szablon" klikamy w "Utwórz/przywróć kopię zapasową" i wybieramy "Pobierz pełny szablon"

JAK USUNĄĆ KOMUNIKAT, KTÓRY WIDAĆ PO KLIKNIĘCIU NA ETYKIETĘ?


Usuwanie kmunikatu pokazywanie postów oznaczonych etykietą


Proponuję nie usuwać całego kodu odpowiedzialnego za pojawienie się komunikatu. Będzie można go wówczas łatwo przywrócić usuwając z kodu to co teraz dodamy.
SZABLON>EDYTUJ KOD HTML. Ustawiamy kursor w dowolnym fragmencie kody i jednocześnie przytrzymujemy klawisze CTRL i F. W okienku, które się pojawi wklejamy co poniżej i wciskamy Enter.
<b:include data='top' name='status-message'/>

Przed tym fragmentem kodu wklejamy:
<!--
a za nim wklejamy:
-->
Po zmianie kod powinien wyglądać tak:

<!-- <b:include data='top' name='status-message'/> --> 
Ten kod występuje w dwóch miejscach i w obu musimy zrobić to samo. Wracamy więc kursorem do okienka wyszukiwania i jeszcze raz wciskamy Enter i powtarzamy powyższe czynności.


JAK WYŚRODKOWAĆ GŁÓWNY BANER NA BLOGU?


Jeśli główny baner jest węższy niż szerokość bloga lepiej będzie wyglądał jeśli go wyśrodkujemy. 

SZABLON>DOSTOSUJ>ZAAWANSOWANE>DODAJ ARKUSZ CSS.

Jeśli baner ma być za tytułem i opisem to do okienka wklejamy:

#header-inner {background-position: center !important; width: 100% !important;} #header-inner {background-position: right !important; width: 100% !important;}

Jeśli ma być zamiast tytułu i opisu lub opis ma być za obrazkiem to do okienka wklejamy:

#header-inner img {margin: 0 auto !important;}
#header-inner {text-align:center !important;}
Zapisujemy zmiany i gotowe.


JAK ZMIENIĆ FORMAT DATY PUBLIKACJI POSTÓW?

W tym celu nie musimy ingerować w kod. USTAWIENIA>JĘZYK I FORMATOWANIE. Zmian dokonujemy w sekcji "Format nagłówka daty"

Zmiana formatu daty blogger, blogspot



JAK WYRÓŻNIĆ KOMENTARZE AUTORA BLOGA?

Moje komentarze aktualnie wyglądają tak:

Jak wyróżnić komentarze autora bloga, blogger, blogspot, porady blogowe

SZABLON>EDYTUJ KOD HTML. Wyszukujemy w kodzie poniższą frazę (klikamy na dowolny fragment kodu, wciskamy jednocześnie CTRL i F, wklejamy w okienku, które się pojawi i wciskamy Enter):
</body>
Nad tą frazą wklejamy:

<script src='http://code.jquery.com/jquery-latest.js'/><!-- ss highlight author starts --><script>$(function() {function highlight(){$('.user.blog-author,.ssyby').closest('.comment-block').css('border', 'dashed black 1px').css('background','#FFFFFF url("LINK DO IKONKI")top right no-repeat').css('padding', '10px');}$(document).bind('ready scroll click', highlight);});</script><!-- ss highlight author ends -->

Jeśli wkleicie kod w powyższej formie Wasze komentarze, będą otoczone czarną, przerywaną linią i będą miały białe tło. Możecie jednak zmienić te parametry i dodać ikonkę w prawym górnym rogu.

1. Ikonka. Musicie ją przygotować w rozmiarze 45x45 pikseli i umieścić np. w albumie google. Kopiujecie adres URL obrazka i zastępujecie nim napis LINK DO IKONKI

2. Ramka. 
a) Rodzaj ramki Jeśli chcecie zmienić ją na ciągłą linię to słowo dashed zastępujecie słowem solid. Jeśli linia ma się składać z kropek to doshed zastępujecie dotted. Możecie też 
b) Grubość ramki. Jej grubość możecie zwiększyć wpisując większą wartość w miejscu gdzie widnieje 1px (np. 2 px, 3px itp)
c) Kolor ramki. Wystarczy słowo black zamienić na wybrany numer koloru z tej listy. Numer koloru należy poprzedzić znakiem #

3. Tło. Kolor ta komentarza zmieniamy zastępując FFFFFF numerem koloru z tej listy.

---------------------------------------------------------------------------------------------------------------------
Skorzystacie z któregoś z powyższych punktów? Jeśli macie inne pytania piszcie w komentarzach. Zbiorę je i odpowiem:)

Wykaz wszystkich wpisów jakie popełniłam na temat blogowania znajdziecie w STREFIE BLOGEREK.



Sprawisz mi ogromną przyjemność przyłączając się:
  Image Map

40 komentarzy:

  1. Super, super i jeszcze raz super! Dajesz ludziom dużo wiedzy na temat blogów, sama z niej korzystam! Cieszę się z tego co robisz, jak to robisz! Z Tobą każdy blog będzie piękniejszy:-) Pozdrawiam gorąco!

    OdpowiedzUsuń
    Odpowiedzi
    1. Jaki entuzjazm w poniedziałkowy poranek!:) Zarażasz pozytywną energią! Dzięki!

      Usuń
  2. Dziękuję za rady jak zwykle. ps pięknie wyszłaś na tym zdjęciu do postu :)

    OdpowiedzUsuń
  3. Dobra Kobietko! Dzieki piekne za Twoje rady! Ratujesz nam zycie:-)

    OdpowiedzUsuń
  4. Z ostatniego skorzystam na pewno, a z pozostałymi zapoznałam się i być może wykorzystam w przyszłości! :)

    OdpowiedzUsuń
  5. Jaki entuzjazm w poniedziałkowy poranek!:) Zarażasz pozytywną energią! Dzięki!

    OdpowiedzUsuń
  6. Jaki entuzjazm w poniedziałkowy poranek!:) Zarażasz pozytywną energią! Dzięki!

    OdpowiedzUsuń
  7. Miłe te poranki poniedziałkowe.:)

    OdpowiedzUsuń
  8. Wiem, że zmiana tego kodu nie jest taka trudna (zwłaszcza gdy ma się pod ręką takie instrukcje), a mimo to gdy myślę o tym, że mam się tym zająć to mną wzdryga. Jakieś pomysły skąd u mnie ten kodowstręt ? :(
    Jak to zmienić?

    OdpowiedzUsuń
  9. Bardzo przydatne rady! Może wyróżnię odpowiedzi autora bloga :)

    OdpowiedzUsuń
  10. Super są Twoje wpisy o kodach. Ja skorzystałam z wyśrodkowania baneru, ale przede mną jeszcze sporo pracy nad ogólnym wyglądem. Dziękuję za te porady :) Pozdrawiam

    OdpowiedzUsuń
  11. Jak to dobrze że mamy CIebie! :)
    Czarna magia dla mnie :P

    OdpowiedzUsuń
  12. Ja popracuje nad wyróżnieniem komentarza autora. Dzięki za wskazówki!:)
    Miłego dnia
    Ania

    OdpowiedzUsuń
  13. Mówił Ci ktoś, że jesteś fenomnalna :D

    OdpowiedzUsuń
  14. Bardzo przydatny wpis :-). Zastosowałam już formatowanie do komentarzy.
    Szkoda, że tak późno tu trafiłam, bo bym o wiele mniej czasu spędziła nad szukaniem przydatnych rzeczy rozrzuconych po sieci.

    OdpowiedzUsuń
  15. Z komentarzami pewnie sie pobawię ;) Pozostałe rady mniej lub bardziej ogarniam. Świetny post bo naprawdę bardzo zrozumiale napisane.

    OdpowiedzUsuń
  16. Dziękuję za te tipy, tego szukałam.
    Mam pytanie, na które od dłuższego czasu szukam odpowiedzi.
    Za pomocą kodu css mam ustawioną automatyczną szerokość zdjęć w postach, ale ostatnio chciałam dodać baner w poście (odsyłający do akcji kulinarnej) i baner automatycznie przyjmował rozmiar taki jaki w kodzie css (czyli kompletnie w innym rozmiarze i nieczytelny).
    Co zrobić, aby móc wkleić taki baner w poście i móc zachować jego oryginalny rozmiar?
    Dzięki!

    OdpowiedzUsuń
  17. A pamiętasz, albo wiesz jaki kod użyłaś? Zmień "oryginalny rozmiar" banerka na inny w poście. Jeśli nie pomoże to prawdopodobnie będzie trzeba go usunąć. Znam taki, który jedynie zmniejsza zdjęcia, ale ich nie rozciąga jeśli są mniejsze niż wymagany rozmiar.

    OdpowiedzUsuń
  18. Dziękuję za odpowiedź na temat komunikatu :) zaraz lecę do szablonu!

    OdpowiedzUsuń
  19. Proszę bardzo. Jesteście moją największą inspiracją. Dzięki Twojemu pytaniu czegoś nowego się nauczyłam i u siebie tez usunęłam ten komunikat:)

    OdpowiedzUsuń
  20. Super :) dobrze, że możemy sobie nawzajem pomagać w blogosferze :)

    OdpowiedzUsuń
  21. Jejku!!! Ale się cieszę, że tutaj do Ciebie trafiłam - chyba nie pójdę spać - muszę przeczytać wszystkie posty :))) Pozdrawiam :)

    OdpowiedzUsuń
  22. Zrobiłam sobie jeszcze wyróżnienie swoich komentarzy :) ale widzę, że zainstalowałaś Disqus? I Twoje komentarze się nie wyróżniają.

    OdpowiedzUsuń
  23. Krótko po publikacji tego posta postanowiłam wypróbować DISQUS. Jak znajdę sposób, aby wyróżnić swoje komentarze to się tym podzielę:)

    OdpowiedzUsuń
  24. Możesz też podzielić się swoją opinią o Disqus :) ja też o nim myślę, ale nie jstem jeszcze przekonana na 100%.

    OdpowiedzUsuń
  25. Dobry pomysł, Mam swoje przemyślenia na ten temat, a jeśli komuś się przydadzą to popełnię może mały wpis:)

    OdpowiedzUsuń
  26. był to kod .post-body img {
    width: 500px;
    height: auto;
    } Mogłabym go usunąć, i pewnie problem banerka by zniknął, ale wtedy wszelkie zdjęcia w postach, ktore nie byly tej samej szerokosci, wyświetlą się w różnej i będzie to brzydko wyglądać.

    Zmieniałam "oryginalny rozmiar" banerka, ale to nic nie dało.

    OdpowiedzUsuń
  27. Super tutorial- wszystko zwięźle i zrozumiale wytłumaczone! Nawet taki laik komputerowy jak ja poradził sobie z usunięciem komunikatu o etykietach i z wyróżnieniem swoich komentarzy :) Dzięki!

    OdpowiedzUsuń
  28. Drobna uwaga. Zamknięcie czegoś w komentarzu powoduje jedynie ukrycie a nie skasowanie tego elementu. Komunikat nie wyświetla się na ekranie, ale nadal jest w źródle.

    OdpowiedzUsuń
  29. Bardzo dziękuję! :)

    Ale nie spowoduje to, że zdjęcia w moich postach (które czasem są różnej szerokości) nie zaczną wyświetlać się w oryginalnej wielkości, powodując bałagan w postach?

    OdpowiedzUsuń
  30. jeżeli są mniejsze niż ustalona wartość, to zaczną.

    OdpowiedzUsuń
  31. Ok, spróbuję to zrobić i zobaczymy, co z tego wyjdzie :)

    OdpowiedzUsuń
  32. Mega kopalnia wiedzy :) dziękuję

    OdpowiedzUsuń
  33. u mnie zrobione wyróżnienie komentarzy sa sa sa :D

    OdpowiedzUsuń
  34. jejj!! udało się, dziękuje ;)

    OdpowiedzUsuń

Zostaw po sobie ślad. Każdy komentarz napędza do działania i dodaje skrzydeł. Właśnie Twój głos chcę usłyszeć!