Jak edytować rotator polecanych wpisów?

Hej, dawno nie dodawałem tutaj instrukcji. Pora odświeżyć listę postów. Tym razem zajmiemy się edycją pokazu slajdów, czyli polecanych wpisów z bannerami. Jest on dostępny w szablonach z rodziny Print Design, min. Norma, Bynary (lub binary), Instinct. Poniższa instrukcja powinna bez problemu zadziałać w każdym z nich. Rozłożyłem 'slider' na czynniki pierwsze, dzięki temu będziecie wiedzieć jak podmienić obrazki, linki oraz tytuły czy opisy.

klik:

Jak uzupełnić rotator polecanych wpisów?

Jeżeli chcesz same zdjęcia to kasujesz odnośniki, tytuły i opisy lub skorzystaj z innej instrukcji do tworzenia pokazu slajdów.

Przydatne? polub na FB, dodaję tam więcej instrukcji blogowych. Dajcie znać jak Wam poszła edycja bloga.

Przejdź do strony wpisu i dodaj komentarz lub pytanie »

Jak wyśrodkować nagłówki gadżetów?

Chcemy wyśrodkować tytuły gadżetów w naszym menu bocznym. Jak tego dokonać? Nie jest to trudne. Wiemy już jak szukać elementów nagłówków i menu w szablonie zatem przeskakujemy w kodzie HTML bloga (konkretnie w sekcji CSS) do: .sidebar h2, styl tego elementu może wyglądać mniej więcej tak:

.sidebar h2 {

    background: none repeat scroll 0 0 #EEEEEE;

    border-left: 6px solid #E8202D;

    color: #565656;

    font-family: Arial,Helvetica,Sans-serif;

    font-size: 16px;

    font-weight: bold;

    line-height: 16px;

    margin: -11px -11px 12px;

    padding: 10px;

    text-transform: uppercase;

}

kod:

border-left: 6px solid #E8202D;

odpowiada za boczne obramowanie, tutaj zmieniamy grubość i kolor z lewej strony.
Do powyższego stylu dopisujemy jeszcze jedną linijkę:

text-align: center;

zapisujemy zmiany i gotowe. Nagłówki będą wyśrodkowane.

Jeżeli chcemy wyśrodkować cały boczny pas (tytuły i treść) musimy tę samą linijkę dopisać do .sidebar {tutaj będzie styl} lub tuż przed ]]>< dodać to:

#sidebartab1 {
text-align: center;
}

Należy pamiętać, że text-align: center; da się stosować praktycznie wszędzie jednak rozwiązanie dotyczące środkowania tytułów nagłówków dotyczy konkretnie szablonu PrintDesign i jemu pokrewnych. Na pozostałych skórkach (i tych wbudowanych) nagłówki mogą być opisane w inny sposób.

Jeżeli środkowanie jakiegoś elementu nie działa można spróbować wymusić je w ten sposób:

text-align: center !important;

Przejdź do strony wpisu i dodaj komentarz lub pytanie »

PrintDesign - skąd pobrać i jak wgrać szablon na bloga?

Ten temat pasuje raczej na jeden z pierwszych wpisów, ale blog dopiero startuje, więc nie jest jeszcze za późno. Wpis przeznaczony jest dla osób, które chcą mieć taki szablon jak na tym blogu. Taki sam ma star-poli czy ananasowemsp.

Należy pamiętać, że szukamy szablonu na Blogger. Print Design dostępny jest także na platformę Wordpress, dlatego trzeba zwrócić uwagę czy paczka, którą pobieramy ze strony jest wersją naszego theme dla Blogspot.

Poniżej kilka linków do stron, gdzie można pobrać szablon PrintDesign:
http://www.premiumbloggertemplates.com/2011/10/printdesign-premium-blogger-template.html
http://btemplates.com/2011/blogger-template-printdesign/
http://www.templatebloggers.com/2011/11/printdesign.html

Podobny do nich jest np. Bynary (Binary Theme): http://btemplates.com/2012/blogger-template-bynary/demo/ tylko ma rotator na całą szerokość bloga. Drugi to Instinct: http://www.premiumbloggertemplates.com/2011/12/instinct-premium-blogger-template.html


Mamy szablon na dysku i co dalej? Jak wgrać go na bloga?
postępujemy według instrukcji na forum: Jak wgrać szablon na Blogger.

Przejdź do strony wpisu i dodaj komentarz lub pytanie »

Jak dodać czat na bloga?

Wiele blogów o MSP a także i ten posiada czat ze strony XAT.COM. Można się tam zarejestrować (ale nie trzeba) i wygenerować sobie kod czata. Nie jest to najtrudniejsza część, generator jest całkiem łatwy w obsłudze. Gorzej z wstawieniem tego na bloga.

Instrukcja dotyczy szablonu PrintDesign (czyli takiego jak na moim blogu) oraz jemu pokrewnych (np. Instinct, Elegant). Przyda się jednak osobom, które nie mają takiego szablonu, ale dowiedzą się jak przeszukiwać kod szablonu w poszukiwaniu interesującego nas fragmentu.

Oczywiście można wkleić wszystko w gadżet HTML/Javascript w zakładce Układ, ale w ten sposób skrypt czata pojawi nam się w dziwnych miejscach a my chcemy konkretnie:
a) tuż pod nagłówkiem bloga / nad poziomym menu
b) Tuż pod rozwijanym menu / nad wpisami

Pełną instrukcję (wraz z wskazanymi miejscami w kodzie) znajdziecie na forum - w tym temacie.

Jak rozszerzyć xat?
Podczas generowania kodu należy w polu width wpisać wartość szerokości szablonu na Waszym blogu. W PrintDesign standardowo jest to 960. Jeżeli zapomnieliście to zrobić na stronie xat to można edytować kod. Odszukajcie w jego treści wartości width i zmieńcie ją na własną.

Czy są jeszcze jakieś miejsca gdzie chcielibyście wkleić czat z XAT?

p.s. jeżeli nie chcecie tła (żeby było przezroczyste) to wejdźcie w 'ustawienia chat'a' (chat settings) a następnie 'więcej opcji' (more options) - zostaniecie przeniesieni na stronę ustawień. Wyszukajcie tam pozycji 'Transparent background (No background image)' i zaznaczcie ją. Poniżej można też zmienić język na Polski (przy 'Default language for chat box'). Następnie jedziemy w dół i szukamy przycisku 'Update these options' - wciskamy go i gotowe. Od tej pory chat będzie miał przezroczyste tło a opcje będą w języku polskim.

Przejdź do strony wpisu i dodaj komentarz lub pytanie »