tag:blogger.com,1999:blog-56354180073146606542024-02-19T04:45:38.119+01:00Prophoto - szablon dla fotografaProPhoto Blogspot - profesjonalny szablon na fotobloga.Arkadiusz Narowskihttp://www.blogger.com/profile/02294557651805612092noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-5635418007314660654.post-67620845400359615402017-03-20T20:47:00.000+01:002017-05-20T00:25:44.754+02:00Elastyczny szablon na portfolio fotograficzne<b>Idzie lepsze! Przygotuj się na nowoczesne szablony na bloggera!</b> Cztery lata to bardzo dużo jeżeli chodzi o strony www i design. W tym czasie wiele się zmieniło. Dzisiaj sporo osób przegląda internet na komórkach i laptopach (oraz innych urządzeniach przenośnych jak np. tablety) korzystając z internetu mobilnego. Warto zatem zadbać o to żeby nasza strona miała <a href="http://forum.blogowicz.info/topics114/czy-twoj-blog-i-szablon-jest-mobile-friendly-elastyczny-vt8968.htm" target="_blank">elastyczny szablon, dostosowujący się szerokością do ekranu</a>, na którym jest wczytywana i szybko działała.<br />
Przeglądając <a href="http://forum.blogowicz.info/topics105/czy-i-gdzie-mozna-kupic-szablon-na-blogspota-vt8868.htm" target="_blank">katalogi z gotowymi wyglądami na blogspota</a> miej na uwadze kilka ważnych kwestii:<br />
<ul>
<li>czytelność </li>
<li>wsparcie techniczne</li>
<li>szablon robiony niedawno (bo im starszy, tym gorzej jeżeli chodzi o kod źródłowy)</li>
<li>możliwość modyfikowania podstawowych elementów wyglądu</li>
<li>możliwość zarządzania gadżetami</li>
<li>wygląd dopasowany do tematyki Twojego bloga (na kulinarnych fotoblogach ważniejsze są zdjęcia a lifestyle stawia na treść)</li>
<li>mobile friendly (czyli przyjazność komórkom)</li>
<li>dobry wynik w narzędziach do testowania prędkości strony</li>
<li>umiarkowana liczba efektów / "wodotrysków"</li>
</ul>
Jak łatwo zauważyć na tym szablonie kilka elementów nie działa (brakuje rotatora zdjęć, elastyczności, niektóre posty nie pokazują zawartości). Jest to jedna z moich testowych skórek, dzięki którym poznawałem możliwości bloggera. Robiłem ją dawno temu. Dzisiaj potrafię zrobić o wiele więcej na blogspocie, nowocześniejszymi metodami. Zmiany przeprowadzane od zewnątrz i wewnątrz (kod źródłowy) przez ekipę bloggera pozwalają obecnie zaszaleć wręcz z designem. <b>Już nie trzeba zmieniać platformy by uzyskać wymarzony wygląd. Zajrzyj do mojego portfolio na <a href="http://weblove.pl/projekty/szablony-blogger-blogspot/" target="_blank">weblove.pl</a></b> prezentuję tam wybrane, polskie i zagraniczne, nietypowe wyglądy blogów, fotoblogów i stron działających na darmowej platformie google. Każdy z indywidualnych szablonów blogowych ma pełną pomoc techniczną nawet przez rok.Arkadiusz Narowskihttp://www.blogger.com/profile/02294557651805612092noreply@blogger.com0tag:blogger.com,1999:blog-5635418007314660654.post-69240360148471359212013-01-18T23:26:00.000+01:002017-03-20T20:54:03.437+01:00Profesjonalny szablon na fotobloga (blogspot, fotolog, wordpress)Skórkę można dopasować wizualnie do własnych potrzeb.<br />
Szablon zawiera:<br />
<ul>
<li>rotator zdjęć (dowolnej wielkości, publikowane w albumach Picasa w ramach konta Google) w nagłówku</li>
<li>rozwijane menu (wielopoziomowe), w którym można umieścić linki do podstron bloga, kategorii (wybranych etykiet) i zewnętrznych stron</li>
<li>dolny panel z gadżetami (1, 2, 3 lub 4 kolumny), które da się uzupełniać w zakładce Układ (Blogger)</li>
<li>możliwość zmiany koloru tła lub wstawienia obrazka</li>
<li>możliwość zmiany kolorystyki pola wpisów, tekstu, linków itp.</li>
<li>możliwość dopasowania wyglądu wpisów</li>
<li>możliwość dopasowania szerokości strony do zdjęć: 900px, 960px, 980px (lub innych)</li>
<li>wysuwany boks Facebook z Twoim Fanpage (z prawej lub lewej strony)</li>
<li>przyciski "lubię to" pod każdym wpisem </li>
</ul>
Opcjonalne dodatki:<br />
<ul>
<li>podobne posty z miniaturami pod każdym postem (mogą pojawiać się tylko na podstronie).</li>
<li>inne przyciski społecznościowe (Google+, Twitter itp.)</li>
<li>podpięcie domeny pod bloga</li>
<li>utworzenie galerii zdjęć na podstronach (wtedy blog może służyć także jako portfolio)</li>
</ul>
Serwisy blogowe:<br />
<ul>
<li>Ownlog.com / Fotolog.pl</li>
<li>Blogger.com (blogspot) - dobry wybór</li>
<li>WordPress (na własnym serwerze i domenie) - najlepszy wybór</li>
</ul>
<ul>
</ul>
Jeżeli interesuje Cię taki szablon zapraszam do współpracy: <a href="http://weblove.pl/" target="_blank">weblove.pl </a>Arkadiusz Narowskihttp://www.blogger.com/profile/02294557651805612092noreply@blogger.com3tag:blogger.com,1999:blog-5635418007314660654.post-40185428556742565542013-01-14T19:50:00.001+01:002017-05-20T00:33:34.443+02:00Post ze zdjęciami 900px<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.instagram.com/p/BJ_DkC1DMmj/?taken-by=photolovepl" target="_blank"><img alt="https://www.instagram.com/p/BJ_DkC1DMmj/?taken-by=photolovepl" border="0" src="https://instagram.fwaw3-1.fna.fbcdn.net/t51.2885-15/e35/14280565_628247444011914_2117074318_n.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Przykład wpisu ze zdjęciami 900px prezentowanymi jedno pod drugim (wyśrodkowane). W tej chwili szablon jest dopasowany do prezentowania ich w takim rozmiarze. Marginesy boczne wynoszą po 40px, zatem cały blog ma szerokość 980px. Tyle samo co zdjęcia w rotatorze, które dodajemy w Picasa Web Albums prosto ze swojego dysku twardego a logujemy się tam za pomocą tych samych danych co do panelu Blogger.com. Warto wrzucać w slider fotki panoramiczne żeby nie zasłaniały zbyt wiele ekranu. Może to przeszkadzać przy przeglądaniu wpisów na blogu.</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: left;">
Uwaga: Nie ma limitu szerokości i równie dobrze wpis może zawierać fotki nawet powyżej 1200px. Wystarczy w ustawieniach zmienić szerokość strony i zaktualizować pokaz slajdów, wgrywając odpowiednio szersze fotki. Trzeba jednak uważać by nie przesadzić, ponieważ nie każdy ma rozdzielczości większe niż 1280 a duże zdjęcia potrafią się bardzo długo ładować na słabszych łączach.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.instagram.com/p/BJxRcR7jK0c/?taken-by=photolovepl" target="_blank"><img alt="https://www.instagram.com/p/BJxRcR7jK0c/?taken-by=photolovepl" border="0" src="https://instagram.fwaw3-1.fna.fbcdn.net/t51.2885-15/e35/14033536_1779683265636118_1245621047_n.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.instagram.com/p/9Tv8cgLmRw/?taken-by=photolovepl" target="_blank"><img alt="https://www.instagram.com/p/9Tv8cgLmRw/?taken-by=photolovepl" border="0" src="https://instagram.fwaw3-1.fna.fbcdn.net/t51.2885-15/e35/12106071_472808366259403_264393327_n.jpg" /></a></div>
<div style="text-align: center;">
zdjęcia pochodzą z <i>instagram.com/photolovepl</i> i są moją własnością.</div>
Arkadiusz Narowskihttp://www.blogger.com/profile/02294557651805612092noreply@blogger.com9tag:blogger.com,1999:blog-5635418007314660654.post-28652811113211968582013-01-13T20:31:00.000+01:002013-02-12T19:53:36.155+01:00[foto] Wygląd bloga<div style="text-align: left;">
Skórka posiada kilka podstawowych opcji dostępnych z panelu Bloggera w dziale Szablon -> Dostosuj. Można ustalić kolor lub obraz tła, kolory tekstu, szerokość szpalty na zdjęcia. W stopce znajdują się trzy kolumny (można to zmienić i ustawić jedną, dwie lub cztery), do których da się zainstalować różnego rodzaju gadżety: statystyka (licznik odsłon), archiwum, wyszukiwarka, lista etykiet lub stron, linki zewnętrzne a także skrypty (w widżecie HTML/Javascript) - jak np. najnowsze wpisy z Facebooka i Twittera.</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9WHmU2ol3waAgHNjFTdMRvqW6gV2h-Okg62Hbt1AsX-KEEi6xyx96ReITa3U_AlZKTvWfiyAnsR3Ths3YnOOBNhTnuUxcQyQ7Tm5DoF3mDbf1HN8FrqukBG4cg2Y_-V4ICAaWL6P4p9hyphenhyphen/s1600/martynka.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9WHmU2ol3waAgHNjFTdMRvqW6gV2h-Okg62Hbt1AsX-KEEi6xyx96ReITa3U_AlZKTvWfiyAnsR3Ths3YnOOBNhTnuUxcQyQ7Tm5DoF3mDbf1HN8FrqukBG4cg2Y_-V4ICAaWL6P4p9hyphenhyphen/s1600/martynka.jpg" /></a></div>
<a name='more'></a></div>
<div style="text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFvQS74_v8FXiDCCGZzqqIgaVfthVq64FTeLjx8cKQpNQdibj9w_FZ8nwix_jkC9Mueku6ugxx9yGpn51nneIAFYgv6kT6pmVHpZOjANrEOefVT3rGTo02eZzU0ZD-ihKzHrcvFQ_QiTTi/s1600/martyna2.jpg" /><br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ66KGf_cf3qzEJvGeHvXzNWO1zJKtkUzt8OT41hQwA5w0GtxqDi6IwdBbNMZm50Jzl-xRIAhA6uqY5sRghyphenhyphen3PqEa6ABfRtKrw0MSX2Dh3j13V2dH3BTd677z_jKi3ZZHAv0GYuTKVNb5v/s1600/martyna.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ66KGf_cf3qzEJvGeHvXzNWO1zJKtkUzt8OT41hQwA5w0GtxqDi6IwdBbNMZm50Jzl-xRIAhA6uqY5sRghyphenhyphen3PqEa6ABfRtKrw0MSX2Dh3j13V2dH3BTd677z_jKi3ZZHAv0GYuTKVNb5v/s1600/martyna.jpg" /></a>
</div>
</div>
Arkadiusz Narowskihttp://www.blogger.com/profile/02294557651805612092noreply@blogger.com0tag:blogger.com,1999:blog-5635418007314660654.post-58140808581344848152012-12-12T19:51:00.000+01:002013-02-12T19:21:52.244+01:00tytuł posta z bardzo długim tytulem, który zawiera także cyfry 1234567890 i znaki !? - ~ * % $ / " # @ , .Wpisy na blogu mogą wyglądać dowolnie. To tylko przykład, gdzie data pokazywana jest w postaci
kalendarza a po jej prawej stronie znajduje się tytuł. Na dole posta
jest stopka z przyciskiem "lubię to" (udostępnij) oraz link do komentarzy wraz z ich liczbą. Jeżeli potrzebujesz zamieścić bardzo dużo zdjęć - a jednocześnie skrócić czas ładowania podstron w momencie przeglądania listy postów - możesz skorzystać z opcji tworzenia wypisów. Wystarczy dodać 1-3 zdjęcia a potem kliknąć w ikonę "wstaw zwijanie tekstu". W ten sposób powstanie linia oddzielająca wstęp od pełnego posta. Po opublikowaniu pod zdjęciami pojawi się przycisk "czytaj dalej" (dowolna nazwa ustalana w Układ -> posty w blogu -> edytuj -> Tekst linku do strony z postem.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYYbcLH1YkDYjPEWVwH9L4Na0EhWOt-iNx7zqPlt47bM1vnyY_uBZA6a_VYAC8s1zzrSLxFRZ-kUOJzlkwjFL51_wvr4rkNs9MV_zSsz_1Xyn0-rxZuluhjlD8DL0F_CHu6yJR0mXOgY9/s1600/martyna4.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYYbcLH1YkDYjPEWVwH9L4Na0EhWOt-iNx7zqPlt47bM1vnyY_uBZA6a_VYAC8s1zzrSLxFRZ-kUOJzlkwjFL51_wvr4rkNs9MV_zSsz_1Xyn0-rxZuluhjlD8DL0F_CHu6yJR0mXOgY9/s1600/martyna4.jpg" /></a></div>
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://htsz.pl/fotolog/martyna5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://htsz.pl/fotolog/martyna5.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Arkadiusz Narowskihttp://www.blogger.com/profile/02294557651805612092noreply@blogger.com0tag:blogger.com,1999:blog-5635418007314660654.post-67979867008733375912011-12-06T21:53:00.001+01:002013-02-12T18:21:09.843+01:00Polskie znaki zażółć żółcią gęślą jaźń<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhypbDh4Fi_Hn04Wk7Gspl4BYZInGvXfHBoiK7IFr1vFYLQZO6r0X8U-flbQUN2VtfMMlnhPx4E1zCc10vNoPFAsLeQYeyQ9meFCP4rzOL670GdMfIWLzJTVIEuCKlk8zcI83WHa6VHnMKg/s1600/711a.jpg" /></div>
Szablon może korzystać z różnych rodzajów czcionek. Wystarczy wybrać jedną z dostępnych na <i>Google Web Fonts</i> i zastosować. Należy zwrócić uwagę na polskie znaki, ponieważ nie wszystkie niestandardowe fonty je posiadają. Nie powinno się również stosować zbyt wielu różnych krojów na jednej stronie. Spowolni to ładowanie się podstron i może nie wyglądać dobrze na blogu.Arkadiusz Narowskihttp://www.blogger.com/profile/02294557651805612092noreply@blogger.com3tag:blogger.com,1999:blog-5635418007314660654.post-35561706560055041922011-10-24T19:31:00.000+02:002013-02-12T19:40:58.102+01:00ProPhoto BlogWitaj na stronie szablonu dla fotografów - tych profesjonalnych, ale także amatorów. Wiele osób poszukuje prostej skórki na swojego bloga, więc postanowiłem przygotować coś co powinno spełnić oczekiwania większości. Zapraszam na stronę główną. W nowszych wpisach znajdziesz informacje na temat tego motywu a także możliwości jego rozbudowania. Być może to właśnie będzie Twój <i>idealny szablon na fotobloga</i>.Arkadiusz Narowskihttp://www.blogger.com/profile/02294557651805612092noreply@blogger.com0