Dodawanie Facebook Like Button Poniżej tytułu posta

Ten przycisk Facebook Like pozwoli odwiedzającym polubić twój post i udostępnić go znajomym na Facebooku. W tym poście zobaczymy, jak możemy dodać przycisk Like It dla każdego postu Blogger. Mając przycisk Facebook Like poniżej tytułów ułatwiasz użytkownikom Facebook lubić konkretne posty na blogu, co z kolei wyświetla się na ich profilu (i potencjalnie ich przyjaciół). Jeśli chcesz dodać przycisk Facebook jak poniżej w tytule bloger post, wykonaj następujące kroki:

Dodawanie Facebook Like Button Poniżej tytułu posta

Krok 1. Przejdź do Pulpit nawigacyjny Bloggera > szablon > Edytuj kod HTML

Krok 2. Kliknij w dowolnym miejscu wewnątrz obszaru kodu i wyszukiwania - za pomocą klawiszy CTRL + F - do tego kawałka kodu:

<data:post.body/>

Uwaga: można go znaleźć więcej niż 3 razy, zatrzymaj się na drugim (lub trzecim, w przypadku, gdy nie pojawi się po zastosowaniu kodu z kroku 3) 

Krok 3. Tuż nad nim, wklej ten kod:

<p><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/></p>

Krok 4. Zapisz szablon i skończysz z tej prostej realizacji przycisk Facebook jak na swoim blogu Blogger.

podziękuj klikając w reklamę ;)

Czytaj dalej »

Statystyki na blogspot

Dodawanie widżetu statystyk na Bloggera

Wejdź w "Układ", następnie dodaj gadżet "Statystyki bloga".

Dodawanie stylu statystyk

Teraz wejdź w "Szablon" i "Edytuj kod HTML szablonu".

Wyszukaj znacznik:

]]></b:skin>

Następnie wklej przed nim poniższy kod:

#Stats1 ul{margin:0;border:0;padding:0;height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYJ2ZTSJJVHX29KSiwNUy2y1HQOaG_PNv7UfrONv0uBHMUOJEjSC-OEvRcho6s62tCo1wk7qL8EgcrR7WVhEZ7-ag8HCnq_o9Oyk0n072zKVZTHg5hXSEInD9brnLBFBmiIx2tHfJFk8U/s1600/btrix_image.png) no-repeat 0 -34px}
#Stats1 li{margin:10px 0;border:0;padding:0 0 0 40px;list-style-type:none}
#totalComments{height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYJ2ZTSJJVHX29KSiwNUy2y1HQOaG_PNv7UfrONv0uBHMUOJEjSC-OEvRcho6s62tCo1wk7qL8EgcrR7WVhEZ7-ag8HCnq_o9Oyk0n072zKVZTHg5hXSEInD9brnLBFBmiIx2tHfJFk8U/s1600/btrix_image.png) no-repeat}
#totalCount{height:32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYJ2ZTSJJVHX29KSiwNUy2y1HQOaG_PNv7UfrONv0uBHMUOJEjSC-OEvRcho6s62tCo1wk7qL8EgcrR7WVhEZ7-ag8HCnq_o9Oyk0n072zKVZTHg5hXSEInD9brnLBFBmiIx2tHfJFk8U/s1600/btrix_image.png) no-repeat 0 -68px}

Wstawianie widżetu

W edycji kodu HTML szablonu przejdź do widżetu statystyk i zamień kod:

<b:widget id='Stats1' locked='false' title='Łączna liczba wyświetleń' type='Stats'/>

Na:

<b:widget id='Stats1' locked='false' title='My Blog Stats' type='Stats'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<li>
<h4 id='Stats1_totalPosts'>&amp;hellip;</h4>
<span>Postów</span>
</li>
<li id='totalComments'>
<h4 id='Stats1_totalComments'>&amp;hellip;</h4>
<span>Komentarzy</span>
</li>
<li id='totalCount'>
<h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4>
<span>Wyświetleń</span>
</li>
</ul>
<script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts"></script><script type="text/javascript" src="/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments"></script>');
//]]>
</script>
</div>
</b:includable>
</b:widget>

Na koniec zapisz szablon.

Czytaj dalej »