SexyBookmarks i inne zmiany na blogu

Bardzo wiele wejść na bloga odnotowuje z zewnętrznych serwisów. Prym wśród nich wiodą develway.pl oraz dotnetomaniak.pl (kolejność przypadkowa).

Postanowiłem, więc bardziej "otworzyć" się na te serwisy, a przy okazji jeszcze na parę innych. A to wszystko za pomocą tak zwanych...

Sexy Bookmarks

Dzięki nim każdy użytkownik w łatwy sposób może podzielić się ze światem wiadomością o jakimś poście z danego bloga. Gorąco zachęcam do wypróbowania na przykład na dotnetomaniaku lub develwayu ;)


W kwestii czysto formalnej, to nie ja wymyśliłem tą nazwę, tak samo jak nie ja jestem autorem tego cudeńka ;) Cały mechanizm dostarczany jest, za pomocą odpowiednich wpisów CSS oraz jednej bitmapy, na której umieszczone są wszystkie sprite'y.

Moim zadaniem było tylko przygotowanie odpowiednich ikon oraz spreparowanie linków dla konkretnych serwisów. Zintegrowanie całości z bloggerem było dość proste i ograniczało się do podążania za wskazówkami ze strony: http://www.cssreflex.com/2009/08/sexybookmarks-v2-for-blogger.html

Ogólnie starałem się dostosować owe bookmarki do polskich realiów. O ile facebook u nas już się w miarę przyjął o tyle linkowanie do digg.com chyba trochę mija się z celem.

Na moim celowniku znalazły się więc serwisy/funkcjonalności:

- facebook
- twitter
- śledzik
- develway
- dotnetomaniak
- wykop
- google bookmarks
- rss

Poszperałem jeszcze i dowiedziałem się, że podobno(?) dużo ludzi w Polsce używa też:

- grono.net
- flacker
- blip
- spinacz
- pinger
- moblo

Może później będę miał chwilę, by dostosować sexyBookmarks do tych wszystkich serwisów, tworząc coś na wzór polskiego szablonu ;)

Googlując znalazłem też serwis (http://hehehe.pl/), który korzysta z możliwości ustawiania za pomocą owych zakładek statusu w najnowszym gadu-gadu. Ciekawa opcja. Przychodzą wam na myśl jeszcze jakieś inne?

Na razie dla chętnych oto link do grafiki, której należy użyć zamiast oryginalnej:

http://img139.imageshack.us/img139/3131/sexysprite.png
(prosiłbym tylko o jej skopiowanie na własny serwer a nie linkowanie do mojej ;) )


oraz trochę kodu html, który również należy podmienić względem owego sugerowanego ze wspomnianego artykułu:

<div class="sexy-bookmarks sexy-bookmarks-expand" style="clear: both !important; display: block !important; height: 29px; margin: 20px 0 0 0 !important; padding: 25px 0 0 10px !important;">
 <ul class="socials">
  <li class="sexy-facebook"><a class="external" expr:href=""http://www.facebook.com/share.php?u="+ data:post.url + "&title=" + data:post.title" href="http://www.blogger.com/post-edit.g?blogID=4645914242670363949&postID=8139391863983354894" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a></li> 
  <li class="sexy-twitter"><a class="external" expr:href=""http://twitter.com/home?status=Reading: " + data:blog.title + " - " + data:post.url + " (@NAME)"" href="http://www.blogger.com/post-edit.g?blogID=4645914242670363949&postID=8139391863983354894" rel="nofollow" title="Tweet This!">Tweet This!</a></li> 
  <li class="sexy-sledzik"><a class="external" expr:href=""http://www.sledzik.pl/share.php?u="+ data:post.url + "&title=" + data:post.title" href="http://www.blogger.com/post-edit.g?blogID=4645914242670363949&postID=8139391863983354894" rel="nofollow" title="Share this on sledzik">Share this on Sledzik</a></li> 
  <li class="sexy-develway"><a class="external" expr:href=""http://www.develway.pl/dodaj/?title=" + data:post.title + "&url=" + data:post.url" href="http://www.blogger.com/post-edit.g?blogID=4645914242670363949&postID=8139391863983354894" rel="nofollow" title="Share this on develway">Share this on develway</a></li> 
  <li class="sexy-dotnet"><a class="external" expr:href=""http://dotnetomaniak.pl/Submit?title=" + data:post.title + "&url=" + data:post.url" href="http://www.blogger.com/post-edit.g?blogID=4645914242670363949&postID=8139391863983354894" rel="nofollow" title="Share this on dotnetomaniak">Share this on dotnetomaniak</a></li> 
  <li class="sexy-wykop"><a class="external" expr:href=""http://www.wykop.pl/dodaj?url="+ data:post.url + "&title=" + data:post.title + "&desc=" + data:post.body" href="http://www.blogger.com/post-edit.g?blogID=4645914242670363949&postID=8139391863983354894" rel="nofollow" title="Share this on wykop">Share this on wykop</a></li> 
  <li class="sexy-google"><a class="external" expr:href=""http://www.google.com/bookmarks/mark?op=add&bkmk="+ data:post.url + "&title=" + data:post.title" href="http://www.blogger.com/post-edit.g?blogID=4645914242670363949&postID=8139391863983354894" rel="nofollow" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a></li>
 </ul>
</div>

oraz dodatkowe wpisy do arkusza stylów uwzględniający koordynaty:

.sexy-facebook{background-position:-0px bottom !important}
 .sexy-facebook:hover{background-position:-0px top !important}
 
 .sexy-twitter{background-position:-70px bottom !important}
 .sexy-twitter:hover{background-position:-70px top !important}

 .sexy-sledzik{background-position:-140px bottom !important}
 .sexy-sledzik:hover{background-position:-140px top !important}

 .sexy-develway{background-position:-210px bottom !important}
 .sexy-develway:hover{background-position:-210px top !important}
 
 .sexy-dotnet{background-position:-280px bottom !important}
 .sexy-dotnet:hover{background-position:-280px top !important}
 
 .sexy-wykop{background-position:-350px bottom !important}
 .sexy-wykop:hover{background-position:-350px top !important} 
 
 .sexy-google{background-position:-420px bottom !important}
 .sexy-google:hover{background-position:-420px top !important}
 
 .sexy-comfeed{background-position:-490px bottom !important}
 .sexy-comfeed:hover{background-position:-490px top !important}

Wyjście z podziemia

Kolejną zmianą na blogu jest jego nowy adres, który ujawnia trochę więcej mnie: KrzysztofSzumny.pl .

Stwierdziłem, że już pora wykupić ten adres zanim ktoś sprzątnie mi go sprzed nosa (a wiem że istnieją co najmniej dwie osoby, które mogłyby być tym zainteresowane (inna sprawa, że podobno jedna z tych osób też jest programistą;) )). Moja zachłanność poszła tak daleko, że postanowiłem również wykupić tożsamą domenę z końcówką .com. Oczywiście stary adres jest i przez jakiś czas będzie aktywny, jednak zachęcam do aktualizacji np. feedów RSS. Nie wykluczone jest przecież, że za jakiś czas przesiądę się np. na WordPressa, wówczas bloggerowy link przestałby działać.

Muszę Wam przyznać, że blogowanie pod własnym imieniem i nazwiskiem w moim odczuciu znacząco różni się od blogowania pod pseudonimem. Teraz każdy mój współpracownik/przełożony może szybko się zorientować, że za to wszystko co się tutaj dzieje jestem odpowiedzialny właśnie ja. Na swój sposób jest to nawet motywujące :)