Cyfrowy zegar na bloga

Chcesz sprawdzić jaki jest aktualny czas,

możesz zobaczyć go na własnej stronie,

ten cyfrowy zegar nie tylko ożywi twojego bloga ale także uatrakcyjni go 

To zaczynamy:

1. Zaloguj się na swoje konto w serwisie Blogger, a następnie przejdź do układu  
2. Kliknij Dodaj gadżet

 

3. Z okna pop-up, przewiń w dół i wybierz "HTML / JavaScript":

4. Wklej ten kod wewnątrz pustym polu (kliknij szybko 2 razy i skopiuj go w całości):

<div> <script charset="UTF-8" src="http://edodatki.pl/code/zegar-cyfrowy?data%5BWidget%5D%5Btitle%5D=Zegar&data%5BWidget%5D%5Bcss%5D=1" type="text/javascript"></script><a href="http://edodatki.pl/program/minecraft" title="minecraft">minecraft</a><a href="http://blogujteraz.blogspot.com/" title="Zegar cyfrowy na stronę">Zegar cyfrowy na stronę</a></div>

Wysuwany gadżet polecony post dla bloggera

Znasz te wiadomości popup, które przesuwają się w prawym dolnym rogu, gdy już prawie osiągnęły dno strony?Cóż, kiedyś było one dostępne tylko na WordPress, ale już nie, teraz użytkownicy bloggera mogą korzystać z tego dodatku! 

Wysuwany gadżet zaprasza czytelnika do zapoznania się innego twojego posta. Dodatek jest przydatny zarówno dla ciebie(może poprawić współczynnik klikalności) jak i dla odwiedzjących twojego bloga.

Demo: Na samym dole powinieneś go zobaczyć znajdujący się po prawej stronie

Jak dodać wysuwany gadżet

1. Zaloguj się na swoje konto w serwisie Blogger, a następnie przejdź do układu  
2. Kliknij Dodaj gadżet

3. Z okna pop-up, przewiń w dół i wybierz "HTML / JavaScript":

4. Wklej ten kod wewnątrz pustym polu:

<div id="hlslidein" style="display:none;"> <div class="help"> ?</div> <div class="expand"> +</div> <div class="close"> X</div> <p> Polecane dla ciebie</p> <div id="hlslidein_image"> </div> <div id="hlslidein_title"> Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof hl_onload_queue=='undefined')var hl_onload_queue=[];if(typeof hl_dom_loaded=='boolean')hl_dom_loaded=false;else var hl_dom_loaded=false;if(typeof hl_async_loader!='function'){function hl_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(hl_dom_loaded){newcallback()}else hl_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof hl_domLoaded!='function')function hl_domLoaded(callback){hl_dom_loaded=true;var len=hl_onload_queue.length;for(var i=0;i<len;i++){hl_onload_queue[i]()}}hl_domLoaded();hl_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){hl_async_loader("http://helplogger.googlecode.com/svn/trunk/Recommended Post Slide Out For Blogger Blogspot.js",function(){},"hl-out-slide")},"jQueryjs")} </script> <a href="http://blogujteraz.blogspot.com/2013/03/wysuwany-gadzet-polecony-post-dla.html" target="_blank"></a>

5. Teraz Zapisz widżet:

 6. Następnie przejdź do szablonu, a następnie kliknij przycisk Edytuj kod HTML:

 7. Zaznacz okienko "Rozwiń szablony widżetów":

 8. Szukaj (CTRL + F) takiego kodu jak poniżej (znajdź tylko jeden kod taki który jest w twoim szablonie):


<data:post.body/>


lub 


<div class='post-footer-line post-footer-line-1'>


lub


  

 <p class='post-footer-line post-footer-line-1'>

 I dodaj bezpośrednio poniżej tych linii, następujący fragment i zapisz :

<b:if cond='data:blog.pageType == "item"'> <div style='display:none' id='bpslidein_place_holder'> </div> </b:if>  


Teraz, gdy czytelnik przewija stronę na samym dole otworzy się okienko z prawej strony z poleconymi postami 

Najnowszy gadżet komentarzy dla bloggera

Ostatnie komentarze do Bloggera wyświetlają ostatnie komentarze blogu na pasku bocznym, pokazując fragment ostatnich komentarzy wraz z tytułem postu. Jeśli chcesz, aby zachęcić swoich czytelników na pozostawienie komentarzy na swoim blogu, to polecam ten gadżet. Jak zainstalować Ostatnie Widget komentarzy do Bloggera

Krok 1. Przejdź do nawigacyjnym Bloggera >> >>Układ ---->  Dodaj gadżet

Krok 2 W oknie pop-up, przewiń w dół i wybierz HTML / JavaScript opcję:

 Krok 3 Teraz skopiuj i wklej poniższy kod w HTML / JavaScript:

 <script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><span id=rcw-cr><a href=http://blogujteraz.blogspot.com/2013/03/najnowszy-gadzet-komentarzy-dla-bloggera.html>nowy gadżet komentarzy</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;} </style>

 Krok 4. W miejscu nazwa twojego bloga wpisz adres URL blogu.

 Krok 5. Kliknij przycisk Zapisz i gotowe, mam nadzieję, że Ci się spodoba!

Numerowanie komentarzy na blogspot

Jeżeli chcesz wiedzieć ile osób skomentowało twój post

możesz je ponumerować 

Dla twojego czytelnika jest to duży plus kiedy będzie chciał zobaczyć czy odpowiedziałeś na jego pytanie zapamięta numer i po paru dniach wróci do niego

przykład przedstawiam poniżej

No to zaczynamy:

1. Przejdź do edycji twojego bloga ----> Szablon ---> Edytuj kod HTML (kliknij Kontynuuj, jeśli potrzebne)

2. kliknij na "Rozszerz szablony widżetów"

3. Szukaj (CTRL + F) takiego fragmentu kodu:



]]></b:skin>




4. Dodaj następujący kod tuż nad nim: 

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
z-index: 2;
position:relative;
font-size: 22px;
color: #555555;
padding-left:10px; 
padding-top:3px; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj-CCN5eFujspxcckOyI0djzyn0Uz1dbxdG5bTjxQ0tJP_0vhqqovQ8rr_5f3L_nc21U-O_yDZHlTZh8vkFAaSt2tlU0QEHnc76LhCsKuirkJqy_OoeH1-p9HbOSE-Tktxys6x9rAAShHo/s1600/comment+bubble2.png) no-repeat;
margin-top:7px; 
margin-left:10px; 
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/ 
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}

Uwaga: -Jeżeli nie chcesz mieć takich pęcherzyków (chmurek) usuń kod na czerwono razem z tym niebieskim

- Jeżeli chcemy aby bańka miała inny wygląd zamieniamy adres URL na swój styl poniżej przedstawiam ci przykładowe chmurki (prawy przycisk mysz kopiuj adres obrazka wklej w wyznaczonym miejscu)

 


 - aby zmienić położenie Ilość komentarzy, zwiększenie / zmniejszenie wartości (3 i 10) z padding-top i padding-left

- aby zmienić położenie bańki komentarzy / ikony, zmienić wartości (10 i 7) z margin-left i margin-top

Krok 4: Teraz zapisz szablon i gotowe!

dzięki że czytasz mojego bloga

Jak zrobić rozwijanego posta

Jeżeli chcecie zagospodarować więcej miejsca na bloga do dłuższych artykułów

proponuję zawijanie posta

dzieląc go na tekst wstępu i dalszą cześć widoczną na podstronie

Służy do tego ikona z urwaną kartką w edycji posta: 

Sprawdź statystyki swojej strony

Czasem dobrze wiedzieć jaki ruch generuje nasz blog

z jakiego kraju z jakiej strony internetowej

w jakich godzinach najwięcej osób wchodzi na wasz blog

wszystkie informacje możecie zdobyć za pomocą tej strony

http://stat.4u.pl

rejestrujemy się na tej stronę i robimy wszystko według instrukcji

kod który dostaniesz na maila wklej na swojego bloga

Jak dodać muzykę do twojego bloga (muzyka w tle)

Muzyka która uspokaja i relaksuje cały umysł

dzisiaj opiszę wam jak dodać muzykę w tle twojego bloga czy strony,

każdy słucha muzykę więc dobrze zrobić aby na twoim blogu jej nie zabrakło

napiszę wam jak możecie dodać muzykę:

- radiową

-popularną

1. Aby wstawić radio na swoją stronę

- kopiujemy ten kod

<iframe frameborder="no" height="500" marginheight="0" marginwidth="0" scrolling="no" src="ADRES STRONY" width="468"></iframe>

możemy sobie ustawiać jak duże może być nasze radio
height-  jest to wysokość ramki
width - szerokość ramki

zamiast ADRES STRONY wpisujemy nasze ulubione radio:
- http://open.fm/play/31
- http://www.rmfon.pl/play,5
-  http://www.radiozet.pl/sluchaj/online/Radio-ZET-online.html

i inne

wstawiamy kod na naszej stronie gdzie tylko chcemy
przechodzimy do edycji bloga ----> "układ" ----> "dodaj gadżet"  ----> szukamy "HTML/JavaScript" wklejamy nasz kod i dodaj. Poniżej przedstawiam jak to wygląda
 

2.  Jeżeli chcemy aby na stronie pojawiła się muzyka którą sami wybraliśmy
 do tego jest nam potrzebna playlista na youtube.com

-więc tak logujemy się na youtube jeżeli nie mamy to rejestrujemy się
-wchodzimy na interesujący nas filmik z muzyką
- poniżej filmiku naciśnij przycisk " dodaj do"
- otwieramy nową playliste lub klikamy "ulubione"  i tak dodajemy utwory na naszą playliste
-

- 

- jak już mamy wybrane wszystkie nasze ulubione utwory:
1. wchodzimy na http://www.youtube.com
2. na lewej stronie kliknij "playlisty" i otwieramy ją
3. wchodzimy ---> "udostępnij" ---> "umieść"i kopiujemy kod na naszą stronę

4. Jeśli chcesz, aby film z YouTube był na Twojej stronie wyświetlany automatycznie (tzw. autoplay), zrobisz to bardzo prosto: w 2 miejscach, na końcu adresu url filmiku z YouTube umieść "&autoplay=1". I tyle. Przykład?

proszę bardzo:
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/w3dy7h3xrbc?list=PLMNW-FFdV3yBZ2q-wbLS3YLotT1Boe5ei&amp;autoplay=1" width="560"></iframe>

poniżej przedstawiam wam jak to wygląda

Dodaj Tagi Meta Description do Bloggera

Metatagi to dane na temat strony zawarte w jej kodzie w sekcji head. Nie są one wyświetlane przez przeglądarkę, ale są widoczne dla robotów... dla Ciebie też jeśli zerkniesz do źródła strony :) i Wyszukiwarki mogą wykorzystywać te dane do wyświetlenia fragmentu matatagów

Jak dodać tagi MetaTag

Blogger wdraża szereg udogodnień SEO więc dodawanie znaczników meta stało się bardzo proste, można to zrobić z interfejsu użytkownika Bloggera nie wchodząc w edycji szablonu i bawić się z kodami. poniżej przedstawiam jak to zrobić

1. Idź do Ustawienia   ---> Ustawienia wyszukiwania i Włącz Meta Tags . W polu tekstowym podaj Maksymalnie 150 znaków. Przykład: „Blog o sieciach społecznościowych i projektowaniu stron” ułóż taki opis który będzie pasował do twojego bloga 

2. Teraz, kiedy piszemy posta można ustawić meta tag z edytora posta

Mini Chat (Shoutbox) za darmo na bloga

Chcesz aby na twojej stronie były czytelnicy rozmawiali sobie między sobą, szybko i bez żadnych logowań, podawania adresu email, wpisujesz swój nick i chatujesz. Przykład zobaczysz na dole tego posta:

1. wchodzimy na tą stronę http://edodatki.pl/widget/chat

2. Wybieramy kolor wklejamy adres swojej strony w określonym miejscu kopiujemy i wklejamy na swoją stronę

real barcelonaMini Chat na stronę

Kursory graficzne

Świetny dodatek teraz czas na kursory jak je zmienić

1.  Wchodzimy --> szablon ----> "edytuj kod html"  ------->  szukamy <head> (jeżeli nie możemy znaleźć kliknij "ctrl" trzymaj go i później "f" na klawiaturze wpisz szukane słowo)-------> poniżej wklejasz jeden z tych kodów:

<br /> <! Kod HTML - START></!><br /> <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym47.ani), url(http://cur.cursors-4u.net/symbols/sym-1/sym47.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2005/05/08/sym47.html" target="_blank" title="LOVE"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="LOVE" style="position:absolute; top: 0px; right: 0px;" /></a><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor Walentynki"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Kursor - AKTYWNY" style="position:absolute; top: 0px; left: 0px;" /></a><! Kod HTML - KONIEC></!>

<br /> <! Kod HTML - START></!><br /> <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-2/hol131.ani), url(http://cur.cursors-4u.net/holidays/hol-2/hol131.png), progress !important;}</style><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor Walentynki"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Kursor - AKTYWNY" style="position:absolute; top: 0px; left: 0px;" /></a><! Kod HTML - KONIEC></!>

<br /> <! Kod HTML - START></!><br /> <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-11/gam1081.ani), url(http://cur.cursors-4u.net/games/gam-11/gam1081.png), progress !important;}</style><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor Walentynki"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Kursor - AKTYWNY" style="position:absolute; top: 0px; left: 0px;" /></a><! Kod HTML - KONIEC></!>

<br /> <! Kod HTML - START></!><br /> <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-2/hol156.ani), url(http://cur.cursors-4u.net/holidays/hol-2/hol156.png), progress !important;}</style><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor Walentynki"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Kursor - AKTYWNY" style="position:absolute; top: 0px; left: 0px;" /></a><! Kod HTML - KONIEC></!>

<br /> <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-5/hol426.ani), url(http://img194.imageshack.us/img194/4033/hol426.gif), progress !important;}</style><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor Choinka"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Kursor - AKTYWNY" style="position:absolute; top: 0px; left: 0px;" /></a>

<br /> <style type="text/css">body, a:hover {cursor: url(http://downloads.totallyfreecursors.com/cursor_files/reindeerflash.ani), url(http://img189.imageshack.us/img189/807/reindeerflash.gif), progress !important;}</style><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor Renifer"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Kursor - AKTYWNY" style="position:absolute; top: 0px; left: 0px;" /></a>

<br /> <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-1/hol85.ani), url(http://img213.imageshack.us/img213/8206/hol70.png), progress !important;}</style><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor Aniołek"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Kursor - AKTYWNY" style="position:absolute; top: 0px; left: 0px;" /></a>

<br /> <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-1/hol85.ani), url(http://img171.imageshack.us/img171/3928/hol85.png), progress !important;}</style><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor Święty Mikołaj"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Kursor - AKTYWNY" style="position:absolute; top: 0px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=7.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=8.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=12.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=13.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=14.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=15.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=16.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<div id="1QsezY"> </div> <script type="text/javascript" src="http://dodatkinabloga.pl/jscr/kursory,1QsezY.js?c=Najpopularniejsze_kursory/nat120.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=18.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=19.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=20.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://img638.imageshack.us/img638/8063/guicursor.png"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=5.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>

<script type="text/javascript" src="http://furhomepage.de/cur/c.php?id=6.cur"></script><a href="http://tonabloga.blogspot.com" target="_blank" title="Kursor - AKTYWNY"><img src="http://img7.imageshack.us/img7/5206/banerekvccd.png" border="0" alt="Dodatki na bloga - tonabloga.blogspot.com" style="position:absolute; top: 30px; left: 0px;" /></a>