Blogerzy wszystkich platform, łączcie się! Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
|
Autor |
Wiadomość |
Temat: Jak zmniejszyc odległość, posty w blogu - gadżet |
Agrafka
Odpowiedzi: 14
Wyświetleń: 6406
|
Forum: pomoc Blogspot Wysłany: 2012-03-27, 03:16 Temat: Jak zmniejszyc odległość, posty w blogu - gadżet |
Gadżety mają dodatkowe marginesy 15px.
Dodatkowe, czyli będą nawet jeśli w szablonie wszystkie margin i padding są równe 0.
Zeby usunąć powinno starczyć
Kod .widget-content { margin: -15px; } |
Temat: Jak zrobić za każdym razem inny nagłówek? |
Agrafka
Odpowiedzi: 2
Wyświetleń: 6250
|
Forum: pomoc Blogspot Wysłany: 2012-03-17, 01:10 Temat: Jak zrobić za każdym razem inny nagłówek? |
Jeśli chodzi o blogspot, wchodzisz na szablony, potem "Edytuj kod HTML", zaznaczasz "Rozszerz szablony widżetów" i znajdujesz widget nagłówka, u mnie się nazywa Header1
Kod <b:widget id='Header1' locked='true' title='Tutaj Tytuł Twojego Bloga (nagłówek)' type='Header'>
Dalej zależy z jaką opcją wstawiasz nagłówek:
1. "Za tytułem i opisem", edytujesz ten fragment:
Kod <!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
po linii
wstawiasz
Kod <b:if cond='data:blog.url == "http://adres.podstrony.na.której.zmieniasz.obrazek.nagłówka"'>
przed
wstawiasz drugie
Teraz pomiędzy wstawionymi liniami znajdujesz data:sourceUrl i zamieniasz na
Kod "http://bezpośredni.adres.do.obrazka"
Jedna podstrona z głowy, dla każdej kolejnej wklejasz ten edytowany fragment, zmieniając tylko linki do podstron i do obrazków.
Kod <b:if cond='data:blog.url == "http://adres.podstrony.na.której.zmieniasz.obrazek.nagłówka"'>
...wszystko pomiędzy...
</b:if>
2. z opcją "Zmiast tytułu i opisu" jest dużo krócej
Kod <!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
wstawiasz przed i po linii zaczynającej się img, dalej to samo, zmieniasz na link do obrazka |
Temat: [blogger] gadżet wyświetlany tylko na stronie głównej |
Agrafka
Odpowiedzi: 3
Wyświetleń: 7249
|
Forum: pomoc Blogspot Wysłany: 2012-03-16, 23:14 Temat: [blogger] gadżet wyświetlany tylko na stronie głównej |
Mam... głupie pytanie. Da się łączyć warunki?
Wiem tylko jak wstawić w szablon dwa "if", skoro chcę wyświetlać gadżet w dwóch miejscach np. 1. na stronie głównej + 2. wyświetlając posty z daną etykietą.
Znacie jakiś tutorial dla początkujących z większą ilością wyjaśnień niż "wklej X po linii Y"?
[ Komentarz dodany przez: Htsz: 2016-02-26, 08:32 ]
od pewnego czasu jest to możliwe przykład |
|
↑ skocz na górę ↑ | shoutbox | |
|
|
|
|
|