środa, 28 listopada 2012

Jak zmienić wygląd poszczególnych widgetów?


Dzisiaj o możliwości zmian w wyglądach poszczególnych widgetów. Jak wprowadzić zmiany by były inne niż  w posiadanym przez nas szablonie.

poniedziałek, 26 listopada 2012

Jak umieścić tekst w ramce w poście? Użycie "fieldset"

W celu utworzenia zmian w treści posta - musimy edytować HTML tego posta. W jaki sposób to zrobić?
Podczas pisania posta wchodzimy w HTML, tam też wklejamy wybrany kod, następnie przechodzimy do normalnego widoku klikając w "Nowy post"



1. Umieszczanie tekstu w zwykłej ramce - linia prosta.

TU WPISZ TEKST

kod:
<fieldset style="border: 2px solid; padding: 3;"> TU WPISZ TEKST </fieldset>

2. Umieszczanie tekstu w ramce - linia kropkowana

TU WPISZ TEKST

kod:

<fieldset style="border: 2px dotted; padding: 3;">TU WPISZ TEKST </fieldset>


3. Umieszczanie tekstu w ramce - linia przerywana

TU WPISZ TEKST

kod:

<fieldset style="border: 2px dashed; padding: 3;">TU WPISZ TEKST </fieldset>



W obu powyższych przypadkach występuje słowo border: 1px oznaczające obramowanie i jej grubość oraz padding: 3 oznacza tutaj margines od ramki.

Można także użyć innych parametrów ramki m.in.
background-color: #cccccc - kolor tła ramki gdzie #cccccc to kolor z HTML
można również po kodzie:
border: 1px dotted dodać określony kolor np #cccccc - oznacza to kolor samego obramowania

Czyli jeżeli chcemy na przykład ramkę w kolorze zielonym (#00cc00) a tło ramki w żółtym (#ffff33), ramka kropkowana kod będzie wyglądał tak:



<fieldset style="background-color: #ffff33; border: 2px dotted #00cc00; padding: 3;">
TU WPISZ TEKST </fieldset>

środa, 21 listopada 2012

Jak szybko zmniejszyć zdjęcie lub obraz?

Propozycja pierwsza to program który praktycznie ma każdy z nas a mianowicie Paint.
W Paint'cie jest to bardzo intuicyjne.

niedziela, 18 listopada 2012

Jak zawinąć tekst posta?


Kolejny post dla "zielonych".
Co oznacza zawinąć tekst posta? Oznacza to mianowicie, iż na stronie głównej Twojego bloga pojawią się nie całe posty, a tylko ich urywek do miejsca które wyznaczysz.

sobota, 17 listopada 2012

Jak zmienić kanał dystrybuowania posta w blogu?


Każdy z nas dodał jakieś blogi do obserwowanych. Tuż pod naszym blogiem na stronie głównej bloggera widzimy nowe posty dodane przez naszych ulubionych autorów. Jest to tak zwana Lista czytelnicza, w której można umieścić najważniejsze, najchętniej czytane blogi i obserwować, co ciekawego się w nich pojawia.Lista czytelnicza którą widzimy w bloggerze, to nic innego jak czytnik kanałów RSS lub Atom czyli w prostym języku kanał informacyjny. Strumień nowych postów czy też tematów na stronach, blogach i innych.
Wiadomości z kanałów wyświetlane są w czytnikach  tak jak u nas w czytniku bloggera lub innych bardziej zaawansowanych programach.

piątek, 16 listopada 2012

Jak dodać widget Top Komentator?

Czasami chcielibyśmy wiedzieć kto najczęściej komentuje nasze wpisy na blogu i ile razy - taki gadget można dodać bardzo szybko :)

1. Dodajemy do naszego bloga gadżet HTML/JavaScript - Ściąga

środa, 14 listopada 2012

Jak zrobić w poście podział na kolumny?

Zdarza się, że czasami potrzebujemy, by strona posta naszego bloga była podzielona na kolumny.
Czy można tak zrobić?
Oczywiście że można :) 
W dodatku można to zrobić bardzo szybko i sprawnie.
Zajmie Ci to raptem minutkę :)

Przejdźmy do rzeczy jak podzielić tekst posta na dwie części? Jak podzielić posta na dwie kolumny?

wtorek, 13 listopada 2012

Jak zainstalować na swoim blogu statystyki StatCounter?


Otrzymałam kilka pytań jak zainstalować statystyki których opis można znaleźć - tutaj.
Dzisiaj więc szybka instrukcja:

KROK 1
Wchodzimy na stronę www.StatCounter.com: i wchodzimy w zakładkę "Sign Up"


poniedziałek, 12 listopada 2012

StatCounter - opis programu.



StatCounter jest od niedawno jedną z moich ulubionych stron. Są to mianowicie bardzo obszerne i darmowe statystyki które dodałam do mojego bloga. StatCounter można również dodać do każdej stromny internetowej. Program też jest niejako konkurentem Google Analitycs. Jednak zawiera dużo więcej informacji.

Jak używać i do czego służy StatCounter pokaże na przykładzie bloga na którym jesteś.
Program umożliwia oglądanie statystyk na bieżąco w określonych kategoriach:

niedziela, 11 listopada 2012

Jak zrobić przyciski udostępniania posta w serduszku?

Podoba Wam się takie serduszko jak u góry? Możecie je mieć u siebie na blogu, by wasi czytelnicy mogli szybko i łatwo udostępnić wpisy z Waszego bloga innym.
Instrukcja w 5 krokach...

Serduszko ma możliwość udostępniania danej strony na następujących portalach społecznościowych:
facebook



 twitter

 pinterest


linkedin

stumbleupon



e-mail


share this


sobota, 10 listopada 2012

Jak dodać wyszukiwarkę do bloga?

Kolejne MUST HAVE naszego bloga to wyszukiwarka. Często czytelnik potrzebuje znaleźć konkretne informacje, wie że są na naszym blogu - jednak tym trudniej mu się odnaleźć im więcej mamy postów. Dobrym rozwiązaniem tego problemu jesz wstawienie wyszukiwarki na blogu - tym bardziej że to naprawdę łatwe.

piątek, 9 listopada 2012

Jak dodać widget z serwisu "Lubimy czytać"?


Dzisiaj o widgecie, który chyba najbardziej przyda się bloggerkom "książkowym", zaczerpniętym z serwisu www.lubimyczytac.pl, więcej o serwisie - przeczytasz TUTAJ (nie będę się powtarzać ;) )


Widget może pokazywać - książki które już przeczytałyśmy, czytamy obecnie lub mamy zamiar przeczytać. Zgodnie z naszymi wcześniejszymi zaznaczeniami na stronie.

środa, 7 listopada 2012

Jak utworzyć i korzystać z Dysku Google czy też Google Drive?


Jako, że posiadamy konto na Bloggerze posiadamy również konto Google, no bo jakże inaczej. Pora zacząć więć korzystać z jeszcze większej liczby udogodniej które niejako wiążą się z naszym kontem.
Może już część z was wie co to jest dysk google i z niego korzysta - jeśli nie to uważam że na prawdę warto. Jest to konkurencja dla takich programów jak SkyDrive, Dropbox i Box.

Zalety posiadania Dysku Google (Google Drive):

  • to Twój dysk w tak zwanej chmurze (w sieci), do którego masz dostęp z każdego miejsca na świecie podłączonego do internetu
  • możesz przechowywać na nim pliki, bezpłatnie masz do dyspozycji 5GB pamięci 
  • z dysku Google możesz korzystać bezpośrednio z telefonu, tabletu, laptopa i komputera
  • z dokumentów które zapisujesz na dysku możne korzystać kilka osób na raz
  • pliki zapisane na dysku możesz dowolnie udostępnić znajomym
  • usługa synchronizuje dane na wszystkich Twoich urządzeniach
  • jest łatwy i intuicyjny w obsłudze

wtorek, 6 listopada 2012

Jak dodać nowy arkusz CSS?


Dzisiaj kolejny post z serii łatwiejszych i niezastąpionych.
Jak dodać arkusz CSS, czy też kod CSS bez modyfikacji całego szablonu HTML?

Jak dodać do bloga kod HTML/JavaScript?


Ze względu na fakt, iż od tego zaczynam bardzo dużą liczbę postów - szybka instrukcja krok po kroku.

Wchodzimy w "Układ" naszego bloga i klikamy "Dodaj gadżet"
 Wyskakuje nam poniższe okienko, przesuwamy w dół...
 Aż dojedziemy do HTML/JavaScript, klikamy "niebieski plusik"
 Otwiera się nam kolejne okienko, w którym wklejamy wybrany kod i klikamy "Zapisz"
Szybko łatwo i przyjemnie ;)

poniedziałek, 5 listopada 2012

Jak dodać polecane posty i widget "Zobacz również"?


Z tego co mi wiadomo nie u każdego sprawnie działa widget LinkWithin. Przykładem może być mój blog. LinkWithin zaczytał na nim tylko dwa pierwsze posty, pozostałych nie widział. U niektórych LinkWithin nie zaczytuje obrazków przez co widać tylko linki tekstowe. W dzisiejszym poście inne rozwiązanie dla osób które chcą mieć widget "Zobacz również" czyli podlinkowane posty o podobnej tematyce poniżej wpisu.
O tyle jest to ciekawszy widget, że dopasowuje wyświetlane posty przez nasze etykiety.

niedziela, 4 listopada 2012

Jak otagować posta?



Praktycznie każdy post na Twoim blogu można otagować, czyli oznaczyć, dodać do określonej kategorii. Pozwala to na szybkie odnalezienie postów napisanych na dany temat. Dodatkowo pozwala Tobie na "poukładanie" bloga.

Posty zarówno te dopiero pisane jak i archiwalne można oznaczyć szybko i prosto. Wchodzimy w edycję bloga klikamy Etykiety

Darmowe szablony na bloga.


Stron z darmowymi szablonami na platformę Blogger jest na prawdę bardzo dużo, poniżej tylko kilka ciekawych przykładów skąd możecie pobrać szablon i zainstalować go na swoim blogu.

Poniższe strony są ułożone według mojej oceny, pierwszy BTemplates oceniam jako najlepszy.


BTemplates www.btemplates.com


Deluxe Templates www.deluxetemplates.net


Template Elite  www.templatelite.com


Zoom Template www.zoomtemplate.com


Blogspot Template www.blogspottemplate.com


Blog Template 4 U www.blogtemplate4u.com

sobota, 3 listopada 2012

Jak zrobić animowaną chmurę ertykiet?

Skoro już mamy Etykiety dla bardzo początkujących to teraz to samo tylko odrobinę trudniej. Podobają się wam moje animowane etykiety - po prawej stronie u góry? Też możecie takie mieć :)
Zabieramy się do pracy ;)

Zaczynamy od zrobienia kopii zapasowej szablonu.
Następnie wchodzimy w edycję HTML naszego szablonu.

Jak dodać widget Etykiety?

O tym jak dodać etykiety - otagować posty dowiedzieliście w poprzednim wpisie.
Dzisiaj o samym widgecie (gadżecie) etykiety. Jest on tak zwanym MUST HAVE każdego bloga. Często to właśnie ten widget generuje ruch na Twojej stronie, to dzięki niemu czytelnik zamiast przeczytać jedną notkę czyta na przykład wszystkie w danej tematyce.

piątek, 2 listopada 2012

Jak zmienić szablon na bloggerze?


Od szablonu Twojego bloga zależy bardzo dużo. Zaczynając od treści którą chcesz w jakiś sposób przekazać do zainteresowania wyglądem czytelnika włącznie. Szablonów na platformę o której mowa jest całe mnóstwo i duża ilość darmowych, bo przecież te standardowe już się chyba wszystkim przejadły.

Jak wstawić licznik osób online?


Czasami zastanawiasz się ile osób w danej chwili czyta Twojego bloga. Twói czytelnicy też chcieliby to wiedzieć. Jak wstawić licznik takich odwiedzin online?

Jest przydatny widget który możemy zastosować.

czwartek, 1 listopada 2012

Jak zrobić wysuwany Facebook - Likebox?


Wczoraj było coś dla zielonych dzisiaj stawiamy dużo wyżej poprzeczkę. Spróbujemy zrobić wysuwany facebook. Likebox będzie wysuwany z lewej strony tak jak na tym blogu.

Zaczynamy :)
Po pierwsze musimy mieć swojego FanPage'a na Facebooku - jak go zrobić dowiesz się z TEGO POSTA.
Robimy kopię zapasową i wchodzimy w edycję HTML naszego szablonu.

 Wciskamy CTRL i F i szukamy frazy </head> tuż nad nią wklejamy kod HTML nr 1


Kod HTML nr 1
<style type="text/css">
#wys
{
background: url("http://dl.dropbox.com/u/106645823/facebook.png") no-repeat scroll 0 0 transparent;
padding: 10px;
width: 235px;
height:402px;
position: fixed;
margin-top: -100px; /*połowa wysokości panelu w górę */ left: 0px;
top: 50%;
}
.zamknij
{
background-position: 0px 0px -242px 0px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#wys").css("left","-216px");
$("#wys").hover(
function () {
$("#wys").animate({left: "0px"}, 400 );
$(this).addClass("zamknij");
}, function () {
$("#wys").animate({left: "-216px"}, 400 );
$(this).removeClass("zamknij"); }
);
});
</script>
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->
Następnie wciskamy CTRL i F i szukamy frazy </body> tuż nad nią wklejamy kod HTML nr 2


Kod HTML nr 2
<div id="wys">
 <div id="wewnatrz" style="float: left; width: 216px; margin-left: 0px;"> <iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href=TU_WKLEJ_ADRES_TWOJEGO_FANPAGE&amp;width=190&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;height=378" style="border: medium none ; overflow: hidden; width: 190px; height: 378px; background-color: rgb(243, 247, 255);" frameborder="0" scrolling="no"></iframe></div> </div>
Pamiętaj, by po wklejeniu kodu nr 2 we właściwe miejsce wstawić swój adres FanPage'a

 Jeśli nie pamiętasz gdzie znaleźć adres URL FanPage'a, spójrz na poniższy przykład:
Powodzenia.

Zarabiaj na sprzedaży książek!