Instrukcja - Jak dodać blokade kopiowania i zaznaczania tekstu na bloga

Tutaj podaje kod do blokady kopiowania,jak ją dodacie nie pojawia się żaden komunikat ani nic w tym stylu tylko po prostu nie można nic skopiować.

<script type="text/javascript">document.oncontextmenu=new Function("return false")</script>

 

Blokada do zaznaczania tekstu:

<script>

function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

 

 Po skopiowaniu wybranego kody wchodzimy w blogger.com>projekt następnie klikamy w Dodaj Gadżet>Następnie klikamy w gadżet HTML/JavaScript

I w Treści wklejamy swój kod:

Na końcu zapisujemy i to wszystko,jeżeli chcemy dodać kolejny kod robimy to samo co powyżej.

Instrukcja - Jak zmienić tekst w rozwijanym menu na własny.

Chodzi mi o to co jest powyżej gdy chcemy zmienić Home,bussines,downlads itd...
1.Wchodzimy w blogger.com następnie klikamy w projekt

2.Po kliknięciu w Projekt przeniesie nas w układ bloga,teraz musimy kliknąć w Edytuj Kod Html

3.Następnie na klawiaturze wciskamy jednocześnie klawisze CTRL+F i w wyszukiwarkę która nam wyskoczy wpisujemy <ul class='menus menu-secondary'>

4.Teraz tam gdzie zaznaczyłam na czerwono wpisujecie swój własny tekst przykładowo: Zamiast Home>wpisujesz strona główna
A tam gdzie zaznaczyłam na niebiesko możecie wkleić link do któregoś z postów Przykładowo:Gdy wpisałeś Sklepik w zaznaczone miejsce na niebiesko wklej link do posta ze sklepikiem.Czyli tam gdzie piszę '#' zamiast znaczku # wklejacie link do wybranego posta.
Tam gdzie zaznaczyłam na pomarańczowo to to co ma się rozwinąć w tym menu przykład:Jak wpisałeś Galeria w te czerwone co zaznaczyłam to w pomarańczowe możesz napisać Zdjęcia z reala>Zdjęcia z msp>Zdjęcia z imprez itd...

Czyli w skrócie Na czerwono: Wpisujemy to co ma się pojawić na pasku menu.Na pomarańczowo: Wpisujemy to co się ma pojawić po rozwinięciu menu.Na niebiesko:Wklejamy link do strony/posta aby przeniosło nas do danej strony.

Teraz jeżeli chcemy usunąć coś z menu np Parent Category usuwamy wszystko to co zaznaczyłam na czerwono:

Jeżeli z menu chcemy usunąć Health usuwamy wszystko to co zaznaczyłam na czerwono:

Jeżeli chcemy usunąć całkowicie Business,Downlads itd robimy to samo czyli usuwamy całość.
To wszystko jeżeli chodzi o rozwijane menu ;> Pamiętaj by na koniec Zapisać Szablon.

Instrukcja-Jak zmienić kolor w rozwijanym menu w szablonie PrintDesing

1.Wchodzimy w Projekt>Edytuj Kod HTML następnie wciskamy na klawiaturze klawisze CTRL+F i wpisujemy w nią .menu-secondary-container :

2.Tam gdzie piszę background:url i tam gdzie nawias wklejamy link do naszego nowego menu tu macie przykładowe:

W jakimś programie graficznym możecie to zakolorować na jakiś inny kolor a następnie zalinkować na stronie iv.pl i wkleić w wyznaczone miejsce :

 Jak zmienić kolor po najechaniu myszką w menu rozwijane:

1.Wchodzimy w Projekt>Edytuj Kod HTML na klawiaturze wciskamy CTRL+F i w wyszukiwarkę wpisujemy .menu-secondary li li a:hover
2.Następnie w miejsce gdzie zaznaczyłam na niebiesko wklejamy Hex'a z wybranym kolorem:

Hex'y z kolorami znajdziecie na stronie http://pl.wikipedia.org/wiki/Lista_kolor%C3%B3w

Jak w menu rozwijanym po najechaniu myszką zmienić kolor rozwinięcia menu:

1.Wchodzimy w Projekt>Edytuj kod HTML wciskamy na klawiaturze CTRL+F jednocześnie i w wyszukiwarce wpisujemy .menu-secondary li li a (w razie czego gdy Wam nie znajdzie zaznaczcie 'Rozszerz szablony widżetów')
2.Po wpisaniu w zaznaczone (zaznaczyłam na niebiesko) wklejamy Hex'a z wybranym kolorem:

 + Dodaje jak zmienić dolny kolor paska na blogu (tego poniżej)

1.Wchodzimy w Projekt>Edytuj Kod HTML na klawiaturze wciskamy klawisze CTRL+F (jednocześnie) i wpisujemy w nią #copyrights
2. Kopiujemy wybranego Hex'a i wklejamy go w miejsce które zaznaczyłam poniżej na niebiesko:

To wszystko,pamiętajcie o zapisaniu szablonu ;P

Instrukcja - Jak zrobić czat pod rozwijanym menu w szablonie PrintDesing

1.Wchodzimy w stronę http://www.xat.com/web_gear/chat.php i tam robimy czata np;dajemy przeźroczyste tło,język polski,kolor przycisków(kliknijcie tutaj aby dowiedzieć się jak to zrobić)
2.Po wygenerowaniu kodu będziemy mieli coś takiego jak ten kod:
<embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="640" height="480" name="chat" FlashVars="id=172832315&rl=Polish" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=172832315">Go Large!</a></small><br>
3.Wchodzimy w blogger.com logujemy się na swoje konto (chyba że już jesteśmy zalogowani) i wchodzimy w Projekt

4.Następnie na samej górze klikamy w Edytuj Kod Html

5. Po kliknięciu zaznaczamy kwadrat z napisem Rozszerz Szablony Widżetów

6.Następnie na klawiaturze wciskamy klawisze CTRL+F jednocześnie
7.Kiedy wyskoczy nam wyszukiwarka w nią wklejamy to:
<div style='clear:both;'/>

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>

Tak gdzie piszę <div style='clear:both;'/>poniżej tego wklejamy kod do czatu,powinno to wyglądać tak:

Tam gdzie zaznaczone na niebiesko jest wklejony kod.
8.Teraz z kodu musimy wywalić to co nie potrzebne czyli:
<br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=171220072">Go Large!</a></small><br>

Kod Po wywaleniu tego będzie wyglądać tak:

 Teraz jeżeli chcecie zmienić szerokość i wysokość czata na taką jak my mamy na blogu tak gdzie width wpisujemy 900 a tam gdzie height 400 kod będzie wyglądał następująco:

Uwaga! Jeżeli wcześniej przy robieniu czata daliśmy na język polski w kodzie czatu szukamy taki fragment kodu &rl=Polish i zastępujemy go takim kawałkiem &amp;rl=Polish
Kod wyglądał tak:

A teraz powinien tak wyglądać:

9.Na koniec dajemy 'Zapisz Szablon' powinno się Wam udać c:

Instrukcja - Jak zrobić chat , jak zmienić kolor przycisków , jak zmienić język na polski,jak zrobić przeźroczysty chat?

1.Jak zrobić chat ?
-Wchodzicie najpierw w tą stronę http://xat.com/web_gear/chat.php
-Wybieramy se tło jakie chcemy , chyba że chcemy własne wtedy wklejamy link do tła w adres który zaznaczyłam poniżej na czerwono :

-Tam gdzie piszę 'Chat box size'  chodzi o wielkość czatu
Small-Mały
Medium-Średni
Large-Duży
Najlepiej wybrać duży moim zdaniem ;>
-Następnie wciskamy przycisk Update & Get Code
-Kopiujemy kod tam gdzie piszę Embed Code   (zaznaczyłam poniżej na czerwono) :

2.Jak zmienić kolor przycisków?
1.Poniżej kodów do skopiowania są pewne opcje opcje do zaznaczenia szukamy Button Color

2.Wchodzimy w listę kolorów na tej stronię  http://pl.wikipedia.org/wiki/Lista_kolor%C3%B3w
3.Wybieramy kolor jaki chcemy , koło tego koloru piszę Hex ( przy każdym kolorze znajduje się taki hex)  kopiujemy to co zaznaczyłam na obrazku poniżej :

 4.Jeżeli już skopiowałeś wróć to tej opcji na xat button color i wklej to co wcześniej skopiowałeś

3.Jak zmienić język na polski?
-Pod kodami do skopiowania jak wcześniej pisałam znajdują się opcje do zaznaczenia są one pod napisami takimi jak Extra Chat Box Features i other options
-Koło napisu  Default language for chat box można zmienić język szukamy języka polskiego ( chyba że chcemy dać sobie jakiś chiński albo coś takiego xD )

  4.Jak zrobić przeźroczysty chat?
-Poniżej napisu Other options znajdują się opcje do zaznaczenia (zaznaczamy klikając w kwadracik)
Musimy zaznaczyć opcję Transparent background (No background image)

 Teraz jeżeli chcemy zapisać wszystkie te opcje na prawie samym dole pod tymi wszystkimi emotkami znajduje się przycisk 'Update these options' klikamy w niego .

 Następnie ponownie kopiujemy kod do skopiowania przy napisie 'Embed Code' 

 Teraz jeżeli chcemy dodać chat musimy się zalogować na naszego bloga i koło tego bloga gdzie chcemy zamieścić czat klikamy w 'Projekt' 

 Po kliknięciu przeniesie nas do innej strony , klikamy w dodaj gadżet :

 Otworzy nam się okienko z wyborem gadżetów wybieramy HTML/JavaScript (wybieramy klikając w plusa koło napisu) :

Po kliknięciu pokazuje nam się konfiguracja ustawień HTML/JavaScript
Tam gdzie Tytuł wpisujemy byle co np; Czat Tam gdzie Treść musimy wkleić wcześniej skopiowany kod :

Na końcu klikamy w przycisk Zapisz i mamy swojego chata na blogu :D

Instrukcja-Jak usunąć 'read more' z szablonu PrintDesing

1.Wchodzimy w Blogger.com następnie logujemy się (chyba że już jesteśmy zalogowani)
2.Wybieramy bloga i klikamy w projekt

 3.Po kliknięciu przenosi nas w projekt bloga na samej górze piszę Edytuj kod HTML wchodzimy tam

4.Po przeniesieniu do kodu HTML bloga,klikamy tam w ten kwadrat gdzie piszę Rozszerz szablony widżetów

5.Po kliknięciu w kwadrat wciskamy na klawiaturze klawisze CTRL+F jednocześnie wyjdzie nam wyszukiwarka w nią wklejamy kawałek takiego tekstu:
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>

 Po znalezieniu kawałka tego tekstu tam gdzie piszę createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); zamiast tego musi być wklejone takie coś <data:post.body/>
Będzię to wygladać tak :

6.Jak teraz zapiszecie i wejdziecie na bloga będzie już widać cały post tylko ze nadal gdzieś tam na dole w postach będzie napis  Read more,żeby to usunąć szukamy takiego kawałku tekstu w kodzie html:
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore-wrap'>
<a class='readmore' expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

 I usuwamy całkowicie kawałek tego kodu,następnie zapisujemy szablon i wyświetla nam się cały post bez read more c:

Instrukcja - Jak dodać nagłówek i tło do szablonu PrintDesing

1.No więc wchodzimy w Projekt>Edytuj kod HTML

2.Wciskamy CTRL+F i wyjdzie nam wyszukiwarka w nią wpisujemy Header i szukamy czegoś podobnego do obrazka poniżej :

 Tam gdzie nr.1 Wpisujemy rozmiar naszego nagłówka
Tam gdzie nr.2 Wklejamy link do nagłówka
Tam gdzie nr 3 to chyba wysokość i szerokość nie wiem dokładnie,do zależy raczej od rozmiaru nagłówka w moim przypadku rozmiar nagłówka to 785 px więc wpisałam tam 50 px 0 px 35 px
Jeżeli dobrze nie wpiszemy tego nagłówek może być ucięty albo w ogóle nie widoczny ;P
3.Teraz jeżeli chcemy zmienić tło to klikamy w CTRL+F i wpisujemy background czy coś takiego i postępujemy według obrazka poniżej :

1.Kolor tła (nie będzie to potrzebne gdy tło będzie się przewijać chyba że chcemy aby tło było w 1 miejscu wtedy możemy wybrać kolor tła) Kolory znajdziemy tutaj <klik> Tam gdzie Hex
2.Link d tła możemy zalinkować na stronie iv.pl
3.Jeżeli chcemy aby tło się przewijało (tak jak u nas na blogu) wpisujemy center w tym miejscu gdzie zaznaczyłam powyżej na czerwono ;P
4.Na koniec Zapisujemy szablon i to wszystko c;
Instrukcja dotyczy szablonu PrintDesing nie wiem jak jest w innych szablonach html ale powinno być podobnie ;>