Maleńka bloguje: blogosfera

Pokazywanie postów oznaczonych etykietą blogosfera. Pokaż wszystkie posty

Turtorial: Wysuwany like box

malenka 11/14/2013 10:13:00 PM 12

Wybaczcie, za nieobecność. Ten post miał ukazać się wczoraj, ale byłam tak zmęczona, że zasnęłam nad laptopem pisząc go... Mam nadzieję, że się na mnie nie pogniewacie za to :)

Prowadzę bloga i jego fanpage na Facebooku. Jak sprawić jednak, żeby inni bloggerzy wiedzieli o istnieniu mojego miejsca również w tym serwisie społecznościowym? Otóż najprostszą metodą jest wstawienie odnośnika do fanpage na bloga. Można zrobić to na wiele różnych sposobów.

Zaczynałam od wstawienia banera, który po kliknięciu przenosił Was na docelową stronę. Później ustawiłam podstronę, która wysyłała Was pod inny adres internetowy. Jaki był tego minus? Ktoś, kto przegląda wiele blogów, skupia się na czytaniu postów nie zawsze zwróci uwagę na tego typu odnośnik. Sposobem też jest wstawianie linków do fanpage w każdym poście, jednak czy to nie jest męczące? Widziałam już taką metodę u wielu blogerek, jednak po pierwsze: nie chciałoby mi się za każdym razem tego zamieszczać, po drugie nie chcę Was prześladować tym odnośnikiem. Dlatego postanowiłam znaleźć coś pomiędzy: nieatakującego, acz widocznego. Wysuwany like box! Przy najechaniu na niego kursorem automatycznie nam się wysuwa, można z miejsca zlajkować fanpage, podejrzeć innych lajkujących.

Jak go wykonać taki bajer? Otóż sprawa jest bardzo prosta:

Wchodzimy w projekt bloga, a następnie w edycję kodu html

Przy pomocy F3 lub sami wyszukujemy frazy </head>

NAD tą frazą wklejamy pierwszy z dwóch kodów html.

KOD HTML nr 1

Żeby nie było wątpliwości zaczyna się od <style type="text/css">,

kończy <![endif]-->.

<style type="text/css">
#wys
{
background: url("http://dl.dropbox.com/u/106645823/facebook.png") no-repeat scroll 0 0 transparent;
padding: 10px;
width: 235px;
height:402px;
position: fixed;
margin-top: -100px; /połowa wysokości panelu w górę / left: 0px;
top: 50%;
}
.zamknij
{
background-position: 0px 0px -242px 0px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#wys").css("left","-216px");
$("#wys").hover(
function () {
$("#wys").animate({left: "0px"}, 400 );
$(this).addClass("zamknij");
}, function () {
$("#wys").animate({left: "-216px"}, 400 );
$(this).removeClass("zamknij"); }
);
});
</script>

Tak to powinno wyglądać:

Teraz pora na drugi krok. Tym razem będziemy szukać frazy </body>*

*Uwaga! W nietykanych wcześniej kodach html może nie być tej sekcji, jednak łatwo to naprawić ;)

Dokument html składa się z 2 sekcji head i body zawartych w sekcji html. Więc cała sztuka polega na dopisaniu po frazie </head> frazy <body>, a przed frazą </html> frazy </body> i ot, cała filozofia :)

Przed frazą </body> wklejamy kod html nr 2.

KOD HTML nr 2

Żeby nie było wątpliwości zaczyna się od <div id="wys">, kończy scrolling="no"></iframe></div> </div>.

<div id="wys">
<div id="wewnatrz" style="float: left; width: 216px; margin-left: 0px;"> <iframe allowtransparency="true" src="//www.facebook.com/plugins/likebox.php?href=TUTAJ WKLEJ ADRES SWOJEGO FANPAGE&width=190&colorscheme=light&show_faces=true&border_color&stream=false&header=false&height=378" style="border: medium none ; overflow: hidden; width: 190px; height: 378px; background-color: rgb(243, 247, 255);" frameborder="0" scrolling="no"></iframe></div> </div>

Powinno to wyglądać mniej więcej tak:

W tym miejscu TUTAJ WKLEJ ADRES SWOJEGO FANPAGE wklejcie adres skopiowany wprost z facebooka, żeby uniknąć pomyłek :)

Po wszystkim należy kliknąć już tylko zapisz szablon i możecie cieszyć się wysuwanym like boxem ;)

Czy ten post jest dla Was pomocny? :)

Pora na zmiany ;)

malenka 9/12/2013 11:18:00 PM 17

Wiecie jakie to uczucie, gdy chcecie coś zmienić, ale nie wiecie co? A gdy już znajdziecie sedno Waszych pragnień nie wiecie jak się za to zabrać? No właśnie..

Tak to było z moim nagłówkiem na bloga. Stworzyłam kiedyś bardzo prymitywny, byle był, bo nigdy w tworzeniu grafik na komputerze nie czułam się jak ryba w wodzie. Później wiecznie odkładałam pracę nad nim. Nawet już się zastanawiałam, by poprosić o pomoc inną blogerkę, która się na tym zna. Jestem straszną marudą, więc bałam się, że ktoś włoży całe serce w tworzenie, a ja potem zacznę wybrzydzać, więc odkładałam ten pomysł.. Aż w końcu dzisiaj dostałam maila o powstaniu blogowego portalu społecznościowego Przepis na kobietę. Zarejestrowałam się i przyczyniając swoje pierwsze kroki na tej platformie szybko natrafiłam na artykuł CosmoOli z instruktażem jak stworzyć swój nagłówek. Dziękuję Ci!

Uważam, że teraz blog zaczyna 'nowe życie' ;) Sami oceńcie - kiedyś nagłówek był taki ciężki, przytłaczający jak się teraz zastanowić, a teraz wydaje mi się taki świeży, przejrzysty :)

Before

After

Co sądzicie o tej zmianie? :)

Skierniewice, urodziny i..

malenka 8/11/2013 12:09:00 PM 10

.. rok na blogu :)

Tak, tak, pod moją nieobecność w czwartek stuknął mi rok blogowania! :) Jestem z siebie dumna, gdyż zwykle mam słomiany zapał i wszystko rzucam po chwili.. Początkowo blogosfera była moim pomysłem na nudę w czasie wakacji po maturze, lecz później przerodziło się to w pasję, zainteresowanie i wielką miłość do kosmetyków :) Dokładnie tak, przez Was moje drogie mam manie na punkcie lakierów, kupuję paletki cieni, a wcześniej maznęłam rzęsy tuszem i makijaż uznawałam za gotowy, ślinka mi cieknie, gdy widzę jakieś nowości, liczę każdy grosik czy starczy mi na to i tamto, szafka z kosmetykami pęka w szwach, a mimo wszystko mój chłopak dzielnie znosi moje kolejne wojaże po drogeriach :) Fakt, że blog pochłania sporo czasu, ale dzięki niemu poznałam Was - cudowne blogosferowe pisaczki, udało mi się namówić Ewelinę Linkę i Patrycję Biało.Niebieską do założenia bloga, a mój chłopak czyta blogowe posty - nie tylko moje, ale odsyłam go też do Waszych - ostatnio spodobał mu się psi post Aswertyny :)

Teraz małe podsumowanie mojego roku z Wami:

bloga założyłam 9 sierpnia 2012 roku

73 osoby obserwują bloga

82 osoby lubią Maleńka bloguje na facebooku

ponad 3 tysiące wyświetleń dziennie

prawie 30 tysięcy wyświetleń

opublikowałam 250 postów

Początki były trudne, ale później pojawiało Was się coraz więcej i pojawiała się motywacja do dalszego pisania - zapraszam Was do starych postów - pisałam kiedyś nieco inaczej, możecie zobaczyć różnicę ;) Zdradzę Wam w sekrecie, że planuję candy z okazji rocznicy bloga, więc bądźcie czujni ;)

Post o rocznicy nie pojawił się na czas, ale to ze względu na moją nieobecność, która była spowodowana praktykami w Skierniewicach. Miasto to nie okazało się dziurą, o jakiej słyszałam, warunki lepsze niż w akademiku, ale internetu brak. Kupiłyśmy z dziewczynami pakiet, ale zasięg płatał figle i czasem w ogóle nie mogłyśmy się połączyć, a przed wyjazdem nie zdążyłam przygotować postów na cały tydzień.. wybaczcie ♥

Po powrocie do Warszawy przyjechał po mnie Grzesiek, poczekaliśmy troszkę, w między czasie skoczyliśmy coś zjeść, a potem odebraliśmy kolejne krewetki do jego akwarium, a ja odebrałam chomika, który koczował tydzień u mojego TŻ :) Po powrocie do domu momentalnie rozpętała się burza, wyłączyli prąd i waliło piorunami, więc znowu notatki brak. Wczoraj rozpakowywałam się, ogarniałam rzeczywistość, a później spotkałam się z Linką, która zrobiła mi niezłą urodzinową niespodziankę :D Co od niej dostałam dowiecie się już na dniach ;) Dowiecie się też o innych nowościach - między innymi o niebieskim kremie Nivea, który teraz ratuje mi życie - okazało się, że mam jakieś uczulenie i z praktyk wróciłam z twarzą podobną w dotyku do papieru ściernego haha :) Teraz z tego się śmieję, ale co chwila smaruję nim twarz i jakoś pomaga, a wcześniej strasznie to przeżywałam.

W Warszawie wsiadłyśmy do pociągu, pomyliłyśmy klasy, i prawie dostałyśmy po 2 stówki mandatu, ale jakoś się wyplątałyśmy, pracowałyśmy pilnie w polu albo przy nawozach i młóceniu zboża, obeszłyśmy Skierki, świętowałyśmy moje urodziny i jakoś czas nam minął. No koniec dostałyśmy pieczątkę i mamy potwierdzenie o odbyciu 40 godzin praktyk na Stacji Doświadczalnej w Skierniewicach :] Mam nadzieję, że dziewczyny nie zabiją mnie za zdjęcie :)

Pozdrawiamy z 1 klasy ;D

U mnie zmiana kodu, dwójka z przodu, a co u Was? :)

Follow me with bloglovin!

malenka 4/16/2013 01:00:00 PM 13

Całą blogosferę okrążyła już wiadomość o tym, że 1 lipca br zamykają Google Reader (KLIK). Skutkiem tego będzie zniknięcie takiej opcji jak Obserwatorzy, dzięki której wiemy, że mamy grono odbiorców, dla których warto pisać. Bez sensu. Mam nadzieję, że naszej społeczności uda się zmienić decyzję Google'a naszymi petycjami, lecz w razie czego blogerki ratują się i nerwowo przenoszą swoje blogi na platformę Bloglovin', dzięki której wciąż będzie można śledzić posty naszych koleżanek.

Dołączam do nich i ja - nie chcę Was stracić ♥

Klikajcie i obserwujcie mnie również tam :)