Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
Marmoladka 
WordPress.Klub


Pomogła: 2 razy
Dołączyła: 26 Mar 2015
Posty: 5
Miasto: Warszawa

Wysłany:    wysuwany LIKEBOX Facebooka z Lewej strony

Znalazłam ten temat:

Kod

http://forum.blogowicz.info/topics106/blogger-wysuwany-like-box-z-prawej-strony-vt5665.htm

Próbowałam przerobić kod, żeby LikeBox wysuwał się z lewej strony. Niestety, słabo mi to poszło... Ba, nie poszło w ogóle. ;)
Czy mogę liczyć na rady, co tam trzeba pozmieniać. :D

Bo stworzenie owego pod linkiem: https://developers.facebo...e-box-for-pages
niestety nie jest już możliwe.
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

zarazik1 
Blogger.Klub


Imię: Przemek
Pomógł: 1 raz
Wiek: 32
Dołączył/a: 05 Kwi 2015
Posty: 68
Miasto: Wrocław

Wysłany: 2015-04-07, 14:45   

Gotowiec:

Kod

<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#00afd4;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("http://2.bp.blogspot.com/-MaW4PTF8Qkc/T13eWvP_ZoI/AAAAAAAABc8/ZCYfPlB1jug/s1600/w2b_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(function(w2b){
w2b(document).ready(function(){
var $dur = "medium"; // Duration of Animation
w2b("#fbplikebox").css({left: -250, "top" : 100 })
w2b("#fbplikebox").hover(function () {
w2b(this).stop().animate({
left: 0
}, $dur);
}, function () {
w2b(this).stop().animate({
left: -250
}, $dur);
});
w2b("#fbplikebox").show();
});
})(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fthinkhealthypz&amp;width=250&amp;height=450&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%2300afd4&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:450px;background:#ffffff;" allowtransparency="true"></iframe>
</div>


Dodaj jako widżet i zmień sobie URL i ew kolor
______________________________________________________
Student. Pasjonat muzyki. Prawie lekarz. Bloger.
Zapraszam do mnie: http://www.thinkhealthypz.blogspot.com/
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2015-04-07, 14:48   

Jest tam informacja o wycofaniu starych przycisków, ale wyżej masz nowe gadżety:
https://developers.facebo...ins/like-button
https://developers.facebo...ins/page-plugin - ten pokazuje zdjęcie z okładki fanpejdża, liczbę fanów, zdjęcia, najnowsze posty.

Marmoladka napisał/a:

żeby LikeBox wysuwał się z lewej strony
w skrypcie i CSS zamień left na right i right na left. Powinno wystarczyć.
Obrazek możesz wgrać inny lub obrócić o 180* za pomocą CSS. Dopisz do stylu img jeszcze trzy linijki:

Kod

-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Marmoladka 
WordPress.Klub


Pomogła: 2 razy
Dołączyła: 26 Mar 2015
Posty: 5
Miasto: Warszawa

Wysłany: 2015-04-07, 15:28   facebook wysuwany z lewej strony ekranu

@zarazik1, dziękuję za pomoc. :) Niestety, nic mi się nie wyświetla. :/

@Htsz
Po wielkich próbach i kombinowaniach udało się. :D

Wklejam kod, jak to dokładnie wygląda u mnie, może komuś się przyda w przyszłości. ;)

Dziękuję za pomoc. :padam:

W szablonie, przed </head>
Wiadomość (widoczna dla zarejestrowanych)


Gadżet HTML/JavaScript
Wiadomość (widoczna dla zarejestrowanych)


[ Komentarz dodany przez: Htsz: 2016-06-05, 19:50 ]
zamiast źródła jQuery /1.4.2/ możesz spróbować nowszych, czyli /1.12.4/ lub /2.2.4/ - najnowsze znajdziesz na stronie google dal developerów: https://developers.google...braries/#jquery
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2015-04-07, 17:55   

Fajnie, że się udało :) przypomniałem sobie, że na jednym z szablonów mam dodany ten dodatek z lewej strony, więc możesz sobie porównać teraz kody i nanieść ewentualne poprawki :D

http://prophotoblogs.blogspot.com/
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz