Blogger z mikroblogami część 1 – integracja z Flakerem (FP)

Mikroblogi przeżywają w na świecie szalony rozwój. W Polsce mamy Blipa, Śledzika, Spinacza i Flakera, który niby jest agregatorem, niby platformą mikroblogów, ale przede wszystkim dysponuje najbardziej zgraną społecznością w polskim świecie mikrotwóców (do której ja rónież się zaliczam – jeśli jeszcze tego nie robisz, to możesz mnie obserwować). Flaker ma rónież całkiem pokaźną liczbę dodatków i aplikacji wykorzystujących jego API. Jednym z nich jest FlakPress - dodatek do twojego bloga, który przy każdym wpisie prezentuje reakcje i komentarze z serwisu Flaker.pl powiązane z danym wpisem.
Dokładniej gdy wchodzisz pierwszy raz na stronę z aktywnym FlakPress’em tworzy się specjalny użytkownik na Flakerze – np. dla poradnika jest to użytkownik poradnik.webatech.pl. Użytkownik ten gromadzi informacje o nowych postach na twojej stronie i do jego wpisów podpinają się komentarze pozostawiane przez użytkowników.
Podpowiem jak zintegrować Flakera z Bloggerem i dodać do niego FlakPress. Wszystko co należy zrobić, to dodać kod skryptu w odpowiednim miejscu.

1. Na początku otwieramy Pulpit nawigacyjny Bloggera dostępny po zalogowaniu na stronie http://blogger.com. Następnie klikamy na link Układ (patrz zrzut poniżej). Spowoduje to otwarcie się nowej strony z możliwością zmian wyglądu bloga.
2. W celu przejścia do edycji kodu, klikamy na zakładkę . Następnie zaznaczamy opcję i po przeładowaniu strony w obszarze w polu tekstowym w kodzie odnajdujemy (stosując skrót wyszukiwania Ctrl + F) znacznik </title>, by wstawić podany w następnym punkcie kod.
3. FlakPress działa dzięki bibliotece jQuery, dlatego w kodzie strony musimy dodać jej pobranie. Wstawiamy również odwołanie do funkcji JS dostępnej na serwerze Flakera, arkusz styli CSS i samą funkcję.
   

   <!-- flakpress -->
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
   <script src='http://static0.flaker.pl/static/js/flaker/flaker.blog.js' type='text/javascript'/>
   <link href='http://static0.flaker.pl/static/css/flaker/widgets.css' rel='stylesheet' type='text/css'/>
   <script type='text/javascript'>
       jQuery(function(){
           var flakpress1 = new flaker_c({&quot;target&quot;:&quot;#flakpress_1&quot;, &quot;form_width&quot;:&quot;695px&quot;,&quot;form_add&quot;:1,&quot;show_visits&quot;:1, &quot;show_flaker_button&quot;:1, &quot;show_favs&quot;:1, &quot;show_comments&quot;:1, &quot;show_reactions&quot;:1, &quot;comments_position&quot;:&quot;above&quot;,&quot;height&quot;:&quot;auto&quot;, &quot;bg&quot;:&quot;#fff&quot;,&quot;anonim&quot;:1,&quot;sort&quot;:&quot;asc&quot;,&quot;singlemode&quot;:1,&quot;border&quot;:&quot;auto&quot;});
           flakpress1.blog_init();
         });
   </script>
   <!-- flakpress koniec -->
   

4. Na koniec musimy jedynie wstawić ramkę, czyli znacznik <div> z odwołaniem do Flakera, w odpowiednie miejsce w kodzie. Ja proponu ję umieścić go tuż przed komentarzami. Dlatego ponownie uruchamiamy wyszukiwanie, tyle że tym razem odnajdujemy wyrażenie <b:includable id='comments' var='post'> tuż za nim wstawiamy <div id='flakpress_1'/>.
5. Na koniec, w celu zatwierdzenia nowej konfiguracji klikamy na przycisk . Od teraz komentarze z flakera do naszych wpisów i odwiedziny naszej strony przez flakerowiczów będą wyświetlane na naszym blogu tuż przed komentarzami (patrz zrzut poniżej).