Lubię to! obok +1

[Carlsbergit]

Witam, posiadam od dwóch miesięcy swojego bloga i umieściłem na nim ikonki społecznościowe: Lubię to!, +1, Tweet, Fajne!, Wykop.
Są one jednak ułożone jedna pod drugą a moim celem jest stworzenie poziomej "belki", na której umieszczone te wszystkie ikonki będą obok siebie (patrz przykład na zdjęciu)

Ścieżka do +1 wygląda następująco:

<!-- Umieść ten tag w miejscu, w którym chcesz wygenerować przycisk +1. -->
<g:plusone></g:plusone>

<!-- Umieść to wywołanie generujące w odpowiednim miejscu. -->
<script type="text/javascript">
window.___gcfg = {lang: 'pl'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>


a do Lubię to! tak:

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://fotokarpinski.blogspot.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-colorscheme="dark"></div>

Jak sobie z tym poradzić?

[Ancik]

Umieść te kody w divach i nadaj im opływanie do lewej, żeby ułożyć je w linii.

[Carlsbergit]

Umieść te kody w divach i nadaj im opływanie do lewej, żeby ułożyć je w linii.

Mógłbym jakiś przykład prosić?

[Ancik]

W miejscu w którym chcesz, żeby przyciski były widoczne umieszczasz:

Kod:

<div class="social-buttons">
   <div class="fb-like"> WKLEJ KOD PRZYCISKU FB </div>
   <div class="google"> WKLEJ KOD PRZYCISKU GOOGLE+ </div>
</div>

CSS
.social-buttons { width: ...; height: ...; overflow:hidden;}
.fb-like, .google { float: left;}

[Carlsbergit]

Zobaczę co mi z tego wyjdzie

---

W miejscu w którym chcesz, żeby przyciski były widoczne umieszczasz:

Kod:

<div class="social-buttons">
   <div class="fb-like"> WKLEJ KOD PRZYCISKU FB </div>
   <div class="google"> WKLEJ KOD PRZYCISKU GOOGLE+ </div>
</div>

CSS
.social-buttons { width: ...; height: ...; overflow:hidden;}
.fb-like, .google { float: left;}

Coś mi nie wychodzi. A czy to co jest napisane w klamrze pod CSS .social-buttons mam wstawić zamiast "social-buttons" i analogicznie .fb-like, .google zamiast "fb-like" i "google" ???

[Ancik]

Nie rozumiem pytania gdzie chcesz coś wstawiać. Podałem ci gotowy schemat, do którego masz tylko wkleić w odpowiednie miejsca przyciski. Wogóle możesz podać link do strony? Będzie łatwiej.

[Carlsbergit]

http://fotokarpinski.blogspot.com Oto link, podany był również w kodzie do Lajka.

[Ancik]

Czyli zasada jest taka jak napisałem powyżej, tylko musisz dopasować do twojego schematu. W kodzie masz taki kipisz, że aż mnie oczy rozbolały.

Na chłopski rozum:
Masz pojemniki (divy) na przyciski. Więc chodzi tylko o to, żeby te pojemniki ustawić w lini, a nie pod sobą. Skoro pojemniki na przyciski będą w linii, to siłą rzeczy przyciski też. Dokładniejsze wskazówki napisałem ci już wyżej.

[Carlsbergit]

A gdzie mam powklejać lub zamiast czego, te kody?: .social-buttons { width: ...; height: ...; overflow:hidden;}
.fb-like, .google { float: left;}

[urlsite]

Dodaj sobie kod http://www.addthis.com