Najlepsze dodatki na bloga

Dodatek stworzony przez sgk/eskey ma jeszcze jedną wspaniałą zaletę. Pozwala na wyświetlanie zakładek na stronie z komentarzami, co w starszych szablonach na blox.pl nie było możliwe.

Aby zakładki pojawiały się na stronie z komentarzami oprócz skryptu „Zwijane zakładki” potrzebny jest dodatkowy plik z wszystkimi zakładkami. Kiedyś można go było utworzyć jednym kliknięciem, teraz robi się to trochę na około. Innego sposobu nie znalazłam, ten pochodzi z wątku na forum:

http://forum.gazeta.pl/forum/w,8,101842886,,eksport_zakladek.html?v=2

Wchodzimy w panel administracyjny swojego bloga na blox.pl. Klikamy EDYTUJ. Następnie do adresu, który pojawi nam się w pasku adresu przeglądarki dodajemy taką końcówkę:

********.www.blox.pl/html/1048577.html

(Zamiast gwiazdek zostawiamy początkowy numer, który się pojawił w pasku adresu po kliknięciu EDYTUJ.)

Klikamy ENTER i wtedy otworzy nam się okno z dwiema możliwościami: otwarciem pliku z zakładkami i z zapisaniem pliku na komputerze. Wypieramy ZAPISZ PLIK i potwierdzamy OK. Po pobraniu, na swoim komputerze zmieniamy rozszerzenie pliku z „opml” na „xml”.

Gotowy plik dodajemy do zasobów bloga. I gotowe :-).

Za każdym razem, kiedy usuwamy lub dodajemy zakładki musimy wszystkie czynności powtórzyć jeszcze raz. Inaczej na stronie z komentarzami nic się nie będzie zmieniało.

DODATKOWE OPCJE:

ZMIANA ZAWARTOŚCI PLIKU Z ZAKŁADKAMI

Plik z zakładkami można edytować na swoim komputerze. Otwieramy go za pomocą programu Notatnik. Dodajemy lub usuwamy zakładki (według wzoru, który z pewnością tam dostrzeżemy), a następnie zmiany zapisujemy. Może to być przydatne, jeżeli np. chcemy mieć mniej lub więcej zakładek na stronie z komentarzami niż na stronie głównej. Wszystko zależy od naszej pomysłowości.

ZMIANA WYGLĄDU TYTUŁU FOLDERA ZAKŁADEK

Jeżeli nie odpowiada nam czcionka tytułu folderów z zakładkami, jej wielkość lub kolor, możemy to zmienić w arkuszu CSS. Tak wygląda przykładowy kod:

.TytulFolderaZakladek {

font-family: "Century Gothic", "URW Gothic L", "TW Cen MT", "MgOpen Modata", sans-serif;   /*rodzaj czcionki*/

PADDING: 0px 0px 5px 0px;   /*odstępy*/

FONT-SIZE: 1.4em;    /*rozmiar czcionki*/

COLOR: #584C39;    /*kolor czcionki*/

}

Starałam się pisać najprościej, jak to tylko możliwe, ale temat jest bardzo obszerny i pewnie o wielu rzeczach zapomniałam. O wszystko można pytać w komentarzach do tego wpisu. Jeżeli coś napisałam nie tak, jak trzeba, to również można mi zwrócić uwagę na błędy.



http://cowartoprzeczytac.blox.pl/

ROZWIJANIE I ZWIJANIE FOLDERÓW ZAKŁADEK

Domyślnie dzięki dodatkowi „Zwijane zakładki”, pierwszy folder zakładek zostaje rozwinięty, a pozostałe zwinięte. Możemy to zmienić i sami zdecydować, które foldery z zakładkami mają być zwinięte, a które rozwinięte. Możemy zwinąć wszystkie lub wszystkie rozwinąć. Za pomocą parametru „rozwinod”, czyli „Rozwiń od tego folderu zakładek”, decydujemy, od którego folderu zakładki będą rozwinięte. A za pomocą parametru „rozwinile”, czyli „Rozwiń tyle folderów”, decydujemy, ile folderów z zakładkami ma zostać rozwiniętych. Autor świetnie ujął to w małej tabeli, którą tu od niego kopiuję:

http://sgk74exp.blox.pl/2007/12/blox-i-dynamicznie-zwijane-zakladki-instrukcja.html

Zastosowanie tego na blogu wymaga jednak dodania jeszcze jednego kodu do pola na dodatki. Ważne by dodać go przed wcześniejszym kodem. Przykładowo może on wyglądać tak:

WSZYSTKIE ZAKŁADKI ZWINIĘTE:

<script type="text/javascript">

var rozwinod=99;

var rozwinile=1;

var kolstopka='#69e';

</scripts>

WSZYSTKIE ZAKŁADKI ROZWINIĘTE:

<script type="text/javascript">

var rozwinod=1;

var rozwinile=99;

var kolstopka='#69e';

</scripts>

ZMIANA KOLORU STOPKI

Domyślnie pod dodatkiem pokazuje się niebieski nick autora będący linkiem do jego blogu („skrypt: eskey”). Nie wolno go usuwać, ale można zmienić jego kolor. Służy do tego parametr „kol stopka”. Zamiast wpisanej w powyższym kodzie „var kolstopka='#69e';” nazwy koloru – „#69e”, możemy wpisać np. „black” (czarny) lub „red” (czerwony). Nazwy innych kolorów można sprawdzić na Wikipedii.

http://pl.wikipedia.org/wiki/Kolory_w_Internecie

USUNIĘCIE STOPKI ZE STRONY Z KOMENTARZAMI

Jeżeli nie chcemy, żeby stopka wyświetlała się na stronie z komentarzami (a będzie się wyświetlała nawet, jeżeli nie mamy tam zakładek), należy dodać taki fragment kodu do arkusza CSS:

#SkomentujWazkaSzpalta #ZakladkiOPML {display: none;}

W panelu administracyjnym bloxa klikamy EDYTUJ -> WYGLĄD -> EDYCJA CSS i wklejamy kod. Potwierdzamy klikając ZAPISZ I PUBLIKUJ.

OBRAZKI PRZY TUTUŁACH FOLDERÓW ZAKŁADEK

Możemy uatrakcyjnić wygląd folderów małymi obrazkami plus/minus lub strzałkami, które będą się wyświetlały po lewej stronie nazwy folderu zakładek. W tym celu należy najpierw znaleźć lub samemu zrobić takie obrazki, potem załadować je do zasobów bloga (tak jak wcześniej skrypt), a na koniec dodać do arkusza CSS taki kod:

.off, .on {

display: block;

padding-right: 4px;

cursor: pointer;

}

.off {

background: url('ADRES URL PLIKU Z OBRAZKIEM') center right no-repeat;

}

.on {

background: url('ADRES URL PLIKU Z OBRAZKIEM’) center right no-repeat;

}

W kodzie należy zmienić ADRES URL PLIKU Z OBRAZKIEM na konkretny adres URL swojego pliku. Sekcja „off” odpowiada za foldery zwinięte, „on” za rozwinięte.

Jeżeli mamy szablon zrobiony przez Kate_Mac to prawdopodobnie powyższy kod będzie już w nim dodany, podobnie powinny być już w zasobach odpowiednie obrazki. Należy to wcześniej sprawdzić. Jeżeli ich nie ma, to na jej blogu znajduje się instrukcja na temat „Zwijanych zakładek”, a w niej przykładowe obrazki plus/minus w różnych kolorach:

http://szablonykatemac.blox.pl/2008/01/Dynamicznie-zwijane-zakladki-wedlug-Eskey8217a.html

Inne ikony można znaleźć na blogu autora skryptu, w części „Krok A3”:

http://sgk74exp.blox.pl/2007/12/blox-i-dynamicznie-zwijane-zakladki-instrukcja.html

W następnym poście napiszę, jak umieścić zakładki na stronie z komentarzami.

http://cowartoprzeczytac.blox.pl/

Ostatnio pisałam o tym, jak zwinąć archiwum do postaci listy lat zamiast listy miesięcy, a dziś napiszę o tym, jak zwinąć zakładki do postaci listy z tytułami folderów zakładek. Na bloxie nie byłoby to możliwe, gdyby nie sgk/eskey, który przygotował odpowiedni skrypt i instrukcje. Teraz wystarczy zrobić kilka kroków. Oto one:

KROK 1 – pobieranie skryptu

Pobieramy na dysk naszego komputera plik blox.zakladki.2.js z bloga „Experymenty informatyczne”:

http://sgk74exp.blox.pl/2008/03/zwijane-zakladki-wersja-druga.html

(Przy okazji odwiedzin tego bloga możemy w komentarzach podziękować autorowi „Zwijanych zakładek”. Można też zapoznać się z jego instrukcjami, które na pewno są bardziej szczegółowe niż moje.)

KROK 2 – dodawanie skryptu do zasobów bloga

W panelu administracyjnym na blox.pl klikamy EDYTUJ - > PLIKI -> NOWY PLIK - > wybieramy lokalizację pliku ze skryptem na naszym komputerze i klikamy OTWÓRZ.

KROK 3 – dodawanie kodu do bocznej szpalty

Kopiujemy poniższy kod i wklejamy w odpowiednie miejsce na blogu. Czyli wybieramy w panelu administracyjnym bloga EDYTUJ -> USTAWIENIA -> BOCZNA SZPALTA i wklejamy w POLE NA DODATKI, potwierdzamy klikając ZAPISZ ZMIANY.

<script type="text/javascript" src="/resource/blox.zakladki.2.js"></script>

I to właściwie wszystko. Dodatkowe opcje: dostosowanie rozwijania i zwijania folderów do swoich potrzeb, zmianę koloru stopki, usunięcie stopki ze strony z komentarzami, obrazki przy tytułach folderów, a także zakładki na stronie z komentarzami, opiszę w następnych postach.

JAK ZAMIESZCZAĆ DODATKI, ŻEBY ŁADNIE WYGLĄDAŁY?

             Już dawno chciałam napisać na ten temat, bo widziałam kilka naprawdę ciekawych blogów, na których boczna szpalta aż się prosiła, żeby coś z nią zrobić.

             Jest kilka rodzajów błędów, które możemy popełnić wzbogacając naszego bloga. Będę je po kolei omawiać i może w przyszłości, jak trafię na coś nowego, to też tu dodam.

ODSTĘPY MIĘDZY DODATKAMI W BOCZNEJ SZPALCIE

            Problem, z którym sama się spotkałam pisząc mojego pierwszego bloga, to brak odstępu między dodatkami. Kiedy w bocznej szpalcie dodajemy kolejne statystyki, obrazki, reklamy itd., to często nachodzą one na siebie, łączą się z sobą. Po prostu brakuje między nimi odstępu, bo nie jest on dodawany automatycznie. Samemu trzeba wpisać tylko parę znaków kodu HTML, żeby to ładnie wyglądało. W miejscu, w którym wklejamy kod dodatków, czyli w panelu administracyjnym bloxa, klikamy EDYTUJ -> USTAWIENIA -> BOCZNA SZPALTA i tam w polu DODATKI dodajemy taki znacznik:

<br/>

             Gdzie go umieszczamy? Najlepiej przed i po kodzie każdego dodatku. Znacznik działa podobnie jak ENTER, czyli przenosi treść do następnej linii, stąd czasami trzeba wpisać podany powyżej znacznik podwójnie, albo nawet potrójnie, jeżeli chcemy uzyskać duży odstęp.

<br/>

<br/>

Najlepiej użyć metody „prób i błędów”, czyli wpisywać znacznik w różnych miejscach i w różnej liczbie, a następnie sprawdzać efekt na blogu.

WYŚRODKOWANIE ELEMENTÓW W BOCZNEJ SZPALCIE

            Dodatki o różnej szerokości i wysokości będą dobrze wyglądać w bocznej szpalcie pod warunkiem, że ułożymy je w prawidłowy sposób. Najlepiej sprawdza się w tym wypadku wyśrodkowanie, czyli wyrównanie ich do środka. Używamy do tego również prostego znacznika HTML. Wpisujemy go w panelu administracyjnym bloga, klikamy EDYTUJ -> USTAWIENIA -> BOCZNA SZPALTA i w polu DODATKI. Na samym początku pola na dodatki wpisujemy znacznik otwierający <center>, a na końcu, już po wszyskich kodach z dodatkami, znacznik zamykający </center>:

<center> Tu wklejamy kody wszystkich dodatków, może być ich bardzo dużo </center>

             Pamiętać należy, że samo wyśrodkowanie, to może być za mało. Warto przemyśleć ułożenie dodatków. Można zgrupować je według kolorów, funkcji albo po prostu według wielkości, np. od najszerszego do najwęższego. Efekt takich zabiegów można zobaczyć na moim blogu w bocznej szpalcie.

DODATKI NIE MIESZCZĄ SIĘ W BOCZNEJ SZPALCIE?

             Generalnie im mniej dodatków tym ładniej, to wygląda, chyba że rzeczywiście przyłożymy się trochę do ich dostosowania do szablonu. Większość dodatków można zmniejszyć w danym serwisie, zakładając tam konto. Pamiętajmy, żeby nigdy dany element nie nachodził na treść wpisów w głównej szpalcie! Jeżeli tak się dzieje, a nie ma możliwości, żeby go wyśrodkować albo zmniejszyć, pozostaje jedynie zmiana szablonu. Można próbować modyfikować własny szablon, ale wymaga to znajomości CSS i zazwyczaj nie przynosi spodziewanych efektów. Skoro autor szablonu wybrał daną szerokość bocznej szpalty, znaczy, że taka będzie wyglądała najlepiej i nie ma sensu jej powiększać, żeby zmieścić jakiś dodatek, bo cały szablon może przez to stracić swój urok. Wybór szablonów na bloxie jest duży i na pewno znajdziemy taki, który pomieści nawet najszersze dodatki. Tradycyjnie w tym miejscu polecę KATALOG SZABLONÓW  Kate_Mac.

KOLEJNOŚĆ ZAKŁADEK W WĄSKIEJ SZPALCIE

            Zakładki w wąskiej szpalcie układają się alfabetycznie. Jest kilka sposobów, żeby to zmienić. Ja przedstawię tu dwa najlepsze. Można zrobić listę numerowaną albo rozpoczynająca się od kolejnych liter alfabetu (czyli wpisać przed nazwy folderów lub zakładek liczby lub kolejne litery alfabetu). Można też zastosować prosty trick – użyć spacji. W panelu administracyjnym naszego bloga na bloxie wchodzimy w EDYTUJ -> WPISY -> LINKI. Możemy zmieniać zarówno kolejność folderów, jak i poszczególnych zakładek. Wystarczy dodać spację na początku nazwy. Spacja nie wyświetli się na blogu, ale spowoduje, że dany folder czy zakładka zostaną wyświetlone jako pierwsze. Pierwszy folder zakładek musi mieć jedną spację przed nazwą więcej niż pozostałe. Czyli, jeżeli mamy cztery foldery, to pierwszy będzie miał trzy spacje przed nazwą, drugi dwie spacje, a trzeci jedną spację, czwarty żadnej. Proste prawda? Co do zakładek zazwyczaj wystarczy jedna spacja, a potem już przydatny jest układ alfabetyczny.

TEMATYCZNE BOKSY W BOCZNEJ SZPALCIE

            Co to za boksy, o których mowa w nagłówku? Mam tu na myśli specjalnie wyróżnione części bocznej szpalty, które wyglądają właśnie jak „boksy”. Każdy taki boks posiada swój nagłówek i jest odsunięty od pozostałych boksów. U mnie w bocznej szpalcie są tylko dwa takie boksy: dodatki na bloga i ostatnie komentarze. Lepiej można to zobaczyć na przykładowych szablonach Kate_Mac:

http://handmade04szablonkatemac.blox.pl/

            Boksy możemy stworzyć samodzielnie i używać ich do najróżniejszych rzeczy. Można tam np. wstawić obrazki – linki do swoich blogów, albo blogów znajomych, można umieścić tam różne ważne informacje itd., co tylko przyjdzie nam do głowy. Pamiętajmy, by użyć czcionek i kolorów pasujących do bloga.

            Jeżeli chcemy, żeby nasze boksy były idealnie dopasowane do szablonu, to w przypadku szablonów autorstwa Kate_Mac wszystko już zostało w CSS napisane, trzeba jedynie wkleić króciutki kod w boczną szpaltę (panel administracyjny bloxa, klikamy EDYTUJ -> USTAWIENIA -> BOCZNA SZPALTA i w polu DODATKI wpisujemy), żeby stworzyć nowy boks:

<div id="Trzecia">

<div class="boks">

<div class="tyt">Tutaj wpisujemy tytuł naszego boksu</div>

Tu wklejamy treść, która ma się w boksie znaleźć. Może to być tekst, kody dodatków albo obrazków. Można użyć prostych znaczników HTML omówionych wyżej, czyli center i br.

</div>

</div>

Jeżeli boksów będzie więcej, to i kod będzie dłuższy, a raczej trzeba go będzie powtórzyć tyle razy, ile będzie boksów, jak w tym przykładzie:

<div id="Trzecia">

 

<div class="boks">

<div class="tyt">Tutaj wpisujemy tytuł pierwszego boksu</div>

Tu wklejamy treść, która ma się w boksie znaleźć.

</div>

<div class="boks">

<div class="tyt">Tutaj wpisujemy tytuł drugiego boksu</div>

Tu wklejamy treść, która ma się w boksie znaleźć.

</div>

</div>

            Niestety nie wiem, jak to działa na innych szablonach, których nie zrobiła Kate_Mac.  Można popróbować własnych sił i samemu dopisać potrzebny fragment kodu CSS, jeżeli ktoś się na tym zna.

W komentarzach można pytać, o te rzeczy, które opisałam według Was niejasno, można się też pochwalić swoimi osiągnięciami w komponowaniu dodatków w bocznej szpalcie. Może macie jeszcze jakieś wskazówki, które powinny się w tym temacie znaleźć?