22 lipca 2014

Wielkie zmiany na blogu!

 
Witajcie! 

Jak z pewnością zauważyliście, blog uległ całkowitej zmianie. Po dwóch latach pisania dla was, zdecydowaliśmy się na podpięcie własnej domeny .pl. Strona widnieje teraz pod nazwą blokotek.pl, co miejmy nadzieję będzie dla was wygodniejsze niż darmowedodatkinablogi.blogspot.com. Do tego zainstalowany został nowy szablon. Oby został przez was zaakceptowany :) Jeśli chodzi o naszą stronę na Facebooku musieliśmy założyć nową, ponieważ strona zawierająca powyżej 200 użytkowników nie ma możliwości zmiany swojej nazwy. Za wszelkie niedogodności przepraszamy, jednak robimy wszystko, by zwiększyć komfort z korzystania z naszej strony.

PS. Pewnie ciekawi was co oznacza "dziwna" nazwa "blokotek". To taki zlepek dwóch wyrazów: blog i kotek, co tłumaczyć można jako blogowy kotek, czyli strona zawierająca dodatki i tutoriale (poradniki) na blogi.

21 lipca 2014

MyListy

Z gadżetów google wybrałem "MyListy". Aby nie zapomnieć o ważnych sprawach i zadaniach do wykonania zapisujemy wszystko w małej ramce, a następnie przesyłamy listę do swojej skrzynki z pocztą e-mail. Aby mieć na swoim blogu taką listę należy skopiować kod umieszczony w ramce, a potem wkleić go na stronę.

19 lipca 2014

Jak założyć bloga na Manifo.com?

Z tego poradnika dowiesz się, w jaki sposób założyć konto na manifo.com oraz jak utworzyć na nim bloga. Zaznaczmy, że jest to płatna platforma blogowa/www - wersja testowa bezpłatna to tylko 14 dni.

Wejdź na stronę manifo.com, po czym postępuj zgodnie z instrukcjami:












Jak wstawić obrazek w tytule posta na Bloggerze?


Tytuły postów na Bloggerze możesz urozmaicić wstawiając do nich obrazki. Każdy post może posiadać inną ikonkę. Jak to zrobić? To bardzo proste!
W edycji posta wklej do jego tytułu kod:
<img src="http://icons.iconarchive.com/icons/shiftercat/rose/32/Rose-Cerise-icon.png"/> Tu wpisz tytuł posta.

Link zaznaczony na zielono to bezpośredni adres do obrazka.

18 lipca 2014

Jak ustawić prawidłową miniaturkę wpisu na Facebooku?


Jeśli posiadasz Fanpage na Facebooku z pewnością zdarzyło się, że podczas publikacji wpisu, domyślnie wybierana miniaturka posta z twojego bloga jest nieprawidłowa. Oczywiście możesz ją zmieniać ręcznie, jednak wypróbuj opisany przez nas sposób.
Na Bloggerze przejdź do menu Szablon => Edytuj kod HTML i przed znacznikiem </head> wklej poniższy kod:
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://www.your-blog-logo.jpg' property='og:image'/>
</b:if>

Tekst zaznaczony na pomarańczowo to bezpośredni adres odnośnika do logo, które masz na blogu. Upewnij się, że logo znajduje się na serwerze Bloggera, gdyż jeśli na innym zewnętrznym - sposób ten nie zadziała.
Dzięki tej metodzie Facebook powinien pominąć logo i w miniaturze wpisu umieścić pierwszy obrazek, który znajduje się w treści posta na twoim blogu.

Jak ustawić favicon strony oraz jak go zrobić

Favicon - jest to ikona przedstawiająca witrynę. np. Gmail ma kopertę a Blogger ma "B'
Aby zrobić Favicon wchodzimy na stronę favicon.cc
Wybieramy tam kolory i klikając "kolorujemy" pole.
Jeżeli skończyłeś, to załóżmy, że twoja favicona wygląda tak:

A na pasku będzie wyglądała tak:



Klikamy "Download Favicon" Po czym zapisujemy ją na dysk.

Ustawiamy ją tak:
Wchodzimy na bloggera
Wchodzimy w ustawienia bloga:
Wchodzimy w układ.
Mamy po górnej, lewej stronie favicon. Klikamy edytuj.
Klikamy wybierz plik po czym szukamy naszą faviconę w miejscu w którym ją zapisaliśmy, po czym klikamy na nią 2 razy.
Klikamy przycisk "Zapisz"
Voila! Gotowe!
Teraz wygląda to tak:



16 lipca 2014

Jakie prawa dostępu do folderów i plików w WordPressie?


Po wysłaniu plików WP na serwer przez ftp, mają już one chmod'y poprawnie ustawione. Foldery: 775, pliki: 664. Wyjątek stanowi folder: upload, wraz z podfolderami - powinien mieć ustawione uprawnienia: 766 lub nawet 777 Uprawnienia można nadać z poziomu klienta ftp (np. Total Commander, Pliki / zmień atrybuty). Więcej przeczytasz TU (wer. ang).

Jak dodać polskie tłumaczenie do istniejącej instalacji WordPressa?


 Do używania WordPressa wymagany jest serwer WWW z obsługą PHP i serwer MySQL!
Aby zainstalować WordPressa wraz ze zintegrowanym polskim tłumaczeniem:
  1. Pobierz paczkę z plikami.
  2. Skopiuj rozpakowane pliki na swój serwer WWW.
  3. Przejdź do katalogu zawierającego wysłane pliki, korzystając z przeglądarki internetowej, i wykonaj wyświetlane instrukcje.
Aby dodać polskie tłumaczenie do istniejącej instalacji WordPressa:
  1. Pobierz paczkę z polskim tłumaczeniem.
  2. Skopiuj wszystkie pliki z katalogu wordpress/wp-content/languages zawartego w paczce do katalogu wp-content/languages swojej instalacji WordPressa.
  3. Edytuj plik wp-config.php znajdujący się w głównym katalogu z plikami WordPressa i odnajdź w nim linijkę:
    define('WPLANG', '');
    a następnie zamień ją na:
    define('WPLANG', 'pl_PL');
    Jeżeli taka linijka nie istnieje w Twoim pliku wp-config.php, po prostu ją dopisz (np. po linijce $table_prefix = 'wp_';).
Jeżeli nie chcesz instalować WordPressa na swoim serwerze, możesz też skorzystać z darmowego hostingu oferowanego przez serwis WordPress.com, jednak wiąże się to zarówno z pewnymi zaletami, jak i wadami. Aby dowiedzieć się więcej, przeczytaj ten artykuł.

Jak zmienić pasek przewijania na blogu?


Standardowy pasek przewijania jest szary i nieciekawy. Dzięki prostemu kodowi CSS możesz go bardzo szybko zmienić!
Na Bloggerze, przejdź w menu Szablon => Edytuj kod HTML tuż przed znacznikiem ]]></b:skin> wklej poniższy kod:
::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #336699 10%, #336699 51%);
}
::-webkit-scrollbar-track {
}

  • Kod zaznaczony na zielono zamień na kod hex koloru paska przewijania. 

Przy wyborze koloru użyj naszego generatora kodów kolorów.

Jak zmienić kolor zaznaczonego tekstu na blogu?


Standardowe zaznaczenie tekstu ma kolor niebieski, jednak dlaczego nie mamy tego zmienić? Dzięki krótkiemu kodowi css możemy użyć barwy, jakiej tylko chcemy!
Na Bloggerze, przejdź w menu Szablon => Edytuj kod HTML tuż przed znacznikiem ]]></b:skin> wklej poniższy kod:
::-moz-selection {
    background-color: #ffb7b7;
    color: #fff;
}
::selection {
    background-color: #ffb7b7;
    color: #fff;
}

  • Kod zaznaczony na zielono zamień na kod hex koloru tła zaznaczenia. 
  • Kod zaznaczony na turkusowo zamień na kod hex koloru czcionki zaznaczenia.

Przy wyborze koloru użyj naszego generatora kodów kolorów.

Pamiętaj, by przy doborze kolorów nie sprawić, że zaznaczony tekst stanie się mało czytelny!

Jak zbanować określone adresy IP na blogu?


Jeśli twój blog nękają spamerzy lub nachalne, złośliwe osoby, a znasz ich adresy IP, np poprzez system komentarzy (komentarze Bloggera nie oferują tej funkcji), możesz definitywnie wyłączyć dostęp do bloga tymże natrętom. Kiedy komputer (lub inne urządzenie) z zablokowanym adresem wejdzie na twój blog, wyskoczy okienko dialogowe z komunikatem o zbanowaniu.
By to zrobić w panelu admina na Bloggerze (skryptu możesz użyć także na innych platformach blogowych) wejdź w menu Szablon => Edytuj kod HTML, przed znacznikiem </head> wklej poniższy kod:
    <script>
    var ip = 'Your-IP-Here';
    function banned(){
    alert("!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Uwaga!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\nTwój adres IP został zbanowany!");
    history.go(-1);
    window.location.replace("http://www.darmowedodatkinablogi.blogspot.com")
    }
    function ban(){
    if (ip == "Banned-IP-1" || ip == "Banned-IP-2" || ip == "Banned-IP-3"   )  {
    banned();
    }}ban();
    </script>

  • Tekst zaznaczony na zielono zamień na twój adres IP (jeśli tego nie zrobisz, skrypt może nie działać prawidłowo). 
  • Tekst zaznaczony na pomarańczowo zamień na adresy IP, które mają być zablokowane (analogicznie możesz dodać nieskończoną ilość adresów IP).

Pamiętaj, by skryptu nie umieszczać w gadżecie HTML/Javascript, tylko w kodzie HTML szablonu!

15 lipca 2014

Jak zakodować treść posta na blogu?

Z tego poradnika dowiesz się, jak w prosty sposób skutecznie zakodować treść (całą lub jej fragment) na swoim blogu. Wystarczy, że użyjesz poniższego widżetu, który sprawi, że tekst (lub obrazek) zostaną odkodowane tylko wtedy, kiedy czytelnik kliknie na jeden z trzech przycisków społecznościowych i podzieli się linkiem do twojego bloga ze znajomymi.


Demo

Umieszczanie stylu widżetu w kodzie szablonu

Na Bloggerze przejdź do menu Szablon => Edytuj kod HTML, wyszukaj znacznik: </head> po czym wklej przed nim poniższy kod:
<link href='https://googledrive.com/host/0BzWYBwKfT2edbTRaVGMxVGt3dUk' rel='stylesheet' type='text/css'/>



Umieszczanie zakodowanej treści w poście

W edycji posta, przejdź do trybu HTML, po czym w okno edytora wklej poniższy kod:
    <article id="default-usage">
    <div class="to-lock" style="display: none;">
            
    <!--Hidden Content Starts (You can Use HTML BELOW)-->


    <div style="text-align: center; margin-bottom: 20px;">
    <img src="Bezposredni_adres_obrazka.png" alt="" style="margin: auto;" />
    </div>

    <div style="text-align: justify">
    Zakodowana treść
    </div>

    <!--Hidden Content Ends (You can Use HTML ABOVE)-->

    </article> 
    </div><div id="mblunlocker"> </div>
    <script type="text/javascript" src="https://googledrive.com/host/0BzWYBwKfT2edXy1FdGY3SXYzbVU"></script>

    <script>
    jQuery(document).ready(function ($) {
    $("#default-usage .to-lock").socialLock({

    text: {
    header: "Treść jest zakodowana",
    message: "By ją wyświetlić, użyj jednego z poniższych przycisków udostępniania."
    },

    style: "ui-social-locker-secrets",
    buttons: {
    order: ["twitter", "facebook", "google"]
    },

    // twitter options
    twitter: {
    url: "http://www.darmowedodatkinablogi.blogspot.com",
    text: "Zapraszam na mojego bloga!"
    },

    // facebook options
    facebook: {
    url: "http://www.facebook.com/DarmoweDodatki",
    appId: "314775118682277"
    },

    google: {
    url: "http://www.darmowedodatkinablogi.blogspot.com"
    }
    });
    });;;;
            
    </script>


  • Tekst zaznaczony na niebiesko zamień na bezpośredni adres do obrazka, który ma być zakodowany (jeśli nie chcesz umieszczać żadnej ilustracji, nie zmieniaj tego tekstu). 
  • Tekst zaznaczony na zielono zamień na treść, która ma być zakodowana. 
  • Linki zaznaczony na pomarańczowo zamień na adres swojego bloga. 
  • Link zaznaczony na czerwono zamień na link twojej strony (lub profilu) na Facebooku. 
  • Numer zaznaczony na żółto zamień na ID aplikacji na Facebooku (jeśli go nie umieścisz, przycisk nie będzie działał). Tworzeniem aplikacji na Facebooku zajmiemy się w kolejnym kroku.

Tworzenie aplikacji na Facebooku oraz uzyskiwanie jej ID

Wejdź na stronę Developera na Facebooku: https://developers.facebook.com/apps. Następnie postępuj zgodnie z instrukcją zawartą na poniższych obrazkach. W kroku 7 (patrz cyfra na strzałce) znajdziesz ID aplikacji, które powinieneś umieścić w kodzie widżetu.

Aplikacja została utworzona. Jednak, by spełniała swoją rolę musi jeszcze zostać włączona. By to zrobić postępuj zgodnie ze wskazówkami zawartymi na obrazkach poniżej. W kroku 9 wpisz swój adres e-mail.