Jak to zwykle bywa przyszedł czas na promocję własnego bloga. Bez zbytniego zastanawiania się sięgnąłem po FeedBurner (oczywiste) i po BlogFrog (chyba również oczywiste dla polskiego internetu). Właściwie w tych działaniach nie można doszukać się nic szczególnego. Zrobiłem to, co praktycznie większość osób piszących blogi robi standardowo. Tak więc po wykonaniu czynności zgodnie z instrukcjami przystąpiłem do integracji bloga z ww. serwisami.
Niespodzianka od BlogFroga.
Na początek chciałem umieścić możliwość głosowania BlogFroga pod każdym wpisem. Bardzo szybko w ww. serwisie odnalazłem potrzebne mi elementy wraz z przykładami kodów JS do wklejenia w serwisie. Ba, nawet przykłady, co trzeba zrobić gdy wyświetlam więcej niż jeden wpis na stronie, oraz jak to zrobić w WordPress. Pomyślałem „mam co trzeba – biorę się do pracy”. No i … niespodzianka. Jak to zrobić w Bloggerze? Stanąłem przed problemem w jaki sposób zmusić Bloggera do udostępnienia linku do posta, który jak wiadomo jest identyfikatorem wykorzystywanym przez BlogFrog. Przeszukałem BlogFroga i nic. Żadnej najmniejszej wzmianki o Bloggerze. Wiem, że WordPress to bodaj najpopularniejsze narzędzie blogerskie, ale żeby tak nic nie wspomnieć o innych? Nic to. Nie dałem za wygraną. Dwa wieczory poszukiwań i prób. Mam!!! Właśnie udało mi sie to zrobić. Bez długich JS’ów (jak to opisano w Eksperymentach – gratulacje za pomysł i dobry kod). Ot zwykłe wklejenie fragmentu z BlogFroga do szablonu Bloggera. Pomocny w poszukiwaniach okazał się Beautiful Beta – serwis wiki poświęcony Bloggerowi.
Skoro ja już mam, to postanowiłem opublikować to rozwiązanie. Może ktoś je tu znajdzie i wykorzysta:
- W Pulpicie nawigacyjnym Bloggera należy wejść w opcję Szablon – Edytuj kod HTML
- Odszukałem stosowny fragment kodu, przy czym korzystałem z opcji ‚rozszerzony szablon widżetów’.Wkleiłem tam otrzymany z BlogFroga fragment skryptu. Osobiście głosowanie umieściłem w trzeciej linijce stopki posta.
- Poniżej kod głosowania z kluczowym określeniem wartości zmiennej PERMALINK
<script type="text/javascript">
PERMALINK = '
SKIN = 'white';
</script>
<script type="text/javascript" src="http://blogfrog.pl/index.php/wpisy/glosowanie" />
No i działa. Rezultaty widać poniżej.
Genialne w swojej prostocie, choć niełatwo było na to wpaść!
Gdybym tylko wiedział o tym kilka dni wcześniej… 🙂
Znakomity pomysł! Gratuluję!
Super sprawa, łatwiejsze i przyjaźniejsze dla blogger-beta od pomysłu z JS. Super przydatny post! Dziękować
Stokrotne dzięki, działa, ale musiałem trochę zmienić, bo tamto nie działało. U mnie to wygląda tak ( może komuś się przyda ):
PERMALINK = ‚<$BlogItemPermalinkUrl$>‚;
SKIN = ‚black’;
Dzięki wszystkim za pochlebne opinie. Super, że taka mała rzecz potrafi tak cieszyć i jest przydatna 🙂
*rafał – masz rację. zastosowana przez Ciebie zmienna wykorzystywana jest przez tzw. klasyczne (starsze) szablony Bloggera i faktycznie może się to komuś przydać. Dzięki.
Niestety nie mam waszej wiedzy i nie poradziłem sobie z umieszczeniem, rozjecgało szablon, może ktoś zechce podpowiedzieć jak to u mnie zrobić, będę niezmiernie wdzięczny. Mój blog – http://blog.e-alw.com/
Dzięki
*alw – nie ma sprawy. Podeślij na maila (robert.solkiewicz@gmail.com) szablon skopiowany z opcji edycji szablonu i po problemie.
Dzięki działa do razu, Proste i eleganckie. ;o)
Wszystko pięknie jak się jest informatykiem. Dla mnie to są tylko szlaczki. W którym miejscu kodu mam to coś wrzucić? Przed czym po czym? I proszę bez fachowych określeń…
Rozumiem do „edytuj kod html” i zaznacz opcję”Rozszerz szablony widżetów”. Co mam robić dalej? Pomocy!
Acha, jeszcze jedno pytanie. Mam jeszcze inny blog na platformie bloog.pl
Czy tam to to zadziała?
Lavinka, poszukaj tam
„post-footer-line-1”
i wklej ten cod Romana jedna linijkę przed następnym
„span”
To span jest poprzedzone znakami „mniejszy niz” i ukośnik
Powinno działać
Witajcie.
*lavinka – podesłałem ci na @ kod twojego szablonu z wklejonym fragmentem blogfroga. Mam nadzieję, że będzie działał.
*awl – podeślij proszę kod szablonu. Pomogę (mam nadzieję)
A teraz do wszystkich. Faktycznie zapis „stosowny fragment kodu” jest mocno enigmatyczny, więc opisze to dokładniej:
W edycji HTML’a odszukałem linijkę paragrafu o klasie post-footer-line post-footer-line-3 co odpowiada trzeciej linijce stopki pod postem. Następnie podmieniłem liniję:
na:
co jest równoznaczne z wklejeniem oceny blogfroga.
Mam nadzieję, że teraz jest to bardziej czytelne.
Też się z tym męczyłem, ale po Twoim ostatnim komentarzu wszystko zrobiło się jasne. Dzięki wielkie, dobra robota! 🙂
Pozdrawiam.
U mnie wychodzi bardzo intrygujący efekt. W starszych postach oceniacz Blogfrog działa bez problemu, ale w najnowszych nie działa (wyświetla się białe tło). W postach, które dodaję też nie działa – takie dziwne dziwactwo. Nie wiem, być może problem polega na tym, że Blogger uparcie przekonwertowuje w PERMALINK znaczniki ‚ na '. Choć raczej to nie to, bo jednak w części wpisów głosowanie działa.
Swego czasu miałem podobny problem na drugim blogu. Wyjaśnienie jakie otrzymałem z BlogFrog.pl było wyczerpujące i trafne. Pozwolę sobie je zacytować:
Niepojawianie sie przycisku głsoowania prawdopodobnie jest spowodowane korzystaniem z feedburnera. Link w kanale powinien być identyczny jak link na stronie […] Dlatego trzeba wyłączyć statystki feedburnera dla linków ponieważ blogfrog szuka wpisu w bazie po tym adresie który jest w kanale RSS – jeśli go nie znajduje (tak jest w tym przypadku) nie może wyswietlić przycisku głosowania.
Może w tym przypadku również tak jest.
W przypadku opisywanym przez magbag wyjaśnienie jest nieco inne: należy pamiętać, że od publikacji notki do jej zindeksowania przez blogfrog musi minąć trochę czasu (podobno ok. godziny)
Przez ten okres wklejka do głosowania nie ma co pokazywać, a że widać jakieś puste tło to już wina konstrukcji wklejki.
@eskey – nie sądzę, gdyż wiszą tam stare posty i aż trudno uwierzyć, żeby nie zostały zindeksowane, tym bardziej, że blogfrog je pokazuje.
Na potwierdzenie moich pierwotnych przypuszczeń wskazuje fakt, że link w kanale RSS wygląda tak:
http://feeds.wysocka.info/~r/blogo-sfera/~3/235399262/google-reader-po-polsku.html
a w bezpośrednio na blogu tak:
http://www.e-blogosfera.com/2008/02/google-reader-po-polsku.html
Przyszło mi jeszcze do głowy, że może to być związane z uaktywnieniem w feedburner usługi MyBrand, ale temu się jeszcze nie przyglądałem.
Jeśli kanał RSS feedburnera wygląda jak mówisz, to jest to na pewno przyczyna problemów (@magbag: trzeba wyłączyć dla niego Item link clicks w sekcji Stats PRO żeby tytuły wpisów w kanale były zgodne z tymi z bloga, czyli z wartością PERMALINK).
Natomiast kwestia indeksowania notek i opóźnienia też jest prawdziwa – tyle, że przy zgodności kanałów z tytułami trwa to stosunkowo krótko.
Wielkie dzięki! Namęczyłem się dzisiaj rano ze sposobem z informatycznych eksperymentów i mi się nie udało. Twój sposób jest o wiele prostszy 😀
Ten komentarz został usunięty przez autora.
No niestety u mnie nie działa zdrowy-sukces.blogspot.com
@magnificent – wczoraj przeanalizowałem Twój blog, zapisy w blogfrogu i kanału rss wraz z feedburnerem. Niestety nic nie znalazłem takiego co by mogło powodować takie zachowanie. Dziś wróciłem znów do tematu ale tym razem zerknąłem na kod HTML strony bloga. Wydaje mi się, że mam rozwiązanie:
Proponuję Ci zmianę fragmentu kodu:
na:
Różnica polega na przeniesieniu zamknięcia znacznika
Jeżeli to nie pomoże proponuję zastąpić znacznik
tak jak to opisałem w jednym z wcześniejszych komentarzy.
Napisz czy pomogło.
Niestety, zabawa na divach i na p powoduje, ze są bledy w kodzie, a jak już wszystko mi sie uda dobrze ustawic, to jedynie zmienia się miejsce wyswietlania tego prostokąta(na koniec lub początek nowego posta), na którym powinny pokazac się gwaizdki do głosowania.
witam
u mnie zadziałało! bardzo dziękuję! 🙂 mam jeszcze takowe pytanie: jak można zmienić kolor tego przycisku, tak aby pasował wizualnie do reszty bloga (czarne tło i białe litery)? pozdrawiam!
Cześć,
Cieszę się, że moje rady się do czegoś przydają. Co do kolorów wklejki do głosowania to teoria mówi żeby zmienić wartość zmiennej SKIN, czyli:
ale praktyka i konsultacja z programistą blogfrog'a mówi, że 'black' wyjdzie jako ciemno-zielony. Tak więc do dysposycji mamy ustalenie zmiennej na 'white' - efekt szary lub na 'black' - efekt ciemno-zielony i to wszystko.
Czy jeszcze komuś poza mną ten kod nie działa? Próbowałem wszystkiego, div / p / span i nic nie pomogło… nadal pojawia się biały, pusty prostokąt?!
@macieyo podaj mi adres swojego bloga. Popatrzę i może coś wymyślę.
Jeszcze jedno z możliwych rozwiązań dla niedziałającego kodu i Feedburnera.
Wydawać by się mogło głupie, ale warto sprawdzić, bo czasem się człowiek na prostych rzeczach wykłada. 😛 Nazwa bloga w Feedburnerze i blogfrogu muszą być identyczne identyczne. Skrypt blogfroga do prawidłowego zasysu potrzebuje zarówno identycznej nazwy, jak i prawidłowych linków (czyli wspomniane wyłączenie item clicks w feedburnerze)
Do tego ‚div’ zamiast ‚p’ i powinno ruszyć.
Działa!
Ukłony dla Mr. Solkiewicz.
Niestety nie potrafię odnaleźć odpowiedniego miejsca w kodzie HTML.
Czy mógłbym prosić o pomoc dla bloga
http://basketkey.blogspot.com/
z góry dzięki za pomoc
Staram się zainstalować to na http://poradydlapodroznikow.blogspot.com/ ale nic z tego 🙁
Wstawiłem tylko małą ikonkę i wstawiłem link do profilu na blogfrog.pl
Wstawiłem adres feedburnera w blogfrog.pl , tytuły sa identyczne. Nie wiem czemu moduł głosowania się dalej nie wyświetla :/
No i po sprawie. Serwis blogfrog.pl przestał istnieć więc instalacja wklejki już nie ma sensu… ale fajnie, że 2 lata działało z powodzeniem.
Pozdrowienia dla wszystkich, którzy skorzystali.