28.01.2015

Jak dodać datę opublikowania posta w kółku? - Blogger

Hej!
Witajcie znowu po (niestety) dłuższej przerwie. Została ona spowodowana moim wyjazdem na ferie. Naprawdę Was przepraszam, ale nie miałam na nim czasu, aby poświęcić się blogowi, a gdy już wróciłam byłam zbyt zajęta na pisanie postów. Dziś jednak przychodzę do Was z postem związanym z designem bloga - tutorialem, jak dodać datę opublikowania posta w kółku.

Więc zaczynajmy!

Krok 1.

Wchodzimy na naszego Bloggera, a następnie w Szablon.



Krok 2.

Wybieramy Dostosuj.

























Krok 3.

Pojawia nam się menu Projektant szablonów Bloggera.
Wybieramy Zaawansowane.


























Krok 4.

Zjeżdżamy na sam dół listy i klikamy Dodaj arkusz CSS.
























Krok 5.

W pole wklejamy nasz kod (kody podam za chwilę) i wciskamy klawisz Enter.









Uwaga! Jeśli w tym polu macie już jakiś/jakieś kod/kody CSS, już Wam pokazuję, co należy zrobić.









Przy ostatnim znaku ostatniego naszego kodu CSS stawiamy kursor i wciskamy klawisz Enter.
Następnie wklejamy nasz kod i ponownie wciskamy Enter.

Kod (każdą część wklejamy część pod częścią):


.date-header span {width: 60px; height: 60px; border-radius: 100% ;}

Pogrubiona czcionka to liczba pikseli, którą można dowolnie zmieniać, a czcionka kursywa to procenty. 
Należy pamiętać, że tylko liczba 100 daje nam całkowicie zaokrąglone rogi.

date-header span {background-color:  #ffffff ;}  

Można również zmienić kolor czcionki daty, wpisując kod koloru. Ten najlepiej wybrać z palety kolorów w HTML: Klik!

.date-header span {text-align: center ;}

Ten kod służy do umiejscowienia daty w kółku. W pogrubionym miejscu można wpisać:
center - wyśrodkowanie, left - do lewej, right- do prawej.

.date-header span {margin: -0px -100px -90px -97px;}

Ostatni kod, jest na dokładne ustawienie położenia daty, zmieniając pogrubione liczby.

Więc cały kod może wyglądać tak:

.date-header span {width: 60px; height: 60px; border-radius: 100% ;}
.date-header span {background-color:  #F0EDE6 ;}
.date-header span {text-align: center ;}
.date-header span {margin: -0px -100px -90px -97px;}

Gotowe!

PS1 Jeszcze raz przepraszam Was za dłuższą nieobecność na blogu :(
PS2  Jeżeli macie swoje pomysły na posty, piszcie je w komentarzach lub w mailach. Są bardzo mile widziane!

Karolina




16.01.2015

Jak dodać link do naszego bloga w komentarzu? - Blogger

Cześć!
Już ferie! Na pewno osoby z woj. Dolnośląskiego, Mazowieckiego, Opolskiego, Zachodniopomorskiego cieszą się z tego powodu razem ze mną :) Tylko najgorsze jest to, że mam trochę zadane, ale jakoś to przeżyję. Natomiast fajne jest to, że już w tą niedzielę jadę do Beskidu Śląskiego, dokładniej w okolice Wisły. W drugi tydzień nie robię nic specjalnego, jednak mam nadzieję, że uda mi się pójść na jakieś zakupy, może na łyżwy i do kina. Ale zacznijmy już post!

Otóż sposób jest bardzo prosty.

Krok 1.

Na jakimkolwiek blogu klikamy napis z liczbą komentarzy.



Krok 2.

Zjeżdżamy na sam dół i gdy dojdziemy do białego pola z napisem Wpisz komentarz... dodajemy treść naszego komentarza, potem wciskamy Enter i wpisujemy bądź kopiujemy i wklejamy następujący kod:

<a href="ADRES.STRONY.URL">TEKST</a>


ADRES. STRONY. URL - Tutaj wpisujemy nasz adres bloga (np. http://bloguj-z-karolina.blogspot.com/)

TEKST - Tutaj zaś wpisujemy jaki tekst ma się wyświetlić, np. Mój blog – klik!, Zapraszam do mnie! czy coś w tym stylu.


Krok 3.

Publikujemy nasz komentarz. 

 
 

Gotowe!

Jakie macie plany na ferie?
Czy podobał Wam się dzisiejszy post?
 

Karolina





09.01.2015

Jak dodać blokadę kopiowania treści bloga? - Bajery.net

Cześć!
Jak tam u Was? Mam nadzieję, że dobrze. Zwłaszcza, że za niedługo ferie! Na nie, raczej każdy z nas czeka z niecierpliwością, jednak jeszcze przed nimi mam kilka sprawdzianów i jeszcze zebranie  z ocenami na semestr. Ale no cóż. Trzeba to jakoś przeżyć.

Tak więc zacznijmy już dzisiejszy post.

Krok 1.

Wchodzimy na stronę http://bajery.net/adds/blokada/.



Krok 2.

Następnie decydujmy, czy chcemy, aby po zaznaczeniu przez kogoś treści pojawiał się komunikat (np. Kopiowanie zabronione), ustawiamy treść ewentualnego tego powiadomienia.


Krok 3.

Gdy już wykonamy czynności z kroku drugiego, kopiujemy kod z pola Kod HTML. Wchodzimy na naszego Bloggera, a następnie - w Układ.

















Krok 4.

Dodajemy nowy gadżet HTML/JavaScript, wybierając Dodaj gadżet i szukając na liście gadżetu o takiej samej nazwie.


4.1


4.2



Krok 5.

Wklejamy nasz kod (i opcjonalnie dodajemy tytuł), klikamy Zapisz, a następnie Zapisz rozmieszczenie.

 5.1


5.2










Gotowe!



Podobał Wam się dzisiejszy post? Czy pomógł?
Karolina




02.01.2015

Jak usunąć ramkę i cień wokół zdjęcia w poście? - Blogger

Witajcie!
Co u Was w nowym roku? Mam nadzieję, że dobrze i że macie jakieś postanowienia noworoczne. Ja mam takie postanowienia, szczególnie, że to będzie ważny rok, bo kończę szóstą klasę - piszę sprawdzian i idę do gimnazjum.

Ale może już zacznijmy!

Krok 1.

Wchodzimy na naszego Bloggera, a następnie w Szablon.




Krok 2.

Wybieramy Dostosuj.




Krok 3.

Wybieramy ostatnią pozycję na liście - Zaawansowane.

























Krok 4.

Zjeżdżamy suwakiem w dół i wybieramy Dodaj arkusz CSS.

























Krok 5.

W pole wklejamy nasz kod (który podam za chwilę) i wciskamy klawisz Enter.


Uwaga! Jeśli w tym polu macie już jakiś/jakieś kod/kody CSS, już Wam pokazuję, co należy zrobić.



Przy ostatnim znaku ostatniego naszego kodu CSS stawiamy kursor i wciskamy klawisz Enter.
Następnie wklejamy nasz kod i ponownie wciskamy Enter.


Kod:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

 
Gotowe! 

Podobał Wam się dzisiejszy post?
Do następnego :)

Karolina