Blog Desig #5 - Wasze pytania

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"

BLOG DESIGN #1 - PODSTAWOWE ZASADY
BLOG DESIGN #2 - PODSTAWOWE ZASADY cd.
BLOG DESIGN #3 - BOCZNA KOLUMNA
BLOG DESIGN #4 - PIĘKNE POSTY
BLOG DESIGN #5 - ODPOWIEDZI NA WASZE PYTANIA
BLOG DESIGN #6 - STOPKA POSTA

JAK USUNĄĆ KOMUNIKAT, KTÓRY WIDAĆ PO KLIKNIĘCIU NA 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"

JAK WYRÓŻNIĆ KOMENTARZE AUTORA BLOGA?

Moje komentarze aktualnie wyglądają tak:

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