Forum Blogowe 17 lat!

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
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Zamknięty przez: Htsz
2015-05-04, 05:05
Autor Wiadomość
Gurtowski
[Usunięty]


Wysłany:    Buttony społecznościowe pod postem
Witam,
Wiem Arku, że miałem się udzielać na blogu nie tylko tu, ale temat pomocy jest obecnie przeze mnie najbardziej eksploatowany.

Tak więc jak w temacie, z tym że chciałbym aby te elementy pojawiały się "z automatu" bez konieczności ręcznego wstawiania kodu przy pisaniu każdego posta.

Chodzi mi o elementy typu "podziel się", "lubię to", "wykop" itp. W którym miejscu powinienem umieścić kod właśnie typu:

Kod

<a style="text-decoration: none;"
href="http://www.facebook.com/sharer.php?u =http://innowacjeebiznesu.blogspot.com/&t=">
<IMG SRC="http://moto.gadu-gadu.pl/images/button_facebook.jpg" WIDTH="96" HEIGHT="18"
BORDER="0"></a>

Nie to, że jestem leniwy i piszę tu na forum, bo wiem, że Ty sobie poradzisz z tym w mig :hyhy:
Mogę uczciwie przyznać, że sam próbowałem odnaleźć to miejsce i wciąż próbuje ale jak dotąd bez skutku

[ Komentarz dodany przez: Htsz: 09-08-2013, 04:51 ]
uwaga! alternatywna instrukcja => przycisk like i share pod postem (+ tylko na stronie posta)
 
  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

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: 2011-06-24, 00:30   
Blogger posiada kilka standardowych ikon soacial, które uaktywniasz w dziale Projekt -> elementy strony -> posty w blogu.

Z tego co widzę masz to zrobione jednak szablon nie pokazuje tego elementu.

Na początek zawsze sugeruję opcji "Przywróć domyślne szablony widżetów" w dziale "edytuj kod html"

Jeżeli to nie działa sprawdzamy CSS. W Twoim przypadku stopka jest 'ukryta'.
Odszukaj w CSS takiego (lub podobnego) fragmentu:

Kod

.post-footer {
display: none;
}
i zamień go na ten:

Kod

.post-footer {
}


kolejna sprawa to dodanie ewentualnie innych ikonek typu wykop.
Kod wykopywarki można pobrać stąd: http://www.wykop.pl/narzedzia/wykopywarka/

Jeżeli masz być w stopce to w edytuj kod HTML zaznaczasz "Rozszerz szablony widżetów" i szukasz w kodzie miejsc/a zawierającego diva z klasą post-footer
wewnątrz tego elementu doklejasz wygenerowane kody.
W ten sposób ikony social będą pojawiać się w stopce wpisu.
______________________________________________________
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:
Atre 
Blogger.Klub
Taka Katarynka


Imię: Agata
Pomogła: 1 raz
Wiek: 32
Dołączyła: 13 Cze 2011
Posty: 136
Miasto: Warszawa
Wysłany: 2011-06-27, 00:50   
Mam ten sam problem, jednak nie potrafię sobie z nim poradzić (nie wiem, gdzie wpisać kod, o którym napisałeś, naprawdę ciemna masa ze mnie).
Mój kod wygląda tak (z rozszerzonym szablonem widżetów):

Kod

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> </div>

<div class='post-footer-line post-footer-line-2'/>

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


Z góry dziękuję za pomoc (już tyle się nalatałam nad tym szablonem i tylko tego mi do szczęścia brakuje...)
______________________________________________________
krewetki i szczypiorki.
 
  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: 2011-06-27, 07:43   
możesz wkleić w divie oznaczonym jako post-footer-line-2 lub post-footer-line-3, ewentualnie tuż przed <!-- quickedit pencil -->

Będziesz musiała sprawdzić gdzie ikona/ny najlepiej się prezentuje/ją
______________________________________________________
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:
Atre 
Blogger.Klub
Taka Katarynka


Imię: Agata
Pomogła: 1 raz
Wiek: 32
Dołączyła: 13 Cze 2011
Posty: 136
Miasto: Warszawa
Wysłany: 2011-06-27, 09:45   
No to teraz mam problem tego typu że przycisk jaki wkleiłam nakłada się na linki do starszych postów:

To samo jest, gdy wklejam kod nad komentarzami.
______________________________________________________
krewetki i szczypiorki.
 
  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: 2011-06-27, 10:15   
odnajdź w kodzie CSS to:

Kod

#blog-pager { tutaj styl elementu}
i dopisz tam to:

Kod

margin: 80px 75px 20px 0 !important;
______________________________________________________
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:
Atre 
Blogger.Klub
Taka Katarynka


Imię: Agata
Pomogła: 1 raz
Wiek: 32
Dołączyła: 13 Cze 2011
Posty: 136
Miasto: Warszawa
Wysłany: 2011-06-27, 17:55   
Htsz, Dziękuję ślicznie :* Jesteś moim bohaterem :)
______________________________________________________
krewetki i szczypiorki.
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
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