2015/06/26

Jak spolszczyć Disqusa?


Disqus to bardzo funkcjonalny system komentarzy, który można zintegrować ze swoim blogiem. Jednak domyślnie, język jego interfejsu ustawiony jest na angielski. By ułatwić komentowanie również osobom, które nie znają tego języka, warto dokonać spolszczenia. Jest to bardzo proste, o czym przekona cię poniższy króciutki tutorial.

Zaloguj się do swojego panelu admina na Disqusie. Przejdź do manu Admin =>Settings => General.


Odszukaj Language. Z wybieranej listy wybierz Polish, przewiń stronę do samego dołu i wciśnij Save, by zapisać zmiany.
To wszystko!
Czytaj dalej

2015/06/23

Wywiad dla Plasterka Cytryny


Weronika z bloga Plasterek Cytryny przeprowadziła ze mną wywiad dotyczący branży graficznej. Jeśli interesujesz się tym tematem, lub zaczynasz stawiać pierwsze kroki w tego rodzaju biznesie - zapraszam byś przeczytał moje spostrzeżenia, które być może okażą się pomocne oraz ukierunkują twój tok myślenia.

Czytaj dalej

2015/06/17

Jak dodać moderatora w systemie komentarzy Disqus?

Kiedy na blogu pojawia się duża ilość komentarzy, ciężko jest samemu je moderować, dlatego często administratorzy "zatrudniają" w tym celu dodatkowych moderatorów. W tym poradniku pokażę, jak krok po kroku dodać moderatora w systemie komentarzy Disqus.

Zaloguj się do swojego konta na Disqusie. Następnie przejdź do panelu administratora w menu Admin => Settings => Moderators => Add a moderator => wpisz nazwę użytkownika moderatora => Odznacz Can change settings (by nie mógł zmieniać ustawień w twoim panelu) => Save Changes.

To wszystko!

Czytaj dalej

2015/06/16

Wypróbuj nowe widżety Bloglovin'!

Bloglovin' to miejsce, w którym można znaleźć spis ogromnej ilości blogów z całego świata. Serwis oferuje ich dodawanie oraz obserwowanie. Teraz coś dla miłośników tego portalu: nowe widżety! Składa się na nie przycisk zliczający i pokazujący w dymku ilość polubień, newsletter oraz loga. Niestety wszystko w wersji anglojęzycznej. Na razie widżety nie są kompatybilne (nie działają) ze stroną wordpress.com.

Jak umieścić widżet Bloglovin' na Bloggerze?

1. Zaloguj się na swoje konto Bloglovin' i przejdź na podstronę http://www.bloglovin.com/widgets.
2. Kliknij na wybrany widżet.


3. Skopuj kod widżetu
4. Zaloguj się do panelu admina na Bloggerze.
5. Przejdź do menu Układ => Dodaj gadżet.
 6. Wybierz HTML/JavaScript.
7. W treści gadżetu wklej skopiowany kod widżetu Bloglovin' i Zapisz.

Czytaj dalej

2015/06/15

Widżet najnowsze posty z daną etykietą dla Bloggera

Demo

W tym poradniku zaprezentuję, jak zamieścić na Bloggerze widżet wyświetlający kilka najnowszych postów oznaczonych konkretną etykietą. Jeśli prowadzisz blog, na którym znajduje się wiele kategorii, w dodatku tym będziesz mógł wyeksponować wpisy z wybranym przez siebie tagiem.

Wejdź do menu Szablon => Edytuj kod HTML.
Nad znacznikiem
</head>
wklej poniższy kod:
<style>
/* Recent posts by labels
--------------------------------- */
img.label_thumb{
float: left;
margin-right: 10px !important;
height: 200px; /* Wyskokość miniatury */
width: 100%; /* Szerokość miniatury */
}

#label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
padding: 0;
}
ul#label_with_thumbs li {
padding:10px 0;
min-height:65px;
}

#label_with_thumbs li{
list-style: none ;
padding-left: 0px !important;
}

#label_with_thumbs a { text-transform: uppercase;}
#label_with_thumbs strong {padding-left:0px; }
</style>

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://2.bp.blogspot.com/-M297yON1Bgk/U7a7d75ygaI/AAAAAAAADMY/sonubx-DZRY/s250/no_image.png';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Sty";monthnames[2]="Lut";monthnames[3]="Mar";monthnames[4]="Kwi";monthnames[5]="Maj";monthnames[6]="Cze";monthnames[7]="Lip";monthnames[8]="Sie";monthnames[9]="Wrz";monthnames[10]="Paź";monthnames[11]="Lis";monthnames[12]="Gru";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Komentarz')commenttext='1 Komentarz';if(commenttext=='0 Komentarzy')commenttext='Brak komentarzy';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Dalej »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>
Następnie nad znacznikiem
</body>
wklej:
<script type='text/javascript'>                   
function changeThumbSize(id,size){
var blogGadget = document.getElementById(id);
var replacement = blogGadget.innerHTML;
blogGadget.innerHTML = replacement.replace(/s72-c/g,"s"+size+"-c");
var thumbnails = blogGadget.getElementsByTagName("img");
for(var i=0;i&lt;thumbnails.length;i++){
thumbnails[i].width = size;
thumbnails[i].height = size;
}
}
changeThumbSize("label_with_thumbs",210);
</script>
Zapisz szablon.
Teraz przejdź do menu Układ => Dodaj gadżet => HTML/JavaScript i w treści wklej kod:
<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script> 
<script type="text/javascript" src="/feeds/posts/default/-/ETYKIETA?published&alt=json-in-script&callback=labelthumbs"></script>

  • Tekst ETYKIETA zamień na własną etykietę (tag).
  • Cyfrę 5 zamień na ilość wyświetlanych postów.

Na koniec zapisz.
Czytaj dalej

2015/06/14

Nieprawidłowe wczytywanie miniatur i tytułów postów z linków umieszczonych na Facebooku

Wczoraj wraz z Magdą z bloga Madl-len.pl spędziłyśmy dużo czasu nad rozwiązaniem pewnego problemu. Mianowicie chodziło o to, że kiedy wklejałyśmy linki do postów z jej bloga do wpisu na Facebooku, nieprawidłowo wyświetlała się miniatura oraz tytuł. Z obserwacji wiem, że wiele blogów ma tenże problem. Przekopałyśmy cały internet w poszukiwaniu odpowiedzi, jednak okazało się, że najzwyczajniej w świecie konkretnej odpowiedzi brak. Na szczęście wyszperałam odpowiedni kod w swoich webmasterskich zbiorach i w tym poradniku dzielę się nim z tobą!

Przybliżając temat, mogę powiedzieć, ze za nieprawidłowe wyświetlanie miniatury, czy tytułu odpowiedzialny jest brak w kodzie szablonu bloga, metadanych Facebooka (Facebook Open Graph). W internecie można natknąć się na parę wskazówek, jednak to u mnie znajdziesz konkretne rozwiązanie! Możesz je zastosować na Bloggerze, stronie www, lub innej platformie blogowej, która umożliwia wstawienie kodu w sekcji <head>.

"Profilaktycznie" zalecam umieszczenie omówionego poniżej kodu w każdym szablonie, chyba, że takowy kod już w nim istnieje.

Jak umieścić kod metadanych Facebooka na Bloggerze?

1. Wejdź do menu Szablon => Edytuj kod HTML
2. Wyszukaj znacznik <b:skin> i tuż nad nim wklej poniższy kod:
<!-- Metadata Facebook -->
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName' property='og:description'/>
</b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
3. Na koniec Zapisz szablon.

Jeśli mój post rozwiązał również twój problem, zapraszam do udostępnienia go, co będzie nagrodą za moją pracę :)
Czytaj dalej

2015/06/12

Jak zmienić etykietę moderatora komentarzy na Disqusie?

W tym króciutkim poradniku pokażę ci, w jaki sposób zmienić domyślną etykietę moderatora komentarzy w systemie Disqus na własną. Dzięki temu z pewnością będziesz wyróżniał się spośród osób biorących udział w dyskusji.

Zaloguj się do swojego panelu administracyjnego Disqus. Klikając na ikonę trybiku, wybierz z rozwijanej listy opcję Admin.
Następnie przejdź kolejno w zakładki: Settings => General => Moderator Badge Text i w pole Mod wpisz własną nazwę.
Na koniec zapisz zmiany wciskając button Save changes.

Czytaj dalej

2015/06/10

Bądź dupkiem i pisz o lifestylu

Wielu czytelników zadaje pytania, dlaczego Blokotek nie jest zbyt popularny, podkreślając jego przydatność. Na to pytanie zdecydowałam się odpowiedzieć w tym poście.

Jeśli jesteś słaby psychicznie lub obrażalski daruj sobie dalsze czytanie...

Mój blog nie jest popularny gdyż:

  • piszę tematyczne posty, skupiając się na blogowaniu i webmasteringu, a większość z was lubi sobie poczytać, czym można zastąpić papier toaletowy
  • moich instrukcji napisanych w potoczny i prosty sposób nie są w stanie zrozumieć nawet osoby z tytułem magistra
  • tłumaczę wam pięciokrotnie w komentarzach, jak rozwiązać wasz problem, a wy nie dość, że dalej nie kumacie, to jeszcze obrażacie się, że śmiałam zarzucić wam kiepskie czytanie ze zrozumieniem
  • jestem dla was zbyt miła i grzeczna, nawet jak mi podskakujecie, a jak wiadomo ludzie podświadomie wolą osoby, które ich "trzymają krótko"
  • wszystko, co tworzę udostępniam za darmo i niewielu z was to docenia. Gdybym kazała sobie płacić bylibyście wniebowzięci
  • dopiero niedawno zaczęłam pisać farmazony w różnych grupach zrzeszających innych blogerów
  • olewam SEO, a to poważny błąd, jednak wychodzę z założenia, że mój blog jest tak zajebisty, że każdy, kto chce, to go znajdzie
  • nie inwestuję w wykupowanie reklam, ani nawet w kompa, co by otwierał strony szybciej niż jak wyjdę do Biedry i wrócę
Zastanawiasz się, czemu gadam jak potłuczona i do czego zmierzam?

A no do tego, że trzeba być dupkiem i pisać bloga lifestylowego!

  • pisz o tym jak odlać się do kwiatka, poderwać laskę, którą każdy już miał, czy poradnik omijania ptasich min
  • nie odpowiadaj na durne maile i komentarze litując się nad tymi, którzy i tak mają cię w dupie, a tylko chcą skorzystać z twojej pomocy
  • każ sobie płacić za twoją twórczość, żeby inni zaczęli doceniać ciebie i twoją pracę
  • pisz o dupie Maryni, bylebyś był sobą
  • udzielaj się w kółku parafialnym, jarmarcznym i wszędzie tam, gdzie możesz zostać zauważony
  • zainwestuj w reklamy, speców od SEO, najlepiej jeszcze fotografów i innych ziomków z etykietką "professional"
  • kup se dobrego kompa i nie chodź do Biedry, bo to przecież sklep dla biedaków, a ty żyjesz ponad stan
  • pisz, że jesteś fajny, choć cham i prostak, ale każda na ciebie leci, a ty na każdą, określ siebie mianem króla blogosfery, a raptem inni zauważą, że faktycznie tak jest
Każdy blog z czasem ewoluuje. To naturalna kolej rzeczy, a ty jako pan i władca tego poletka, powinieneś być elastyczny i dostosowywać się do panujących trendów, jednym słowem - być na topie. Nie wyskakuj mi tu z głupimi argumentami, że należy wiernie trzymać się planu i jednego tematu, gdyż ja mam to gdzieś szczerze mówiąc, bo to ty wypadniesz z obiegu nie ja. Trzymaj sobie archaiczny szablon na swoim onetowym blogu i pisz o swoim piesku, czy kotku całe 20 lat, ale to ty zmarnujesz swój czas i pracę, a potem zaśmiecisz kolejne forum z pytaniem: "Dlaczego nikt mnie nie czyta?" A no dlatego, że nikogo nie obchodzą twoje świnki morskie.

Odnośnie Blokotka zaczęłam zastanawiać się nad dużą zmianą. Po tym jak naprodukowałam ponad 1800 postów z dodatkami i instrukcjami blogowymi, których i tak nikt nie potrafi zastosować - czy nie utknęłam w jednym martwym punkcie? Może ktoś z was polubił mnie i mój blog na tyle, że chciałby poznać moje często kontrowersyjne zdanie na różne tematy, przemyślenia i inne tego typu fraglesy (nie pytaj, co to znaczy, bo sama nie wiem)? 

By poznać waszą cenną opinię, mordy wy moje, stworzyłam w tym celu taką prostą ankietkę w formularzu Google, bo na płatną mnie nie stać i sprawdzić, co wam tam w tych ptasich móżdżkach świta.

Wszystkich was, którzy mnie jeszcze kochają proszę, byśta łaskawie wypełnili tego formularza, bo on mi powie, co ja mam kurde robić z tym pożal się Boże, blogiem i ze sobą też.

Ankieta

No to dziękuję państwu za uwagę i do zobaczenia, być może na jeszcze lepszym Blokotku!
Czytaj dalej

2015/06/09

Jak przeprowadzać aktualizacje na WordPressie?

Aktualizacje w WordPressie, to nic innego, jak przejście ze starej wersji danego komponentu (wtyczki, motywu, itp.) do najnowszej, w której zostały poprawione błędy. Należy dbać o to, ze względów bezpieczeństwa, gdyż nieaktualne kody z reguły zawierają luki, przez które niepowołana osoba może przejąć kontrolę nad skryptem.

Proces aktualizacji

W menu Kokpit => Aktualizacje znajdziesz wszystkie powiadomienia, dotyczące konieczności uaktualnienia poszczególnych elementów WordPressa, takich jak: wtyczki, motywy, czy nawet samego skryptu.
Numerek w kółeczku przy danym elemencie oznacza ilość dostępnych aktualizacji. Wystarczy użyć opcji zaktualizuj teraz, widocznej przy danym komponencie.
 O poprawnej aktualizacji poinformuje cię komunikat.
 W przypadku motywów, zaznacz te wymagające uaktualnienia i wciśnij Zaktualizuj motywy.
 O poprawnej aktualizacji poinformuje cię komunikat.

Błędy w aktualizacji

Jak to w każdym skrypcie bywa, w procesie aktualizowania danego elementu może pojawić się błąd. W takim wypadku należy spróbować ręcznie przenieść rozpakowany katalog z plikami na serwer, za pomocą klienta FTP. Jeśli to nie pomoże, trzeba znaleźć przyczynę problemu.
Czytaj dalej

2015/06/07

Jak zainstalować szablon w WordPressie za pomocą autoinstalatora?

Szablon jest najważniejszym, zaraz po treści, elementem bloga. Od tego, czy jest przyjemny dla oka, zależy dłuższa wizyta czytelnika. Dobra skórka powinna być przede wszystkim czytelna, o dobrze dobranych kolorach oraz poprawnie wyświetlająca się również na urządzeniach mobilnych. Na szczęście w sieci jest mnóstwo darmowych stron, z których możesz pobrać profesjonalnie wyglądający szablon.

Instalacja szablonu w WordPressie

Szablon możesz zmienić wchodząc w menu Wygląd => Motywy => Dodaj nowy motyw.
Klikając przycisk Zainstaluj, na miniaturce wybranego motywu, który został zainstalowany domyślnie z WordPressem.
Jeśli natomiast chcesz zainstalować szablon pobrany z sieci wystarczy, że wybierzesz opcję Wyślij motyw na serwer.
Wybierz plik w formacie archiwum .zip.
Na przykład darmowy ze strony ColorLib.
Następnie kliknij Zainstaluj.
Kiedy instalacja przebiegnie pomyślnie, Włącz szablon.
Kliknij Przejdź na witrynę.

Błąd podczas wczytywania szablonu - co robić?

Natomiast w przypadku pojawienia się błędów, będziesz zmuszony przenieść ręcznie, rozpakowany już katalog z plikami szablonu do folderu wp-content => themes, za pomocą klienta FTP (wbudowanego do panelu admina hostingu lub zewnętrznego, np. FileZilla) i włączyć go w kokpicie.



Czytaj dalej

Jak zainstalować WordPressa na hostingu Cba.pl?

WordPress jest to darmowy, bardzo lubiany przez blogerów, system zarządzania treścią, którego funkcjonalność można zwiększać za pomocą wtyczek. Szablony dostępne za darmo w sieci, nadadzą mu profesjonalny design, dzięki czemu nawet początkujący webmaster ma zagwarantowany dobry start własnej działalności.

By cieszyć się możliwościami skryptu, należy najpierw znaleźć hosting, na którym zostanie on zainstalowany. Może to być serwer darmowy lub płatny. Jeśli ten pierwszy, to warto zwrócić uwagę na to, by reklamy nie utrudniały czytelnikom korzystania z serwisu, gdyż zwykle są dołączane do planu free.

W jednym z moich poprzednich poradników mogłeś przestudiować sposób instalacji WordPressa na Hostingerze. W tym natomiast przeczytasz, jak zrobić to na hostingu cba.pl

Zaloguj się do panelu administracyjnego na hostingu cba.pl. 

Tworzenie bazy danych

W menu Bazy danych kliknij + Dodaj.
Wpisz nazwę użytkownika i hasło nowej bazy, po czym zatwierdź.

Autoinstalacja WordPressa

W menu przejdź do Oprogramowanie.
Wyszukaj najnowszą, dostępną w spisie wersję skryptu i kliknij +Dodaj.
Wybierz domenę, na której chcesz zainstalować skrypt. Jeśli masz jedną, domyślnie pojawi się w okienku. Ścieżkę pozostaw pustą, chyba, że chcesz zainstalować WordPressa w innej lokalizacji (jeśli, np. na stronie głównej masz forum, a blog będzie tylko dodatkiem). Wciśnij Dodaj.
Zachowaj informacje zawarte w pierwszej żółtej ramce. Będą ci potrzebne do skonfigurowania skryptu. By przejść do tejże konfiguracji, kliknij adres swojej strony.
Przeczytaj tekst i wciśnij Zaczynajmy!
Wpisz ustawienia stworzonej bazy danych. Poniższy obrazek pokazuje, które dane przyporządkować do poszczególnych pól. Kliknij Wyślij.
Wciśnij Uruchomienie instalacji.
Wpisz dane dostępu do panelu administracyjnego WordPressa, po czym wciśnij Zainstaluj WordPressa.
Kliknij Zaloguj się.
Wypełnij formularz logowania i kliknij Zaloguj się.
Gotowe! Znalazłeś się w kokpicie.
Sprawdź skrzynkę mailową, której adres podałeś w konfiguracji WordPressa. Znajdziesz w niej wiadomość o nazwie użytkownika oraz link logowania do panelu admina.
Czytaj dalej
Szablon stworzony z przez Blokotka. Wszelkie prawa zastrzeżone.