lubię to

środa, 27 lutego 2013

Jak wstawić w każdym poście lubie to oraz wrzuć to (share) na bloggera

Przycisk "lubię to" oraz "wrzuć to" są to bardzo ważne narzędzie do promocji twojego bloga, nie tylko jest to darmowa promocja twojej strony, ale także wiesz że twój artykuł, post komuś się spodobał i chcę się tym podzielić miedzy swoich znajomych na Facebooku. Poniżej tego posta znajdują się takie przyciski, dobra bierzemy się do roboty nie jest to trudne zrobimy to w paru krokach

1. Wchodzimy na tą stronę http://sharethis.com/publishers/get-sharing-tools
wybieramy "blogger" i "next"


2. wybieramy styl jaki chcemy mieć spośród trzech podanych klikamy "next"



3. W tym etapie wybieramy wszystkie dodatki. Klikamy zielony przycisk "FINISH: Get the Code"






4. Rejestrujemy się




5. Wybieramy styl i klikamy "GO"





6. Pozwól sharethis.com otwierać wyskakujące okna i jeszcze raz przyciskamy "GO"





7. wybieramy stronę i klikamy "dodaj widżet"


I GOTOWE TO JUŻ WSZYSTKO














wtorek, 26 lutego 2013

Komentarze facebook dla bloga blogger




Komentarze Facebooka mogą przynieść lepszą aktywność na blogu. Twoi czytelnicy mogą szybko i bezproblemowo komentować i zwraca uwagi, sugestie dotycząca twoich wpisów na blogu

Dodawanie komentarzy w Bloggerze Facebook:

. 1 Ukryj istniejące komentarze - Najlepszym sposobem na rozpoczęcie jest ukrywanie komentarze z Systemu Bloggera. Aby to zrobić, przejdź do Ustawienia> posty i komentarze i ustaw opcję Pokaż komentarze na Ukryj i zapisz ustawienia


2. Tworzenie aplikacji Facebook Aby wyświetlić komentarze na swoim blogu należy mieć aplikację Facebook. Jest to bardzo proste. Możesz to zrobić za pomocą kilku kliknięć.
Przejdź do tego adresu URL https://developers.facebook.com/apps i kliknij przycisk Tworzenie nowej aplikacji





Podać nazwę dla App "Zgadzam się Warunki i kliknij przycisk Kontynuj
Jeśli wyświetli ci się Captcha weryfikacji wpisz Captcha i kliknij przycisk Submit (dalej)
Teraz zostaniesz przeniesiony do ekranu Ustawienia

   


 W polu Domain App daje blogspot.com (Jeśli używasz domeny niestandardowej wpisz go tam) podaj swój adres bloga w polu URL witryny w "Witrynie" i zapisz zmiany. Skopiuj ID aplikacji z ekranu
3. Dodaj aplikację i Moderator Meta Tagi
Edytuj poniżej kod z ID aplikacji skopiowanego w kroku 2.


<meta content='YOUR_FACEBOOK_APPLICATION_ID'   property='fb:app_id'/>
 
 
Idź do szablonu / Design> Edytuj kod HTML i wklej powyższy kod poniżej
   

<head>
 
 
 
 i zapisz szablon
 
 

 


 
Należy utworzyć aplikację Facebook i powyższy FB: tag app_id należy dodać do swojego bloga. 
 W przeciwnym razie nie będzie w stanie zarządzać 
komentarzami z jednego miejsca.
 
 
 

  4. Dodaj komentarz FB - Teraz trzeba dodać formularz komentarza Facebook do szablonu blogu. Aby to zrobić przejdź do szablonu / Design> Edytuj HTML i kliknij na przycisk "Rozwiń szablony widżetów" 
Znajdź następujący kod w szablonie (użyj skrótu klawiaturowego Ctrl + F), a zaraz poniżej wklej następujący kod:

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


Jeśli nie możesz znaleźć to, znajdź

<p class='post-footer-line post-footer-line-3'>
 
 
 
Jeżeli nie możesz znaleźć, to znajdź 
 
 <data:post.body/>

 
 
Wklej następujący kod tuż poniżej linii, która właśnie znalazłeś  

 
 
 
<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title' 
expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>
 
 
 
 
 Jeśli chcesz zmienić szerokość zmień następującą liczbę 450 do twojej szerokości.  
 Zamiast "light" wpisz jaki kolor ma być
  
5. Deklaracja Namespace FB - Następne trzeba dodać przestrzeń nazwy fb do szablonu tag. Your szablonu powinien mieć specyfikację dla tagu fb, które zostały użyte.

Aby zadeklarować przestrzeń nazwy, znajdź
 
 
 <html
 
 
 
i zamień ją na 
 
 
 
 <html xmlns:fb="https://www.facebook.com/2008/fbml"
 
 
 
 (Tam jest przestrzeń po 2008/fbml ") Poniższy zrzut ekranu może ci pomóc.
 
 
 
 
 
 Zapisz szablon.  Ta deklaracja nazw jest konieczna dla wszystkich FBML widżetów za pomocą tagu fb.  
Więc jeśli już dodane deklaracji namespace dodając jakieś inne wtyczki FB, to można to pominąć. 
 
 
6. Hej! Skończone .. Teraz powinieneś zobaczyć pole Komentarz na blogu :)
 

Zarządzanie Komentarze

Po zalogowaniu się na swoje konto na Facebooku, wtyczki comment Facebook wykryje, że jest admin (wykryje czy dodaniu FB: app_id lub fb: Admini meta tagi). Będziesz mógł zarządzać ustawieniami i moderować komentarze 
 
 
 
 
 
 
 

Możesz sprawdzać komentarze pod tym adresem URL
http://developers.facebook.com/tools/comments
 
 
 
 
 

Wyświetlanie ilość komentarzy Facebook

Użyj poniższego kodu w wątku pętli aby wyświetlić licznik komentarzy z linkiem do formularza komentarzy. Kod ten powinien być dodany w obiegu pocztowym. Na przykład, może być dodany poniżej <data:post.body/>
 
 
 
 <b:if cond='data:post.isFirstPost'>   
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'>
</fb:comments-count> comments</a>
 
 
 
TO WSZYSTKO 
 
 

wtorek, 19 lutego 2013

Jak wstawić aplikację nakarm rybki



Dodaj odrobinę natury do swojej strony, bloga. Przyjrzyj się im jak zjadają swój pokarm, wystarczy że klikniesz myszką na akwarium

wchodzisz na to stronę http://abowman.com/google-modules/fish/  poniżej akwarium znajduję się kod źródłowy skopiuj go i wklej na swojego bloga 


poniedziałek, 18 lutego 2013

Jak wstawić wysuwany Like box



Jeżeli chcesz aby twoja strona facebook wysuwała się z boku jak w większości stronach można to zrobić w paru prostych krokach:


1. Robimy kopię zapasową swojego bloga (dla bezpieczeństwa). Wchodzimy --> szablon-->edytuj kod HTML-----> zaznaczamy "Rozszerz szablony widżetów"----> Wciskamy CTRL i F

2. szukamy frazy </head> tuż nad nią wklejamy kod HTML nr 1


3. Kod HTML NR1





<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]-->



3.Dalej klikamy 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,  po skopiowaniu i wklejeniu kodu nr 2 we właściwe miejsce wstawić swój adres FanPage'a




Dodanie wyskakującego okienka popup na blogu

aa

Obrazek z głównej strony jako odnośnik do posta

aaaa

Jak wstawić statystyki na blogu oraz popularne strony


Statystyka bloga

 Gadżet "statystyki bloga" wyświetlane są wszystkie odsłony twojego bloga. Gadżet jest w różnych stylach wybierz sobie taki jaki ci odpowiada.



Popularne Wiadomości

Gadżet Popularne Posty pomaga czytelnikom szybko dowiedzieć się, które z Twoich postów były odwiedzane przez większość czytelników. Gadżet jest również wyposażony w kilka różnych stylach i konfiguracjach.

 
 

 

Jak dodać facebook like box na swoim blogu

Po utworzeniu bloga, najlepiej dodać Facebook Like Box na swoim blogu. Like Box pomaga przyciągnąć i zyskać lubie to na własnego bloga. Like Box pozwala czytelnikom zobaczyć swoich znajomych i innych czytelników, którzy już zainteresowali się twoją stroną na Facebooku.
 
Dodawanie Like Box na swoim blogu jest bardzo prosty:
 
1. Wchodzisz na Facebooku Jak stronie plugin Box .
2. Skonfiguruj Like Box.
- Wprowadź adres URL strony Facebook
(Ex. http://www.facebook.com/pages/The.Mad.Tomato/442143805693 ).
- Szerokość: Można użyć domyślnej szerokości (292 pikseli) lub zastąpienie go przez szerokość na pasku bocznym bloga.
- Wybierz schemat kolorów.
- Dostosuj swój Like box

 
3. Kliknij przycisk Pobierz kod ( pojawi się okno dialogowe) i skopiuj kod plugin pod IFRAME. (Można również użyć kodu HTML5)

4 Przejdź do Bloggera szablon>dodaj gadżet> szukasz strony> HTML / JavaScipt >wklejasz kod od facebook>> Dodaj gadżet


Miłej zabawy!

Jak dodać podobne posty z miniatur do bloggera



Pokazywanie powiązanych postów na podstawie każdego postu na blogu utrzymuje czytelnicy zaangażowani i zwiększa odsłony. Pokazując, związając posty,  pokazując nie tylko najnowsze historie, ale także stare historie z archiwum bloga, historie, które są istotne i interesujące dla czytelników danego postu.
 
Aby dodać widget powiązanych postów na swoim blogu, po prostu przejdź do LinkWithin.com . LinkWithin.com zapewnia bezpłatny i łatwy w instalacji blog widżet. Zarejestruj się to trwa tylko chwilę, aby widżet LinkWithin był uruchomiony na twoim blogu.

Darmowe szablony na blogger.com

Aby uatrakcyjnić swojego bloga trzeba zmienić szablon na taki który będzie opisywał treść zawarta na blogu. Jest to dość ważna rzecz, jeżeli chcesz prowadzić profesjonalnego bloga. Użytkownik wchodząc na twoją stronę musi od razu zdecydować czy blog mu się podoba i czy będzie do niego wracał. 

Darmowe szablony możesz ściągnąć z tych stron:
http://besttheme.net/ POLECAM
http://www.allblogtools.com/ POLECAM
http://blogger-templates.anshuldudeja.com/ http://www.ezwpthemes.com/ POLECAM
  http://btemplates.com/ POLECAM  
http://www.bloggerstyles.com/  
http://www.bloggerthemes.net/ http://www.premiumbloggertemplates.com/ POLECAM http://www.bloggerblogtemplates.com/
  http://ithemes.org/Blogger/
http://www.probloggerwidgets.com/2013/07/blogger-templates-for-images-2013-2014.html#.U1jCkPl_uaI
http://u-template.blogspot.com/2013/12/9gag-clone.html
http://www.maskolis.com/

Wybrałeś już szablon to super!
Teraz przejdźmy do instalacji:

 
1.Aby zainstalować szablon do bloga, musisz go pobrać z jednej z tych stron, a następnie rozpakować.

 
2. Po rozpakowaniu otrzymasz jeden lub więcej (w zależności od szablonu) pliki z rozszerzeniem *. xml

 
3. Teraz zaloguj się na blogspot, jesteś w jednym z blogów i wybierz z lewej pozycji menu "Szablon".


4. Ostatnim krokiem jest naciśnięcie przycisku


5.Potem wystarczy wybrać plik *. Xml z dysku twardego i cieszymy się nowym wyglądem.


Pamiętaj, aby zrobić kopię zapasową starego szablonu, jeżeli nowy szablon ma błędy lub nie będzie się podobał po prostu zgrywasz stary wygląd



Jak założyć bloga na blogger.com

1. wchodzimy na stronę google.com i zakładamy konto link do rejestracji

2. Po rejestracji wchodzmy w zakładkę "więcej" i wchodzimy na "blogger"

3. Na lewym boku piszę "nowy blog", klikamy i wypełniamy wszystkie rubryki 

4. To już wszystko mamy już bloga teraz trzeba dodawać najciekawsze wpisy i ulepszać bloga