Informacje na temat zakładania bloga, dodawania wpisów i ich edycji. Dodawanie wpisów, zdjęć, plików, kodów html, reklam, edycja wyglądu, kolorystyka, wszelkie ustawienia. Pomoc dla osób korzystających z blox.pl.
Dodaj swojego bloga do katalogów:
branza.com.pl

 kafito.pl
czwartek, 27 października 2011
Jak wstawić reklamy na stałe w każdym wpisie?

Kolejnym sposobem wstawienia reklam (np. AdSense) na stałe jest umiejscowienie ich nad tytułem każdej notki i tym samym nad kategoriami bloga. [Przykład]

Jak zawsze zmiany dotyczą CSS i pola HTML.

W CSS zmianiamy/dodajemy:

[W tym przykładzie padding wynosi 300px; oczywiście padding-top ustawiamy według swoich potrzeb]

#BlogKategorieBox {
margin-bottom:20px;
font-size: 14px;
color: #4591B9;
padding-top:300px;
}
.TytulKomentowanegoWpisu, #StatycznaTytul h2 {
font-size: 30px;
padding-bottom: 10px;
color: #006699;
padding-top:300px;
font-family: Tahoma;
background: url(http://treningi.blox.pl/plik.jpg);
}

Na końcu pola CSS dodajemy:

[Wszystkie wartości dopasowujemy do swojego bloga]

#kod1 {
position:absolute; top:170px; margin-left:-155px; left:50%}

W HTML dodajemy:

21:37, mojtrening , Reklamy na blox [jak wstawić reklamy]
Link Komentarze (1) »
środa, 05 października 2011
Jak wstawić reklamy adsense tam gdzie znajduje się opis bloga

Aby wstawić reklamę AdSense, lub inną tam gdzie opis bloga, należy postępować tak, jak w tym przypadku.
Do wyboru mamy tylko czy umieszczamy reklamę na banerze głównym, czy usuwamy baner, nadajemy odpowiednie tło i wstawiamy daną reklamę.

Reklama na standardowym banerze:

 Usuwamy lub ukrywamy tytuł i opis bloga aby nie zachodził na reklamę i odwrotnie.

Przykładowy tandardowy tytuł i opis:  ▼

#BlogTytulBox {
background: url(/resource/plik.jpg);
width: 750px;
height: 135px;
margin: 0 auto;
padding: 0;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 1px solid #ffffff;
}
#BlogTytulOpis {
font-size: 10px;
color: #fff;
padding-top: 6px;
letter-spacing: 1px;
text-align:center;
}
#BlogTytulText {padding-top:30px;}
#BlogTytulText, #BlogTytulText h1 {
font-weight:normal;
margin:0px;
font-size: 30px;
color: #fff;
text-align:center;

Usunięcie tytułu: ▼

#BlogTytulBox {
display:none}


#BlogTytulOpis {
display:none;}


#BlogTytulText {padding-top:30px;}
#BlogTytulText, #BlogTytulText h1 {
display:none}

Ukrycie tytułu i opisu: ▼

#BlogTytulBox {
background: url(/resource/plik.jpg);
width: 750px;
height: 135px;
margin: 0 auto;
padding: 0;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 1px solid #ffffff;
}
#BlogTytulOpis {
font-size: 0px;
color: #fff;
padding-top: 6px;
letter-spacing: 1px;
text-align:center;
}
#BlogTytulText {padding-top:30px;}
#BlogTytulText, #BlogTytulText h1 {
font-weight:normal;
margin:0px;
font-size: 0px;
color: #fff;
text-align:center;

Przesunięcie tytułu i opisu: ▼

#BlogTytulBox {
background: url(/resource/plik.jpg);
width: 750px;
height: 135px;
margin: 0 auto;
padding: 0; - zmieniamy wartości np. 10, -10
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 1px solid #ffffff;
}
#BlogTytulOpis {
font-size: 10px;
color: #fff;
padding-top: 6px; -  zmieniamy wartości np. 10, -10
letter-spacing: 1px;
text-align:center;
}
#BlogTytulText {padding-top:30px;}
#BlogTytulText, #BlogTytulText h1 {
font-weight:normal;
margin:0px; - zmieniamy wartości np. 10, -10
font-size: 10px;
color: #fff;
text-align:center;

Po ukryciu lub usunięciu tytułu i opisu wszystko będzie nadal widoczne dla wyszukiwarki nic nie usuwamy na stałe. Teraz postępujemy jak w przypadku umieszczenia reklam nad wpisami itp.

W polu HTML: ▼

<div id="kod1">kod reklamy</div>

W polu CSS wpisujemy: ▼

#kod1 {
position:absolute; top:150px; margin-left:-370px; left:50%}

Zmieniamy wartości tak, aby nasza reklama znalazła się we właściwym miejscu, czyli w tym przypadku na banerze.

22:34, mojtrening , Reklamy na blox [jak wstawić reklamy]
Link Dodaj komentarz »
czwartek, 16 czerwca 2011
Reklama AdSense nad ostatnimi wpisami [wąska szpalta]

Aby ustawić reklamę AdSense 200x200 w wąskiej szpalcie na samej górze należy:

W CSS:

na samym dole:

#kod1 {
position:absolute; top:150px; margin-left:-370px; left:50%}

W polu HTML:

<div id="kod1">kod reklamy 200x200</div>

W CSS:

}
#ArchiwumTytul, #ZakladkiTytul,
#BlogTytulBoxaOstatnichWpisow, #BlogAutorzyTytul,
TD.Miesiac {
background-color: #ffffff;
height: 16px;
margin: 1px 0px 0 0px;
padding: 200px 1px 4px 0px;
color: #8B9198;
font-weight:bold;
border-bottom: 1px solid #fff;
font-size: 10px
}

Prawidłowo działa przy szablonie: Rin

Zobacz przykład

19:39, mojtrening , Styl CSS
Link Komentarze (6) »
 
1 , 2 , 3 , 4 , 5 ... 7