by VIKTOR HANACEK

Jedan od načina da izgled svog bloga učinite atraktivnijim je promena šablona. Na internetu možete pronaći veliki izbor besplatnih šablona ili ih možete kupiti za nekoliko dolara, izbor je na vama.

Sam postupak promene šablona je jednostavan i ne bi trebalo da vam stvori nikakav problem. Ako imate bilo kakve nedoumice u pogledu samog postupka promene i prilagođavanja šablona vašem blogu, predlažem vam da kreirate jedan test blog na vašem Blogger nalogu. Na test blogu kreirajte nekoliko postova, najbolje sa vašim slikama i neka to bude  mesto gde možete isprobati sve promene pre nego ih primenite na vašem blogu.

Najviše vremena će vam oduzeti pronalaženje odgovarajućeg šablona. Gooyaabi Templates je mesto sa velikim izborom šablona i forumom za korisnike gde možete pronaći odgovore na sva vaša pitanja vezana za promenu i prilagođavanje šablona.

Kao pokazni primer uzela sam Winters šablon koji možete preuzeti ovde. U gornjem desnom uglu je opcija za besplatno preuzimanje.

Raspakujte zipovani fajl koji ste preuzeli.

1. Otvorite folder "Documentation" a unutar foldera HTML dokument "index"i prikazaće vam se kompletno uputstvo za instalaciju i uređivanje Winters šablona. Ovakav dokument uvek dolazi uz šablon i obavezno ga pročitajte, nisu svi šabloni urađeni na isti način.

2. XML dokument prevucite na radnu površinu radi lakšeg snalaženja.

Ispratite korake 3 i 4.

5. Odaberite XML dokument koji ste sačuvali na radnoj površini u 2. koraku.

6. Otpremanjem dokumenta završavate promenu šablona.

Pre promene šablona uvek napravite rezervnu kopiju prethodnog ako niste sigurni kako, pogledajte ovde

Novi šablon je potrebno urediti, krećemo od menija. Za uređivanje menija potrebno je da osmislite njegov izgled. Pripremite linkove koji treba da vode do određene kategorije iz menija, npr. vaš meni ima sledeće kategorije beauty, o blogu, kontakt... svi postovi koji treba da se nadju u kategoriji beauty treba da nose istu oznaku ili label, u ovom slučaju beauty, i link bi trebalo da izgleda ovako:

http://vašblog.blogspot.com/search/label/beauty

link do stranica trebalo bi da izgleda ovako:

 http://vašblog.blogspot.com/p/kontakt.html

Proverite vaše linkove i unapred ih pripremite u nekom od programa za uređivanje teksta  da bi ih kasnije lakše kopirali u šablon.

Za izmene šablona u HTML-u ispratite korake 7 i 8 i otvara vam se HTML bloga.

Bilo gde unutar HTML polja kliknite mišem a zatim  CTRL+F (držeći pritisnut taster CTRL pritisnete taster F na tastaturi) i u gornjem desnom uglu označenom strelicom i brojem 9 pojaviće se polje za pretragu. U navedeno polje unesite jednu od kategorija iz postojećeg menija (meni je rabbits iz jednog od padajućih menija bio karakterističan) i pritisnite enter. Pretraga će vas odvesti do dela gde se nalazi kod za meni. Promenite nazive u meniju svojim nazivima i unesite vaše linkove umesto znaka # . Delove menija koje ne želite možete obrisati. Ukoliko su vam potrebne dodatne kategorije u meniju možete ih dodati kopiranjem postojećih. Na sledećoj slici su različitim bojama prikazani delovi menija radi vašeg lakšeg snalaženja prilikom brisanja. Na primer želite da obrišete Categories, brišete sve označeno plavom bojom.

Kada ste završili sa uređivanjem menija, prelazimo na uređivanje ikona za društvene mreže. U polje za pretragu unesite npr. bloglovin i pretraga će vas odvesti do sledećeg koda:

Na slici je označeno gde treba obrisati link za FB i umesto njega unesite link do vaše FB strane. Isto učinite i za druge mreže koje koristite. Mreže koje ne koristite obrišite. Na sledećoj slici je različitim bojama prikazano koji deo brišete kada želite neku od mreža da uklonite a u okviru svakog dela crnom bojom je označen deo koji menjate svojim linkom.

Kada ste završili i sa ovim izmenama idete na opciju 10 sačuvaj šablon. Ukoliko ste napravili neku grešku dobićete upozorenje crvenim slovima,  dovoljno je da kliknete na opozovi promene.

Kada ste izvršili ove promene, uredite Header widget na način koji želite. Tu je i Follow widget u koji unosite kod koji se nalazi u folderu Widget u Zip fajlu sa početka posta.

Ukoliko i dalje imate bilo kakvih problema sa izmenom šablona ostavite komentar na ovaj post ili me kontaktirajte putem kontakt forme ovde.

U jednom od narednih postova ukratko ću vam objasniti osnove HTML-a i CSS-a i onda će vam sve biti mnogo jasnije i lakše.

by VIKTOR HANACEK

Uložili ste dane i sate kreirajući sadržaj na svom blogu, utrošite još jedan minut vremena i napravite backup bloga. Možda Vam se ovaj korak čini nepotrebnim, ali ako Vam ikad zatreba bićete srećni što što ga imate.
Backup svih postova i komentara radite na sledeći način: podešavanja -> drugo->izvezi blog što će pokrenuti download kopije na hard disk u Atom (XML) formatu.
Ovaj postupak bi trebalo raditi posle svakog novog posta.
Ukoliko menjate šablon bloga i ne svidi Vam se kako Vaš blog izgleda sa novim šablonom, nećete moći da se vratite na stari izgled ukoliko nemate njegovu kopiju. Zato uradite i backup šablona na sledeći način: kontrolna tabla- >šablon -> pravljenje rezervne kopije/vraćanje-> preuzmi kompletan šablon, preuzeće te kompletan šablon u XML formatu na hard disk.
Ceo postupak možete videti i u videu.

 by Viktor Hanacek

Prvi utisak o blogu čitalac stiče na osnovu njegovog izgleda,  uz malo truda možete znatno uticati na prve impresije vaših posetilaca. 

Dobro izbalansiran odnos između belog prostora i ostalih elemenata bloga (sajta) je osnova dobrog dizajna. Suština belog prostora je što on odmara oči čitaoca.

Izbor fonta, njegova boja i veličina moraju da omoguće laku čitljivost sadržaja.

Radite na organizaciji bloga, grupišite sadržaj u kategorije i omogućite lakšu navigaciju. Mnogo dodataka u Sidebar-u deluje neuredno, mnogi ne služe ničemu osim što smanjuju brzinu učitavanja bloga. Duplirane dodatke, one koji su nepotrebni, uklonite. Razni iskačući prozori koji pozivaju posetioce da lajkuju vaš blog na nekoj od društvenih mreža u suštini ih samo rasteruju.
Daću vam par primera šta možete da uradite brzo i lako a može pozitivno uticati na izgled bloga.
1. Uklonite nepotrebne dodatke
2. Ako ste na Blogger platformi isključite obavezno Blogger NaviBar, on ne deluje ni malo privlačno. Isključujete ga čekiranjem mesta označenog crvenom strelicom  na slici.

3.Zamenite favicon ikonu (ikona omiljenog) Bloggera ili WP-a (crvena strelica br.1) svojom (crvena strelica br.2).

Favicon može biti vaš logo ili njegov deo smanjen na kvadrat veličine 16x16 pixela. Možete koristiti bilo koji editor slika. Za Blogger pratite sledeće korake:
dashboard->layout->gornji levi ugao kao što je prikazano na slici->izmeni

U prozoru koji vam se otvorio opcija odaberite datoteku->sačuvaj.

Za Wordpress Settings > General > Site Icon i učitajte vaš favicon.

Ovo bi bio prvi deo posta a drugi će biti posvećen promeni kompletnog šablona.

Freshly Baked Homemade Muffins by VIKTOR HANACEK

Pre nego pređemo na detaljno objašnjenje kako postaviti informacije o kolačićima na blog, za one koji su nesigurni u baratanju HTML-om prvo nekoliko uvodnih koraka. Napravite rezervnu kopiju bloga na sledeći način:




Blogger Dashboard- >1.->šablon -> 2.- >pravljenje rezervne kopije/vraćanje-> 3.->preuzmi kompletan šablon (preuzeti šablon upamtite gde želite na računaru)

Za povratak upamćenog šablona ili uvoz novog ispratite sledeće korake:

Blogger Dashboard- >1.->šablon -> 2.- >pravljenje rezervne kopije/vraćanje-> 4.->odaberi datoteku (locirajte XML datoteku šablona na svom računaru)->5.->otpremi.

Ukoliko izvršite neku pogrešnu promenu u HTML-u bloga neće se desiti ništa strašno. Nakon pokušaja da sačuvate promenu 1. sačuvaj šablon dobićete obaveštenje crvenim slovima šta nije u redu, na slici označeno crvenom strelicom. Jedino što je potrebno da uradite je da kliknete na oznaku 2, opozovi promene i sve će biti vraćeno na staro.

Sada pošto više nema straha od čeprkanja po HTML-u idemo na kolačiće.
Prvo napravite stranicu, ne post,  kojom upoznajete posetioce o kolačićima koje prikuplja Vaš blog. To su uglavnom Google kolačići ukoliko ste na Bloggeru. Kod mene to izgleda ovako .  Potražite slične informacije i na drugim mestima i oblikujte svoj tekst. Upamtite lokaciju stranice, što bi trebalo da izgleda ovako: http://adresavašegbloga/p/nazivstranice.html
Sledeći korak je odlazak na web stranicu Cookieassistant putem  linka gde će biti kreiran Vaš widget. Da bi kreirali widget pratite sledeća uputstva:

U polje 1 unesite web adresu Vašeg bloga. U polju 2 iz padajućeg menija izaberite dizajn Vašeg widgeta. U gornjem desnom uglu označenog crvenom strelicom pratite kako bi odabrani dizajn izgledao. U polju 3 izaberite položaj gde želite da se pojavi pop-up prozor na blogu. Polja 4,5,6 i 7 možete ostaviti sa tekstom na engleskom ili ih prevesti. U polje 8 unosite adresu stranice sa informacijama o kolačićima koju ste napravili. U polje 9 Vaš mail. Na kraju idete na plavo polje Create Widget i dobijate kod Vašeg Widgeta.

Kod iz plavog polja označenog crvenom strelicom (isti će Vam stići i putem maila) kopirate u HTML bloga na sledeći način:

Blogger Dashboard- >1.->šablon -> 2.- >Izmeni HTML

Unutar HTML polja kliknite mišem a zatim komandu CTRL+F (držeći pritisnut taster CTRL pritisnete taster F na tastaturi) u gornjem desnom uglu označenim strelicom i brojem 1 pojaviće se polje za pretragu. U navedeno polje unesite tag </body> i pretraga će Vas odvesti do traženog taga i biće označena žutom bojom kao što je prikazano na slici - crvena strelica sa oznakom 2.
Kliknite mišem na kraj reda koji se nalai iznad ovog taga i pritisnite enter da bi otišli u novi red i tu iskopirajte kod koji ste dobili. Vodite računa da je kod iskopiran u celosti.

Deo označen crvenom strelicom pokazuje mesto gde je iskopiran kod. Poslednji korak je označen brojem 1, klikom na označeno polje, sačuvaj šablon, završavamo kreiranje ovog widgeta.
Upamtite broj reda od kog počinje uneti kod u Vašem HTML-u u slučaju da želite da ga uklonite, odnosno obrišete. Kod brisanja taga, ukoliko ostane prazno polje, u radu HTML-a to ništa ne menja.
Nadam se da Vam je ovaj tutorijal bio od koristi i da je pokazao da promene u HTML-u nisu bauk.