środa, 25 marca 2015
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 :)
Przydatnesą takie wpisy ;) aby dopieścic bloga ;))
OdpowiedzUsuńhttp://toloveyourselff.blogspot.com/
Buziaki ;*
Masz odpowiedz chyba na każde pytanie dotyczące blogowania, podziwiam:)
OdpowiedzUsuńNiestety nie, a chciałabym znać odpowiedź na każde blogowe pytanie :)
Usuńpomocny wpis ;)
OdpowiedzUsuńPrzydatna instrukcja :)
OdpowiedzUsuńDziękuję, bo chyba Ci się podoba :)
OdpowiedzUsuńPodoba się, podoba :)
UsuńBardzo pomocny post, jak znudzi mi się mój obecny szablon i będę 'budowała' nowy na pewno wpadnę!:)
OdpowiedzUsuńBaerdzo dobry design.. obserwuję:)
Zapraszam do mnie
ALQXX
Dziękuję za obserwacje :)
Usuńa napisz jeszcze prosze, jak zrobić date wpisu na środku tak pieknie jak Ty masz nad tematem wpisu :) meeeega użyteczne wpisy piszesz tak na marginesie :)
OdpowiedzUsuńLucy, wpis o wyśrodkowaniu daty to jeden z moich pierwszych wpisów, a znajdziesz go pod tym linkiem: http://blonparia.blogspot.com/2014/02/post-zaproponowany-2-kilka-kodow.html :)
Usuńdzięki wielkie!!!!!!!!!!! :D
Usuńbardzo przydatny post ;) super że dodajesz takie instrukcje http://creamshine.blogspot.com
OdpowiedzUsuńBardzo przydatne rady, o tym nie wiedziałam ;)
OdpowiedzUsuńhttp://przyszopceuszatych.blogspot.com/
Świetna rada! Rowniez szukałam dosyc dlugo jak to zrobić. Dzieki!
OdpowiedzUsuńPozdrawiam i zapraszam do oceny moich fotografii. Licze na twoja opinie! :)
http://obiektyw-mym-okiem.blogspot.com
Bardzo ciekawy wpis!
OdpowiedzUsuńpozdrawiam i miłego weekendu!
Ciekawy poradnik! :)
OdpowiedzUsuńNOWY POST NA FABRYCE MIĘTY KLIK! :))
Bardzo pomocny post! ;)
OdpowiedzUsuńPozdrawiam i zapraszam do mnie ♥
http://crazystrawberryxd.blogspot.com/
Hej, mam pytanko :D
OdpowiedzUsuńSzukałam w poście z selektorami, ale coś mi nie wychodzi :c
Jaki jest selektor na ODPOWIEDZ i USUŃ pod komentarzem? Bo zdaje się, że am jest jak w linkach no i trzeba wpisywać a:hover, active itp., prawda? :<
Z góry dziękuję za odpowiedź <3
W poście z selektorami jest wszystko ładnie napisane :)
Usuń.comments .comment .comment-actions a, .comments .thread-toggle a - przyciski odpowiedz i usuń pod komentarzem.
oraz
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover - przyciski odpowiedz i usuń pod komentarzem po najechaniu na nie myszką.
Dobry poradnik. Mimo to ja nigdy nic wolę nie majstrowac przy designie ;)
OdpowiedzUsuńFajny poradnik ;) bede zaglądać ;)
OdpowiedzUsuńPozdrawiam ;)
Nie działa.
OdpowiedzUsuńDziała, działa tylko są dwie opcje dla danego szablonu jeśli masz szablon rewelacja, a zrobiłaś instrukcje dla szablonu prostego to nic dziwnego, że nie działa. Zrób jeszcze raz, poprawnie. Jak nadal nie będzie działać to poproszę o link ddo bloga i zobaczę w czym problen.
UsuńZrobiłam tak, jak w instrukcji, do danego szablonu, i udało mi się zrobić, że data zniknęła znad postu, ale w stopce jej nie ma. http://sdhfjefgfdkkd.blogspot.com/
OdpowiedzUsuńTwój problem polega na tym, że całkowicie pozbyłaś się sekcji odpowiedzialnej za datę czyli < h2 class='date-header' > i całego kodu w ramce z punktu 3, dlatego data się nie pojawia.
UsuńNie rozumiem. Wycięłam tę część z punktu 3. i wkleiłam ją w to miejsce wskazane w punkcie 4. Jak się pozbyłam tej sekcji daty?
OdpowiedzUsuńPrawdopodobnie przez przypadek mogłaś usunąć lub usunęłaś, zapisałaś szablon, wkleiłaś i już nie zapisałaś szablonu. Przyczyn może być wiele. Sprawdziłam źródło Twojego szablonu - kodu z punktu 3 nie ma.
UsuńAle nie ma tego kodu tam, gdzie powinien być (przed wycięciem) czy tam, gdzie miałam go wkleić?
OdpowiedzUsuńW ogóle nie występuje w szablonie - nie ma go tam gdzie powinien być, ani tam gdzie powinien być wklejony.
UsuńI nie masz pojęcia, dlaczego? Robiłam dokładnie tak jak w instrukcji.
OdpowiedzUsuńTak jak już wspomniałam, przyczyn może być wiele. Mogła być to Twoja wina, bo np. nie zauważyłaś, że kod się nie wkleił lub zapisałaś szablon tylko po czynności wycięcia kodu. Może to być również błąd bloggera.
OdpowiedzUsuń