tag:blogger.com,1999:blog-45745394076255421802024-03-18T21:53:13.396-07:00Skola Tutorijala - School of TutorialsTutorials about PHP, MySQL, HTML/HTML5, CSS, SEO, GIMP.School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.comBlogger230125tag:blogger.com,1999:blog-4574539407625542180.post-34259834589775751912022-12-22T02:21:00.000-08:002022-12-22T02:21:28.091-08:00A list of tools for creating a website<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;">A list of tools for creating a website that I use divided into the following categories:</span></h3>
<ol style="text-align: left;">
<li><span style="font-family: "georgia" , "times new roman" , serif;">for selecting a colors </span></li>
<li><span style="font-family: "georgia" , "times new roman" , serif;">for capturing screen</span></li>
<li><span style="font-family: "georgia" , "times new roman" , serif;">for making additional elements for website </span></li>
<li><span style="font-family: "georgia" , "times new roman" , serif;">for compressing files</span></li>
<li><span style="font-family: "georgia" , "times new roman" , serif;">for converting images </span></li>
<li><span style="font-family: "georgia" , "times new roman" , serif;">for resizing browser window</span></li>
</ol>
<span style="font-family: "georgia" , "times new roman" , serif;">1. For selecting a colors </span><br />
<ul style="text-align: left;">
<li><span style="font-family: "georgia" , "times new roman" , serif;">online = <a href="https://www.webpagefx.com/web-design/color-picker/" target="_blank">ColorPicker</a>, </span></li>
</ul>
<span style="font-family: "georgia" , "times new roman" , serif;">2. For capturing screen</span><br />
<ul style="text-align: left;">
<li><span style="font-family: "georgia" , "times new roman" , serif;">desktop = <a href="https://app.prntscr.com/en/download.html" target="_blank">LightShot</a></span></li>
<li><span style="font-family: "georgia" , "times new roman" , serif;">online = <a href="https://addons.mozilla.org/en-US/firefox/addon/fireshot/" target="_blank">FireShot</a> (full web page screenshots), Nimbus Screen Capture</span></li>
</ul>
<span style="font-family: "georgia" , "times new roman" , serif;">3. For making additional elements for website - such as, making simple banners, images for posts </span><br />
<ul style="text-align: left;">
<li><span style="font-family: "georgia" , "times new roman" , serif;">desktop = <a href="https://www.gimp.org/" target="_blank">GIMP</a></span></li>
<li><span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: "georgia" , "times new roman" , serif;">online = </span><a href="https://pixlr.com/editor/" target="_blank">pixlr</a></span></li>
</ul>
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: "georgia" , "times new roman" , serif;">4. F</span><span style="font-family: "georgia" , "times new roman" , serif;">or compressing files</span></span><br />
<ul style="text-align: left;">
<li><span style="font-family: "georgia" , "times new roman" , serif;">online = <a href="https://tinyjpg.com/" target="_blank">tinyjpg</a> and <a href="https://tinypng.com/" target="_blank">tinypng</a>, (for images)</span></li>
<li><span style="font-family: "georgia" , "times new roman" , serif;">online = <a href="https://smallpdf.com/compress-pdf">smallpdf</a> (for pdf files)</span></li>
</ul>
<div>
<span style="color: cyan; font-family: "georgia" , "times new roman" , serif;"><a href="https://skolainternetmarketinga.wordpress.com/2017/08/27/why-its-important-to-compress-images/">Why It’s Important to Compress Images?</a></span></div>
<div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: "georgia" , "times new roman" , serif;">5. F</span><span style="font-family: "georgia" , "times new roman" , serif;">or</span><span style="font-family: "georgia" , "times new roman" , serif;"> </span><span style="font-family: "georgia" , "times new roman" , serif;">converting images</span></span><br />
<ul style="text-align: left;">
<li><span style="font-family: "georgia" , "times new roman" , serif;">online = <a href="http://png2jpg.com/" target="_blank">png2jpg</a>, <a href="https://image.online-convert.com/convert-to-jpg" target="_blank">online-convert</a></span></li>
</ul>
<div>
<span style="font-family: "georgia" , "times new roman" , serif;">6. For resizing window</span></div>
<div>
<span style="font-family: "georgia" , "times new roman" , serif;">ResizeIT (<a href="https://addons.mozilla.org/en-US/firefox/addon/resizeit/">firefox</a>, <a href="https://chrome.google.com/webstore/detail/resizeit/pdoloplkhphglcfbofpacfopoomahoka">chrome</a>)</span></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">7. For web development</span><br /><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">HTML</span></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: "georgia" , "times new roman" , serif;">CSS</span></div><div dir="ltr" style="text-align: left;" trbidi="on"><span style="font-family: "georgia" , "times new roman" , serif;">WordPress</span><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
</div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-43313275561228254042021-11-28T18:52:00.006-08:002021-11-28T19:44:31.474-08:00Kako dodati precice na chrome pocetnu stranicu? (How to add shortcuts to chrome homepage?)<p><span style="font-family: georgia;">Za Aleks :) </span></p><p><span style="font-family: georgia;">Kako dodati precice (shortcuts) za Windows 7 (64) i Chrome (verzija 96.0.4664.45).</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsByvUnx39GmVo500ozD5w6PFEsOyaXjFA2ZFpeNae5-UEdU7fz50e5ob99-rDHR-fC1OHIc8-DFaHKxXBiJgxVQndQ-ixTx3sNpT50yOJGypO2_TFoyHQyRkO1EKCJaQZH3aCDmYkCiE/s560/bookmarks-shortcuts-chrome-01.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="259" data-original-width="560" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsByvUnx39GmVo500ozD5w6PFEsOyaXjFA2ZFpeNae5-UEdU7fz50e5ob99-rDHR-fC1OHIc8-DFaHKxXBiJgxVQndQ-ixTx3sNpT50yOJGypO2_TFoyHQyRkO1EKCJaQZH3aCDmYkCiE/w200-h93/bookmarks-shortcuts-chrome-01.jpg" width="200" /></span></a></div><p><span style="font-family: courier;">Napomena 1: podrazumevani klik (kliknuti) znaci - jedan klik na levo <b><span style="color: #04ff00;">dugme</span></b> na misu. Ako je neki drugi klik u pitanju, bice striktno navedeno koji.</span></p><p><span style="font-family: courier;">Napomena 2: sve slike su postavljene u maloj velicini. Kliknuti na sliku i slika ce biti veca, </span></p><p><span style="font-family: courier;">Primer: uvecana slika sa drugog clanka sa bloga. </span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlc-pnlepBw8A7HmLm_xAxIQ-A6PSCnM3wy672vld-XV93lbGr06tHxqBYIKDrX5vz2_2fsCygwyH-FBvEBb1ucsA2qkeWdZ9SojELfPRnDXo18HR8p3IGTUzWCDkI_Fq2aUCqf4SAz4/s1145/bookmarks-shortcuts-chrome-00.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: courier;"><img border="0" data-original-height="693" data-original-width="1145" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlc-pnlepBw8A7HmLm_xAxIQ-A6PSCnM3wy672vld-XV93lbGr06tHxqBYIKDrX5vz2_2fsCygwyH-FBvEBb1ucsA2qkeWdZ9SojELfPRnDXo18HR8p3IGTUzWCDkI_Fq2aUCqf4SAz4/w200-h121/bookmarks-shortcuts-chrome-00.jpg" width="200" /></span></a></div><p><span style="font-family: courier;">Takodje, mozete pogledati sve slike koje se nalaze u tom clanku, klikom na slicice koje se nalaze ispod velike slike.</span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJ7Tmmguy7XWfd5xLlaOxmBrikdjUVVNfLsNjF2vj_ctOLEJjb_aKKdd9PZ8n1iPjUTADBFy4SGpbbMkre6w4dRBefb6BmBN4efb16visB18w06ISsjXtusG_Ar4pZDZ-1FNO-ee8OZM/s1117/bookmarks-shortcuts-chrome-000.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: courier;"><img border="0" data-original-height="696" data-original-width="1117" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJ7Tmmguy7XWfd5xLlaOxmBrikdjUVVNfLsNjF2vj_ctOLEJjb_aKKdd9PZ8n1iPjUTADBFy4SGpbbMkre6w4dRBefb6BmBN4efb16visB18w06ISsjXtusG_Ar4pZDZ-1FNO-ee8OZM/w200-h124/bookmarks-shortcuts-chrome-000.jpg" width="200" /></span></a></div><p><span style="font-family: georgia;"></span></p><p><span style="font-family: courier;">Da zatvorite ovu sliku, kliknite na belo slovo X u kvadraticu, u gornjem desnom uglu, na crnoj pozadini.</span></p><p><span style="font-family: georgia;">1) Pokrenuti Gugl Chrome.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaCbu3ARErkrBpja33UnXMdSYL4sBdur0YZEmKt-xip-qU7fyBf0jooMKfM3S5bzSK-Zd8agx07NkkHYcNXjvsnoDaRU0PX7Ot3I0BmaJi0SvJd3aoBathc2GkOqoDSK64s25Y0vxxKLE/s758/bookmarks-shortcuts-chrome-02.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="758" data-original-width="87" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaCbu3ARErkrBpja33UnXMdSYL4sBdur0YZEmKt-xip-qU7fyBf0jooMKfM3S5bzSK-Zd8agx07NkkHYcNXjvsnoDaRU0PX7Ot3I0BmaJi0SvJd3aoBathc2GkOqoDSK64s25Y0vxxKLE/w37-h320/bookmarks-shortcuts-chrome-02.jpg" width="37" /></span></a></div><p></p><p><span style="font-family: georgia;">2) U donjem, desnom uglu Chrome pretrazivaca kliknuti na link "Prilagodite Chrome".</span></p><p><span></span></p><a name='more'></a><span style="font-family: georgia;"><br /></span><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ7QxdOom7clPyE0bA2JAbOznTQG8gDK1eWDr0Xifdow3igUPsJtnDkSZOSzCv9MeBcdO_97Hez9dnwucnKwurBurDdbY7v4FsiMsI9jGrQSx08qQFWh6yzBt6yi4iQAWQBGr4inUc7NM/s969/bookmarks-shortcuts-chrome-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="534" data-original-width="969" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ7QxdOom7clPyE0bA2JAbOznTQG8gDK1eWDr0Xifdow3igUPsJtnDkSZOSzCv9MeBcdO_97Hez9dnwucnKwurBurDdbY7v4FsiMsI9jGrQSx08qQFWh6yzBt6yi4iQAWQBGr4inUc7NM/w200-h110/bookmarks-shortcuts-chrome-03.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><p></p><p><span style="font-family: georgia;">3) Otvorice se plutajuci panel.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlMkvdgOQcobezBjQujGdKSs2JWAPvU4mXcyMJcFJClMBY9v7RABofQ7i2aghg1Ypz_CRzlM1p5JtzncO_IoAGFeBAjpajNbECidhY4Mevyyb0lEBgecBibwq6P0k2PB8GEM74R37FaU/s1005/bookmarks-shortcuts-chrome-04.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="650" data-original-width="1005" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlMkvdgOQcobezBjQujGdKSs2JWAPvU4mXcyMJcFJClMBY9v7RABofQ7i2aghg1Ypz_CRzlM1p5JtzncO_IoAGFeBAjpajNbECidhY4Mevyyb0lEBgecBibwq6P0k2PB8GEM74R37FaU/w200-h129/bookmarks-shortcuts-chrome-04.jpg" width="200" /></a></div><p></p><p><span style="font-family: georgia;"><br />4) Sa leve strane kliknite</span><span style="font-family: georgia;"> na <b><span style="color: #ff00fe;">karticu</span></b> Precice.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcjin7ePPA9LnFUgUUOlsCei2mW6n4su57eJc5HqgDNYIN1Z6R_Kue__bGyFOOVqp4L3tXflR1P1i_iwTsKagh__DlzM5N6MM0zbIijAz-PonTk89XPRduznY4gXrHQXmEQy6CWZY7rro/s994/bookmarks-shortcuts-chrome-05.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="644" data-original-width="994" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcjin7ePPA9LnFUgUUOlsCei2mW6n4su57eJc5HqgDNYIN1Z6R_Kue__bGyFOOVqp4L3tXflR1P1i_iwTsKagh__DlzM5N6MM0zbIijAz-PonTk89XPRduznY4gXrHQXmEQy6CWZY7rro/w200-h129/bookmarks-shortcuts-chrome-05.jpg" width="200" /></a></div><p><span style="font-family: georgia;"><br /></span></p><p></p><p><span style="font-family: georgia;">5) Imacete dve opcije: <br /></span></p><ul><li><span style="font-family: georgia;">Opcija 1 - Moje precice (vi odredjujete precice) = <b>koraci od 5 do 11</b>, </span></li><li><span style="font-family: georgia;">Opcija 2 - Najposeceniji sajtovi (precice se predlazu na osnovu web sajtova koje cesto posecujete) = <b>koraci od 12 do 15</b>.</span></li></ul><p></p><p><span style="font-family: georgia;"> <u><b>Opcija 1 - </b></u></span><span style="font-family: georgia;"><b style="text-decoration-line: underline;">Moje precice (vi odredjujete precice)</b>.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUJhsCoK4YBOdQjA5UdpHQH6B3-Ae66ALc4pRqilheXO3QEXbfWIXc5xMLrSmk2TD8r8UH0H11_2tdUKaogEB8wfxoSkS8uYuj3CpxGejzrCObUdEUgbCyfF22VyXPIXlURpfI4f1PJM/s994/bookmarks-shortcuts-chrome-05.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="644" data-original-width="994" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUJhsCoK4YBOdQjA5UdpHQH6B3-Ae66ALc4pRqilheXO3QEXbfWIXc5xMLrSmk2TD8r8UH0H11_2tdUKaogEB8wfxoSkS8uYuj3CpxGejzrCObUdEUgbCyfF22VyXPIXlURpfI4f1PJM/w200-h129/bookmarks-shortcuts-chrome-05.jpg" width="200" /></a></div><div><span style="font-family: georgia;"><br /></span></div><p><span style="font-family: georgia;">Napomena 3: preskociti korak 5a) za dodavanje precice. Nastavak je u koraku 6).<br /></span></p><p></p><p><span style="font-family: georgia;">5a) <b><span style="color: #ffa400;">Polje </span></b>"Sakrij Precice" (ne prikazujte precice na ovoj stranici) je po standardnom podesavanju <b>ugaseno (u sivo)</b>. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiavj2G1Jv5oWZPMywQxDaJ7OnDGfZeWlYORpAfrHp7VrOfGcizFujxIZH0goQhN0NnXeHPIAnOR5K2Wp3eWaOw6vPSmT3PdsEIN9jAXhyphenhyphenvb92yPSIuDiySBLzetit6CPPQc2mjiUOGb4g/s1031/bookmarks-shortcuts-chrome-05a.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="645" data-original-width="1031" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiavj2G1Jv5oWZPMywQxDaJ7OnDGfZeWlYORpAfrHp7VrOfGcizFujxIZH0goQhN0NnXeHPIAnOR5K2Wp3eWaOw6vPSmT3PdsEIN9jAXhyphenhyphenvb92yPSIuDiySBLzetit6CPPQc2mjiUOGb4g/w200-h125/bookmarks-shortcuts-chrome-05a.jpg" width="200" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><p><span style="font-family: georgia;">Ako ukjucite ovu opciju <b>(u plavo) </b>vase precice nece biti vidljive na pocetnoj strani Chrome pretrazivaca; tj. ako nekada pozelite da nemate precice na pocetnoj strani Chrome-a ukljucite ovu opciju.<br /></span></p><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWRS-0bU-rx61k1chfV-OxtvS1RVi5cCDhcMMwvl_Qi94nhhPOx1Cm80Z7JGACgFhKUdPouDFbA4kxM7qAz73iDg3bvIe4eGPlw1NKjJrNIgCueDDoErBlBdjDU3G5nuiEEH9oU3NQvgM/s1024/bookmarks-shortcuts-chrome-05b.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="508" data-original-width="1024" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWRS-0bU-rx61k1chfV-OxtvS1RVi5cCDhcMMwvl_Qi94nhhPOx1Cm80Z7JGACgFhKUdPouDFbA4kxM7qAz73iDg3bvIe4eGPlw1NKjJrNIgCueDDoErBlBdjDU3G5nuiEEH9oU3NQvgM/w200-h99/bookmarks-shortcuts-chrome-05b.jpg" width="200" /></span></a></div><p></p><p><span style="font-family: georgia;">6) Zatim, kliknite na <b><span style="color: #04ff00;">dugme</span></b> Gotovo. </span><span style="font-family: georgia;">Kilknuti na crni krstic u sivom krugu - "Dodaj Precicu", koji se nalazi</span><span style="font-family: georgia;"> ispod <b><span style="color: #ffa400;">polja</span></b> za pretragu, na Chrome pocetnoj stranici.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyjWVM-RtHul9n4l7ElpoJErP71YKygP_pYHPB6I52UIBGDNTi332sxBr5m6e93V4DpxRyzwezmmRUCnPNwIirDB6cfMEFdh1Q_AGrhJhj3ak3cZ2tqfkvf5M8NqUGySoihNrnvjh6G9M/s778/bookmarks-shortcuts-chrome-06.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="455" data-original-width="778" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyjWVM-RtHul9n4l7ElpoJErP71YKygP_pYHPB6I52UIBGDNTi332sxBr5m6e93V4DpxRyzwezmmRUCnPNwIirDB6cfMEFdh1Q_AGrhJhj3ak3cZ2tqfkvf5M8NqUGySoihNrnvjh6G9M/w200-h117/bookmarks-shortcuts-chrome-06.jpg" width="200" /></a></div><p></p><p><span style="font-family: georgia;">7) Otvorice vam se plutajuci panel (beli kvadrat) "Dodaj Precicu". </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiezQ3Ikp8y4EOVLSkhCr8w9nAybCNrKWslJaxcWiYTjl6mk7_4k_dFjhTNH0Be1YP8H0gy6Qa0Fl0v3o8ZAXvgzgbN7SqCW2gN-VGRrTHR-tB7Z_9OWAsvH6pLX_gY208eYuv03UShBes/s825/bookmarks-shortcuts-chrome-07.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="534" data-original-width="825" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiezQ3Ikp8y4EOVLSkhCr8w9nAybCNrKWslJaxcWiYTjl6mk7_4k_dFjhTNH0Be1YP8H0gy6Qa0Fl0v3o8ZAXvgzgbN7SqCW2gN-VGRrTHR-tB7Z_9OWAsvH6pLX_gY208eYuv03UShBes/w200-h129/bookmarks-shortcuts-chrome-07.jpg" width="200" /></a></div><p></p><p><span style="font-family: georgia;">8) U <b><span style="color: #ffa400;">polje</span></b> Naziv upisite ime precice, tako da znate o kojoj precici se radi. U ovom primeru, MUP. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwNcsek0zprcbs6FcC2LohOyjX8QaLZy8t7T1YCDzy66g94CKY7i-hsvNaV-uyHJEkJyFT76RG_po5RaH7j_q3MrLiKbj-x576P-eoQNtd3XcP_wOEul1ltbr5CkHzOUPuTUrF6QTNX40/s722/bookmarks-shortcuts-chrome-08.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="391" data-original-width="722" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwNcsek0zprcbs6FcC2LohOyjX8QaLZy8t7T1YCDzy66g94CKY7i-hsvNaV-uyHJEkJyFT76RG_po5RaH7j_q3MrLiKbj-x576P-eoQNtd3XcP_wOEul1ltbr5CkHzOUPuTUrF6QTNX40/w200-h108/bookmarks-shortcuts-chrome-08.jpg" width="200" /></a></div><p></p><p><span style="font-family: georgia;">9) </span><span style="font-family: georgia;">U <span style="color: #ffa400;"><b>polje</b></span> URL Adresa prekopirati (korak 9a) adresu web sajta za koji zelite da napravite precicu. U ovom primeru, </span><span style="font-family: georgia;">http://www.mup.gov.rs/wps/portal/sr/.</span><span style="font-family: georgia;"> </span></p><p></p><p><span style="font-family: georgia;">9a) Da prekopirate URL adresu, kliknite na crni plus, do vec otvorene <b><span style="color: #ff00fe;">kartice</span></b> na vrhu Chrome pretrazivaca. </span><span style="font-family: georgia;">U "Adresnu Traku" upisite pojam za pretragu, za koju zelite da napravite precicu. U ovom primeru, "mup gov rs". Adresna Traka" se nalazi odmah ispod <b><span style="color: #ff00fe;">Kartica</span></b>. </span><span style="font-family: georgia;"> </span><span style="font-family: georgia;">Pritisnite Enter (na tastaturi). </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuyIUZ-ylr7EoUiqyF_MglvE49YTrKz9g-LiEchs35xYDC2zSSY4iFfuO5ZpFgT20a7frZsJaIbza23k72LYqj3PDSV395M2O2PdKc8U_y1sIBH-US9PAU_MwPsGBmLcT12GM2gFaQAXk/s1400/bookmarks-shortcuts-chrome-09a.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="225" data-original-width="1400" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuyIUZ-ylr7EoUiqyF_MglvE49YTrKz9g-LiEchs35xYDC2zSSY4iFfuO5ZpFgT20a7frZsJaIbza23k72LYqj3PDSV395M2O2PdKc8U_y1sIBH-US9PAU_MwPsGBmLcT12GM2gFaQAXk/s320/bookmarks-shortcuts-chrome-09a.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">novu <b><span style="color: #ff00fe;">karticu</span></b> mozete dodati i istovremenim pritskanjem <b><span style="color: #04ff00;">dugmeta</span></b> CTRL i T na tastaturi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Otvorice vam se stranica sa rezultatima pretrage (slika dole).</span></div><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0R_zT5z1QVwZhsJ0mRX4rD3c_IsD3glb9NfoCTzoqpHmhookDvbhuVgSUsiluf-cssu8LbCyr-kiqfNiR5BHVKIdfffY6puYFuncNXu3tchEKAOgCTjRjipQQHT7aPvbP6MPZ612swkY/s909/bookmarks-shortcuts-chrome-09b.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="413" data-original-width="909" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0R_zT5z1QVwZhsJ0mRX4rD3c_IsD3glb9NfoCTzoqpHmhookDvbhuVgSUsiluf-cssu8LbCyr-kiqfNiR5BHVKIdfffY6puYFuncNXu3tchEKAOgCTjRjipQQHT7aPvbP6MPZ612swkY/w200-h91/bookmarks-shortcuts-chrome-09b.jpg" width="200" /></a></div><div><br /></div><div style="text-align: center;">rezultati pretrage</div><span style="font-family: georgia;"><div><span style="font-family: georgia;"><br /></span></div>Kliknite na link u Gugl pretrazivacu. U ovom primeru, prvi link u rezultatima pretrage (slika gore)</span><br /><p><span style="font-family: georgia;">Otvorice vam se stranica, sa koje treba da iskopirate link, koji vam je potreban za korak 9).</span></p><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZwNBcbEm8PPKxvdti8CSc_z4U5hEpOQUf-jFIqUdrfswwOJdjJyI-aHcNTr8tOCjLpbD9yMfFQrnFFTnctgPznc5OhopzRFPqID1QS2oK2DSe3I9m1PGHHeSCPjUHAGYR_B9mlYxz4Ac/s1023/bookmarks-shortcuts-chrome-09c.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="427" data-original-width="1023" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZwNBcbEm8PPKxvdti8CSc_z4U5hEpOQUf-jFIqUdrfswwOJdjJyI-aHcNTr8tOCjLpbD9yMfFQrnFFTnctgPznc5OhopzRFPqID1QS2oK2DSe3I9m1PGHHeSCPjUHAGYR_B9mlYxz4Ac/w200-h84/bookmarks-shortcuts-chrome-09c.jpg" width="200" /></a></div><p></p><p><span style="font-family: georgia;">Kliknuti misem bilo gde u "Adresnu Traku". Na tastaturi istovremeno pritisnuti CTRL i A, da selektujete (oznacite) link. Zatim, na tastaturi istovremeno pritisnite CTRL i C, da kopirate link (slika dole). </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU6-ZGbs2_mzS1hrBaFIge2vndlmynCEnZFAhDqAIhqCuxznToTKsg4WCsL3f25Zo155i_IpdDeZzqQJaJj1JcGfpaCnrACy-kbOZrqS102sNERZJ0iCYpBTfmf3SeHIiS6avbGIa5v4E/s1023/bookmarks-shortcuts-chrome-09c.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="427" data-original-width="1023" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU6-ZGbs2_mzS1hrBaFIge2vndlmynCEnZFAhDqAIhqCuxznToTKsg4WCsL3f25Zo155i_IpdDeZzqQJaJj1JcGfpaCnrACy-kbOZrqS102sNERZJ0iCYpBTfmf3SeHIiS6avbGIa5v4E/w200-h84/bookmarks-shortcuts-chrome-09c.jpg" width="200" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">Vratite se u <b><span style="color: #ff00fe;">karticu</span></b> "Dodaj Precicu". U <b><span style="color: #ffa400;">polje</span></b> "URL Adresa" kliknite misem i na tastaturi istovremeno pritisnite CTRL i V, da bi prekopirali link (koji ste pre toga kopirali). </span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0NQQ067H2CN_cUJ53FIP7hCA0ifJWKT3EaVyi_YlaHB5oBaocDYuvFoP30ejOUHzAGJKszjuc6_yfNrvKiybZ7QjO5zX1795Q3SVutpMg3_h2C7cMdIs8rg3LvmvOGr41U7KUChOg48o/s744/bookmarks-shortcuts-chrome-09.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="422" data-original-width="744" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0NQQ067H2CN_cUJ53FIP7hCA0ifJWKT3EaVyi_YlaHB5oBaocDYuvFoP30ejOUHzAGJKszjuc6_yfNrvKiybZ7QjO5zX1795Q3SVutpMg3_h2C7cMdIs8rg3LvmvOGr41U7KUChOg48o/w200-h114/bookmarks-shortcuts-chrome-09.jpg" width="200" /></a></div><p><span style="font-family: georgia;">10) Klinite na <b><span style="color: #04ff00;">dugme</span></b> Gotovo (slika gore).</span></p><p><span style="font-family: georgia;">11) Vasa precica je dodata na pocetnu stranu Gugl Chrome-a.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIVYJg2hkGP3zLg5-Ltdy8tAAdvodW3Ano8QWKvAEFXa4LOjROF7PaF0dvRBn1q65aFyEGhf8sVB6rKeKaSxFPPG9_QpJg3-8_3dsUyGmhJNjotNinwW2g2wPBZRab4qPNYLXMzysVxtA/s764/bookmarks-shortcuts-chrome-10.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="466" data-original-width="764" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIVYJg2hkGP3zLg5-Ltdy8tAAdvodW3Ano8QWKvAEFXa4LOjROF7PaF0dvRBn1q65aFyEGhf8sVB6rKeKaSxFPPG9_QpJg3-8_3dsUyGmhJNjotNinwW2g2wPBZRab4qPNYLXMzysVxtA/w200-h122/bookmarks-shortcuts-chrome-10.jpg" width="200" /></a></div><span style="font-family: georgia;"><p><span style="font-family: georgia;"><br /></span></p><div><span style="font-family: georgia;">12) <u style="font-weight: bold;">Opcija 2 - Najposeceniji sajtovi (precice se predlazu na osnovu web sajtova koje cesto posecujete)</u>.</span></div><div><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilxwlpr6aO-ut5ZNBPxEVX0uuxV7Ww2m4IFxjPDy-7AZv-5e79NKtk3RkUL_aM_MLgwoNy1NNYVBR1q3CFCK8vx0iXbvgyojpO8HRUtwXPC-WSRZdAI97GUY-W9VjRuTUuiiQ9YsaUqww/s1046/bookmarks-shortcuts-chrome-11.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="647" data-original-width="1046" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilxwlpr6aO-ut5ZNBPxEVX0uuxV7Ww2m4IFxjPDy-7AZv-5e79NKtk3RkUL_aM_MLgwoNy1NNYVBR1q3CFCK8vx0iXbvgyojpO8HRUtwXPC-WSRZdAI97GUY-W9VjRuTUuiiQ9YsaUqww/w200-h124/bookmarks-shortcuts-chrome-11.jpg" width="200" /></a></div><br /><div>13) Kliknite na <b><span style="color: #04ff00;">dugme</span></b> Gotovo (slika gore).</div><div><br /></div><div>14) Na pocetnoj strani Gugl Chrome pretrazivaca, pojavice se precice, koje se nalaze ispod <b><span style="color: #ffa400;">polja</span></b> za pretragu. Te precice su vase stranice koje cesto posecujete.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinEcvpIFXtZo2zyT5Oa4Q_l6aItf8T3AYHLLW_1cRTSSL-EabDbjJYr9Cs5NFs3vnfBBliskRNPgV5adJrYg34a7nb3JesyZ0186f5Ukp_mdy_g-z0dUBlKUIhzzMJwds6zcPsKGlxOkA/s756/bookmarks-shortcuts-chrome-12.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="592" data-original-width="756" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinEcvpIFXtZo2zyT5Oa4Q_l6aItf8T3AYHLLW_1cRTSSL-EabDbjJYr9Cs5NFs3vnfBBliskRNPgV5adJrYg34a7nb3JesyZ0186f5Ukp_mdy_g-z0dUBlKUIhzzMJwds6zcPsKGlxOkA/w200-h157/bookmarks-shortcuts-chrome-12.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div>15) Ako zelite da uklonite neku precicu, predjite misem preko te precice (da oznacite precicu - siva pozadina) i kliknite na X. Precica ce biti uklonjena.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmI7lh9Xh96pbPsb2AMVBlTFCuenZgPMrL1UsPGf0UvylPOdfARtf5wdUUxuuSQuPsPfcXDZVM976l-Sbd48p2h2zEIVJt8x_yYY0SobeJ8olbbVWYRTl6zR0k1QQVYjf44HT_4qomULo/s803/bookmarks-shortcuts-chrome-13.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="496" data-original-width="803" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmI7lh9Xh96pbPsb2AMVBlTFCuenZgPMrL1UsPGf0UvylPOdfARtf5wdUUxuuSQuPsPfcXDZVM976l-Sbd48p2h2zEIVJt8x_yYY0SobeJ8olbbVWYRTl6zR0k1QQVYjf44HT_4qomULo/w200-h124/bookmarks-shortcuts-chrome-13.jpg" width="200" /></a></div><br /><div><br /></div>Sledeci clanak - Kako dodati obelezivace na traku sa obelezivacima?</span><p></p><p><span style="font-family: georgia;">How to add shortcuts to chrome homepage?</span></p><p><span style="font-family: georgia;">Post in English coming soon :)</span></p><p><span style="font-family: georgia;">Next article - How do I add bookmarks to the bookmarks bar?</span></p>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-34013272273680068582021-09-15T18:12:00.018-07:002021-12-22T16:00:47.067-08:00Poznate agencije za pravljenje web sajtova i njihovi poznati klijenti<p><span style="font-family: courier;">Napomena: linkovi se po standardnoj postavki ovog clanka otvaraju u novom tabu/kartici.</span></p><p><span style="font-family: georgia;">Dobrodosli na listu poznatih agencija za pravljenje web sajtova i/ili poznatih kreatora web sajtova i njihovih poznatih klijenata.</span></p><p><span style="font-family: georgia;">Da pojasnim, lista </span><span style="font-family: georgia;">šišača ovaca su agencije ili kreatori, a </span><span style="font-family: georgia;">lista ovaca za šišanje su njihovi klijenti.</span></p><p><span style="font-family: georgia;">A zasto su jedni i drugi bitni?</span></p><p><span style="font-family: georgia;">Bitni su zato da bi mogli da odlucite ko ce Vam praviti web sajt tj. nastavak clanka </span><span style="font-family: georgia;"><a href="http://skolatutorijala.blogspot.com/2021/09/da-li-izabrati-agenciju-ili-kreatora-za.html" target="_blank"><b>Da li izabrati agenciju ili kreatora za izradu web sajta?</b></a> </span></p><p><span style="font-family: georgia;">Ovaj clanak je uvodni deo a sastojace se iz vise clanaka. Posto cu ovaj clanak dopunjavati na nekoliko dana, bice datum za svaku dodatu agenciju/kreatora/klijenta. A mozda od njih neko pozeli da popravi svoj ili klijentov SEO, pa da ne bude posle da sam pisala zabadava.</span></p><p><span style="font-family: georgia;">Svaki web sajt prolazi kroz 4 analize: SEO analiza stranice (naslovne), brzina web sajta (celog), linkovi koji ne rade (prvih 2000) i duplikat sadrzaja (obicno po 1000 karaktera sadrzaja za jedno skeniranje; posto bi to trajalo citavu vecnost, ovde cu raditi skeniranje po linku).</span></p><p><span><span style="font-family: georgia; font-weight: bold;">Šišač ovaca #1</span><span style="font-family: georgia;"><b>: </b>ne znam ime.<br /></span><span style="font-family: georgia; font-weight: bold;">Ovca za šišanje #1: <a href="http://www.mup.gov.rs/wps/portal/sr/" target="_blank">MUP Republike Srbije</a>.<br /></span><span style="font-family: georgia; font-weight: bold;">Datum: </span><span style="font-family: georgia;">16.09.2021.</span></span></p><p><b><span style="color: #04ff00;"><span></span></span></b></p><a name='more'></a><p></p><p><span style="font-family: georgia;">Napomena: <strike>Web sajt se trenutno azurira pa SEO analiza nije moguca</strike>. </span></p><p><span style="font-family: georgia;">Dobro jutro. Isti dan danas :) Zavrsila sam sa šišačem ovaca #2, a sad na #1.</span></p><p><span style="font-family: georgia;">Kafa #2 je skuvana i mogu nastaviti sa pisanjem :)</span></p><p><span style="font-family: georgia;">Znam da ovom klijentu nije od velikog znacaja SEO optimizacija, jer policija nema konkurenciju u pretrazivacu. Ono sto je ipak bitno je struktura podataka. Znacaj prikazanih ili ne prikazanih informacija, kao i izgled. </span></p><p><span style="font-family: georgia;">Kada kazem struktura podataka mislim na pravilno rasporedjen sadrzaj koji je usko povezan sa znacajem prikazanih ili znacajno ne prikaznih informacija. A sta sad ova dva znace? <br /><br /><b>Prvo, zavisi ko sta sta smatra znacajnom informacijom. </b><br /><br />Ja mislim, da informacija o tome da li je neki policajac ili vatrogasac izgubio zivot bilo na duznosti ili iz nekog drugog razloga, znacajna informacija koja treba da se prikaze na web sajtu MUP-a. Proverom stranica Saopstenja, za policajca Dj. R. (50) koji je preminuo na uvidjaju 10.06.2021., nema nikakva informacija. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigu0i6r9XVnHuHl8rBVmHFHwkVTL9LQutnoFjaTjvtnz8VoGAkBhiWfyMvx4lHXdEbtDi4SzSUBW2sVCD6AuFZUc-MPYgb62kh8P_vW1X4ReS-Eknq1iaXFdLoajC53Rs0gywlwSVoYYM/s728/mup-rs-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="685" data-original-width="728" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigu0i6r9XVnHuHl8rBVmHFHwkVTL9LQutnoFjaTjvtnz8VoGAkBhiWfyMvx4lHXdEbtDi4SzSUBW2sVCD6AuFZUc-MPYgb62kh8P_vW1X4ReS-Eknq1iaXFdLoajC53Rs0gywlwSVoYYM/s320/mup-rs-01.jpg" width="320" /></a></div><p></p><p><span style="font-family: georgia;">Ovom proverom stranice Saopstenja sam isla do 24.06.2021., i opet nista.</span></p><p><span style="font-family: georgia;">Proverom preko pretrage web sajta takodje nista.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT0Q2DGSV-fsR_MZAOfrZsugL-UzMntVsPB1wnTB7ktA3nIDAdwQ6q2ebXPfIGD4vM2ilfGyIO2jXdDf8DQpPpfVJmAzgjPe3M34EpkqZEdcPxKnbqeL1zdHRQnCx15VKNGryPgFwhUxw/s764/mup-rs-01b.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="423" data-original-width="764" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT0Q2DGSV-fsR_MZAOfrZsugL-UzMntVsPB1wnTB7ktA3nIDAdwQ6q2ebXPfIGD4vM2ilfGyIO2jXdDf8DQpPpfVJmAzgjPe3M34EpkqZEdcPxKnbqeL1zdHRQnCx15VKNGryPgFwhUxw/s320/mup-rs-01b.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCi5oicqVsgLekYqvyoAl0fcP0LWqmRYExygSGv9UW66VpF1SBIkXx3eD_fNERKPBU2Ek0nR7NgFo-05knQnr0C8trwMGpE1EeMBRse2XvggNIzrk0Bn5z-ubvNCHeuImo3SN2YvEFHY/s467/mup-rs-01c.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="467" data-original-width="451" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaCi5oicqVsgLekYqvyoAl0fcP0LWqmRYExygSGv9UW66VpF1SBIkXx3eD_fNERKPBU2Ek0nR7NgFo-05knQnr0C8trwMGpE1EeMBRse2XvggNIzrk0Bn5z-ubvNCHeuImo3SN2YvEFHY/s320/mup-rs-01c.jpg" width="309" /></a></div><br /><span style="font-family: georgia;">A mozda ja ne znam da se snadjem na ovako kompleksnom web sajtu. Moguce je. Moguce je da negde ima. </span><p></p><p><span style="font-family: georgia;">Ne kazem da se ne secate vasih policajaca i vatrogasaca koji su dali zivote za ovu zemlju, kroz sindikate policije i kroz neke druge kanale (polaganjem venaca za one koji su dali zivote u NATO agresiji i teroristickim napadima, kao i <a href="http://www.mup.gov.rs/wps/portal/sr/search/!ut/p/z1/tVTZbuIwFP2VViMeUxsncZzHsDTsFFKGJi-RcQyEIQ5kgXa-fpwUiSlqoRXCinQd6_rcxfcc4IEX4Am6Cxc0C2NB1_Lf9bA_NPu4akPUHda6dWjh2hjWnGcECQLT0gF-sSwIvPP3fwMPeExkm2wJ3E0-W4fMX8voogJpEBUm4Wm-ztLCb8PCALjVmcECYiIFI4MqWkCIQiFhCtIDNJ8RI4A6LLxfgVvat4NN4zxhvB6LjItsEAe8TL1breOWbcOeXW_r0DL7WqvWGKldopV3OE3Y0t_mPJEwKWdUrLgs2vtYl42bCFojw2x0m0QlLXhwONMXJ038seP_6tFMAFemYnydigGmu5DvwUTESSRfxTk2gyPTZKapK8SYI0Uz2Fzu9EDhBqSMyh5ihIDM53yEoXZlhAvw-m3h8U3hNXRb-OqV8J1y1M7MsSRxuNpuPUsyrZj-1wy8fKTaJmY8E1RyLlmGu8L-ycKdiNMsrEAEq6QCV1TkNLlT7gLOeDST2-L8UNuR4L2GJAIeY2dgOypsn2ndt2h8Ak_sdlPCG3bHtgcIIvUz-D2LHt55-3Dg7TY_cvfHMjKt9_3RpDmWqfxYQdzP9cMtJcktBeq0Qs16hFZfxn6S_bMJvrKBnUsCfHk4TnR4E00ior5_eEz6TVVzO7u_tYHyn-nN5bm-iJ4G-sJqkP3zPJpa9_f_AOY3JF4!/?urile=wcm:path:/public_latin/Pocetna/Aktuelno/Tema%20dana/0bc44715-79ee-43cf-b0d4-40d0b11d3030" target="_blank"><b>spomen-obelezjem</b></a>), </span><span style="font-family: georgia;">ali zar Vas nije sramota Ministre da na web sajtu MUP-a RS imaju samo sture informacije o tome? Zar Vas nije sramota Ministre da u arhivi MUP-ovog web sajta stoji, u pdf dokumentu, kao deo statistike, nekoliko policajaca koji su izgubili zivote? Taj pdf dokument pokriva period od 2009 do 2014. godine. A sta je sa policajcima pre 2009. i posle 2014. godine? </span></p><p><span style="font-family: georgia;">Znam i razumem da se plac ove zemlje ne moze prosiriti, pa da obezbedite dovoljno parking mesta za vozila policije, koji se parkiraju na zelenim povrsinama, tramvajskim sinama i ispred stambenih zgrada tj. gde god stignu, u krugu policijskih stanica. Takodje, znam i razumem da ovi policajci nece doziveti da imaju gde da se hrane na poslu, kao sto je to imala moja majka u doba Tita, u robnoj kuci ili kao one amebe u Skupstini. Znate, ono, menza, bonovi, jetinije nego na ulici. Ali ono sto ne razumem Ministre je zasto nemate posebnu stranicu na web sajtu MUP-a posvecenu policajcima i vatrogascima koji su izgubili zivote,na bilo koji nacin? Ne razumem zasto takvih vesti nema uopste na web sajtu? </span></p><p><span style="font-family: georgia;">Jedan primer i za kreatora web sajta a i za Vas Ministre je da pogledate kako izgleda web sajt <a href="https://www.lapdonline.org/" target="_blank"><b>LAPD</b></a>-a ili ti policije Los Andjelesa. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlEjG-fp8PufvnwKmeO7Laf6jjrTQRH7vAJ_9QAGnTPTKERY0rX8fKxsf4bDYXtuf4-smyWtxLhyphenhyphenQi-7gnPC6-3n3dyqrLxngpb7s5r_X_lnTZe96oa6qXIJ8YefZKRhS2YinBA_B9Yso/s1240/mup-rs-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="959" data-original-width="1240" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlEjG-fp8PufvnwKmeO7Laf6jjrTQRH7vAJ_9QAGnTPTKERY0rX8fKxsf4bDYXtuf4-smyWtxLhyphenhyphenQi-7gnPC6-3n3dyqrLxngpb7s5r_X_lnTZe96oa6qXIJ8YefZKRhS2YinBA_B9Yso/s320/mup-rs-02.jpg" width="320" /></a></div><br /><div style="text-align: center;"><span style="font-family: georgia;">https://www.lapdonline.org/officers_killed_in_the_line_of_duty</span></div><div style="text-align: center;"><span style="font-family: georgia;"><br /></span></div><div style="text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibRlOzpiXYQiLlqX-RIZ-fH-NKFBaRyVA_jKNJjuLvJy_K6NaMud5G485wSj4hf-5LpoT1Q8ll5u83tITmv5xd1tTDc42mUSVpFhJj81J5YoR0fLj5yOfCEX4E5NHF4RrNtZuphL6fBms/s930/mup-rs-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="910" data-original-width="930" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibRlOzpiXYQiLlqX-RIZ-fH-NKFBaRyVA_jKNJjuLvJy_K6NaMud5G485wSj4hf-5LpoT1Q8ll5u83tITmv5xd1tTDc42mUSVpFhJj81J5YoR0fLj5yOfCEX4E5NHF4RrNtZuphL6fBms/s320/mup-rs-03.jpg" width="320" /></a></div><span style="font-family: georgia;">biografija policajca</span><br /></div><p></p><p><span style="font-family: georgia;">A ko o ovome treba da brine.</span><span style="font-family: georgia;"> Dve strane. Prva strana, ona koja je kreirala web sajt; jer web sajt MUP RS nije jedini web sajt policije na ovoj planeti. Pa ako nisu znali koje su bitne i znacajne inforamcije koje treba jedan web sajt policije da ima, mogli su da izguglaju. A ako ova strana nije imala odluku (tj. pravo na odluku) u ovome onda je druga strana zakazala. Druga strana je Ministar Policije koji god da je bio u vreme kreiranja prvog web sajta MUP-a, preko svih sledecih, pa do danasnjeg. </span></p><p><span style="font-family: georgia;"><b>O strukturi podataka</b> - na ovako vec kompleksan web sajt, ja bi da dodam :) </span><span style="font-family: georgia;">na stranici <a href="http://www.mup.gov.rs/wps/portal/sr/direkcija-policije/ojdpp/!ut/p/z1/1VTfT8IwEP5XRgyPpLd16-bjVJw6FgREZS9LKQUPWDfHBONf72lC_JGIMeiDfbk2_e67u-96ZSm7ZamRa5zJGgsjl3QepSLrHibCjsCJo45wIBSxFyWRy8EDdvMKgC9WCCzd7X_NUpYqU5f1HRuVD-MlqmxJ0U0TykLp2sgmTLDSC4VzmZUF3eNcN6GoZtLgk1SUp7bmeoIGlba2UG1toRZut6uFth7KSq7J_dVKa1FhjlQnrmpUizenbwEvWZcKJ2ykploFEqYt23V1yxW23xpzX7c4SI9PptodOz6plH4UIjiPTkkIsM8vY2HDEXwGRKJNSvX8w5O4HfDgbAvYofRgVWX9QXbQkbVhI-qL_47u-PRFeB6HHT-wox41bo16w4amqHLq8-CHBVE-nyN8bG1H7BlhdwHen9IDd36XHoa2B2ES9rvgtG3o8d-lD9yQXlNC83Q54BB196W_-G5q6VvA-f19GtLsFqbWjzW7_UfDW-bDPOCif7bZXE3vZnmWtLn3zqzCRuMZjMJzfw!!/?1dmy&current=true&urile=wcm%3apath%3a%2Fpublic_latin%2Fpocetna%2Fdirekcija_policije%2Forganizacione%2Bjedinice%2Bdirekcije%2Bpolicije%2Bi%2Bpolicijske%2Buprave%2Fuprava%2Bkriminalisticke%2Bpolicije%2Fszsk" target="_blank"><b>UKP</b></a>-a, tj. na stranici </span><span style="font-family: georgia;">Službe za suzbijanje kriminala, ima tri odeljenja od kojih svako ima dodatne odseke (4-5-2), o kojima nema informacija cime se bave. Takodje, koriscenjem pretrage na web sajtu pojedini linkovi ne otvaraju samu vest nego opet istu stranicu sa rezultatima pretrage.</span></p><p><span style="font-family: georgia;"><b>Izgled web sajta.</b> Plus - po modernim standardima za kreiranje web sajta, na dva jezika i tri pisma, sa tri velicine teksta. Minus - u foto slajderu na naslovnoj kada neki pripadnik policije i/ili vatrogasne jedinice izgubi zivot bilo na duznosti ili van, stoji jedno obavestenje slika+tekst+znacka sa crnom trakom, kao kod LAPD-a; i poseban odeljak na <a href="https://www.marijarikic.com/en/demo/police-station-rakovica/index.html" target="_blank"><b>naslovnoj stranici za Fallen Heroes</b></a>, i posebno stranica sa svim <a href="https://www.marijarikic.com/en/demo/police-station-rakovica/fallen-heroes.html" target="_blank"><b>Fallen Heroes</b></a> i <a href="https://www.marijarikic.com/en/demo/police-station-rakovica/slavoljub-bozovic-zoran-pavlicevic.html" target="_blank"><b>pojedinacne stranice sa biografijama</b></a> pripadnika policije i vatrogasaca. </span></p><p><span style="font-family: georgia;"><b>Zakljucak: </b>i dalje smatram da je duznost agencije/kreatora web sajta da svog klijenta, ma kojoj delatnosti pripadao i da li im je potreban SEO ili ne, upute u kljucne informacije koje su potrebne za tu delatnost. <br />A sto se tice ostalih zamerki, s moje strane, nadam se da ce u buducnosti osvanuti dan kada ce na naslovnoj stranici web sajta MUP-a biti odeljak za sve poginule policajce i vatrogasce, i podstranice sa njihovim biografijama. I isto se nadam da ce postati deo standarnih vesti bilo u rubrici Saopstenja ili Aktivnosti, ili cak u obe. </span></p><p><span style="font-family: georgia;"><b><span style="color: #ff00fe;">Azurirano:</span></b> 23.12.2021.</span></p><p><span style="font-family: georgia;">I da dodam, onaj kip, k'o god da ga je postavio tamo gde jeste, na Savskom trgu, stvarno je lep, ali koja mu je svrha. Osim onog izuzetno lepog parka sa klupama. Mislim, nosi on neko znacenje, nije on tu zabadava, znam to, zapravo ne znam, i ne interesuje me njegovo znacenje, iskreno. Ali ono sto me interesuje je zasto, kad vec imate mogucnost tj. plac niste prvo napravili parking za PS Savski Venac??</span></p><p><span style="font-family: georgia;">Razmisljam ko tu ima "prvenstvo prolaza" da tako kazem :) Kip kome ce da se dive svi koji ka vide i da se slikaju sa njim za uspomenu i dugo secanje ili parking za vozila pripadnika policije, koji gaze, napola vec nestalu travu, i sljapkaju po blatu i snegu, da bi stigli tamo gde treba.</span></p><p><span><span style="font-family: georgia;">Till then, serve, protect and don't screw up :)</span></span></p><p><span><span style="font-family: georgia;"><b>Šišač ovaca #2</b></span><span style="font-family: georgia;"><b>:</b> https://www.nbgcreator.com.<br /></span><span style="font-family: georgia;"><b>Ovca za šišanje #2</b></span><span style="font-family: georgia;"><b>:</b> Uprava za sprecavanje pranja novca Ministarstva Finasija RS (http://www.apml.gov.rs/</span><span style="font-family: georgia;">).<br /></span></span><span style="font-family: georgia;"><span><b>Datum: </b>16.09.2021.</span></span></p><p><span style="font-family: georgia;">Nbgcreator je napravio web sajt, tacnije dizajn i programianje. Kod Nbgcreatora SEO spada u digitalni marketing, pa nisam 100% sigurna da li SEO, zapravo tehnicki SEO spada u izradu ovog web sajta. </span><span style="font-family: georgia;">Mada ipak mislim da spada jer na stranici </span><span style="font-family: georgia;">https://www.nbgcreator.com/seo-optimizacija-sajta navode da tu spadaju alt tagovi, title tagovi, naslovi stranica, i meta tagovi.</span></p><p><span style="font-family: georgia;"><b>Provera 1</b> - Znaci da vidimo, kakva je <b>SEO ocena</b> za </span><span style="font-family: georgia;">Upravu za sprecavanje pranja novca - za naslovnu stranicu.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmg4jlKo-Stsy8DjRVMJGj-C52PjShE4E8yzaJVtbe_qBKN3nzx1hGYyXe-a7eUPmCCetBUIrEimOMsTexl8C7dKix1RoDkJDy9mwGJP8dsU30J7VqPnk-5m88GSuxah8bwHiJkp8SDks/s1206/ministarstvo-finasija-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="454" data-original-width="1206" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmg4jlKo-Stsy8DjRVMJGj-C52PjShE4E8yzaJVtbe_qBKN3nzx1hGYyXe-a7eUPmCCetBUIrEimOMsTexl8C7dKix1RoDkJDy9mwGJP8dsU30J7VqPnk-5m88GSuxah8bwHiJkp8SDks/s320/ministarstvo-finasija-01.jpg" width="320" /></a></div><br /><span style="font-family: georgia;"><b><span style="color: #01ffff;">57% u zuto</span></b>.</span><p></p><p><span style="font-family: georgia;">Na slici se vidi: </span><span style="font-family: georgia;">meta informacije: 80%, kvalitet stranice 70%, struktura stranice 25%, struktura linkova 82%, server 0% i spoljasnji faktori 92%.</span></p><p><span style="font-family: georgia;"><b>meta informacije: 80% </b>- meta opis je prazan, kao i kljucne reci.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEPvpDOvQ7jB5rM79AT11WMO1Ylu5kz_8MBCizL9Enwh9fiWzUdfLT1YJavXH8g1FI5jDqudrO62ey9m8MLPf6Y-TijRu-M3oQ9cA2DVFRIeGNX9VZRlxh3NtZwmDngc_QBtEo3M9f4wU/s728/ministarstvo-finasija-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="191" data-original-width="728" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEPvpDOvQ7jB5rM79AT11WMO1Ylu5kz_8MBCizL9Enwh9fiWzUdfLT1YJavXH8g1FI5jDqudrO62ey9m8MLPf6Y-TijRu-M3oQ9cA2DVFRIeGNX9VZRlxh3NtZwmDngc_QBtEo3M9f4wU/s320/ministarstvo-finasija-02.jpg" width="320" /></a></div><br /><span style="font-family: georgia;"><b>kvalitet stranice 70%</b> - prosecan broj po recenici je 33 i visok je. Nije navedena ikona Apple touch. Ova stranica učitava 10 JavaScript fajlova sto utice negativno na vrijeme ucitavanja na mobilnim uredjajima. O brzini otvaranja ce biti reci malo nize (sledeci paragraf). Na stranici postoji samo nekoliko opcija za deljenje društvenih mreža - ja ne vidim nijednu. HTTPS protokol za siguran prenos podataka se ne koristi.</span><div><p></p><p><span style="font-family: georgia;"><b>struktura stranice 25%</b> - h1 je jedna rec "</span><span style="font-family: georgia;">Издвајамо</span><span style="font-family: georgia;">" tj. 9 karaktera. Katastrofa. </span><span style="font-family: georgia;">U strukturi naslova nedostaje jedna ili vise nivoa. Previse naslova h1. Struktura naslova je sledeca:</span></p><p><span style="font-family: courier;">H1<span style="white-space: pre;"> </span>Издвајамо<br />H1<span style="white-space: pre;"> </span>Вести<br />H3<span style="white-space: pre;"> </span>Измена на листи санкција према Резолуцијама СБУН 1267, 1989 и 2253 од 6.9.2021.<br />H3<span style="white-space: pre;"> </span>Списак кандидата за полагање писменог дела стручног испита 27.9.2021.године<br />H3<span style="white-space: pre;"> </span>Јурисдикције у високом ризику и под појачаним праћењем - FATF, јуни 2021.<br />H3<span style="white-space: pre;"> </span>Списак кандидата који су у јунском II испитном року (21.06.2021. године и 24.06.2021. године) положили стручни испит за издавање лиценце за обављање послова овлашћеног лица<br />H3<span style="white-space: pre;"> </span>Дана 21. 6. 2021. године одржан писмени део (тест) стручног испита за издавање лиценце<br />H3<span style="white-space: pre;"> </span>Измена на листи санкција према Резолуцијама СБУН 1267, 1989 и 2253 од 17.6.2021.<br />H3<span style="white-space: pre;"> </span>Списак кандидата који су у јунском испитном року (14.06.2021. године и 16.06.2021. године) положили стручни испит за издавање лиценце за обављање послова овлашћеног лица<br />H3<span style="white-space: pre;"> </span>Измена на листи санкција према Резолуцијама СБУН 1267, 1989 и 2253 од 6.4.2021.<br />H5<span style="white-space: pre;"> </span>Стручна мишљења<br />H5<span style="white-space: pre;"> </span>Лиценце за обављање послова овлашћеног лица<br />H5<span style="white-space: pre;"> </span>Национална процена ризика<br />H5<span style="white-space: pre;"> </span>Систем за борбу против прања новца и финансирања тероризма<br />H5<span style="white-space: pre;"> </span>Претрага листе означених лица<br />H5<span style="white-space: pre;"> </span>Стратегија за борбу против прања новца и финансирања тероризма 2020 - 2024<br />H5<span style="white-space: pre;"> </span>Надзор над рачуновођама и факторинг друштвима</span></p><p><span style="font-family: georgia;">Ima samo dva h1 naslova, ali to nije dozvoljeno. H2 i h4 naslova nema. Covek bi pomislio da ne vole parne brojeve. Bar ja jesam :)</span></p><p><span style="font-family: georgia;"><b>struktura linkova 82%</b> - </span><span style="font-family: georgia;">Neki interni sidro tekstovi linkova su predugi. Neki sidro tekstovi koriste se vise puta. Duplikat teksta - lista je duza pa sam je izostavila.</span></p><p><span style="font-family: georgia;"><b>konfiguracija servera 0% </b>- </span><span style="font-family: georgia;">Preusmeravanje na https za ovu web stranicu nije ispravno konfigurisano. Ova web stranica koristi URL-ove s poddomenom www i ne-www sto moze uzrokovati dvostruki sadrzaj i lošs linkove do vase web stranice. HTML stranica ne koristi GZip kompresiju.</span></p><p><span style="font-family: georgia;"><b>spoljasnji faktori 92% </b>- </span><span style="font-family: georgia;">Ova stranica nije jako popularna na facebooku. Crnjak :D</span></p><p><span style="font-family: georgia;"><b>Provera 2 - brzina web sajta. </b>U delu web programiranje, na stranici </span><span style="font-family: georgia;">https://www.nbgcreator.com/izrada-web-sajta a i za ostatak tesktova - imaju dobru</span><span style="font-family: georgia;"> pricu, ali suplju. Navode, citiram:</span></p><p><span style="font-family: courier;">"Dobar web sajt podrazumeva brzo učitavanje, kao i dobru optimizaciju sadržaja kako bi bio prihvaćen od strane robota odnosno pretraživača i dobro pozicioniran u pretragama."</span></p><p><span style="font-family: georgia;">A sad o brizni ucitavanja. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN4NFnoW1U027GLgCLErWSuMqQT6RGQ_MkwH9DZYok0q6yVleH54PrPkGDdGhh2QsW2F4N2iqoYmKhrLNAMHnIU3_gqjiLvptPunB4xo1ydD0jNCnj-ksuynBJVFEdbqOdvX2RhXgO7UU/s931/ministarstvo-finasija-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="405" data-original-width="931" height="139" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN4NFnoW1U027GLgCLErWSuMqQT6RGQ_MkwH9DZYok0q6yVleH54PrPkGDdGhh2QsW2F4N2iqoYmKhrLNAMHnIU3_gqjiLvptPunB4xo1ydD0jNCnj-ksuynBJVFEdbqOdvX2RhXgO7UU/s320/ministarstvo-finasija-03.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">na mobilnim uredjajima je 42 u crveno</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJiGBdb3UEk-GaEYryXh2dOzT86PrZOES18L80VyK_58KuMjiwp1qFBbO4_QAimCxlqa0fx33KzsN9mJPTrnzQLvTeF28tQKFenxONoszU8rYZ0gswewmjUqcxZTe-YWkp97NiYUr2s1c/s935/ministarstvo-finasija-04.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="404" data-original-width="935" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJiGBdb3UEk-GaEYryXh2dOzT86PrZOES18L80VyK_58KuMjiwp1qFBbO4_QAimCxlqa0fx33KzsN9mJPTrnzQLvTeF28tQKFenxONoszU8rYZ0gswewmjUqcxZTe-YWkp97NiYUr2s1c/s320/ministarstvo-finasija-04.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">na desktop racunarima je 70 u zuto</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><span style="font-family: georgia;">I sta sad vredi onaj tekst o web programiranju?</span><br /><p></p><p><span style="font-family: georgia;">U delu Struktura web sajta, na istoj stranici, </span><span style="font-family: georgia;">https://www.nbgcreator.com/izrada-web-sajta pricaju sta je struktura web sajta. Ne kazem da nije tacno to sto su naveli, samo ja imam drugu definiciju za to. Kod mene struktura web sajta se odnosi na pravilnu upotrebu naslova stranica. </span></p><p><span style="font-family: georgia;"><b>Provera 3 - linkovi koji ne rade. </b></span></p><p><span style="font-family: georgia;"></span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMTsqRRBXbdAQYsw6Om6T2Ey4xyBLODa23PktzoIxAgzJiTKckT60_Nu6i6WOu_a2KQ-3JcNtwT_ra2VaV4LoeNHROXsWRHjYe8XAz4GAUxpWeYajE4FGfIpv-4vlaEnv0-9XHEn0le8/s1203/ministarstvo-finasija-06.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="492" data-original-width="1203" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMTsqRRBXbdAQYsw6Om6T2Ey4xyBLODa23PktzoIxAgzJiTKckT60_Nu6i6WOu_a2KQ-3JcNtwT_ra2VaV4LoeNHROXsWRHjYe8XAz4GAUxpWeYajE4FGfIpv-4vlaEnv0-9XHEn0le8/w320-h131/ministarstvo-finasija-06.jpg" width="320" /></a></div><p>Ovde je skenirano samo 2000 linkova. Toliko moze besplatno. Ko zna koliko linkova ima Uprava za sprecavanje pranja novca web sajt. S obizirom da mi posao nije da proveravam sve ove linkove i statusne poruke mogu da kazem da na prvih 2000 skeniranih linkova imaju 43 koji ne rade. Iz licnog iskustva znam da ne mora da znaci da svi ovi linkovi nisu ispravni. Mozete pogledati kako kod mene stoji situacija u clanku - <a href="http://skolatutorijala.blogspot.com/2021/09/analiza-web-sajta-marija-rikic-seo.html" target="_blank"><b>Analiza web sajta Marija Rikic SEO optimizacija</b></a>.</p><p></p><p><span style="font-family: georgia;"><b>Provera 4 - duplikat sadrzaja. </b></span></p><p><span style="font-family: georgia;"></span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS4sjb9iAtGRnJAI8JBmx_lUG915dTOv1_rq_Ih0-oI5anP8hSfoRiccLZdtXh9fwRs7tgkGp74dUK51pXmBjHCYEF2O87CSMPtTodWlWifRTDXJvdXv9Lvk6GKLPDG-Qu22GSVkhUnQ8/s838/ministarstvo-finasija-05.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="140" data-original-width="838" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS4sjb9iAtGRnJAI8JBmx_lUG915dTOv1_rq_Ih0-oI5anP8hSfoRiccLZdtXh9fwRs7tgkGp74dUK51pXmBjHCYEF2O87CSMPtTodWlWifRTDXJvdXv9Lvk6GKLPDG-Qu22GSVkhUnQ8/w400-h66/ministarstvo-finasija-05.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div>Rezultat: 29% je duplikat, 71% je unikatan sadrzaj. Ovaj alat skenira dupli sadrzaj na drugim web sajtovima, kao i na samom web sajtu koji se skenira.<p></p><p><span style="font-family: georgia;">U nastavku clanka bice SEO analiza Nbgcreator-a, a do tada, zelim Vam laku noc zzz zz z.</span></p><p><span style="font-family: georgia;">Sneak peak </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9wjIgNoo5O0KlRqi1cdKVjzrAt4U_Rvc51DGgqkiTj_0Qc7mh-DPhJLMPeuiParrjfiYom-6ntZxkoONon7R_amPC8zUMEYISDFBIuwX4FTA9e9AqV4IJfrxbF_41SA-Tfh4SWmxPgDA/s1207/nbgcreator-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="443" data-original-width="1207" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9wjIgNoo5O0KlRqi1cdKVjzrAt4U_Rvc51DGgqkiTj_0Qc7mh-DPhJLMPeuiParrjfiYom-6ntZxkoONon7R_amPC8zUMEYISDFBIuwX4FTA9e9AqV4IJfrxbF_41SA-Tfh4SWmxPgDA/s320/nbgcreator-01.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Provera 1 - SEO ocena.</b> Na slici se vidi da je ocena 68 u zuto, za naslovnu stranicu.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Meta informacije: 80%, kvalitet stranice 65%, struktura stranice 60%, struktura linkova 56%, server 0% i spoljasnji faktori 100%.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Meta informacije: 80%.</b> Meta opis je predugacak. Meta kljucne reci su prazne.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIIJyqI8JYrxKAIOogq5jxD-qr-Rbmc79nH0R_xa_sSshNbfE9opXpYNqxnOlioiw3c-CCTG4xqfNVdPbMjVc6B04Op7nLRJ62Y2LldH88yFDQILAwlSlbP5TiahMuuyOI0DuCTCogsVY/s809/nbgcreator-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="173" data-original-width="809" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIIJyqI8JYrxKAIOogq5jxD-qr-Rbmc79nH0R_xa_sSshNbfE9opXpYNqxnOlioiw3c-CCTG4xqfNVdPbMjVc6B04Op7nLRJ62Y2LldH88yFDQILAwlSlbP5TiahMuuyOI0DuCTCogsVY/s320/nbgcreator-02.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Kvalitet stranice: 65%.</b> </span><span style="font-family: georgia;">Neke reci iz naslova stranice ne koriste se unutar sadrzaja stranice. Ako ne vode racuna o sadrzaju na svom web sajtu, kako li ce voditi racuna o Vasem? Mozda hoce. Za pare. Ali koje??</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">U delu Umetnost kreiranja sadržaja, na stranici https://www.nbgcreator.com/content-marketing navode citiram delove</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="background-color: #0b5394; color: white; font-family: courier;">"<span style="font-size: 16px;">Imate tekst <b>koji je tehnički korektan</b>; zadovoljava propisane standarde dužine...</span>" "...<span style="font-size: 16px;">Tek kada je tekst podjednako zanimljiv koliko i tehnički korektan, možemo očekivati da će postići ono što želimo...</span>"</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Ako tekst nije tehnicki korektan, kao sto nije kod Nbgcreator-a i kod njihovog klijenta Uprava za sprecavanje pranja novca, sto je osnov za napredni SEO, gde spada sadrzajni (en. content) marketing) sta cete onda? Kod iste agencije da trazite da to isprave ili kod nekog drugog? </span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Nije navedena ikona Apple touch. Ova stranica ucitava <b>21 JavaScript fajlova</b>. 11 slika nema alt atribut koji pretrazivaci koriste. Na stranici postoji samo nekoliko opcija za deljenje sadrzaja na drustvenim mrezama.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Struktura stranice: 60%.</b> </span><span style="font-family: georgia;">Naslov h1 nije naveden. Ufff. Neki naslovi pojavljuju se dva puta na stranici. U strukturi naslova nedostaje jedan ili vise nivoa. Ahm. Na stranici se nalazi <b>30 naslova</b>. Kolicina naslova trebala bi biti u pravilnijem odnosu s kolicinom teksta. Neki naslovi su prazni.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Struktura naslova: h1 = 0, h2 = 9, h3 = 20, h4 = 2.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><span style="font-family: courier;"><b>H2<span style="white-space: pre;"> </span>Analitički pristup, ideje, iskustvo & rezultati govore umesto</b> <b>nas</b></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><b>H2<span style="white-space: pre;"> </span>Iza sebe imamo preko 300 uspešno realizovanih projekata.</b></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><b>H2<span style="white-space: pre;"> </span>Kompletna usluga, fleksibilan pristup i orijentisanost ka rezultatima.</b></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H2<span style="white-space: pre;"> </span>Prazan naslov</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H2<span style="white-space: pre;"> </span>Blogujemo za vas Saveti i aktuelnosti Pratite naše priče</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H2<span style="white-space: pre;"> </span>NE POSTOJE GLUPA PITANJA POSTOJE SAMO GLUPI ODGOVORI</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H2<span style="white-space: pre;"> </span>NAŠE USLUGE</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H2<span style="white-space: pre;"> </span>INFORMACIJE</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H2<span style="white-space: pre;"> </span>Pratite naše priče, prijavite se.</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Digitalni Marketing</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Izrada web i mobilnih aplikacija</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Personalizovan pristup</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Slobodan Lončarević</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>KONSALTING</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>ANALITIČKI PRISTUP</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>IDEJA</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>5 efektivnih SEO koraka za vaše preduzeće u 2021.</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Benefiti uporednih web portala</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Podignite nivo vašeg poslovanja uz digitalni marketing</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Novi trendovi Instagrama koje morate ispratiti</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Hakovanje profila – kako se zaštititi?</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Društvene mreže kao neizostavni element uspeha vašeg poslovanja</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><b>H3<span style="white-space: pre;"> </span>SEO optimizacija kao ključni faktor uspeha vašeg sajta</b></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Vaš biznis u online okruženju</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Digitalni marketing – posao budućnosti koja je već prisutna</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>Prednosti digitalnog poslovanja</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>(+381) 064 180 5113</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>(+381) 060 0 999 040</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H3<span style="white-space: pre;"> </span>(+381) 064 180 5113 </span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H4<span style="white-space: pre;"> </span>Digitalni marketing</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">H4<span style="white-space: pre;"> </span>Izrada i razvoj web aplikacija</span></div></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">H1 je obavezan. H2 max. 2 po jednoj web stranici. H3 - H6 skladno tekstu na stranici. Kad ne znaju da vode racuna o svojoj strukturi web sajta, kako ce da vode racuna o Vasoj?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><span style="font-family: georgia;">U delu Search Engine Marketing, na stranici https://www.nbgcreator.com/poslovanje-preko-interneta navode, citiram deo</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">"...Međutim kvalitet sadržaja i ponude, <b>uz dobro rešenu strukturu sajta</b> za primarni cilj imaju konverziju odnosno prevođenje posetioca u kupca ili korisnika usluge."</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Ah ta struktura stranice tj. web sajta. </span></div></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Struktura linkova: 56%.</b> </span><span style="font-family: georgia;">Neki sidro tekstovi koriste se vise puta. 5 linkova nema sidro tekst.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Konfiguracija servera: 0%.</b> </span><span style="font-family: georgia;">Koriscena verzija PHP -a je zastarela i moze predstavljati sigurnosni rizik. Hoce li i kod Vas (klijenta) zastareti i predstavljati bezbedonosni rizik? Zaglavlje s X pogonom salje se aunutar zaglavlja odgovora (nepotrebno). Ova stranica ucitava 8 CSS fajlova sto moze negativno uticati na vreme ucitavanja stranice. Kod njih ne utice negativno jer ime je brzina otvaranja stranice 0.17 sekundi. </span>Mreza za isporuku sadrzaja kao Google Biblioteke i Bootstrap CDN-a mogu ustedeti propusnost (en. bandwidth) za JQuery i za biblioteku komponenti prednjeg-kraja (en. front-end) Bootstrap-a.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Spoljasnji faktori: 100%</b>. </span><span style="font-family: georgia;">Ova web stranica ima izvrsne linkove s drugih web sajtova (en. backlinks).</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Provera 2 - brzina web sajta.</span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGGoipYGjcF7zAk_mVorcYGcrMHRuBVaa067hZG_2FSEMIIZTZlnDiQvo7RGq2tnPy_her8INFWmx549bUD_6kh3hrOD6lGXoaSFLDL0E0FCYPFdx9awBGnUBTHtcg7mP8ANkV3Ea6liM/s828/nbgcreator-05.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="418" data-original-width="828" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGGoipYGjcF7zAk_mVorcYGcrMHRuBVaa067hZG_2FSEMIIZTZlnDiQvo7RGq2tnPy_her8INFWmx549bUD_6kh3hrOD6lGXoaSFLDL0E0FCYPFdx9awBGnUBTHtcg7mP8ANkV3Ea6liM/s320/nbgcreator-05.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">brzina otvaranja na mobilnim uredjajima je 13</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWsHfl3wpaeFPjQcS4hGDgyFjbqkKq_0Z6W2deNE5zjtcLbByg7tcryZ8Obd6wf4vcKHMDPtHWR2LNk_ZImKUt90AV2BW07BhcZzBFyCw7UTpKPCV2UxZ-EqabAeaUah6UmaUg-nY13bI/s841/nbgcreator-04.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="413" data-original-width="841" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWsHfl3wpaeFPjQcS4hGDgyFjbqkKq_0Z6W2deNE5zjtcLbByg7tcryZ8Obd6wf4vcKHMDPtHWR2LNk_ZImKUt90AV2BW07BhcZzBFyCw7UTpKPCV2UxZ-EqabAeaUah6UmaUg-nY13bI/s320/nbgcreator-04.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">brzina otvaranja na desktop racunarima je 53</span></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Secate se onih 21 JavaScript fajlova i Apple ikone? E to su neki od faktora bitnih za brzinu otvaranja web stranica. Ono s pocetka clanka je bila brzina otvaranja naslovne stranice (0.17s), a ovo je ukupna brzina tj. brzina celog web sajta.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Provera 3 - linkovi koji ne rade.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhorXYjKx8f-Ya6J0ZNK_Xk3V507tGkerFRmNoimZ7osurVfBSAhqIIOV-fcxucyfnVvlW8p51bMWH_w6jeqBTnZ6USVI6DYAwyU160o95RK15aRpr0YTuVhR-SnhyphenhyphenNITOGevMfUnQHvKk/s1154/nbgcreator-06.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="468" data-original-width="1154" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhorXYjKx8f-Ya6J0ZNK_Xk3V507tGkerFRmNoimZ7osurVfBSAhqIIOV-fcxucyfnVvlW8p51bMWH_w6jeqBTnZ6USVI6DYAwyU160o95RK15aRpr0YTuVhR-SnhyphenhyphenNITOGevMfUnQHvKk/s320/nbgcreator-06.jpg" width="320" /></a></div><br /><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Dobar deo linkova je od linkedin-a sa statusnom porukom 999 Non standard, (kao kod mene) za koje pokazuje da ne rade. Njihove linkedin profile nisam proverala. Moj link je jedan i radi. Kao sto sam rekla i kod Uprave za sprecavanje pranja novca, i ovde da kazem da necu proveravati ispravnost njihovih linkova detaljno, jer mi to nije posao.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Provera 4 - duplikat sadrzaja.</b> </span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj57NaANtSFmSZ92uBYf6Bks0EsGrK0TObmrxNue82hFghImrEG4WYOB3EbFDw3NUAXo-T5nCC_NHIPVDtSwKOCSbspCted13S2FHsHgbD5sdF3HK9f8bHR58mXv9ydWew8mNoidkNyAMc/s828/nbgcreator-07.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="158" data-original-width="828" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj57NaANtSFmSZ92uBYf6Bks0EsGrK0TObmrxNue82hFghImrEG4WYOB3EbFDw3NUAXo-T5nCC_NHIPVDtSwKOCSbspCted13S2FHsHgbD5sdF3HK9f8bHR58mXv9ydWew8mNoidkNyAMc/s320/nbgcreator-07.jpg" width="320" /></a></div><br /><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Bratski. 50 : 50. </span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Da pogledamo malo bolje.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_rr9-Y8vUxG3Jsx938A8uoeismb1XldBjCmCCn7XGq_JV8IIVIfLMKYuDJxgZabIaNDyVjVgvCGEInLih1bhkyqmXx62CrWBF2M6JwGNKyTeOfBhuqwmadh3VPmlQX5XEHnnyHY66UE/s817/nbgcreator-08.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="182" data-original-width="817" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_rr9-Y8vUxG3Jsx938A8uoeismb1XldBjCmCCn7XGq_JV8IIVIfLMKYuDJxgZabIaNDyVjVgvCGEInLih1bhkyqmXx62CrWBF2M6JwGNKyTeOfBhuqwmadh3VPmlQX5XEHnnyHY66UE/s320/nbgcreator-08.jpg" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div><span style="font-family: georgia;">Za prvu recenicu na slici, rezultat je sledeci</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifBeMHgwZJ7C_IEdAHTO8bTtkGc3SShOLCM9AUTqlDOTvC2lYMQvP4YViToYVWYb7o3GIF7pHw_0h-Q9iNbFi4ldNKVZHphdeqDxk5oJcxPIBtx6ph4j0zfRZ_5yTHSuUs83wpWdHrV7w/s807/nbgcreator-08b.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="642" data-original-width="807" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifBeMHgwZJ7C_IEdAHTO8bTtkGc3SShOLCM9AUTqlDOTvC2lYMQvP4YViToYVWYb7o3GIF7pHw_0h-Q9iNbFi4ldNKVZHphdeqDxk5oJcxPIBtx6ph4j0zfRZ_5yTHSuUs83wpWdHrV7w/s320/nbgcreator-08b.jpg" width="320" /></a></div><br /><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Za recenicu - </span><span style="font-family: courier;">"Kvalitetan online nastup podrazumevaprimenu razlicitih tehika digitalnog..."</span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Gugle kaze da se pojavljuje na 3 razlicita web sajta. prvi je web sajt Nbgcreator-a, drugi je konekt.rs i teci je https://links.giveawayoftheday.com/ . Prvi i treci linkovi pripadaju Nbgcreator-u, a drugi Konekt-u DOO. Osim ako Nbgcreator-u Konekt doo nije firma-sestra, ko je od koga prepisivao sadrzaj? A i da jeste firma-sestra, sadrzaj mora biti razlicit. </span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"> <br />Za drugu recenicu na slici, rezultat je sledeci</span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhioTzMbW9vC4yyM4sfhUdZgse5yZkYcS3mqK1Q_3o6_OxgRapq2MAf2_ilEzYMPygHq5UTR5gPEtQbBqNng5KMnDtvLk4S2-pLHSAe9Wt6TwFB-6UnfQbFgSdrAOpRc1sgCyj6-VqRRuc/s743/nbgcreator-08c.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="524" data-original-width="743" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhioTzMbW9vC4yyM4sfhUdZgse5yZkYcS3mqK1Q_3o6_OxgRapq2MAf2_ilEzYMPygHq5UTR5gPEtQbBqNng5KMnDtvLk4S2-pLHSAe9Wt6TwFB-6UnfQbFgSdrAOpRc1sgCyj6-VqRRuc/s320/nbgcreator-08c.jpg" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Za recenicu - </span><span style="font-family: courier;">"Digitalni marketing zapocinje poslovima istrazivanja online trzista koje ukljucuje..."</span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Gugl kaze da se pojavljuje dva puta. Prvi put kod Nbgcreator-a, a drugi put kod Konekt doo.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Trecu recenicu necu da komentarisem. Evo samo slike.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWFkXdJA7M4o5b6fKC-ufc3hH-HKObwmOwxxSmzUEQRJqAyzCHMylMgkaThbS2W4HFXLqqwPxFB-eXQXPVfvk-igdAfnU6y8DV5zuwBQ7-Y9H-Bt6d3wYAPO9tYWTCJBdSwT9KKu2-iN0/s792/nbgcreator-08d.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="498" data-original-width="792" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWFkXdJA7M4o5b6fKC-ufc3hH-HKObwmOwxxSmzUEQRJqAyzCHMylMgkaThbS2W4HFXLqqwPxFB-eXQXPVfvk-igdAfnU6y8DV5zuwBQ7-Y9H-Bt6d3wYAPO9tYWTCJBdSwT9KKu2-iN0/s320/nbgcreator-08d.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Procenite sami.</span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Zakljucak:</b> ako Vam je bitno da imate povratne linkove ova agencija je pravi izbor. Imaju licnog iskustva pa ce verujem i za Vas (klijenta) ostvariti isto.</span><span style="font-family: georgia;"> A sto se tice drugih stvari, prica im je prilicno klimava. Naravno, oni imaju jos drugih usluga koje nisu tema ovog clanka. Imaju zaista lep web sajt, ali lepota se ne prodaje osim ako niste "prodavacica ljubavi". Nbgcreator ne koristi vizuelni editor za izradu web sajta, ali ako zelite mozete procitati clanak - <a href="http://skolatutorijala.blogspot.com/2021/09/zasto-ne-treba-da-korisitite-page.html" target="_blank"><b>Zasto ne treba da korisitite page builder-e?</b></a> Tamo imate o lepoti koja se ne prodaje. Ili se ipak mozda prodaje, posto imaju iza sebe preko 300 uspesno (??) realizovanih projekata. Sta znaci uspesno? Da klijent ne zna sta nije dobio a trebao je. Jedan primer mozete pogledati u clanku - <a href="http://skolatutorijala.blogspot.com/2021/09/da-li-izabrati-agenciju-ili-kreatora-za.html" target="_blank"><b>Da li izabrati agenciju ili kreatora za izradu web sajta?</b></a></span><span style="font-family: georgia;"> Ili su mozda dobili, ali na koji nacin? Organski (besplatno) ili putem placenog sadrzaja. Ako imate "duboke dzepove" iz meseca u mesec, iz godine u godinu i ako Vam nisu bitne osnove do kojih se stize polako i postupno, nego zelite da preletite sve to i budete prvi na Guglu, Nbgcreator je pravi izbor. </span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Do sledecih šišača ovaca i ovaca za šišanje, zelim Vam prijatan dan, meni je vreme za kafu #2 :)</span></div></div><p></p></div>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-27229954182774660392021-09-15T14:38:00.001-07:002021-09-15T14:38:51.239-07:00Analiza web sajta Marija Rikic SEO optimizacija<p><span style="font-family: courier;">Napomena: linkovi se po standardnoj postavki ovog clanka otvaraju u novom tabu/kartici.</span></p><p><span style="font-family: georgia;">Marija Rikic web sajt se sastoji iz tri dela: <br /></span></p><ol style="text-align: left;"><li><span style="font-family: georgia;"><span style="font-family: georgia;">Prvi deo - <a href="https://www.marijarikic.com/en/index.html" target="_blank"><b>Websites for Sheriff's, Fire and Police Departments</b></a></span><span style="font-family: georgia;"> je posvecen hitnim sluzbama i na engleskom je jeziku. </span></span></li><li><span style="font-family: georgia;"><span style="font-family: georgia;">Drugi deo - <a href="https://www.marijarikic.com/sr/index.html" target="_blank"><b>Moto Klubovi</b></a> je posvecen motorima kroz moto klubove.</span></span></li><li><span style="font-family: georgia;"><span style="font-family: georgia;">Treci deo - <a href="https://www.marijarikic.com/optimizacija-web-sajta/" target="_blank"><b>Optimizacija web sajta</b></a> je posvecena SEO optimizaciji vec napravljenih web sajtova i izradi web sajtova za mala preduzeca.</span></span></li></ol><p></p><p><span style="font-family: georgia;">U ovom clanku analiziram treci deo - Optimizacija web sajta. Ja ovde tvrdim da dajem usluge osnovne SEO optimizacije. Tu je ukljuceno:</span></p><p></p><ol style="text-align: left;"><li><span style="font-family: georgia;">Na stranici SEO</span></li><li><span style="font-family: georgia;">SEO analitika web stranica</span></li><li><span style="font-family: georgia;">Provera brzine web sajta</span></li><li><span style="font-family: georgia;">Provera linkova koji ne rade</span></li><li><span style="font-family: georgia;">Provera duplog sadrzaja</span></li></ol><div><span><a name='more'></a></span></div><div><span style="font-family: georgia;">1.-2. SEO analitika web stranica proverava ono sto je uradjeno na stranici. Na stranici SEO se radi u toku izrade web sajta. Nakon toga sa SEO analitikom to se proverava i popravlja. </span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">Sledi SEO analitika <a href="https://www.marijarikic.com/optimizacija-web-sajta/seo-optimizacija.html" target="_blank"><b>naslovne stranice</b></a>.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPclY0domnm8f9IpziwPImY9e5uZwf02rk-FjPykdJsJdWB0HYS60Q4iWQrHOXRPfKYOMQMYCichOqcuDiQEZSlNEurwzau7ophzhiXxejnhvKSy2ZONyUyM77SGZ5rGmUvlAYoHvGvCg/s1198/marija-rikic-optimizacija-web-sajta-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="468" data-original-width="1198" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPclY0domnm8f9IpziwPImY9e5uZwf02rk-FjPykdJsJdWB0HYS60Q4iWQrHOXRPfKYOMQMYCichOqcuDiQEZSlNEurwzau7ophzhiXxejnhvKSy2ZONyUyM77SGZ5rGmUvlAYoHvGvCg/s320/marija-rikic-optimizacija-web-sajta-01.jpg" width="320" /></a></div></div><div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><span style="font-family: georgia;">Na slici se vidi isecak mog web sajta. Zatim podaci koji se proveravaju, kao sto su:</span></div><div><ul style="text-align: left;"><li><span style="font-family: georgia;">meta informacije = 100%,</span></li><li><span style="font-family: georgia;">kvalitet stranice = 99%,</span></li><li><span style="font-family: georgia;">struktura stranice = 100%,</span></li><li><span style="font-family: georgia;">struktura linkova = 100%, </span></li><li><span style="font-family: georgia;">server = 90%</span></li><li><span style="font-family: georgia;">spoljasnji faktori = 28%</span></li></ul><div><span style="font-family: georgia;">U spoljasnje faktore spadaju "backlinks" (drugi web sajtovi koji linkuju tj. ukazuju na ovu stranicu) i popularnost na Fejbuku. Nijedan web sajt ne linkuje ka naslovnoj stranici, a Fejsbuk nemam.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">Desno od toga nalazi se SEO ocena = 91% u zeleno.</span></div></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">Ispod toga se nalazi:</span></div><div><ul style="text-align: left;"><li><span style="font-family: georgia;">brzina otvaranja stranice = 0.54 sekundi,</span></li><li><span style="font-family: georgia;">velicina stranice = 17.40 KB,</span></li><li><span style="font-family: georgia;">broj reci na stranici = 817</span></li><li><span style="font-family: georgia;">broj medija fajlova = 14</span></li><li><span style="font-family: georgia;">broj linkova = 24 unutrasnjih i 7 spoljasnjih</span></li></ul></div><div><span style="font-family: georgia;">3. Brzina web sajta na mobilnim uredjajima je 66, a na desktop racunarima je 97.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB8MpUKH7iDf3m8lOjSGN98IsVgUrnNSuqnSR9OCE9BXQnstrKEnGjoJdO4YjoPGba-w3-tORLHLS5WMPFUneQtmgu1adC0LSOB0UTtbgIpn3EhBGx5YAP3eyUmV1U98xvp9Xs4cPlOU8/s951/marija-rikic-optimizacija-web-sajta-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="441" data-original-width="951" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB8MpUKH7iDf3m8lOjSGN98IsVgUrnNSuqnSR9OCE9BXQnstrKEnGjoJdO4YjoPGba-w3-tORLHLS5WMPFUneQtmgu1adC0LSOB0UTtbgIpn3EhBGx5YAP3eyUmV1U98xvp9Xs4cPlOU8/s320/marija-rikic-optimizacija-web-sajta-02.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xs1XdDAMv20ZExylQTwklE1GMndq5kJwiU8zt4KkogmLagT17wZwo2Fxvu6URXvl9eGCV3o9Q26VNuyfAho2mEZUoBMKo683auEX0Hirr-ZixSVgy9c1EW4YpsXEWaV5snJncCBTulo/s923/marija-rikic-optimizacija-web-sajta-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="440" data-original-width="923" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xs1XdDAMv20ZExylQTwklE1GMndq5kJwiU8zt4KkogmLagT17wZwo2Fxvu6URXvl9eGCV3o9Q26VNuyfAho2mEZUoBMKo683auEX0Hirr-ZixSVgy9c1EW4YpsXEWaV5snJncCBTulo/s320/marija-rikic-optimizacija-web-sajta-03.jpg" width="320" /></a></div><br /></span></div><div><span style="font-family: georgia;"><div><br /></div><div>4. Za provera linkova koji ne rade skenira se po nazivu domena a ne po pod-folderima.</div><div>Naziv domena kod mene je https://www.marijarikic.com/ a pod-folderi su https://www.marijarikic.com/sr, https://www.marijarikic.com/en i https://www.marijarikic.com/optimizacija-web-sajta.</div><div><br /></div><div>Skenirano je samo 1500 linkova. Samo znaci da nisu svi skenirani :) </div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Ha5IxP_IE1uxFwuH40uNFjMQ3v5Cr6voem7CLh7Gxg5GhgRq7GBk_0Z9bMO_W-IkQLb31LSV-QtoiS60AxUfA2KvrjZZ5vvkpzY2e3p7OVBMssNRWto1LqWLzSlpiqSsjJJfvwW-Xiw/s1213/marija-rikic-optimizacija-web-sajta-04.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="437" data-original-width="1213" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Ha5IxP_IE1uxFwuH40uNFjMQ3v5Cr6voem7CLh7Gxg5GhgRq7GBk_0Z9bMO_W-IkQLb31LSV-QtoiS60AxUfA2KvrjZZ5vvkpzY2e3p7OVBMssNRWto1LqWLzSlpiqSsjJJfvwW-Xiw/s320/marija-rikic-optimizacija-web-sajta-04.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><div>i pronadjena su 4 linka koja ne rade i 5 koji su blokirani.</div></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk27sjBExvOdV3fTzUkItRCTBcSpYEOLrqduXlM_deg1h7SZ7INfpW6To9XPYqQ7YD3G_kZJbwjnDL7Rb4RT6RqKEKX_fkh-ArM1i7uvDIldI-BGsMgeoXe259nuCJdQWbcLH69j5knSw/s874/marija-rikic-optimizacija-web-sajta-05.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="413" data-original-width="874" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk27sjBExvOdV3fTzUkItRCTBcSpYEOLrqduXlM_deg1h7SZ7INfpW6To9XPYqQ7YD3G_kZJbwjnDL7Rb4RT6RqKEKX_fkh-ArM1i7uvDIldI-BGsMgeoXe259nuCJdQWbcLH69j5knSw/s320/marija-rikic-optimizacija-web-sajta-05.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Za prva tri linka, (koja su vezana za prvi deo web sajta), gde navode da nema fotografija, zapravo ih ima, samo sto ih Chrome ne prikazuje. Ako pogledate u Firefox-u i Operi one su na stranici.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirNEMFzthobPe0eYo_P1v4awtJ2avaIv0am7WnVoIaGC7yNcF_NbPlbvbviCSKdMJYjcobx9N10Mog-msbaetBgtHfY2KaN-49jodFXVGR2nt0Cd5IkNov9PMWaRZk_N4jN9kJGuO19f8/s1226/marija-rikic-optimizacija-web-sajta-07.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="428" data-original-width="1226" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirNEMFzthobPe0eYo_P1v4awtJ2avaIv0am7WnVoIaGC7yNcF_NbPlbvbviCSKdMJYjcobx9N10Mog-msbaetBgtHfY2KaN-49jodFXVGR2nt0Cd5IkNov9PMWaRZk_N4jN9kJGuO19f8/s320/marija-rikic-optimizacija-web-sajta-07.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">u Chrome-u</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip2EYEFzH2ovII8AiGJlza7ChpE4u8kLrbjwLZDo5ISH43guubZpj_86k7fQpHQGRCgHk4ADrF9UMqIziHPGeore6pEjS24Rj_h0l8BG6q0XNeaOYTMg_nO5DkaAyQwCq0Xi4moxqwnaI/s1242/marija-rikic-optimizacija-web-sajta-08.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="432" data-original-width="1242" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip2EYEFzH2ovII8AiGJlza7ChpE4u8kLrbjwLZDo5ISH43guubZpj_86k7fQpHQGRCgHk4ADrF9UMqIziHPGeore6pEjS24Rj_h0l8BG6q0XNeaOYTMg_nO5DkaAyQwCq0Xi4moxqwnaI/s320/marija-rikic-optimizacija-web-sajta-08.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">u Firefox-u</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVRx5miCMFqziRR5Uh3dUmks-5fccOvhgb3XDSY7aCkxkIUYgiyOTjXpIoo5DV1Wl22xW1Zq5vDt-qPYXyvuEZdX7w8oRPh5wBkAAskRhM3FVcQJfYwL3E3z240e9sHho3Lw5jU1NLKuE/s1246/marija-rikic-optimizacija-web-sajta-09.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="421" data-original-width="1246" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVRx5miCMFqziRR5Uh3dUmks-5fccOvhgb3XDSY7aCkxkIUYgiyOTjXpIoo5DV1Wl22xW1Zq5vDt-qPYXyvuEZdX7w8oRPh5wBkAAskRhM3FVcQJfYwL3E3z240e9sHho3Lw5jU1NLKuE/s320/marija-rikic-optimizacija-web-sajta-09.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">u Operi</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Za cetvrti link, nije dobro imenovan JS fajl. Koji je sada ispravljen :)</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihNAu13wzx042u8Cux6_FqQ_dd1tQxIRh2q2F6D6XwnbCfMXfS2s7kyWeNq_YEBNEtk_pXjRe8SVxJ_MkQXETLYYYAMsVPawZvaTC2_7RbtoOZqjTvIkNrLb6hPSNk_dNNqgzLriH25k8/s908/marija-rikic-optimizacija-web-sajta-06.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="440" data-original-width="908" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihNAu13wzx042u8Cux6_FqQ_dd1tQxIRh2q2F6D6XwnbCfMXfS2s7kyWeNq_YEBNEtk_pXjRe8SVxJ_MkQXETLYYYAMsVPawZvaTC2_7RbtoOZqjTvIkNrLb6hPSNk_dNNqgzLriH25k8/s320/marija-rikic-optimizacija-web-sajta-06.jpg" width="320" /></a></div><br /><div><br /></div><div>Sa drugim alatom sam takodje proverila linkove koji ne rade.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-zrKvvF4C13cQyOLVt28BBcgpUK-s-EsYK9SUKF56PJYbX6Df4Kq4w_S7oEKBtNOQ71Imk6hDz3WFVwf9jRue6_46ZHydt3SBxZLoCd7_dwafZ94mUfbFD1J67JDpRKlIcw_ZU7qLZYI/s1116/marija-rikic-optimizacija-web-sajta-12.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="464" data-original-width="1116" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-zrKvvF4C13cQyOLVt28BBcgpUK-s-EsYK9SUKF56PJYbX6Df4Kq4w_S7oEKBtNOQ71Imk6hDz3WFVwf9jRue6_46ZHydt3SBxZLoCd7_dwafZ94mUfbFD1J67JDpRKlIcw_ZU7qLZYI/s320/marija-rikic-optimizacija-web-sajta-12.jpg" width="320" /></a></div><br /><div>Na slici se vidi 7 linkova koji ne rade. Prva tri linka rade kada se klikne na njih. Sledeca tri linka su ista kao iz prethodnog alata. A sedmi link je uklonjen sa web sajta.</div><div><br /></div><div>5. Provera duplog sadrzaja se moze uraditi za pod-foldere.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhugaNJV4ksuWhLiCnvCxagYbq1fMk76woI6VIo06LrrBXNSFcq4u5C_pDK4TLsF-q2YlhxHCjZyESTtqBGBQjsHr0reqFQgAXMTMyvlmB1v3bz5zvJ9JQzX0E9Tya0XefvsGaFPsuLnAQ/s772/marija-rikic-optimizacija-web-sajta-10.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="305" data-original-width="772" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhugaNJV4ksuWhLiCnvCxagYbq1fMk76woI6VIo06LrrBXNSFcq4u5C_pDK4TLsF-q2YlhxHCjZyESTtqBGBQjsHr0reqFQgAXMTMyvlmB1v3bz5zvJ9JQzX0E9Tya0XefvsGaFPsuLnAQ/s320/marija-rikic-optimizacija-web-sajta-10.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYss7st24TtanOu_gjHfm0M5z6Z724uQmbXnNEeOzi7clzXMIgegfqFhCIefMPXB-yUKc8_36BElC8L8sAob1wciofajD9XxMB-AA9-JFIpGVkpTTY0PN7Zg-w0RMd6LxfTjkKFVg2kSc/s432/marija-rikic-optimizacija-web-sajta-11.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="283" data-original-width="432" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYss7st24TtanOu_gjHfm0M5z6Z724uQmbXnNEeOzi7clzXMIgegfqFhCIefMPXB-yUKc8_36BElC8L8sAob1wciofajD9XxMB-AA9-JFIpGVkpTTY0PN7Zg-w0RMd6LxfTjkKFVg2kSc/s320/marija-rikic-optimizacija-web-sajta-11.jpg" width="320" /></a></div><br /><div>Sa ovim alatom nema duplog sadrzaja.</div><div><br /></div><div>Sa drugim alatom imam 2 greske.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwbnIgabUr3yhYCla4ajUOwVAEVAxJxFLdNevW8pwwLQ0iAu6fp6vNKrmjEzqFWDc4H5Da8beV0uel175JyKA9kO4p0Z03J1kGLlBDaQNEGz8qGvieTnKrTEnh0xni0X_kBHmUwr83FZs/s849/marija-rikic-optimizacija-web-sajta-13.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="127" data-original-width="849" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwbnIgabUr3yhYCla4ajUOwVAEVAxJxFLdNevW8pwwLQ0iAu6fp6vNKrmjEzqFWDc4H5Da8beV0uel175JyKA9kO4p0Z03J1kGLlBDaQNEGz8qGvieTnKrTEnh0xni0X_kBHmUwr83FZs/s320/marija-rikic-optimizacija-web-sajta-13.jpg" width="320" /></a></div><br /><div>Prvi link kaze da se recenica "KBS Serbia do not endorse me and/or my use of the work in any way" pojavljuje na dva mesta. Jedno pojvljivanje je na trecem delu web sajta, a drugo na prvom delu web sajta.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYhAK9p5lO5GlPsAhGjQxmI3Yh-RBiHbK_K8IdYMpfRyKVFQG-q_OB1YQWjlrXCk9DfUtDI3GQ11yE2D489fkeXeyE4fBAS-ozYlO2KLiNDRsxaWVc0O68yfkN8xOBal8vEuuDYk7eYWk/s946/marija-rikic-optimizacija-web-sajta-13-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="484" data-original-width="946" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYhAK9p5lO5GlPsAhGjQxmI3Yh-RBiHbK_K8IdYMpfRyKVFQG-q_OB1YQWjlrXCk9DfUtDI3GQ11yE2D489fkeXeyE4fBAS-ozYlO2KLiNDRsxaWVc0O68yfkN8xOBal8vEuuDYk7eYWk/s320/marija-rikic-optimizacija-web-sajta-13-02.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div><br /></div><div>Drugi link kaze da se recenica "Ako vam se svidja moj blog i video lekcije, i ako ste naucili nesto..." se takodje pojavljuje na dva mesta. Oba pojavljivanja su sa treceg dela web sajta.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlfcd_JZIz0hO5tHn8-gTLRaq-jFbOjo_4HHasl3BQTGLOH6ixd4nv9pALQ7kWWqYwLXXeKmmurrbGEjQ9QenZu5LctDABwXKCQkymoAOEv78W4cyY_YUR4KjAUM54BxaBA_PmkFuTY8/s984/marija-rikic-optimizacija-web-sajta-13-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="504" data-original-width="984" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlfcd_JZIz0hO5tHn8-gTLRaq-jFbOjo_4HHasl3BQTGLOH6ixd4nv9pALQ7kWWqYwLXXeKmmurrbGEjQ9QenZu5LctDABwXKCQkymoAOEv78W4cyY_YUR4KjAUM54BxaBA_PmkFuTY8/s320/marija-rikic-optimizacija-web-sajta-13-01.jpg" width="320" /></a></div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div>Ovaj alat pokazuje dupli sadrzaj kako na drugim web sajtovima, tako i na vasem web sajtu.<br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Problem sa prvim duplikatom je taj sto koristim dve iste slike na dva dela web sajta, koji na jednom domenu. Problem sa drugim duplikatom je sto stoji isti tekst kod dugmeta.</div><div class="separator" style="clear: both; text-align: left;"><br /></div></span></div><p></p><p><span style="font-family: georgia;"></span></p><p><span style="font-family: georgia;"></span></p>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-52238045476824030682021-09-05T15:37:00.008-07:002021-09-22T12:44:49.147-07:00Da li izabrati agenciju ili kreatora za izradu web sajta? (Do you choose an agency or creator to create a website?)<p><span style="font-family: georgia;"><a href="http://skolatutorijala.blogspot.com/2021/09/da-li-izabrati-agenciju-ili-kreatora-za.html#anyone"><b>Post in English</b></a>.</span></p><p><span style="font-family: courier;">Napomena: linkovi se po standardnoj postavki ovog clanka otvaraju u novom tabu/kartici.</span></p><p><span style="font-family: georgia;">Svako ko se bavi ovim poslom, ubedjivace Vas zasto je jedno bolje od drugog. Agencija ce reci:</span></p><p><span style="font-family: georgia;">1. Imamo vise godina iskustva, i vise poznatih klijenata, od nekog tamo kreatora, koji mozda nema nijednog;<br /></span><span style="font-family: georgia;">2. Mi smo registrovana firma, a kreator nije;<br /></span><span style="font-family: georgia;">3. Mi imamo svoje poslovne prostorije, a kreator radi od kuce;<br /></span><span style="font-family: georgia;">4. Mi smo porodicna firma;<br /></span><span style="font-family: georgia;">5. Imamo veliki broj zadovoljnih klijenata;<br /></span><span style="font-family: georgia;">6. Trudimo se da postujemo dogovoreno i rokove;<br /></span><span style="font-family: georgia;">7. Na prvom mestu nam je kvalitet i profesionalni odnos prema klijentima;<br /></span><span style="font-family: georgia;">8. Dodatno se usavrsavamo.</span></p><p><span style="font-family: georgia;">I sta sad sve ovo zapravo znaci?</span></p><p><span></span></p><a name='more'></a><p></p><p><span style="font-family: georgia;">1. Zar kreator ne moze imati vise godina iskustva? Poznati klijenti su super preporuka, ali ako njihovi web sajtovi nisu SEO optimizovani, sta Vi dobijate od toga sto ta agencija ima poznate klijente.</span></p><p><span style="font-family: georgia;">Napomena:<strike> uskoro ce biti clanak na mom blogu u vezi poznatih agencija i njihovih poznatih klijenata.</strike> Procitajte <a href="http://skolatutorijala.blogspot.com/2021/09/poznate-agencije-za-pravljenje-web.html" target="_blank"><b>Poznate agencije za pravljenje web sajtova i njihovi poznati klijenti</b></a>.</span></p><p><span style="font-family: georgia;">2. Sta Vam je agencija rekla ovom recenicom? Dali smo novac APR-u da bi registrovali firmu. Moramo da placamo porez drzavi. I zato ce Vas izrada web sajta kostati djavo-i-po. Ima kreatora koji zaradju vise, ali isto tako imaju obavezu placanja drzavi. Oni koji ne placaju drzavi, jos uvek ne zaradjuju dovoljno da bi povukli "crvenu zastavicu" kod Poreske Uprave ili kako god da se zove Institucija kojoj kreator mora da plati od svoje zarade.</span></p><p><span style="font-family: georgia;">3. I opet, placamo te prostorije i racune svakog meseca, te cemo Vam na prethodno djavo-i-po dodati jos, ponekog djavola. Kreator radi od kuce ili zato sto nema novca da iznajmi kancelariju ili zato sto mu je udobnije od kuce ili 'pak zato sto mora da cuva decu ili roditelje.</span></p><p><span style="font-family: georgia;">4. Oni su porodicno preduzece koje daje kvalitetne usluge i imaju profesionalan odnos prema klijentima i tako zele odrzati i opstati jos nekoliko godina. Molim?? I kreator moze da ima porodicu i da na svoje potomke prenese ovaj posao. Takodje, taj kreator moze pruzati kvalitene usluge i da ima profi odnos sa klijentima. Mislite li da kreator sa svim prethodno navedenim, ne zeli da odrzi to i da opstane jos dugi niz godina? Svasta. Svasta ljudi pisu. O kvalitetu usluga bice u tacki 7.</span></p><p><span style="font-family: georgia;">5. Da li klijent zna da je zadovoljan ili ga je agencija ubedila da bude zadovoljan? Da pojasnim. Na osnovu cega su klijenti zadovoljni? Da kazem drugim recim, da li klijent zna da je prevaren? Ili slepo veruje agenciji koja je napravila web sajt i znaci sa time je zadovoljan. Mozda klijent nije trazio standardni SEO, ali ako agencija (ili kreator) na svom web sajtu tvrde da svaki ili odredjeni paket ima tu stavku, a klijent je ne dobije. To je prevara.</span></p><p><span style="font-family: georgia;">6. Pa sad, kao da kreator ne moze takodje da se trudi da ostvari isto. Uostalom oni ovom recenicom ne tvrde da ce klijent 100% dobiti dogovoreno, nego se ogradjuju, ali suptilno. Tome svako tezi bilo kojim poslom da se bavi.</span></p><p><span style="font-family: georgia;">7. Ako do sada niste procitali <b><a href="http://skolatutorijala.blogspot.com/2021/08/jeftin-web-sajt-nije-dobar-cheap.html" target="_blank">Jeftin web sajt nije dobar</a></b>, sad je vreme. Ko ocenjuje i procenjuje kvalitet usluga? Sama agencija za sebe. Da, ali ako dokaze. A reci samo - imamo veliki broj klijenata ili poznatih klijenata ne znaci nista. Treba prikazati dokaz kako na svom web sajtu, tako i na web sajtu klijenta.<br /></span></p><p><span style="font-family: georgia;">Napomena: <strike>primer o mom web sajtu, bice uskoro na blogu.</strike> Pogledajte <a href="https://skolatutorijala.blogspot.com/2021/09/analiza-web-sajta-marija-rikic-seo.html" target="_blank"><b>Analiza web sajta Marija Rikic SEO optimizacija</b></a>.</span></p><p><span style="font-family: georgia;">Ako smatrate da je kvalitet samo web sajt koji lepo izgleda, grdno se varate. U slucaju da ne procitate clanak, reci cu Vam, da se lepota ne prodaje osim ako niste "prodavacica ljubavi". A ako zelite razjasnjenje ove recenice, ipak cete morati da procitate onaj clanak. Da li mislite da jednom kreatoru takodje nije bitan kvalitet i profesionalnost prema klijentima?</span></p><p><span style="font-family: georgia;">8. Hahahahahahaha. Da li ova recenica znaci da se kreatori ne usavrsavaju? Mogu, i usavrsavaju se i oni sami.</span></p><p><span style="font-family: courier;"><b>Azurirano 14.09.2021.</b></span></p><p><span style="font-family: georgia;">9. Citiram </span></p><p><span style="font-family: courier;">"Nismo pojedinci koji se ovim poslom bave amaterski, nelegalno, neprofesionalno ili da bi dopunili svoj kućni budžet. Mi smo zvanično registrovana firma, ne krijemo svoje kontakt podatke i adresu, već se nalazimo na registrovanoj adresi na kojoj se nalaze naše poslovne prostorije i koje su u našem vlasništvu. Tako da smo za svoje klijente uvek dostupni."</span></p><p><span style="font-family: georgia;"><span style="font-family: courier;">"Nismo pojedinci koji se ovim poslom bave amaterski,...". </span><br />Ovo je isto kao da ste rekli da sva deca koja se amaterski bave kosarkom ili fudbalom ili nekim drugim sportom su manje vredna od onih koji se bave profesionalno ili ne amaterski. Ono sto su zaboravili, je to da su i oni nekad bili amateri. Niko se nije rodio kao profesionalac u necemu. </span></p><p><span style="font-family: georgia;"><span style="font-family: courier;">"...nelegalno,..,".</span><br />Koliko ja znam, a moguce je da ne znam puno, praviti web sajtove bez registrovane firme nije krivicno delo. </span></p><p><span style="font-family: georgia;">"...</span><span style="font-family: courier;">neprofesionalno...</span><span style="font-family: georgia;">"<br />Ko je ovde sudija? Ko govori da je agencija profesionalna, a da je neki tamo kreator (pojedinac) neprofesionalan? Agencija govori. Na osnovu cega? </span></p><p><span style="font-family: georgia;"><b>Kao </b>sto sam vec rekla bice u clanku o poznatim agencijama i poznatim klijentima.</span></p><p><span style="font-family: georgia;">"</span><span style="font-family: courier;">...</span><span style="font-family: courier;">ili da bi dopunili svoj kućni budžet...</span><span style="font-family: georgia;">".</span><br /><span style="font-family: georgia;">A oni kao registrovana firma ne dopunjavaju svoj kucni budzet. Nije sija nego vrat. Recite mi, sta ima lose u tome sto neko radi dva posla - u ova danasnja vremena kada spajamo kraj s krajem, s minimalcem ili mizerijom? Ako uopste znate sta je mizerija. Mizerija je pola minimalca. Mozda Vi kao klijent radite dva posla. A ova agencija Vam to brani. Ne smete Vi da dopunjavate svoj kucni budzet. Ma na osnovu cega bre?</span></p><p><span style="font-family: georgia;">"</span><span style="font-family: courier;">...</span><span style="font-family: courier;">Mi smo zvanično registrovana firma,...</span><span style="font-family: georgia;">".<br />Postoji li neka firma koja nije zvanicno registrovana? Ili su mozda mislili da je uopste registrovana, u odnosu na kreatora koji nema registrovanu firmu. Za ostatak recenice imate objasnjenje pod tackom 2.</span></p><p><span style="font-family: georgia;">"</span><span style="font-family: courier;">...</span><span style="font-family: courier;">ne krijemo svoje kontakt podatke i adresu,...</span><span style="font-family: georgia;">".<br />Moze im se kad im je adresa i kontakt telefon odvojen od kucne adrese i privatnog telefona. Mislite da bi agencija podelila svoju kucnu adresu i privatni telefon javno na web sajtu? Svako to radi iz odredjenih razloga. Ali najvise iz bezbednosnih, za adresu. A sto se tice telefona, mozda nemaju pametan telefon ili bilo koji drugi telefon sa dve kartice, a mozda i ne mogu sebi da priuste dva telefona. </span></p><p><span style="font-family: georgia;"><span style="font-family: courier;">"...</span></span><span style="font-family: courier;">već se nalazimo na registrovanoj adresi...</span><span style="font-family: courier;">".</span><br /><span style="font-family: georgia;">Tacka 2. Da dodam, mozda postoji neka adresa koja nije registrovana. </span><span style="font-family: georgia;">A mozda kreator zivi na adresi koja nije registrovana.</span></p><p><span style="font-family: georgia;">"</span><span style="font-family: courier;">...</span><span style="font-family: courier;">na kojoj se nalaze naše poslovne prostorije...".<br /></span><span style="font-family: georgia;">Tacka 3. <br /><br /></span><span style="font-family: courier;">"...i koje su u našem vlasništvu</span><span style="font-family: georgia;">".<br /></span><span style="font-family: georgia;">Auf. Pa gde me nadje? Od amateraca, preko ledja mnogobrojnih i poznatih klijenata (koji nemaju predstavu da smo ih zavrnuli), stigli smo do profesionalaca i od tih para smo uspeli da kupimo poslovne prostorije. Ako Vam je malo ono djavo-i-po i jos pokoji djavo, evo Vam ovde jos djavola. Pricam o ceni izrade web sajta. <br /><br />I zasto bas odabrati neku agenciju pre nego nekog kreatora? Citiram deo recenice </span></p><p><span style="font-family: georgia;">"</span><span style="font-family: courier;">...a da pritom ostanemo dovoljno skromni.</span><span style="font-family: georgia;">".<br />Ako ova agencija smatra da se skromnost meri time sto ce ponizavati kreatore (pojedince), a sebe uzdizati, gorak je ukus tog hleba sto jedu.</span></p><p><span style="font-family: georgia;"></span></p><p><span style="font-family: courier;">"Tako da smo za svoje klijente uvek dostupni.".</span><br /><span style="font-family: georgia;">Dostupni su 24 sata za izradu web sajta, u zvanicno registrovanoj firmi, na registrovanoj adresi, na kojoj se nalaze njihove poslovne prostorije, koje su u njihovom vlasnistvu. Cisto sumnjam da rade 24h iz poslovnih prostorija kao <a href="https://www.marijarikic.com/en/demo/police-station-rakovica/index.html" target="_blank"><b>policijska stanica</b></a>. A mozda i rade.</span></p><p><span style="font-family: georgia;">Ja sam kreator i imam jednog klijenta. I ja sam Vas ubedjivala. To je cinjenica.</span></p><p><span style="font-family: courier;">Note: links are opened in the new tab by default.</span></p><p><span id="anyone"></span><span style="font-family: georgia;">Anyone involved in this business will convince you why one is better than the other. The agency will say:</span></p><p><span style="font-family: georgia;">1. We have many years of experience, and more famous clients, than some creator there, who may not have any;<br /></span><span style="font-family: georgia;">2. We are a registered firm and the creator is not;<br /></span><span style="font-family: georgia;">3. We have our own business premises, and the creator works from home;<br /></span><span style="font-family: georgia;">4. We are a family business;<br /></span><span style="font-family: georgia;">5. We have a large number of satisfied customers;<br /></span><span style="font-family: georgia;">6. We try to respect the agreed deadlines;<br /></span><span style="font-family: georgia;">7. Our first priority is quality and professional attitude towards clients;<br /></span><span style="font-family: georgia;">8. We are further improving.</span></p><p><span style="font-family: georgia;"></span></p><p><span style="font-family: georgia;">And what does all this really mean now?</span></p><p>1. Can't a creator have many years of experience? Well-known clients are great recommendations, but if their websites are not SEO-optimized, what do you get from the fact that the agency has well-known clients.</p><p>2. What did the agency tell you in this sentence? We gave money to APR to register the company. We have to pay taxes to the state. And that's why creating a website will cost you a hell of a lot. There are creators who earn more, but also have an obligation to pay the state. Those who do not pay the state still do not earn enough to withdraw the "red flag" from the Tax Administration or whatever the name of the Institution to which the creator must pay from his earnings.</p><p>3. And again, we pay those offices and bills every month, and we'll add a few more devils to the previous devil. A careator works from home either because he has no money to rent an office or because he is more comfortable at home or because he has to take care of children or parents.</p><p><span style="font-family: georgia;">4. They are a family business that provides quality services and have a professional relationship with clients and so they want to maintain and survive for several more years. Excuse me?? And the creator can have a family and pass this work on to his descendants. Also, this creator can provide quality services and have a professional relationship with clients. Do you think that the creator, with all the above, does not want to maintain it and survive for many years to come? Nonsense. People will write anyting. On the quality of services will be in point 7.</span></p><p><span style="font-family: georgia;">5. Does the client know that he is satisfied or has the agency convinced him to be satisfied? Let me explain. On what basis are customers satisfied? To put it another way, does the client know he has been deceived? Or he blindly trusts the agency that made the website and means he is satisfied with it. Maybe the client didn’t ask for standard SEO, but if the agency (or creator) on their website claims that each or a particular package has that item, and the client doesn’t get it. It's a scam.</span></p><p><span style="font-family: georgia;">6. Well now, as if the creator cannot also strive to accomplish the same. After all, with this sentence, they do not claim that the client will get 100% of what's agreed, but they distance themselves, but subtly. Anyone will strive to do that, no matter what job is working.</span></p><p><span style="font-family: georgia;">7. If you haven't read the article <a href="http://skolatutorijala.blogspot.com/2021/08/jeftin-web-sajt-nije-dobar-cheap.html" target="_blank"><b>Cheap website is not good</b></a> by now, now is the time. Who evaluates and judges the quality of services? The agency itself. Yes, but with the evidence. And just to say - we have a large number of clients or known clients means nothing. Evidence should be displayed both on theirs website and on the client’s website.</span></p><p><span style="font-family: georgia;">If you think that quality is just a website that looks nice, you are sorely mistaken. In case you didn't read the article, I'll tell you, beauty doesn't sell unless you're a "love seller." And if you want to clarify this sentence, you will still have to read that article. Do you think that quality and professionalism towards clients are also not important to one creator?</span></p><p><span style="font-family: georgia;">8. Hahahahahahaha. Does this sentence mean that creators do not improve themselves? They can, and they improve themselves.</span></p><p><span style="font-family: georgia;"></span></p><p><span style="font-family: georgia;">Updated 09/14/2021.</span></p><p><span style="font-family: georgia;">9. I quote</span></p><p><span style="font-family: courier;">"We are not individuals who do this business as amateurs, illegally, unprofessionally or to supplement their household budget. We are an officially registered company, we do not hide our contact information and address, but we are at the registered address where our business premises are located and which are owned by us. So we are always available to our customers."</span></p><p><span style="font-family: courier;">"We are not individuals who are engaged in this business as amateurs, ...".</span></p><p><span style="font-family: georgia;">This is like saying that all children who play basketball or football or some other sport as amateurs are less valuable than those who play professionally or not as amateurs. What they forgot is that they used to be amateurs too. No one was born a professional in anything.</span></p><p><span style="font-family: courier;">"... illegal, ..,".</span></p><p><span style="font-family: georgia;">As far as I know, and I may not know much, making websites without a registered company is not a crime.</span></p><p><span style="font-family: courier;">"...unprofessional..."</span></p><p><span style="font-family: georgia;">Who is the judge here? Who says that the agency is professional, and that some creator there (individual) is unprofessional? The agency is talking. Based on what?</span></p><p><span style="font-family: courier;">"... or to supplement their household budget ...".</span></p><p><span style="font-family: georgia;">And they, as a registered company, do not supplement their household budget. It's not potato, it's the potatoe. Tell me, what's wrong with someone doing two jobs - in these days when we make ends meet, with minimal salary or misery? If you even know what misery is. Misery is half the minimal salary. Maybe you as a client are doing two jobs. And this agency is forbiding you. You must not supplement your home budget. On what basis?</span></p><p><span style="font-family: courier;">"... We are an officially registered company, ...".</span></p><p><span style="font-family: georgia;">Is there a company that is not officially registered? Or maybe they thought it was registered at all, compared to a creator who doesn’t have a registered company. For the rest of the sentence you have an explanation under point 2.</span></p><p><span style="font-family: courier;">"... we do not hide our contact details and address, ...".</span></p><p><span style="font-family: georgia;">They can do it when their address and contact phone number are separated from their home address and private phone number. Do you think the agency would share its home address and private phone publicly on the website? Everyone does it for certain reasons. But mostly from security, for the address. And when it comes to phones, they may not have a smartphone or any other dual-card phone, and they may not be able to afford two phones.</span></p><p><span style="font-family: courier;">"... we are already at the registered address ...".</span></p><p><span style="font-family: georgia;">Point 2. To add, there may be some address that is not registered. And maybe the creator lives at an address that is not registered.</span></p><p><span style="font-family: courier;">"... where our business premises are located ...".</span></p><p><span style="font-family: georgia;">Item 3.</span></p><p><span style="font-family: courier;">"... and which are in our possession."</span></p><p><span style="font-family: georgia;">Ouch. So what the hell? From amateurs, through the backs of numerous and well-known clients (who have no idea that we crossed them over), we reached professionals and from that money we managed to buy business premises. If you have a little devil-and-half and a few more devils, here's another devil for you. I'm talking about the cost of making a website.</span></p><p><span style="font-family: georgia;">And why choose an agency over a creator? I quote part of a sentence</span></p><p><span style="font-family: courier;">"... so we can remain modest enough."</span></p><p><span style="font-family: georgia;">If this agency believes that modesty is measured by humiliating the creators (individuals) and exalting themselves, the taste of the bread they eat is bitter.</span></p><p><span style="font-family: courier;">"So we are always available for our clients."</span></p><p><span style="font-family: georgia;">They are available 24 hours to create a website, in an officially registered company, at a registered address, where their business premises are located, which are owned by them. I doubt very much that they work 24 hours a day from business premises as a <a href="https://www.marijarikic.com/en/demo/police-station-rakovica/index.html" target="_blank"><b>police station</b></a>. And maybe they do.</span></p><p><span style="font-family: georgia;">I am a creator and I have one client. I was trying to convince you too. That is a fact.</span></p>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-10251798816346949922021-09-03T05:35:00.005-07:002021-09-14T00:53:29.336-07:00Zasto ne treba da korisitite page builder-e? (Why shouldn't you use page builders?)<p><span style="font-family: georgia;"><a href="http://skolatutorijala.blogspot.com/2021/09/zasto-ne-treba-da-korisitite-page.html#beauty"><b>Post in English</b></a>.</span></p><p><span style="font-family: georgia;">Lepota se ne prodaje, osim ako niste "prodavacica ljubavi".</span></p><p><span style="font-family: georgia;">Da pojasnim. </span></p><p><span style="font-family: georgia;">Imate lep web sajt, kao na primer, Quilidreta (https://quilidreta.com/</span><span style="font-family: georgia;">). Kada se otvori stranica ime firme tj. brenda se pojavi leteci s desne na levu stranu. Kako se spustate nize niz stranicu, tekst ulece s leve na desno, a slika s desne na levo. Dalje, naslov dolazi odozgo na dole, a novi proizvodi odozdo na gore. Ispod toga proizvodi na akciji se sami pomeraju s desna ulevo. Kazete, vauuu. I jeste vauuu. </span></p><p><span style="font-family: georgia;">ALI</span></p><p><span style="font-family: georgia;">U prethodnom clanku sam pisala o tome da li <a href="http://skolatutorijala.blogspot.com/2021/08/jeftin-web-sajt-nije-dobar-cheap.html" target="_blank">jeftin web sajt nije dobar</a> (otvorice se u novom tabu/kartici), gde izmedju ostalog ima deo o osnovnom SEO kojeg zapravo nema na pomenutom web sajtu. Takodje, tamo ima deo o page builder-u Elementor.</span></p><p><span style="font-family: georgia;">U ovom clanku, takodje analiziram web sajt Quilidreta.</span></p><p><span style="font-family: georgia;"><b>Sta je zapravo page builder?</b></span></p><p><span style="font-family: georgia;"><span></span></span></p><a name='more'></a><span style="font-family: georgia;"> Page builder je dodatak (plugin) za Wordpress platoformu za jednostavno - prevuci-i-pusti (drag-and-drop) kreiranje web sajta tj. alata za izradu web stranica. Takodje, postoji i page builder za Woocommerce (internet prodavnica). Woocommerce je takodje dodatak (plugin) za Wodpress.</span><p></p><p><span style="font-family: georgia;"><b>1. Brzina.</b></span></p><p><span style="font-family: georgia;">Kada napravite web sajt sa nekim od page builder-a on moze izgledati lepo s prednje strane (front end), ali sa zadnje strane (back end) je nagomilan kod HTML, PHP, JS, CSS. Sto znaci da ce vreme za koje ce se otvoriti sadrzaj na stranici potrajati. </span></p><p><span style="font-family: georgia;"></span></p><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdzMtVnVNeTfMGdABGidAjvrXMgx5AjJ96YnPw4ZawDs3_cHMdBJSgKIPqywiK_rQLun6ArpA7OPwXRZHvUVterpigVJiGjQTdd99Nyskvo7jL9vTWIxvdaoUpgi6hzhwPBXDjhFHnJ7c/s845/number-of-files-to-load.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="180" data-original-width="845" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdzMtVnVNeTfMGdABGidAjvrXMgx5AjJ96YnPw4ZawDs3_cHMdBJSgKIPqywiK_rQLun6ArpA7OPwXRZHvUVterpigVJiGjQTdd99Nyskvo7jL9vTWIxvdaoUpgi6hzhwPBXDjhFHnJ7c/s320/number-of-files-to-load.jpg" width="320" /></a></span></div><p><span style="font-family: georgia;">Ova slika prikazuje ukupan broj fajlova koje je potrebno uzeti s web servera da bi se ucitala Quilidreta stranica. Uopsteno je pravilo da se za preuzimanje vise datoteka povecava broj zahteva servera, sto moze povecati vreme ucitavanja stranice. </span></p><p></p><p><span style="font-family: georgia;"></span></p><p><span style="font-family: georgia;"><span style="font-family: georgia;">Ukupan broj resursa je 248. Od toga su 24 HTML stranice (staticke stranice), 108 su JS (JavaScript) fajlovi, 57 su CSS fajlovi (fajlovi za izgled web sajta), 48 su slike i 11 drugih resursa.</span></span></p><p><span style="font-family: georgia;">Ako pogledamo, Spenderella (https://spenderella.rs/) web sajt kod njih je situacija drugacija jer njihova internet prodavnica nije napravljena sa page builder-om.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBMvemDzaKdNF4HGRK_bux4zIZV7H-e3PebFZOhAjCwPGusDrY_FC8A6M_tnXb5axGQOcF4yHZfLj4RK0iOJp5ydNe2Ary-TyC0oNewth87nV4qPBNuojy2bxieWOQmjKcyyw5SaMDfg/s847/number-of-files-to-load-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="175" data-original-width="847" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVBMvemDzaKdNF4HGRK_bux4zIZV7H-e3PebFZOhAjCwPGusDrY_FC8A6M_tnXb5axGQOcF4yHZfLj4RK0iOJp5ydNe2Ary-TyC0oNewth87nV4qPBNuojy2bxieWOQmjKcyyw5SaMDfg/s320/number-of-files-to-load-02.jpg" width="320" /></a></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ukupan broj resursa je 68. Od toga su 2 HTML stranice (staticke stranice), 15 su JS (JavaScript) fajlovi, 13 su CSS fajlovi (fajlovi za izgled web sajta), 27 su slike i 11 drugih resursa.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ukuona razlika je u 180 resursa.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Brzinu otvaranja web sajta Quilidreta mozete pogledati u clanku Jeftin web sajt nije dobar - <a href="http://skolatutorijala.blogspot.com/2021/08/jeftin-web-sajt-nije-dobar-cheap.html#segment4performans">Segment 4 - performans</a>.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Brzina otvaranja Spenderella web sajta je mnogo bolja.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Performans ovog web sajta je B-. (Quilidreta D-).</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Brzina otvaranja web sajta je</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrd9GsSaE7bIiU4eEFm-N1skuVgx9oprz2E3NVttoC0QPPIDRdUVd3_FHh7iNR8j-P6Nbr82t318yGRRJ_wFoLPG0GAwC3wC-1ETh7J2RehYmJmFItyNiWnQZR1yiEwa7lDWJIDcD2w7w/s1051/spenderella-speed.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="241" data-original-width="1051" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrd9GsSaE7bIiU4eEFm-N1skuVgx9oprz2E3NVttoC0QPPIDRdUVd3_FHh7iNR8j-P6Nbr82t318yGRRJ_wFoLPG0GAwC3wC-1ETh7J2RehYmJmFItyNiWnQZR1yiEwa7lDWJIDcD2w7w/s320/spenderella-speed.jpg" width="320" /></a></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">brzina celog web sajta</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Odgovor servera je 0.31 sekunda. Otvaranje celog sadrzaja web stranice je 3.2 sekundi. Brzina ucitavanja svih skripti na web stranici je 8.7 sekunde.</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><span style="font-family: georgia;"><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOw9K0qFOqKp2VHhfOfZxUotPaUJbVmkxCU1vbPMN-qzTiRDYEbbeLfSpCTA3iXI71ciSMvYGKQwOrBofnwcwjmqMmeShezjayI83kKAyCExUw-MmNRVkeBd_oGPxzqOX05p50qWW-i98/s1029/spenderella-size.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="412" data-original-width="1029" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOw9K0qFOqKp2VHhfOfZxUotPaUJbVmkxCU1vbPMN-qzTiRDYEbbeLfSpCTA3iXI71ciSMvYGKQwOrBofnwcwjmqMmeShezjayI83kKAyCExUw-MmNRVkeBd_oGPxzqOX05p50qWW-i98/s320/spenderella-size.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: left;">Ukupna tezina stranice je 3.8 MB. Podela tezine stranice: HTML 0.03MB, CSS 0.6 MB, JS (skripte) 1.17 MB, slike 1.64 MB i drugo 0.36 MB.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Spenderella ne da ne koristi page builder nego ne koristi ni Wordpress.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_tXX-bzTGfhYEpZ8E5mNDUdSHjRttk7xwwtZaTqt3_Dg-CywOSXSkkqRkgWxsHsK29bAVsQOdqMF3IRb3BfJXDJ3mFaja1VgqHs0KrFwFwjBcvZjEFlyVxEOnV-kkA_Mf_VJCS6GVJgk/s1041/spenderella-mobile.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="465" data-original-width="1041" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_tXX-bzTGfhYEpZ8E5mNDUdSHjRttk7xwwtZaTqt3_Dg-CywOSXSkkqRkgWxsHsK29bAVsQOdqMF3IRb3BfJXDJ3mFaja1VgqHs0KrFwFwjBcvZjEFlyVxEOnV-kkA_Mf_VJCS6GVJgk/s320/spenderella-mobile.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;">brzina na mobilnim uredjajima je dobra</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Brzina otvaranja web sajta Spenderella na mobilnim uredjajima je 1.6 sekunde.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><b>2. Drugi dodaci.</b></div><div class="separator" style="clear: both; text-align: left;"><b><br /></b></div><div class="separator" style="clear: both; text-align: left;">Kada koristite page builder on obicno zahteva koriscenje dodatnih dodataka. Na primer, WooLentor. Na web sajtu Quilidreta (https://quilidreta.com/) na tastaturi pritisnite CTRL+U, da vam se otovori izvorni kôd. Zatim pritisnite CTRL+F, da vam se otvori polje za pretragu. Ukucajte "woolentor" pa Enter. </div></span><span style="font-family: georgia;"><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTj0azJdPRTVBXczSLmm92wmQXOpQ1FM3RIU9BW8Q9B9bCokZvUOOv6IWRdlI0kBnpUrXeA5yZCHQ7wyfFK8kspebvjTOHleg3TLW1gnn4PNwZsJF2iAHLlRYwkrQ7sGlZMayfNnZU3do/s1062/woolentor.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="294" data-original-width="1062" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTj0azJdPRTVBXczSLmm92wmQXOpQ1FM3RIU9BW8Q9B9bCokZvUOOv6IWRdlI0kBnpUrXeA5yZCHQ7wyfFK8kspebvjTOHleg3TLW1gnn4PNwZsJF2iAHLlRYwkrQ7sGlZMayfNnZU3do/s320/woolentor.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Dobila sam 12 pojaviljavanja.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">WooLentor je Woocommerce page builder i Elementor dodatak. </div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;">Znaci Quilidreta koristi dva page buildera. Wtf.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">Vise opcija ili mogucnosti u vidu dodataka znaci duze vreme ucitavanja.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">Veliki raspon funkcija alata za izradu web stranica (page builder-a) ocigledno se moze ostvariti samo s vise hiljada redova koda. U mnogim slucajevima, one su podeljene u razlicitim fajlovima (CSS i JS) koje je sve potrebno ucitati za prikazivanje web stranice. Ovaj deo se nadovezuje na prethodni, zar ne?</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">Da bi se ovo resilo, ne-koderi, koriste jos dodataka.</div></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><b>3. HTML oznacavanje (markup).</b></div><div class="separator" style="clear: both; text-align: left;"><br /></div><p></p></span><span style="font-family: georgia;"><div class="separator" style="clear: both;">W3C HTML validator vazan je jer je verovatnije da ce se web stranica s validnim HTML-om ispravno prikazati i funkcionisati. Takodje je vazno jer vas HTML oznacavanje (markup) salje odredjene signale pretrazivacima.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJUOQc2SZCuX3pgfGF_QWcHwTYBgbsA6XygQ6JVJk2hqztQQ9oOXV67i1vMFF_XXYaobrMu541jMYEeRv1sN8oVDhQc_o5ckOoKeNGVqUGrpbuLCx8j41AEblfRukBkCWw7ZWzXeIfxU/s502/quilidreta-nu-html-checker-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="299" data-original-width="502" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJUOQc2SZCuX3pgfGF_QWcHwTYBgbsA6XygQ6JVJk2hqztQQ9oOXV67i1vMFF_XXYaobrMu541jMYEeRv1sN8oVDhQc_o5ckOoKeNGVqUGrpbuLCx8j41AEblfRukBkCWw7ZWzXeIfxU/s320/quilidreta-nu-html-checker-01.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="text-align: left;">Quilidreta W3C validacija - pocetak</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy6Vtn_N6mrukwkwShJveu-QLTWXfnkaStPDYxRzQXnVTaIn4mMj6A_59LyJr6S51X8oS3GeLG847k92006arlccl15f6wXD5TM8l9klMfPXSSBZU7jZlX0dVlHUaITs3_VUPd_uSxgqU/s649/quilidreta-nu-html-checker-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="222" data-original-width="649" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy6Vtn_N6mrukwkwShJveu-QLTWXfnkaStPDYxRzQXnVTaIn4mMj6A_59LyJr6S51X8oS3GeLG847k92006arlccl15f6wXD5TM8l9klMfPXSSBZU7jZlX0dVlHUaITs3_VUPd_uSxgqU/s320/quilidreta-nu-html-checker-02.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="text-align: left;">Quilidreta W3C validacija - kraj</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTL57cwR7uCwMUEOYpTj8taWUPvgPFK1U1AWpGSHx73hLw9pPEiFqSFQzjeJUf5tnmoj_fHLFxgJvSnOsl3fqyTiFqw0TCaiqpQbIEJ3R46kdlWq7oStGlY2lG2_aftEHbg6CrQ56XQqA/s1277/spenderella-nu-html-checker.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="697" data-original-width="1277" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTL57cwR7uCwMUEOYpTj8taWUPvgPFK1U1AWpGSHx73hLw9pPEiFqSFQzjeJUf5tnmoj_fHLFxgJvSnOsl3fqyTiFqw0TCaiqpQbIEJ3R46kdlWq7oStGlY2lG2_aftEHbg6CrQ56XQqA/s320/spenderella-nu-html-checker.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Spenderella W3C validacija - i pocetak i kraj</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Quilidreta ima 142 greske, a Spenderella samo 1.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><b>A zasto je HTML oznacavanje bitno?</b></div></span><p></p><div class="separator" style="clear: both;"><span style="font-family: georgia;">Ovo pomaze pretrazivacima da bolje razumeju sadrzaj web sajta. </span><span style="font-family: georgia;">Kad mogu bolje razumeti va sadrzaj, pod pretpostavkom da odgovara onome sto neko trazi, vase ce se web stranice uopsteno bolje rangirati i zaraditi vise organskog saobracaja.</span></div><p><span style="font-family: georgia;"></span></p><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><b>4. Nema pristupa vasem kodu.</b></span></div><p><span style="font-family: georgia;">Za pravilno detektovanje i resavanje tehnickih problema vezanih uz SEO na web stranicama, potrebno je da imate vi (ili kretor web sajta) pristup HTML-u koji je iza vase web stranice (back end). Ako koristite page builder nemate pristup tome. Jedino sto imate sa page builder-t om je prednja strana (front end) WYSIWYG (What You See Is What You Get = Ono sto vidite je ono sto cete dobiti) editora.</span></p><p><span style="font-family: georgia;"><b>5. Ugnjezdeni (nested) HTML</b></span></p><div class="separator" style="clear: both;"><span style="font-family: georgia;">Da bi dobili onaj vauuu s pocetka ovog clanka, page builder ce napraviti ugnjezdene HTML elemente. Zasto ovo nije dobro? Zato sto je potrebno vreme i procesorska snaga za ucitavanje i izvrsavanje, sto takodje utice na SEO. Secate se brzine otvaranja sadrzaja na web stranici? Drugacije receno, </span><span style="font-family: georgia;">alati za izradu web stranica (page builder-i) automatski omotavaju sadrzaj div-ovima (div oznakama) stvarajuci nepotrebno "naduvanje </span><span style="font-family: georgia;">kod</span><span style="font-family: georgia;">a" (code bloat). "Naduvavanje </span><span style="font-family: georgia;">kod</span><span style="font-family: georgia;">a" znaci</span><span style="font-family: georgia;"> da je </span><span style="font-family: georgia;">kôd</span><span style="font-family: georgia;"> duzi ili veci nego sto bi trebao da bude. </span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-dQNmBL5hn1QE8SF_rzoVOytuoGES4csvBsaa35gPHznN-qt4Ak_jaUI8IipvdgmOdJekkk_i3Ghb8CsKqaxgeVdR4RIGYgFPxHBqxNcszTN12gA9pDkvued4oaefpdm2GxejkEMZDIA/s393/quilidreta-code-length.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="72" data-original-width="393" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-dQNmBL5hn1QE8SF_rzoVOytuoGES4csvBsaa35gPHznN-qt4Ak_jaUI8IipvdgmOdJekkk_i3Ghb8CsKqaxgeVdR4RIGYgFPxHBqxNcszTN12gA9pDkvued4oaefpdm2GxejkEMZDIA/s320/quilidreta-code-length.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia; text-align: left;">Quilidreta </span><span style="font-family: georgia; text-align: left;">kôd </span><span style="font-family: georgia; text-align: left;">naslovne stranice</span></div></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc5g962edkmSUt4Pfp6EeJWHFG0XxgeIDVly2y59GZVOAieqbNK5hl8-d_F265UTlA401PkPQKQEQ4gtgYo7YQ2a1jbzy-9xA6T9P7ZdElBdVAj4Vwcvcc-BB3XbHeQ7RunSA-hcfJRlM/s418/spenderella-code-length.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="73" data-original-width="418" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc5g962edkmSUt4Pfp6EeJWHFG0XxgeIDVly2y59GZVOAieqbNK5hl8-d_F265UTlA401PkPQKQEQ4gtgYo7YQ2a1jbzy-9xA6T9P7ZdElBdVAj4Vwcvcc-BB3XbHeQ7RunSA-hcfJRlM/s320/spenderella-code-length.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia; text-align: left;">Spenderella </span><span style="font-family: georgia; text-align: left;">kôd</span><span style="font-family: georgia; text-align: left;"> naslovne stranice</span></div><div class="separator" style="clear: both;"><br /></div><br /><span style="font-family: georgia;">Quilidreta ima 1706 redova koda, a Spenderella 737. Da li vidite jos nesto? Velicina horizontalnog slajdera (sivog klizaca) kod Quilidrete je mnogo manja nego kod Spenderella web sajta. To znaci da je </span><span style="font-family: georgia;">kôd kod Quilidrete mnogo veci, nego kod Spenderelle.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Ovako neuredan kôd je los za optimizaciju pretrazivaca - SEO jer pretrazivaci, poput Gugla, koriste kôd stranice kako bi razumeli njen sadrzaj. S neispravnim ili "naduvanim" </span><span style="font-family: georgia;">kodom</span><span style="font-family: georgia;"> ili </span><span style="font-family: georgia;">kodom s </span><span style="font-family: georgia;">greskama </span><span style="font-family: georgia;">vas web sajt ce se redje pojavljivati u rezultatima pretrazivanja (SERPs), a manje ljudi ce vas pronaci.</span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>6. Upotreba kratkih-kodova (shortcodes).</b></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Kratki-kodoci su pojednostavljeni kodovi, koje mnogi dodaci za Wordpress koriste kako bi ne-koderima (ne-web-developerima) dali funkcionalnost. Mnogi SEO strucnjaci veruju da to moze ometati SEO. Da pojasnim sta su kratki-kodovi. To su precice, koje kada svaki put kada neko poseti web stranicu na vasem web sajtu, ovi kratki-kodovi moraju se prosiriti na njihovu dugacku formu koda; a za ovo su potrebni veliki zahtevi vases web servera. </span><span style="font-family: georgia;">Kratko kasnjenje pri ucitavanju vasih web stranica moze nastetiti vasem rangiranju u SERPs (Search Engine Results Pages = Rezultati Pretrage).</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Post in English.</span><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span id="beauty"></span><span style="font-family: georgia;"><div class="separator" style="clear: both;">Beauty doesn’t sell unless you’re a “love seller”.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">Let me explain.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">You have a nice website, such as Quilidreta (https://quilidreta.com/). When the page opens, the name of the company or brand appears flying from right to left. As you go down the page, the text flows from left to right and the image from right to left. Next, the title comes from top to bottom, and new products from bottom to top. Below that, the products in action move from right to left. You say, wow. And it is wow.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">BUT</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">In a previous article, I wrote about whether a <a href="http://skolatutorijala.blogspot.com/2021/08/jeftin-web-sajt-nije-dobar-cheap.html" target="_blank"><b>Cheap website is not good</b></a> (it will open in a new tab), where, among other things, there is a section on basic SEO that is not actually on the mentioned website. Also, there is a section about the page builder Elementor.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">In this article, I also analyze the Quilidreta website.</div><div class="separator" style="clear: both;"><b><br /></b></div><div class="separator" style="clear: both;"><b>What exactly is a page builder?</b></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">The builder is a plugin for the Wordpress platform for easy - drag-and-drop creation of a website, ie a tool for creating web pages. There is also a page builder for Woocommerce. Woocommerce is also a plugin for Wodpress.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>1. Speed.</b></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">When you create a website with one of the page builders, it may look nice from the front end, but from the back end it is accumulated with HTML, PHP, JS, CSS. Which means it will take time for the content on the page to open.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ieTO043LtKTrFVqO-OtSzqXmURUdrsoSMC7bgzzeCNQk68CAX4fTSS3uMNk04_dSmecmtz1b4BlWCoOMHK_DHKuPvCyWtg4XuAG-PFrX8dwAn3UROZXHIYonOOp4cYP0JEQyswyGQ78/s845/number-of-files-to-load.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="180" data-original-width="845" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ieTO043LtKTrFVqO-OtSzqXmURUdrsoSMC7bgzzeCNQk68CAX4fTSS3uMNk04_dSmecmtz1b4BlWCoOMHK_DHKuPvCyWtg4XuAG-PFrX8dwAn3UROZXHIYonOOp4cYP0JEQyswyGQ78/s320/number-of-files-to-load.jpg" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">This image shows the total number of files that need to be downloaded from the web server to load the Quilidreta page. As a general rule, downloading more files increases the number of server requests, which can increase the page load time.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">The total number of resources is 248. Of these, 24 are HTML pages (static pages), 108 are JS (JavaScript) files, 57 are CSS files (website layout files), 48 are images and 11 other resources.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">If we look at the Spenderella (https://spenderella.rs/) website, their situation is different because their online store was not made with a page builder.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiznselLj6268M0A695O10A7n75SkgoLCvh9_3KJsA6Z_Jo69tjg8Bo9uQLP5MsKz0mdYlLWpzw2x7YoEa2MtF3aWc7EENzLr1SERJPNSbq6FED9wnZIEX5KHEdADrq2B91LEVMt_YaY94/s847/number-of-files-to-load-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="175" data-original-width="847" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiznselLj6268M0A695O10A7n75SkgoLCvh9_3KJsA6Z_Jo69tjg8Bo9uQLP5MsKz0mdYlLWpzw2x7YoEa2MtF3aWc7EENzLr1SERJPNSbq6FED9wnZIEX5KHEdADrq2B91LEVMt_YaY94/s320/number-of-files-to-load-02.jpg" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">The total number of resources is 68. Of these, 2 are HTML pages (static pages), 15 are JS (JavaScript) files, 13 are CSS files (website layout files), 27 are images and 11 other resources.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">The total difference is in 180 resources.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">You can see the speed of opening the Quilidreta website in the article <a href="http://skolatutorijala.blogspot.com/2021/08/jeftin-web-sajt-nije-dobar-cheap.html" target="_blank"><b>Cheap website is not good</b></a> - Segment 4 - performance.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">The speed of opening the Spenderella website is much better.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">The performance of this website is B-. (Quilidreta D-).</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">The opening speed of the website is</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOpYOZoChBw8xWIB6ZhWqYnqiDLah8yNG9jFKjkMNUcFAJtKdcrBDioO4Gp70VsvAmvjhVUAlUQRWTIfVOop5JQoJLYr1O6l-4g6YWYTqi0LmdwJ3LMntZRqfNKQif2ik4238GOoKz7yU/s1051/spenderella-speed.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="241" data-original-width="1051" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOpYOZoChBw8xWIB6ZhWqYnqiDLah8yNG9jFKjkMNUcFAJtKdcrBDioO4Gp70VsvAmvjhVUAlUQRWTIfVOop5JQoJLYr1O6l-4g6YWYTqi0LmdwJ3LMntZRqfNKQif2ik4238GOoKz7yU/s320/spenderella-speed.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="text-align: left;">the speed of the entire website</span></div><div class="separator" style="clear: both; text-align: center;"><span style="text-align: left;"><br /></span></div><div class="separator" style="clear: both; text-align: justify;"><span style="text-align: left;">The server response is 0.31 seconds. Opening the entire content of the website is 3.2 seconds. The loading speed of all scripts on the web page is 8.7 seconds.</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwU3om3usC_MmOlT4pYyEjniYAoEg4jKZS483Xql_fWOTA_LccVVOkBDKK077W6rrSYFC34_eIGsn4rLk9Daj1nthYv_lhhrsvptnZvV5te8KrDIFf0yNGFWWr8P_3-8tdukdoFr9OXE/s1029/spenderella-size.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="412" data-original-width="1029" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwU3om3usC_MmOlT4pYyEjniYAoEg4jKZS483Xql_fWOTA_LccVVOkBDKK077W6rrSYFC34_eIGsn4rLk9Daj1nthYv_lhhrsvptnZvV5te8KrDIFf0yNGFWWr8P_3-8tdukdoFr9OXE/s320/spenderella-size.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;">The total weight of the page is 3.8 MB. Page weight distribution: HTML 0.03MB, CSS 0.6 MB, JS (scripts) 1.17 MB, images 1.64 MB and other 0.36 MB.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">Spenderella doesn't use page builder, it doesn't use Wordpress either.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIXrDe9YvXbrgHQF9D2fJ4soLNgR0jF_R07sQAQEcgzvZXK-GFKWJON3T5dX5qv6eaNdv-pgxTQWFgt5yeLODeXCSasGQX_qXNBndHUBWxiucfUhTmrBzUXyPIfUe_znkV_1rGVR-nhKM/s1041/spenderella-mobile.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="465" data-original-width="1041" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIXrDe9YvXbrgHQF9D2fJ4soLNgR0jF_R07sQAQEcgzvZXK-GFKWJON3T5dX5qv6eaNdv-pgxTQWFgt5yeLODeXCSasGQX_qXNBndHUBWxiucfUhTmrBzUXyPIfUe_znkV_1rGVR-nhKM/s320/spenderella-mobile.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;">the speed on mobile devices is good</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">The speed of opening the Spenderella website on mobile devices is 1.6 seconds.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><b>2. Other plugins.</b></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">When you use page builder it usually requires the use of additional plugins. For example, WooLentor. On the Quilidreta website (https://quilidreta.com/), press CTRL + U on your keyboard to open the source code. Then press CTRL + F to open the search box. Type "woolentor" and then Enter.</div></div></div></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqZvqMZQ8Di_3O_9N9V0HOyURpqnNaRrEpGGoHQoXghzPye8bsLIpJ5fhOjeDW8tVZZXS1PUwXmadJhvFJLgQ7MMZ7PZIcAyBmJVqBPQu8sN5VSIpeGjT0JgWWSP0Z_QC4oLI6dxmjpDs/s1062/woolentor.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="294" data-original-width="1062" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqZvqMZQ8Di_3O_9N9V0HOyURpqnNaRrEpGGoHQoXghzPye8bsLIpJ5fhOjeDW8tVZZXS1PUwXmadJhvFJLgQ7MMZ7PZIcAyBmJVqBPQu8sN5VSIpeGjT0JgWWSP0Z_QC4oLI6dxmjpDs/s320/woolentor.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">I got 12 appearances.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">WooLentor is a Woocommerce page builder and Elementor plugin.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">So Quilidreta uses two page builders. Wtf.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">More options or options in the form of add-ons means a longer loading time.</div></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">The wide range of page builder functions can obviously only be accomplished with thousands of lines of code. In many cases, they are divided into different files (CSS and JS) that all need to be loaded to display the web page. This part builds on the previous one, right?</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">To solve this, non-coders use more plugins.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>3. HTML markup.</b></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">The W3C HTML validator is important because a web page with valid HTML is more likely to display and function properly. It is also important because HTML markup sends certain signals to search engines.</div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb8LSXKsKb049q8Sn61mAhtCRuw1JyJz2W1mQ1Z5o3zd00V8LJ1wZsoDMaiCYchuUkjODDxk0959RJ9qyV1I4L5316WHvTkBtpodN83o4x-PPmiBz5XgpGZUkiEKFSxevPlfnpwluQ428/s502/quilidreta-nu-html-checker-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="299" data-original-width="502" height="191" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb8LSXKsKb049q8Sn61mAhtCRuw1JyJz2W1mQ1Z5o3zd00V8LJ1wZsoDMaiCYchuUkjODDxk0959RJ9qyV1I4L5316WHvTkBtpodN83o4x-PPmiBz5XgpGZUkiEKFSxevPlfnpwluQ428/s320/quilidreta-nu-html-checker-01.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="text-align: left;">Quilidreta W3C validation - start</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxWpuZUCQlxi6Mi0Mc86QSEXxT2mTdNNQWWakJsaG4VUl-jdVU4j0ZanA30WAAZx0dRMeNHsJh1-pR_bsidz1PXWdZ35p1pXfHt1iFu45YdMVXtkF_oFkMeabyOQXtU6hb6qbkGPi6scY/s649/quilidreta-nu-html-checker-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="222" data-original-width="649" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxWpuZUCQlxi6Mi0Mc86QSEXxT2mTdNNQWWakJsaG4VUl-jdVU4j0ZanA30WAAZx0dRMeNHsJh1-pR_bsidz1PXWdZ35p1pXfHt1iFu45YdMVXtkF_oFkMeabyOQXtU6hb6qbkGPi6scY/s320/quilidreta-nu-html-checker-02.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="text-align: left;">Quilidreta W3C validation - end</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYCHrdz-LZDzNVwWX9XDVQeXINxHl-jT__YkDnjRXrNr9ZFsHxJRFLcEQ-TIgJ7kuScVD67jpcO1yPcDujA7X_b13efEN5nXMj6kHc4AYAPCxrVh8AqLMxr6QiOdarDo4LH1nKXx8sjYU/s1277/spenderella-nu-html-checker.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="697" data-original-width="1277" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYCHrdz-LZDzNVwWX9XDVQeXINxHl-jT__YkDnjRXrNr9ZFsHxJRFLcEQ-TIgJ7kuScVD67jpcO1yPcDujA7X_b13efEN5nXMj6kHc4AYAPCxrVh8AqLMxr6QiOdarDo4LH1nKXx8sjYU/s320/spenderella-nu-html-checker.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;">Spenderella W3C validation - both start and end</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">Quilidreta has 142 errors and Spenderella only 1.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>And why is HTML markup important?</b></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">This helps search engines better understand the content of the website. When they can better understand your content, assuming it matches what someone is looking for, your website will generally rank better and earn more organic traffic.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>4. No access to your code.</b></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">To properly detect and resolve technical issues related to SEO on websites, you (or the website creator) need to have access to the HTML behind your website. If you use page builder you do not have access to it. The only thing you have with the page builder is the front end of the WYSIWYG (What You See Is What You Get editor.</div></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><b>5. Nested HTML</b></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">To get that wow from the beginning of this article, page builder will create nested HTML elements. Why is this not good? Because it takes time and processing power to load and execute, which also affects SEO. Remember the speed of opening content on a website? In other words, page builders automatically wrap the content with divs, creating unnecessary "code bloat". "Code bloat" means that the code is longer or larger than it should be.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLTA61QFgme30D6Z3PYdYVYS8Y-HSvzEEeTFKKo6xNbOUfzIXiqKJUMIW6bLRzGduLcZQBD5ykF48BxEogYA7rfxVZ6CsOU1JkWGKLscODPzHa3fl5Zvk7NH_upqK-T4In3rmJ1lIdCo/s393/quilidreta-code-length.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="72" data-original-width="393" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLTA61QFgme30D6Z3PYdYVYS8Y-HSvzEEeTFKKo6xNbOUfzIXiqKJUMIW6bLRzGduLcZQBD5ykF48BxEogYA7rfxVZ6CsOU1JkWGKLscODPzHa3fl5Zvk7NH_upqK-T4In3rmJ1lIdCo/s320/quilidreta-code-length.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="text-align: left;">Quilidreta home page code</span></div><div class="separator" style="clear: both; text-align: center;"><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgovd1_tKmUAHqGb2aYe-62DRvugecLxy0ukZkZ5aIkiTdNqbVLUuoLsA6D795cvGFtjrBxpehZbztTDPpsF-eG3cYV-5cOrTO9Kds-fehyphenhyphenzwmr5F2C3CkadrejGm9MHRQ1Nf0lb8o8NA/s418/spenderella-code-length.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="73" data-original-width="418" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgovd1_tKmUAHqGb2aYe-62DRvugecLxy0ukZkZ5aIkiTdNqbVLUuoLsA6D795cvGFtjrBxpehZbztTDPpsF-eG3cYV-5cOrTO9Kds-fehyphenhyphenzwmr5F2C3CkadrejGm9MHRQ1Nf0lb8o8NA/s320/spenderella-code-length.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="text-align: left;">Spenderella home page code</span></div></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;">Quilidreta has 1706 lines of code, and Spenderella 737. Do you see anything else? The size of the horizontal slider (gray slider) on the Quilidreta is much smaller than on the Spenderella website. This means that the code in Quilidreta is much larger than in Spenderella.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">This messy code is bad for search engine optimization - SEO because search engines, like Google, use the page's code to understand its content. With incorrect or "bloated" code or error code, your website will appear less frequently in search results (SERPs), and fewer people will find you.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><b>6. Use of shortcodes.</b></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;">Shortcodes are simplified codes, which many Wordpress plugins use to give functionality to non-coders (non-web developers). Many SEO experts believe this can hinder SEO. To clarify what short-codes are. These are shortcuts, which when every time someone visits a website on your website, these short-codes must extend to their long form of code; and this requires high demands on your web server. A short delay in loading your web pages can damage your ranking in the SERPs (Search Engine Results Pages).</div><div class="separator" style="clear: both;"><br /></div></div></div></div></span></div>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-47946165595037236442021-08-26T06:29:00.006-07:002021-08-26T06:29:46.602-07:00Kako dodati sidro oznaku na Blogger clanak/stranicu? (How do I add an anchor tag to a Blogger post/page?)<p><span style="font-family: georgia;">1. Ulogujte se u vas blog na Blogger-u.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGS6V7gJM3GTjALJ1F5M1vtzXBlkoKOZ06GdiV5DcnTgBlcJ5d31irRQoBF80ri56hQYA1ZJiGnXG7LTJPZJLkqO3lyKdKf0e-bTBnxlkW61ATYdkRoc2WF9j6st_4AILiDBzsxWoXUpo/s1264/anchor-tag-blogger-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="272" data-original-width="1264" height="69" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGS6V7gJM3GTjALJ1F5M1vtzXBlkoKOZ06GdiV5DcnTgBlcJ5d31irRQoBF80ri56hQYA1ZJiGnXG7LTJPZJLkqO3lyKdKf0e-bTBnxlkW61ATYdkRoc2WF9j6st_4AILiDBzsxWoXUpo/s320/anchor-tag-blogger-01.jpg" width="320" /></a></div><p></p><p><span style="font-family: georgia;">2. Otvorite clanak ili stranicu na koju zelite da dodate sidro oznaku. U ovom primeru, stranica Definicije.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHisJc2Lel1bHIxB8yOydytmCrCZSovzrzJHSq3t5QLMwxkzyKFPZTa_ORwBJ0kNpD0Hpnd5gU4XKDsxiCSG0KjZ6H1K3HGsXR8g5qpqY21azMroxHu8bhRTLvcu3ZFmF8j9GLwpic5qc/s1260/anchor-tag-blogger-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="430" data-original-width="1260" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHisJc2Lel1bHIxB8yOydytmCrCZSovzrzJHSq3t5QLMwxkzyKFPZTa_ORwBJ0kNpD0Hpnd5gU4XKDsxiCSG0KjZ6H1K3HGsXR8g5qpqY21azMroxHu8bhRTLvcu3ZFmF8j9GLwpic5qc/s320/anchor-tag-blogger-02.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbP5dST4csFWXuKKLf2BOc_uS0r4ckzLjHhsYtlQZk6GpII4jrbJfTIQVKM3Vvtv4l23h-XqvSJS9VztzckjL8DUJRvNRS4-t8fHG7rLyXbpNKf7lWA_NvduH3aPNXNk0tAXN4qUP18TU/s1260/anchor-tag-blogger-03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="402" data-original-width="1260" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbP5dST4csFWXuKKLf2BOc_uS0r4ckzLjHhsYtlQZk6GpII4jrbJfTIQVKM3Vvtv4l23h-XqvSJS9VztzckjL8DUJRvNRS4-t8fHG7rLyXbpNKf7lWA_NvduH3aPNXNk0tAXN4qUP18TU/s320/anchor-tag-blogger-03.jpg" width="320" /></a></div><br /><p></p><p><span style="font-family: georgia;">3. Ukucajte tekst, <b>odakle zelite da se prebacite.</b></span><span style="font-family: georgia;"> </span><span style="font-family: georgia;">U ovom primeru, na pocetku stranice. </span><span style="font-family: georgia;">U ovom primeru, tekst je "Definicije na srpskom.</span><span style="font-family: georgia;">"</span></p><p><span></span></p><a name='more'></a><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;"></span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1L2z7JVpBLEIoQM_NX7kXOW1bji3IC6yY2gNGY0G22__nIBO7ojDhyf3ICiWNLOl_rSwIBsj4StvDNbzYVDTUq8_8H7yh7hQzmW93dKRTLq8VSsIDAXSBWtnt-JhYi1RILN_rfDxZd4/s1271/anchor-tag-blogger-04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="391" data-original-width="1271" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1L2z7JVpBLEIoQM_NX7kXOW1bji3IC6yY2gNGY0G22__nIBO7ojDhyf3ICiWNLOl_rSwIBsj4StvDNbzYVDTUq8_8H7yh7hQzmW93dKRTLq8VSsIDAXSBWtnt-JhYi1RILN_rfDxZd4/s320/anchor-tag-blogger-04.jpg" width="320" /></a></div><br /><p></p><p><span style="font-family: georgia;"><b>D</b></span><span style="font-family: georgia;"><b>o zeljenog dela na stranici</b>.</span><span style="font-family: georgia;"> </span><span style="font-family: georgia;">U ovom primeru, tekst je "Srpski</span><span style="font-family: georgia;">".</span></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj6UzVMv4SzE1pJcPXLySs57hkohq7wOQftxZFvzlNfV5NvqUbP7xkcKDJY3n1_Iqsxp5cWpTVJxmYxOVaelniQ1UKhJMtQ0XJp3YnbnENRtuiBzqPTWe4-djnTxgljCcpdQw4xeXN6Yk/s884/anchor-tag-blogger-06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="553" data-original-width="884" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj6UzVMv4SzE1pJcPXLySs57hkohq7wOQftxZFvzlNfV5NvqUbP7xkcKDJY3n1_Iqsxp5cWpTVJxmYxOVaelniQ1UKhJMtQ0XJp3YnbnENRtuiBzqPTWe4-djnTxgljCcpdQw4xeXN6Yk/s320/anchor-tag-blogger-06.jpg" width="320" /></a></div><p><span style="font-family: georgia;"><br /></span></p><p><span style="font-family: georgia;">4a. Otvorite clanak ili stranicu na Blogger-u gde zelite da postavite sidro oznaku. Kopirajte link.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn6Cv95akPpXc62rZjyMgOmJFvD1X1zPXo30nWrcKNrxFGvRp8vpQMhRSwEwfPiCxkdz_nSN00jgqQ0PF9RBDDU4FhHFMz9Xgwn3BPYdGo-XxQB-6J1eVhyphenhyphenL5X7N86lkwk5kQIxxchCVc/s641/anchor-tag-blogger-08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="114" data-original-width="641" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn6Cv95akPpXc62rZjyMgOmJFvD1X1zPXo30nWrcKNrxFGvRp8vpQMhRSwEwfPiCxkdz_nSN00jgqQ0PF9RBDDU4FhHFMz9Xgwn3BPYdGo-XxQB-6J1eVhyphenhyphenL5X7N86lkwk5kQIxxchCVc/s320/anchor-tag-blogger-08.jpg" width="320" /></a></div><br /><span style="font-family: georgia;">U ovom primeru, link je </span><span style="font-family: georgia;">http://skolatutorijala.blogspot.com/p/definicije.html</span><p></p><p><span style="font-family: georgia;">4b. Nadjite tekst na ovoj stranici, tamo gde zelite da vas link dodje, sa pocetka stranice tj. ciljani tekst. U ovom primeru, tekst je Srpski. Ovu rec dodajte malim slovima, <b>srpski</b>. Zapisite ovu rec (ove reci) negde sa strane.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHDSd-7GT-fn3TfrNUqKxp9hZCxLBw3Rt0WoaqShby7JrfSxMd5ml4wlJo8cUe_WaG04JxykVHMOKvK-iWHGKwGTKXi7RpXz51heuywXm7p3QPNFtZtFYIFrAcDWan0-aGUpG5orko5fo/s507/anchor-tag-blogger-08b.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="204" data-original-width="507" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHDSd-7GT-fn3TfrNUqKxp9hZCxLBw3Rt0WoaqShby7JrfSxMd5ml4wlJo8cUe_WaG04JxykVHMOKvK-iWHGKwGTKXi7RpXz51heuywXm7p3QPNFtZtFYIFrAcDWan0-aGUpG5orko5fo/s320/anchor-tag-blogger-08b.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">Napomena: ovom primeru je samo jedna rec. Ako imate vise reci, na primer dve, na primer, "Srpski jezik", spojite te dve reci - <b>srpskijezik</b>. </span></p><p><span style="font-family: georgia;">5. Selektujte (oznacite) tekst s pocetka stranice. U ovom primeru, "</span><span style="font-family: georgia;">Definicije na srpskom</span><span style="font-family: georgia;">". Kliknite na link ikonicu u "Edit Baru" (Insert or edit link).</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidXksN-0s7cU7CiI2vavhWK3jwvbkUP1o5q-foSkN0lU5fkoaswYZzdAzjAB6Xqmcp_2xpoSdfH3g6-S5cXtiGj1yt2QK5WCxCp8MPUppAaeFGwwfSlB0omt8Sj6rzBdME9s2aOOvnFr0/s883/anchor-tag-blogger-09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="555" data-original-width="883" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidXksN-0s7cU7CiI2vavhWK3jwvbkUP1o5q-foSkN0lU5fkoaswYZzdAzjAB6Xqmcp_2xpoSdfH3g6-S5cXtiGj1yt2QK5WCxCp8MPUppAaeFGwwfSlB0omt8Sj6rzBdME9s2aOOvnFr0/s320/anchor-tag-blogger-09.jpg" width="320" /></a></div><p></p><p><span style="font-family: georgia;">6. U drugo polje, prekopirajte onaj link iz koraka 4a. U ovom primeru, </span></p><p><span style="font-family: courier;">http://skolatutorijala.blogspot.com/p/definicije.html</span></p><p><span style="font-family: georgia;">do zadnje reci u linku, <b>html</b>, dodati # (tarabu) i odmah do tarabe dopisati rec iz koraka 4b. U ovom primeru, <b>srpski</b>. </span></p><p><span style="font-family: courier;">http://skolatutorijala.blogspot.com/p/definicije.html<b>#srpski</b></span></p><p><span style="font-family: georgia;">Napomena: primer za dve reci.</span></p><p><span style="font-family: courier;">http://skolatutorijala.blogspot.com/p/definicije.html<b>#srpskijezik</b></span></p><p><span style="font-family: georgia;">Bitno je da <b><span style="color: red;">NE cekirate</span> </b>opciju "Open this link in a new window" (Otvorite ovaj link u novom prozoru). Znaci, <b><span style="color: #04ff00;">ovu opciju ostaviti praznu</span></b>.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpTkLbn1QhA1H_9q-fr3nIz6Bx_d6ONEigZkNP4-HDea2zX32aaFRArPtGnUaC7H4FBjyPojdp94xpmOPA7EkU1c68wLS7cyZ7fDHSgCwCJ_80VJBTS9fjRr9RWFSBcylDXOeUN6wDjMg/s883/anchor-tag-blogger-09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="555" data-original-width="883" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpTkLbn1QhA1H_9q-fr3nIz6Bx_d6ONEigZkNP4-HDea2zX32aaFRArPtGnUaC7H4FBjyPojdp94xpmOPA7EkU1c68wLS7cyZ7fDHSgCwCJ_80VJBTS9fjRr9RWFSBcylDXOeUN6wDjMg/s320/anchor-tag-blogger-09.jpg" width="320" /></a></div><br /><span style="font-family: georgia;">Kliknite na Apply da dodate sidro oznaku.</span><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwYeK4xI88yO3QZ-pK5ewY6e_Xo0TPpFZbUhc9lI_TWW1fwQ24Tpgq3-TsOHfxQqyMLSV3Q2tPG_8zXWh1s9ztKJRzoxub27X6mUGgz32WuQ7grORI6Ws_aLVXO1cm_DSOiaTwsZINN4M/s720/anchor-tag-blogger-11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="424" data-original-width="720" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwYeK4xI88yO3QZ-pK5ewY6e_Xo0TPpFZbUhc9lI_TWW1fwQ24Tpgq3-TsOHfxQqyMLSV3Q2tPG_8zXWh1s9ztKJRzoxub27X6mUGgz32WuQ7grORI6Ws_aLVXO1cm_DSOiaTwsZINN4M/s320/anchor-tag-blogger-11.jpg" width="320" /></a></div><p></p><p><br /></p><p><span style="font-family: georgia;">7. Otvorite "HTML view". U gornjem levom uglu, kliknite na olovku sa strelicom. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL8KD4NeFzEVptbAxviBdvwCe2mQoRpZBc3o29E8m5Szyv-ufOYeAXKQeM9SYUMTJMpfpHYoboX20tUmAkJK6x1nDEErhRQICotW9Bdg4s555ri-k4RoZKvtODT89pNqgSzoiYqhc_Mh4/s821/anchor-tag-blogger-05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="404" data-original-width="821" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL8KD4NeFzEVptbAxviBdvwCe2mQoRpZBc3o29E8m5Szyv-ufOYeAXKQeM9SYUMTJMpfpHYoboX20tUmAkJK6x1nDEErhRQICotW9Bdg4s555ri-k4RoZKvtODT89pNqgSzoiYqhc_Mh4/s320/anchor-tag-blogger-05.jpg" width="320" /></a></div><span style="font-family: georgia;"><div><span style="font-family: georgia;"><br /></span></div><div>Iz padajuceg menija kliknite na "HTML view".</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ANXL3dDg75PUTIdtraK0vvkaOROLFXwfgTSYCSQ-W7lsWilIAmkI9c54GTKuZXeUH4syuZRp03ONLcMidLr-gze8LUy1ozL5hpv_EXVtK9BpkygJL-jcgahqySnpIxJijSLZv9dpmfw/s1013/anchor-tag-blogger-07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="378" data-original-width="1013" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ANXL3dDg75PUTIdtraK0vvkaOROLFXwfgTSYCSQ-W7lsWilIAmkI9c54GTKuZXeUH4syuZRp03ONLcMidLr-gze8LUy1ozL5hpv_EXVtK9BpkygJL-jcgahqySnpIxJijSLZv9dpmfw/s320/anchor-tag-blogger-07.jpg" width="320" /></a></div><div><br /></div><div>Na slici (dole) je prikazan sidro link koji smo upravo dodali.</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBrzDsJ5AgWXbWTY6SRymqLGLCEoH7kELdSAAXMCpYrFBesnDa8JsW7ALZK8GqDNt99h5PeI2DxK1BEdPkZmfxajkAE-jr09wxkrzn4aIBHOQbhDw3FCgFeM_kbDzx4axXpteI9ysZZU/s995/anchor-tag-blogger-12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="284" data-original-width="995" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBrzDsJ5AgWXbWTY6SRymqLGLCEoH7kELdSAAXMCpYrFBesnDa8JsW7ALZK8GqDNt99h5PeI2DxK1BEdPkZmfxajkAE-jr09wxkrzn4aIBHOQbhDw3FCgFeM_kbDzx4axXpteI9ysZZU/s320/anchor-tag-blogger-12.jpg" width="320" /></a></div><div><br /></div></span><p></p><p><span style="font-family: georgia;">8. Kliknite bilo gde u kod. Pritisnite CTRL+F i u polje za pretragu ukucajte rec iz koraka 4b. U ovom primeru, rec je Srpski. Pritisnite Enter.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWm8ij0HZKZxJ57mMU9fRHFdzJxsUj919wvNRekf_EQwVP5gzDtIMNmwnB8Gh6Nf0qgvfHVH3xY_1h_75ThNDIiTfJLKqqw_BM0WQMiQUNk1Deu62q5tLtqD1HRoQ-kDIdKtqG7dfMPQc/s691/anchor-tag-blogger-13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="272" data-original-width="691" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWm8ij0HZKZxJ57mMU9fRHFdzJxsUj919wvNRekf_EQwVP5gzDtIMNmwnB8Gh6Nf0qgvfHVH3xY_1h_75ThNDIiTfJLKqqw_BM0WQMiQUNk1Deu62q5tLtqD1HRoQ-kDIdKtqG7dfMPQc/w320-h126/anchor-tag-blogger-13.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">Napomena: ako ne kliknite bilo gde u kodu otvorice vam se polje za pretragu u citacu, sto vama ne treba.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcWV8PN70mf0bISrGJXc3mKGfXvcbv4g5SKXJ9bxQFslD67ucYWEVTMpNpZZ7LUAnCeHuqI2xqM7Dg62AjFnUoMbDlcSxNYrkwCxLfU5KVlY39OyZAEHYE2OFJi2nIC6cZ12Cd3ZLmVZE/s975/anchor-tag-blogger-14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="278" data-original-width="975" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcWV8PN70mf0bISrGJXc3mKGfXvcbv4g5SKXJ9bxQFslD67ucYWEVTMpNpZZ7LUAnCeHuqI2xqM7Dg62AjFnUoMbDlcSxNYrkwCxLfU5KVlY39OyZAEHYE2OFJi2nIC6cZ12Cd3ZLmVZE/s320/anchor-tag-blogger-14.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">9. Nadjite jednu span oznaku pre ove span oznake (na slici iznad).</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVPsILRN7F515Y899iCRaskOzNSGMjgfgSV-jGWD7G8oXm1_a8bPoHKgA8N-_ILqlbsZRPEL7kdgNKuFrFV6Zhd8UkeuL68qPARmIMYjhktN1ZLoR8eZioVOqM1ihxY21xmzA65c3Bavw/s986/anchor-tag-blogger-15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="213" data-original-width="986" height="69" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVPsILRN7F515Y899iCRaskOzNSGMjgfgSV-jGWD7G8oXm1_a8bPoHKgA8N-_ILqlbsZRPEL7kdgNKuFrFV6Zhd8UkeuL68qPARmIMYjhktN1ZLoR8eZioVOqM1ihxY21xmzA65c3Bavw/s320/anchor-tag-blogger-15.jpg" width="320" /></a></div><br /><p></p><p><span style="font-family: georgia;">U ovom primeru, kod ide ovako:</span></p><p><span style="font-family: courier;"><span style="font-family: &quot;georgia&quot; , &quot;times new roman&quot; , serif;"></span></p><p><span style="font-family: georgia;">Ispred ove span oznake dodajte sledecu span oznaku</span></p><p><span style="font-family: courier;"><span id=""></span></span></p><p><span style="font-family: georgia;">zatim u id upisite vrednost koju ste zapisali sa strane, iz koraka 4b. U ovom primeru, id je <b>srpski</b>.</span></p><p><span style="font-family: courier;"><span id="srpski"></span></span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP_lgs2DHkKkT_pGCmzw79j3Sa4trXZGAijDkk1Aqz76YkvSif9khWpQHAIkzKba2CZ6Mmkw7Don8cU2ySzgtXCpAuQqW6fGNLnCB0VtZzDTk3Gkq4et9nNt_s7OsZvUJdWa3gDAr5MWU/s957/anchor-tag-blogger-16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="232" data-original-width="957" height="78" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP_lgs2DHkKkT_pGCmzw79j3Sa4trXZGAijDkk1Aqz76YkvSif9khWpQHAIkzKba2CZ6Mmkw7Don8cU2ySzgtXCpAuQqW6fGNLnCB0VtZzDTk3Gkq4et9nNt_s7OsZvUJdWa3gDAr5MWU/s320/anchor-tag-blogger-16.jpg" width="320" /></a></div><span style="font-family: courier;"><br /></span><p></p><p><span style="font-family: georgia;">Napomena: primer span oznake, za dve reci.</span></p><p><span style="font-family: courier;"><span id="srpskijezik"></span></span></p><p><span style="font-family: georgia;">10. Kliknite na Update dugme.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwDU7JcEQQgqzm6s8WR4f6bv9RRosOF-VWrEp87MztB55GWnw6OEGZuDwLlX2KLnDkdJP_T1m1E4cNGSVswYXhMLCSOn6HN6hsOiVbAv9whGQOW8HIc6r4gF2svIiH1SsIhA6WM5dVApI/s1268/anchor-tag-blogger-17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="341" data-original-width="1268" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwDU7JcEQQgqzm6s8WR4f6bv9RRosOF-VWrEp87MztB55GWnw6OEGZuDwLlX2KLnDkdJP_T1m1E4cNGSVswYXhMLCSOn6HN6hsOiVbAv9whGQOW8HIc6r4gF2svIiH1SsIhA6WM5dVApI/s320/anchor-tag-blogger-17.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">11. Vratite se u "Compose view". U gornjem levom uglu, kliknite na olovku sa strelicom. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8wcYP9-iq0OwnY0xZ1p-LYaSBxtDJ7TFXOZlQcvGG4464iqjbUuChKNidQZaXFk45_4QgLJqTS1jSCBTzoFjsxNpLBu6BiLXbSkt0KL0Zt7YbuB4AfY82hWV7bddq4NGsYC3s2gPxjlI/s308/anchor-tag-blogger-18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="308" data-original-width="281" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8wcYP9-iq0OwnY0xZ1p-LYaSBxtDJ7TFXOZlQcvGG4464iqjbUuChKNidQZaXFk45_4QgLJqTS1jSCBTzoFjsxNpLBu6BiLXbSkt0KL0Zt7YbuB4AfY82hWV7bddq4NGsYC3s2gPxjlI/w182-h200/anchor-tag-blogger-18.jpg" width="182" /></a></div><p></p><p><span style="font-family: georgia;">Iz padajuceg menija kliknite na "Compose view".</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_wTFLYj7plfs6OdwsTjBZODRxPrYa191_rueHJYuq8OXelgn99JTUujUFhQxIzCDM3Nj1MrKcPsuFcB_Xnwff4zyFzz3xVKuRoWedWjP1I4LZE3ozFWh9UyFVSjZDidyetQxVfy6Yikg/s905/anchor-tag-blogger-19.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="400" data-original-width="905" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_wTFLYj7plfs6OdwsTjBZODRxPrYa191_rueHJYuq8OXelgn99JTUujUFhQxIzCDM3Nj1MrKcPsuFcB_Xnwff4zyFzz3xVKuRoWedWjP1I4LZE3ozFWh9UyFVSjZDidyetQxVfy6Yikg/s320/anchor-tag-blogger-19.jpg" width="320" /></a></div><br /><p></p><p><span style="font-family: georgia;">12. Idite na clanak ili stranicu gde ste dodali sidro oznaku, u ovom primeru, stranica je </span></p><p><span style="font-family: courier;">http://skolatutorijala.blogspot.com/p/definicije.html</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgli7AyPF6i_y1hyphenhyphenpGgpiiGSSDr4l3ieSNr3_92_BdJ_vke9fYcLJeOxfuX_zEl7jbaztL7CYoQQjXQ5Z2WZbmnFX759K3g4sVMUNjURmQUEZRe8Fq8LNDnAIaw2eVoc9Se4kyvqSs73IM/s829/anchor-tag-blogger-20.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="456" data-original-width="829" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgli7AyPF6i_y1hyphenhyphenpGgpiiGSSDr4l3ieSNr3_92_BdJ_vke9fYcLJeOxfuX_zEl7jbaztL7CYoQQjXQ5Z2WZbmnFX759K3g4sVMUNjURmQUEZRe8Fq8LNDnAIaw2eVoc9Se4kyvqSs73IM/s320/anchor-tag-blogger-20.jpg" width="320" /></a></div><span style="font-family: courier;"><br /></span><p></p><p><span style="font-family: georgia;">13. Kliknite na link na pocetku stranice. U ovom primeru, link je "Definicije na srpskom", da isprobate da li radi.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEMYBdIzmPBTPcGd66ITh6VH7VCaIgcSZkVl_1xkgLSl_uvahwoPYvn_o7RNHbEW1_a0wko57x6Gklkr4yEeib7uCJI8XYdgCq_ssc0Maeu5i8jlvRIsNH1jjraK4iHszs5FkF0bf5LM/s868/anchor-tag-blogger-21.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="353" data-original-width="868" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcEMYBdIzmPBTPcGd66ITh6VH7VCaIgcSZkVl_1xkgLSl_uvahwoPYvn_o7RNHbEW1_a0wko57x6Gklkr4yEeib7uCJI8XYdgCq_ssc0Maeu5i8jlvRIsNH1jjraK4iHszs5FkF0bf5LM/s320/anchor-tag-blogger-21.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">U address baru, na kraj linka, tj. do reci html, imate id oznaku, <b>#srpski</b>.</span></p><p><span style="font-family: georgia;">Jos jedna napomena ili podsetnik:</span></p><p><span style="font-family: georgia;">Ako zelite da dodate sidro oznaku u paragraf, sto znaci da nemate tekst iznad tog paragrafa, kao u ovom primeru, odaberite dve najvise tri reci za id oznaku. Pisite sve malim slovima, spojeno tj. bez razmaka. I, nemojte cekirati opciju </span><span style="font-family: georgia;">"Open this link in a new window" (Otvorite ovaj link u novom prozoru).</span><span style="font-family: georgia;"> Znaci ostavite prazno.</span></p><p><span style="font-family: georgia;">How do I add an anchor tag to a Blogger post/page?</span></p><p><span style="font-family: georgia;">Post in English coming soon :)</span></p><p><span style="font-family: georgia;"><br /></span></p><p><span style="font-family: georgia;"><br /></span></p>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-92087339415452779422021-08-26T04:20:00.004-07:002021-08-26T04:22:17.333-07:00How do I copy all HTML code from Chrome Developer Tools?<p><span style="font-family: georgia;">How to copy <b>all</b> HTML code from Chrome's Developers Tools.</span></p><p>1. <span style="font-family: georgia;">Go to a page you want to inspect. In this example, I'm on localhost.</span></p><p><span style="font-family: georgia;">2. You can access the code in two ways. </span></p><p><span style="font-family: georgia;">2a. First way, in the Chrome Browser, in upper right corner click on three dots. Hover over "More Tools" and from drop down menu click on "Developer Tools". Or, in the Chrome Browser, on the keyboard press CTRL+SHIFT+I.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNypdQRs3zD-UC-qsqXWv5Xs1Zla-qfPDRSL2gQwyJAjftP-vO0k5kJstL2yd7b7d9ecOfmjvyo8majrZ9OReGf6KWqwwubj386fFqGwA3VjQQWh739tLuowbSRI4TIRLTLacCHbs-saA/s1278/chrome-developer-tools-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="206" data-original-width="1278" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNypdQRs3zD-UC-qsqXWv5Xs1Zla-qfPDRSL2gQwyJAjftP-vO0k5kJstL2yd7b7d9ecOfmjvyo8majrZ9OReGf6KWqwwubj386fFqGwA3VjQQWh739tLuowbSRI4TIRLTLacCHbs-saA/s320/chrome-developer-tools-01.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">2b. </span><span style="font-family: georgia;">Second way, in the Chrome Browser, right-click somewhere on the page and from the drop down menu click on Inspect.</span></p><p><span></span></p><a name='more'></a><span style="font-family: georgia;"><br /></span><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgC0h7xvJF_ReUFSnWKaUviTCYxCBKZ4a34TxYwtQ6IMn2uakqL7blM0s8BRmmW7BoLxnOcSHVmdmjkyfpOO-i8m6Xf9IztBG7G8pUlhme_vJm79hXwsPLWv1N4Y9UInzDkPJa92ne-1U/s1254/chrome-developer-tools-01b.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="673" data-original-width="1254" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgC0h7xvJF_ReUFSnWKaUviTCYxCBKZ4a34TxYwtQ6IMn2uakqL7blM0s8BRmmW7BoLxnOcSHVmdmjkyfpOO-i8m6Xf9IztBG7G8pUlhme_vJm79hXwsPLWv1N4Y9UInzDkPJa92ne-1U/s320/chrome-developer-tools-01b.jpg" width="320" /></a></div><p><span style="font-family: georgia;">3. Find three dots on the "Top Bar". It is on the right side, next to cog icon (in the middle of the image below).</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinxRlm4X1m5NEulUdcoj8ZUEAYvZWMIAmxOSNwojc4uahfqZiwEJCxnIkyZCXZmmF8W5CAKuUAjnyLM7XMUTIoYqgNPUrsLbyF23r8DDVJAnsBvo2gJS9usXVr4yHPcP3_730q0doIiKQ/s1254/chrome-developer-tools-01bb.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="673" data-original-width="1254" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinxRlm4X1m5NEulUdcoj8ZUEAYvZWMIAmxOSNwojc4uahfqZiwEJCxnIkyZCXZmmF8W5CAKuUAjnyLM7XMUTIoYqgNPUrsLbyF23r8DDVJAnsBvo2gJS9usXVr4yHPcP3_730q0doIiKQ/s320/chrome-developer-tools-01bb.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">4. Click on "Three Dots" and from drop down menu choose the position of the Dock. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1KCiZ7lF023BnMYpqmBORA93DWNB1hsJJt1rq3PkaZAir0M68cNHWXm4h_G0NM0oc45Tg1n6UgsdkELBFPIRWCXGjbz1kUkn052CQHeviEeLCvFIvT77wWpK7emtUEAf6566rs30SQ7I/s1274/chrome-developer-tools-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="374" data-original-width="1274" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1KCiZ7lF023BnMYpqmBORA93DWNB1hsJJt1rq3PkaZAir0M68cNHWXm4h_G0NM0oc45Tg1n6UgsdkELBFPIRWCXGjbz1kUkn052CQHeviEeLCvFIvT77wWpK7emtUEAf6566rs30SQ7I/s320/chrome-developer-tools-02.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">4a. First icon - undock into separate window.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPiu09_lnxiNzhWcb3ZFY_2TJlhXTHA5iO4cXCmMplkvx35nTWaZg7JPkBzlu-IpP1usfXjpa14CIszdGl4ZYcHPY1GndZTpHD8OFllZOH1KM7oxQh2Cqym1wWx8Ij1r0RXkIU3CQSPE/s1274/chrome-developer-tools-02a.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="767" data-original-width="1274" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxPiu09_lnxiNzhWcb3ZFY_2TJlhXTHA5iO4cXCmMplkvx35nTWaZg7JPkBzlu-IpP1usfXjpa14CIszdGl4ZYcHPY1GndZTpHD8OFllZOH1KM7oxQh2Cqym1wWx8Ij1r0RXkIU3CQSPE/s320/chrome-developer-tools-02a.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">4b. Second icon - dock to the left.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwPyfhLuAeeQ0ehf_tKN2YDFKgE83Miopldql-RbphE6vl_8k_UStbVdv23b2W1huGD-BRuLVZ3o67g2j9T4OYw4e1XzIxed2DXs0x7RNvdqOUmOGe698KJv3caxy4cdjpfJiLP_o1T2M/s1274/chrome-developer-tools-02b.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="729" data-original-width="1274" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwPyfhLuAeeQ0ehf_tKN2YDFKgE83Miopldql-RbphE6vl_8k_UStbVdv23b2W1huGD-BRuLVZ3o67g2j9T4OYw4e1XzIxed2DXs0x7RNvdqOUmOGe698KJv3caxy4cdjpfJiLP_o1T2M/s320/chrome-developer-tools-02b.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><p></p><p><span style="font-family: georgia;">4c. </span><span style="font-family: georgia;">Third icon - dock to the bottom.</span><span style="font-family: georgia;"> </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidJBpx6jGxX97EOeZd4vG4fK28MhOqI7jEhMtShws8uEg-mTFnVnzEhtckx9MnjwMAZY7tViyoo-4lin5FR_P7MH6oKXHmnjNaCbV2O-uPj9sp_qhepnAuaylkhowVwO4y5dBZkqmmVWs/s1273/chrome-developer-tools-02c.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="735" data-original-width="1273" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidJBpx6jGxX97EOeZd4vG4fK28MhOqI7jEhMtShws8uEg-mTFnVnzEhtckx9MnjwMAZY7tViyoo-4lin5FR_P7MH6oKXHmnjNaCbV2O-uPj9sp_qhepnAuaylkhowVwO4y5dBZkqmmVWs/s320/chrome-developer-tools-02c.jpg" width="320" /></a></div><br /><p></p><p><span style="font-family: georgia;">4c. </span><span style="font-family: georgia;">Fourth icon - dock to the right.</span><span style="font-family: georgia;"> </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheodzZaSuihGz1kaFKS0gfX1NPbBsdkeBm7l898bVAl324A9caNgrIL0AOiGhrw2zYPe9xBNAzF6k8adYKV4mDT01L_msGmLmD9T-WnAhJIzDjdM6G4SO3vx9pEscC0PZzjn6lqKn9hKk/s1274/chrome-developer-tools-02d.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="736" data-original-width="1274" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheodzZaSuihGz1kaFKS0gfX1NPbBsdkeBm7l898bVAl324A9caNgrIL0AOiGhrw2zYPe9xBNAzF6k8adYKV4mDT01L_msGmLmD9T-WnAhJIzDjdM6G4SO3vx9pEscC0PZzjn6lqKn9hKk/s320/chrome-developer-tools-02d.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">5. </span><span style="font-family: georgia;">If not, click on Elements tab, on the "Top Bar".</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizBOFC32X0IVUwOdnQfL4MjdXtkxqhREFKuTYF5uP8tQ2Q8aQgNshc6iM79aOqtFZNjNnxHEjYIvXKf3A33tbCIz6WnbDaLvwqQgGIO3fROZzdspsv0WM1IXx4Ik_Baczikj3zAZ00p_o/s1272/chrome-developer-tools-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="81" data-original-width="1272" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizBOFC32X0IVUwOdnQfL4MjdXtkxqhREFKuTYF5uP8tQ2Q8aQgNshc6iM79aOqtFZNjNnxHEjYIvXKf3A33tbCIz6WnbDaLvwqQgGIO3fROZzdspsv0WM1IXx4Ik_Baczikj3zAZ00p_o/s320/chrome-developer-tools-03.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">6. Click on the HTML tag (the highest element on the page) to select it.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3cpuZL7OEgceB1xlF1CN4gdHzlyRV1KUZIAg7EyiIUuWa1aENLuPfJyBdHuGNebaBVi8e_E8fn2z5ngOyq2_u1KPfz6UA_1peLfTMndEuo1eFDJ8BMv2GmHmHHsnEOX66dBpr5WrUucM/s1274/chrome-developer-tools-04.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="150" data-original-width="1274" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3cpuZL7OEgceB1xlF1CN4gdHzlyRV1KUZIAg7EyiIUuWa1aENLuPfJyBdHuGNebaBVi8e_E8fn2z5ngOyq2_u1KPfz6UA_1peLfTMndEuo1eFDJ8BMv2GmHmHHsnEOX66dBpr5WrUucM/s320/chrome-developer-tools-04.jpg" width="320" /></a></div><p></p><p><span style="font-family: georgia;">Right-click on it and from the drop down menu hover over Copy and click on "Copy outerHTML".</span></p><p><span style="font-family: georgia;">7. Open code editor of your choice, in this example, Sublime Text 3. Press CTRL+N to create new document. Press CTRL+V to paste the HTML code you copied in the step 6. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR_LgAWJMtQAygBwvEpuZgTzzUePEBYA8lCQ3Mr6gz8nLgMSk4mvAz40s9Y0Q5z2K2r4-YBSWAt8VyuMhmnM8_puHFKyh_8MSqiI3ERPXOBYzJvdkvUCvyQwdQS1qq3Q-nVY-5LtwuJTE/s1270/chrome-developer-tools-05.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="496" data-original-width="1270" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR_LgAWJMtQAygBwvEpuZgTzzUePEBYA8lCQ3Mr6gz8nLgMSk4mvAz40s9Y0Q5z2K2r4-YBSWAt8VyuMhmnM8_puHFKyh_8MSqiI3ERPXOBYzJvdkvUCvyQwdQS1qq3Q-nVY-5LtwuJTE/s320/chrome-developer-tools-05.jpg" width="320" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">Press CTRL+S to save it. Name it and save it.</span></p>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-43620676688967302252021-08-11T04:05:00.017-07:002021-09-09T04:53:46.049-07:00Jeftin web sajt nije dobar (A cheap website is not good)<p><span style="font-family: georgia;"><a href="http://skolatutorijala.blogspot.com/2021/08/jeftin-web-sajt-nije-dobar-cheap.html#firstexample">Post in English</a>.</span></p><p><span style="font-family: georgia;"><b>Prvi primer: </b>ovde analiziram, internet prodavnicu. Klijent: zlatara papic (https://zlatarapapic.rs/). Kreator: Ogitive (https://ogitive.com/)</span></p><p><span style="font-family: georgia;">Koliko je kostala izrada internet prodavnice ne znam. Kod ovog kreatora web sajta ili internet prodavnice nema cena i nema toga sta dobijate. Njegov web sajt nije cak ni na srpskom jeziku!?</span></p><p><br /></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVo-qGMLVZpA_66TZPAw_wNmm3j6ugszbwmHwldsh00PX9-M807kK2DQ7VY3cKiTD2hLJfx29G-ArfiZksyPSH5xviEjPg4KmOq7QPyXclRCFVYQrezJ8eA48JNTOvxvTWuKzQFcDnyAQ/s845/ogiviti.com-01.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="353" data-original-width="845" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVo-qGMLVZpA_66TZPAw_wNmm3j6ugszbwmHwldsh00PX9-M807kK2DQ7VY3cKiTD2hLJfx29G-ArfiZksyPSH5xviEjPg4KmOq7QPyXclRCFVYQrezJ8eA48JNTOvxvTWuKzQFcDnyAQ/s320/ogiviti.com-01.jpg" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">Internet prodavnica zlatare papic, naslovna strana</span></div><span style="font-family: georgia;"><br /></span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW1VY_jJF6m62BgFpKcdeIXy4owsSXHY5MExlnWZQoBD-U4lonBInquSntwQyDxIe0f3xbpYfW9gVBetCxk3SVU5DJQxdxae3LkWpwxhUzsHWlyuqpyzBmzAFRku-8fPaTrsdZbqaGmNk/s406/ogiviti.com-02.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="198" data-original-width="406" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW1VY_jJF6m62BgFpKcdeIXy4owsSXHY5MExlnWZQoBD-U4lonBInquSntwQyDxIe0f3xbpYfW9gVBetCxk3SVU5DJQxdxae3LkWpwxhUzsHWlyuqpyzBmzAFRku-8fPaTrsdZbqaGmNk/s320/ogiviti.com-02.jpg" width="320" /></span></a></div><span style="font-family: georgia;"><br /></span><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">Iz css dokumenta se vidi ko je napravio internet prodavnicu. Drugi, treci i cetvrti red na slici.</span></div><div class="separator" style="clear: both; text-align: center;"><span></span><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span><a name='more'></a></span><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ksXhCLBsSnHAnZJb-QJRNqhQvKcVTx3yrQBciWtwrZPoMob-tIO4uAjD4wvDrr9IL08JS-ivZjp6LXvKX88GwoLiBwHlaZgpd6vzbsnnx4dOfHWt1JY2QMPlurHyHful_a-5xnUMj-o/s1259/ogiviti.com-03.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="116" data-original-width="1259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ksXhCLBsSnHAnZJb-QJRNqhQvKcVTx3yrQBciWtwrZPoMob-tIO4uAjD4wvDrr9IL08JS-ivZjp6LXvKX88GwoLiBwHlaZgpd6vzbsnnx4dOfHWt1JY2QMPlurHyHful_a-5xnUMj-o/s320/ogiviti.com-03.jpg" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">Navigacioni meni kretora web sajta</span></div><span style="font-family: georgia;"><br /></span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTpMOwsybpwn9cIWaiCH9fna0JUaIbo8CJZt2c-iKfRg5mbM3X-k-keTW-HDwD_waoYJ1c4ITGXLW6Oosmz1gz8CoooDMpBRJ9c24HbGwlDBjAf-v2-BZ18XzNwO0ZbM32xI806HiEhDk/s442/ogiviti.com-04.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="156" data-original-width="442" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTpMOwsybpwn9cIWaiCH9fna0JUaIbo8CJZt2c-iKfRg5mbM3X-k-keTW-HDwD_waoYJ1c4ITGXLW6Oosmz1gz8CoooDMpBRJ9c24HbGwlDBjAf-v2-BZ18XzNwO0ZbM32xI806HiEhDk/s320/ogiviti.com-04.jpg" width="320" /></span></a></div><span style="font-family: georgia;"><br /></span><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><span> Licni web sajt kretora internet prodavnice. U prevodu - uskoro stize.</span><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsx9FV0isWhGBpqLgxm19pkPIPUq7uvAXXj03Vugj6TCHYd5RyBhLd5hJfXak-guPDPMAfwZN2QZpfVzneq1G80CHSLaU1OJgD0MilG62IFn3i57NsKtvWHCozwLoVU9qUD0cGrkP5YXQ/s485/ogiviti.com-05.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="214" data-original-width="485" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsx9FV0isWhGBpqLgxm19pkPIPUq7uvAXXj03Vugj6TCHYd5RyBhLd5hJfXak-guPDPMAfwZN2QZpfVzneq1G80CHSLaU1OJgD0MilG62IFn3i57NsKtvWHCozwLoVU9qUD0cGrkP5YXQ/s320/ogiviti.com-05.jpg" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">Isecak sa Linkedin stranice kreatora vidite da ima firmu za izradu web sajtova vec deset godina, skoro deset :)</span></div><p><span style="font-family: georgia;"><br /></span></p><span style="font-family: georgia;">Nemam dokaz o poslatoj poruci putem formulara Zlatari Papic, jer nisam ni razmisljala o pisanju ovog clanka. Napisala sam im kratku poruku: </span><p></p><p><span style="font-family: courier;">"Ko vam je napravio web sajt, zavrnuo vas je".</span></p><p><span style="font-family: courier;">Marija</span></p><p>Nisam se nadala da ce odgovoriti nazad.</p><p><span style="font-family: courier;">Postovani,</span></p><p><span style="font-family: courier;">drago nam je sto ste nas kontaktirali, i ukazali na nedostatke. Zamolili</span></p><p><span style="font-family: courier;">bismo Vas da nam kazete kakve su Vase primedbe kako bismo otklonili</span></p><p><span style="font-family: courier;">nedostatke u cilju bolje reklame i saradnje sa kupcima preko online</span></p><p><span style="font-family: courier;">prodavnice.</span></p><p><span style="font-family: courier;">Srdacan pozdrav</span></p><p><span style="font-family: courier;">SZTKR Zlatara Papic</span></p><p>Moj odgovor njima.</p><p><span style="font-family: courier;">Postovani,</span></p><p><span style="font-family: courier;">Nemate osnovnu SEO optimizaciju.</span></p><p><span style="font-family: courier;">Osim naslova stranice, na primer: "Homepage | Zlatara Papić | Zlatara Papić", meta podaci stranice su prazni.</span></p><p><span style="font-family: courier;">Struktura naslova na stranici, https://zlatarapapic.rs/, nije ispravna.</span></p><p><span style="font-family: courier;">Odnos internih i eksternih linkova (veza) nije zadovoljavajuci. Imate 30 unutarnjih linkova a 93 eksternih.</span></p><p><span style="font-family: courier;">Od 44 slike na ovoj stranici, naslovnoj, 9 slika nema alt oznaku, a 34 slika ima praznu alt oznaku.</span></p><p><span style="font-family: courier;">Takodje, pojedine slike nisu imenovane i optimizovane za web sajt tj. internet prodavnicu.</span></p><p><span style="font-family: courier;">S postovanjem,</span></p><p><span style="font-family: courier;">Marija</span></p><p><span id="strukturanaslova">Struktura naslova</span> na naslovnoj stranici Zlatare Papic je:</p><p><span style="font-family: courier;"><h1>homepage</span></p><p><span style="font-family: courier;"><h2>veliki izbor satova i nakita</span></p><p><span style="font-family: courier;"><h2>nakit</span></p><p><span style="font-family: courier;"><h2>satovi</span></p><p><span style="font-family: courier;"><h2>naočare</span></p><p><span style="font-family: courier;"><h2>najpopularniji proizvodi</span></p><p><span style="font-family: courier;"><h2>o nama</span></p><p><span style="font-family: courier;"><h2>brendovi</span></p><p><span style="font-family: courier;"><h2>besplatna isporuka</span></p><p><span style="font-family: courier;"><h2>način plaćanja</span></p><p><span style="font-family: courier;"><h2>poklon vaučer</span></p><p><span style="font-family: courier;"><h4>pregled privatnosti</span></p><p><span style="font-family: georgia;">Objasnjenje: struktura naslova nije ispravna. Na jednoj web stranici moze postojati samo jedan h1, jedan h2, i koliko je potrebno h3, h4, h5 i h5 naslova. Takodje, redosled je vazan. Prvi je h1, drugi h2 itd., zadnji je h6. H1 je najveci a h6 najmanji naslov.</span></p><p><span style="font-family: georgia;">Pojedine slike proizvoda nisu optimizovane. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBXhdAEwjVgpiBdWldP2v9ia5PJlyhe1dLAOsUjfJPNAS-mmWISE8A5QkA_GrmcPfDvX6i1zb5vrJOaZfnkFwnTTaTEOuUuSzhIdM4w3lAM5LGhquJB5UhIN_IvK7eUmP96i2yzitsVE/s897/BRILNAK161.jpeg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="897" data-original-width="897" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBXhdAEwjVgpiBdWldP2v9ia5PJlyhe1dLAOsUjfJPNAS-mmWISE8A5QkA_GrmcPfDvX6i1zb5vrJOaZfnkFwnTTaTEOuUuSzhIdM4w3lAM5LGhquJB5UhIN_IvK7eUmP96i2yzitsVE/w200-h200/BRILNAK161.jpeg" width="200" /></a></div><br /><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">Naziv ove slike je "BRILNAK161</span><span style="font-family: georgia;">". Da li vi po nazivu ove slike mozete da zakljucite sta je na slici? Ja ne. Ovo je sifra ovog proizvoda. Naziv ove slike bi trebao biti - "o</span><span style="font-family: georgia;">grlica-belo-zlato-sa-rubinom-brilijantom</span><span style="font-family: georgia;">", na primer. Da li sad mozete da zakljucite sta je na slici? Bolje zar ne?</span></p><p><span style="font-family: georgia;">Ova slika je teska 162.8 KB. Kada se optimizuje, bila bi teska 80.2 KB. Malo li je 50%.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIDm1yzpaVyjEJ3qF7K6g4KWC9v9MZaPyWjdB0bEGvPl2jE4NezBc3oCFnlmzJtG4ZDxOD5YSch07bpHCFk12_pVcU22z3WSGDDQ2vYiIZL4gQFbRskoxY94ex2KVDRVmBxLNMAYWKpkE/s978/slika-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="85" data-original-width="978" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIDm1yzpaVyjEJ3qF7K6g4KWC9v9MZaPyWjdB0bEGvPl2jE4NezBc3oCFnlmzJtG4ZDxOD5YSch07bpHCFk12_pVcU22z3WSGDDQ2vYiIZL4gQFbRskoxY94ex2KVDRVmBxLNMAYWKpkE/s320/slika-01.jpg" width="320" /></a></div><br /><span style="font-family: georgia;">A gde su sve druge slike?</span><p></p><p><span style="font-family: georgia;"><b>Drugi primer: </b>ovde, takodje analiziram internet prodavnicu. Klijent: quilidreta - izrada rucno radjenog nakita. (https://quilidreta.com/). Kreator: Web Drummer (https://web-drummer.com/).</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCOaqUmiyMa4ng9rBWW3TQTnS_u6eqp0infBzQ8TvSECOqmO0-40yqmXmo2qxh4ZNLl6sy282uUObMJe15o5nmYbciyYjBaH-TLkn-RBg-jnbGFZrHMA2YN8GcaZUQywed7CZA5rbb1Xg/s1251/quilidreta.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="214" data-original-width="1251" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCOaqUmiyMa4ng9rBWW3TQTnS_u6eqp0infBzQ8TvSECOqmO0-40yqmXmo2qxh4ZNLl6sy282uUObMJe15o5nmYbciyYjBaH-TLkn-RBg-jnbGFZrHMA2YN8GcaZUQywed7CZA5rbb1Xg/s320/quilidreta.jpg" width="320" /></a></div><div style="text-align: center;">Quilidreta</div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgyEa3qj4h7-K_eoGFyGH4eHzA7vPSNXjgNGiVho01juhZ_l0ubjmbJhQtcyTS60JOEJz9wtuI_WVzYKe3F4OUA9_4txVIYDZKJZWv7yXNq5eWcQlzbZd9n5IzHOMv0yZb7c6AZDbpA7g/s1277/web-drummer.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="697" data-original-width="1277" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgyEa3qj4h7-K_eoGFyGH4eHzA7vPSNXjgNGiVho01juhZ_l0ubjmbJhQtcyTS60JOEJz9wtuI_WVzYKe3F4OUA9_4txVIYDZKJZWv7yXNq5eWcQlzbZd9n5IzHOMv0yZb7c6AZDbpA7g/s320/web-drummer.jpg" width="320" /></a></div><div style="text-align: center;">Web Drummer</div><p></p><p><span style="font-family: georgia;">Koliko je kostala izrada internet prodavnice? Tacan iznos - ne znam. Inicijalni paket je 630 evra. S obzirom da je Quilidreta na dva jezika, iznos je veci od 630 evra. </span></p><p><span style="font-family: georgia;">Sta dobijate u <b>Web Shop</b> paketu? </span></p><p><span style="font-family: georgia;">Detaljno imate na web sajtu Web Drummer. A ovde sam izvukla jednostavnije.</span></p><p><span style="font-family: georgia;">U Web Shop paketu dobijate:</span></p><ol style="text-align: left;"><li><span style="font-family: georgia;">Obrada i optimizacija svih slika, formatiranje tekstova. Obrada i optimizacija fotografija proizvoda (do 12 proizvoda.</span></li><li><span style="font-family: georgia;">Kontakt formu.</span></li><li><span style="font-family: georgia;">Povezivanje sa drustvenim mrezama.</span></li><li><span style="font-family: georgia;">Prilagodjavanje web sajta mobilnim uredjajima (responsive).</span></li><li><span style="font-family: georgia;">Osnovnu SEO optimiѕaciju (optimizacija za Google pretraživac).</span></li><li><span style="font-family: georgia;">Do 40 web stranica.</span></li><li><span style="font-family: georgia;">Galeriju slika (do 50 kom.).</span></li><li><span style="font-family: georgia;">Blog ili Vesti do 12 strana, obrada i formatiranje materijala.</span></li><li><span style="font-family: georgia;">Dodavanje posebnih strana (uslovi koriscenja, politika privatnosti i slicno).</span></li><li><span style="font-family: georgia;">Implementacija i podesavanje dodatka za Shop.</span></li><li><span style="font-family: georgia;">Dodavanje do 12 proizvoda (slike, opisi i ostalo).</span></li></ol><p><span style="font-family: georgia;">Dobijate jos par stvari kao sto su dodaci za backup podataka, zastitu i bezbednost, koji jeseu bitni za vasu internet prodavnicu, ali u ovoj analizi web sajta nisu.</span></p><p><span style="font-family: georgia;">Da pocnem od <b>stavke 1</b>. Sastoji se iz dva dela. Prvi deo - o</span><span style="font-family: georgia;">brada i optimizacija <b>svih slika</b>, formatiranje tekstova. Drugi deo - o</span><span style="font-family: georgia;">brada i <b>optimizacija fotografija proizvoda</b> (do 12 proizvoda.</span></p><p><span style="font-family: georgia;">Na stranici </span><span style="font-family: georgia;">https://quilidreta.com/product-category/nakit/mindjuse/ slika kod kategorije Epoxy je optimizovana, a na stranici https://quilidreta.com/product/mindjuse-zelena-cipka/ prva slika, nije optimizovana.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwfS4D174kwYAea1_OLzV-YheUEZcm9Ufp4qKCEjddahrVtS8NKBDoyBR8800lnljlA5sdRARtPKgBt7FECrlbiUA2CiiurU5T7Sr0sMnVcMLyiIhRNdRWGAjBXPwjlfsR15grRj1brPo/s1084/image-optimization.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="172" data-original-width="1084" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwfS4D174kwYAea1_OLzV-YheUEZcm9Ufp4qKCEjddahrVtS8NKBDoyBR8800lnljlA5sdRARtPKgBt7FECrlbiUA2CiiurU5T7Sr0sMnVcMLyiIhRNdRWGAjBXPwjlfsR15grRj1brPo/s320/image-optimization.jpg" width="320" /></a></div><br /><span style="font-family: georgia;"><b>Stavka 2. Kontakt forma.</b> Nemam zamerki.</span><p></p><p><span style="font-family: georgia;"><b>Stavka 3. Povezivanje sa drustvenim mrezama.</b> Sto se ovog web sajta tice, (kao) nemam zamerki. Ali, ako je neka druga firma u pitanju koja ima vise od dve drustvene mreze, nastaje problem. Ne kazem da je neresiv, ali bih drugacije postavila povezivanje na drustvene mreze.</span></p><p><span style="font-family: georgia;"><b>Stavka 4. Prilagodjavanje web sajta mobilnim uredjajima (<a href="https://www.marijarikic.com/en/frequently-asked-questions.html">responsive</a>).</b> Jeste responsive. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMouDZX2liG9lyjAw0WRmGXcl9drhFcaZGtc1e_xekx1M7iuz1CxtW5gr175vDRYRnCs5T4Lk_sftEiXHoJg3cJ0o8KJmiH81aqzEkuDtlWQADgHM7yuV8l9gFBG-9KNntSwBN5mTf-fY/s1277/mobile-friendly.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="697" data-original-width="1277" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMouDZX2liG9lyjAw0WRmGXcl9drhFcaZGtc1e_xekx1M7iuz1CxtW5gr175vDRYRnCs5T4Lk_sftEiXHoJg3cJ0o8KJmiH81aqzEkuDtlWQADgHM7yuV8l9gFBG-9KNntSwBN5mTf-fY/s320/mobile-friendly.jpg" width="320" /></a></div><br /><span style="font-family: georgia;"><b>Stavka 5. </b></span><span style="font-family: georgia;"><b>Osnovnu SEO optimiѕaciju (optimizacija za Google pretraživac).</b> Na web sajtu kreatora nema sta tacno spada u osnovni SEO. Manje-vise zna se sta spada u osvni SEO, ali svaki kreator definise sam za sebe sta ce ukljuciti u osnovni SEO. Na mom web sajtu mozete pogledati na stranici <a href="https://www.marijarikic.com/optimizacija-web-sajta/seo-optimizacija.html" target="_blank">SEO Optimizacija</a> (otvorice se u novom tabu/kartici) sta zapravo sve dobijate.</span><span style="font-family: georgia;"> </span><p></p><p><span style="font-family: georgia;">Da li neki web sajt ima SEO ili ne, mozete proveriti na dva nacina. Prvi - putem nekog od besplatnih alata ili rucno kroz izvorni kod.</span></p><p><span style="font-family: georgia;"><b>Prvi nacin. Alat 1.</b><br />Ova SEO analiza je za ceo web sajt, ali i samo za naslovnu stranicu.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSKBtQ1Eh4I5AfQeL5sK1XRonIJP11GrTy3w7XODeisxBJyJtay3FpiQtCiL_HaqBTxe9rbd_0GEJnitoCRN6L91gB77hyphenhyphenKzIguzo4awBXoISFUQfXmE0MmA1H5qt8v9U2cqqVs6SqgPY/s1123/seo-audit-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="427" data-original-width="1123" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSKBtQ1Eh4I5AfQeL5sK1XRonIJP11GrTy3w7XODeisxBJyJtay3FpiQtCiL_HaqBTxe9rbd_0GEJnitoCRN6L91gB77hyphenhyphenKzIguzo4awBXoISFUQfXmE0MmA1H5qt8v9U2cqqVs6SqgPY/s320/seo-audit-01.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ocena za Quilidretu je D. Ocene se krecu izmedju A i F i podeljene su na 5 segmenata (na stranici SEO, linkovi, upotrebljivost, performans i drustvene mreze). </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><b>Segment 1 - na stranici SEO.</b></span></div><div class="separator" style="clear: both; text-align: left;"><ul style="text-align: left;"><li><span style="font-family: georgia;">Oznaka naslova je predugacka (tekst u tabu/kartici).</span></li><li><span style="font-family: georgia;">Meta opis je predugacak. </span></li><li><span style="font-family: georgia;">Naslov web stranice reda 1 (h1) je prekratak.</span></li><li><span style="font-family: georgia;">Meta kljucnih reci nema.</span></li><li><span style="font-family: georgia;">Kolicina sadrzaja na web stranici je mala.</span></li><li><span style="font-family: georgia;">Alt atribut nedostaje na 6 slika. Vise o ovome mozete naci na stranici <a href="https://www.marijarikic.com/optimizacija-web-sajta/seo-optimizacija.html" target="_blank">SEO Optimizacija</a> (otvorice se u novom tabu/kartici) alt tag.</span></li><li><span style="font-family: georgia;">Gugl analitike nema.</span></li></ul><div><span style="font-family: georgia;"><b>Segment 2 - linkovi.</b> Unutrasnji linkovi bi mogli biti bolji.</span></div><div><span style="font-family: georgia;"><br /></span></div></div><span style="font-family: georgia;"><b>Segment 3 - upotrebljivost.</b></span><p></p><p><span style="font-family: georgia;">Email je u obicnom tekstu (</span><span style="text-align: center;">cvrcakimrav3@gmail.com</span><span style="font-family: georgia;">), sto nije preporuka.</span></p><p><span style="font-family: georgia;"><span id="segment4performans"></span><b>Segment 4 - performans.</b> </span></p><p><span style="font-family: georgia;">Brzina stranice je spora. </span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxXuPpaEAuS75PsnVkG9n29IyG7CJgd_nuWkNDiHCzlnwJHKEoOyXhgkKA_WKP1xjftVOUsQ4S1UY1JRBobb4oKghHbffu-moJWbKyB815UP-IR4bbrKuWb6wC3Tf_JSN0s1z2RYuuaE/s1079/seo-audit-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="239" data-original-width="1079" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxXuPpaEAuS75PsnVkG9n29IyG7CJgd_nuWkNDiHCzlnwJHKEoOyXhgkKA_WKP1xjftVOUsQ4S1UY1JRBobb4oKghHbffu-moJWbKyB815UP-IR4bbrKuWb6wC3Tf_JSN0s1z2RYuuaE/s320/seo-audit-03.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;">brzina celog web sajta</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;">Odgovor servera je 3 sekunde. Otvaranje svog sadrzaja web stranice je 11 sekundi. Brzina ucitavanja svih skripti na web stranici je 17.1 sekunde.</div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUcWkiKhlUHSKlQPb_YQlVA_ONYjF9qJfA5dHxKCix1SzMIypKvmK5YicEjQ0qXjBmlP9Do8ewQz5NRPeGA0tLdOKPdQ7Lht_xmxh3V1a6IjJwE6RZuYv4PqBRzbZJTkPg5h83G_hdZww/s938/seo-audit-04.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="298" data-original-width="938" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUcWkiKhlUHSKlQPb_YQlVA_ONYjF9qJfA5dHxKCix1SzMIypKvmK5YicEjQ0qXjBmlP9Do8ewQz5NRPeGA0tLdOKPdQ7Lht_xmxh3V1a6IjJwE6RZuYv4PqBRzbZJTkPg5h83G_hdZww/s320/seo-audit-04.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ukupna tezina stranice je 7.7 MB. Podela tezine stranice: HTML 0.32 MB, CSS 2.56 MB, JS (skripte) 3.88 MB, slike 0.76 MB i drugo 0.21 MB.</span></div><br /><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKnaja534sFosXxxQuXfLmR3oe4IlE5F6_ex3f5FxsfjpeNmKTvHJ08fl_VYzD5OQpPYwpoPjaOBApc2wZWKC9V4gftAvI5BQNJ3CTnrtlaAk5ZAPlzMGFP_gguMd0hOwPAImKGhVMXqg/s1257/mobile-speed.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="592" data-original-width="1257" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKnaja534sFosXxxQuXfLmR3oe4IlE5F6_ex3f5FxsfjpeNmKTvHJ08fl_VYzD5OQpPYwpoPjaOBApc2wZWKC9V4gftAvI5BQNJ3CTnrtlaAk5ZAPlzMGFP_gguMd0hOwPAImKGhVMXqg/s320/mobile-speed.jpg" width="320" /></a></div><div style="text-align: center;"><span style="font-family: georgia;">brzina na mobilnim uredjajima je losa</span></div><p><span style="font-family: georgia;">Brzina otvaranja web sajta Quilidreta na mobilnim uredjajima je 10.3 sekunde. Preko 2.5 sekunde ocena je losa.</span></p><span style="font-family: georgia;"><b><div><br /></div>Segment 5 - drustvene mreze. </b>Iz nekog razloga, ovaj alat nije prepoznao Facebook i Instagram povezivanje. <br /><br /></span><p></p><p><span style="font-family: georgia;"><b>Prvi nacin. Alat 2.</b></span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5TTDkaQd7wC6StvZeFBGpKcvGxDsdyRNf9oIfs3KnmJtsYOrFK-1_BHeW09fEbjZfUZqoaLJe5WOLA8mQvi1z3th47y7hR9Or6rr0I9gw_O7vx4HOSSMx-9IxKyiPaKev0CkygupbB0I/s1084/seo-checker-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="503" data-original-width="1084" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5TTDkaQd7wC6StvZeFBGpKcvGxDsdyRNf9oIfs3KnmJtsYOrFK-1_BHeW09fEbjZfUZqoaLJe5WOLA8mQvi1z3th47y7hR9Or6rr0I9gw_O7vx4HOSSMx-9IxKyiPaKev0CkygupbB0I/s320/seo-checker-01.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Besplatna analiza dozvoljava analizu 150 web stranica. Na osnovu toga rezultat je 37.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ocena brzine otvaranja web sajta Quilidreta na stonim racunarima je 69.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXTkaiJ0c3G7peMM9nRsB618rL70XPuKd4rLR_H6H18iyXkYvxELPqo4jHmdi88RcPRZB3DeMVxZon-14fVIOzIfYlSTisdBeCV_f8MVUOu2GnxfPtgIWDkkRF2Fy_b8RMrPM6M6ZEOw0/s1277/seo-checker-01a.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="697" data-original-width="1277" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXTkaiJ0c3G7peMM9nRsB618rL70XPuKd4rLR_H6H18iyXkYvxELPqo4jHmdi88RcPRZB3DeMVxZon-14fVIOzIfYlSTisdBeCV_f8MVUOu2GnxfPtgIWDkkRF2Fy_b8RMrPM6M6ZEOw0/s320/seo-checker-01a.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ocena brzine otvaranja web sajta Quilidreta na mobilnim uredjajima je 17.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl4ExLjW99flvVlEm1_FZ18uBGvNfaC7Ie9UAumhpYuN9RwYRjJd28xnrOqa9VS1kFtbRLRL9uj0t8c6ONcb1JC6kSuLm7vBtvHadkNBrB5xeCQC838w04ALByiRXT0oVNG5Qgn38gbJ4/s1277/seo-checker-01b.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="640" data-original-width="1277" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl4ExLjW99flvVlEm1_FZ18uBGvNfaC7Ie9UAumhpYuN9RwYRjJd28xnrOqa9VS1kFtbRLRL9uj0t8c6ONcb1JC6kSuLm7vBtvHadkNBrB5xeCQC838w04ALByiRXT0oVNG5Qgn38gbJ4/s320/seo-checker-01b.jpg" width="320" /></a></div><br /><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Quilidreta web sajt ima 122 kriticna problema, 572 upozorenja i 885 primedbi.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDhf1IZip7SmkM2PrcOzUMG-QqguZDWyo-jswQGCaJED74kIlzg-nrtH_ymdaaPpLpNYmpUlcjr4BDm_4VOAtLATnfdOvgyffBbF4saBit7Gu9sQcAanVtq-EzKf5peUaKcyUGHFi9lUo/s1037/seo-checker-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="226" data-original-width="1037" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDhf1IZip7SmkM2PrcOzUMG-QqguZDWyo-jswQGCaJED74kIlzg-nrtH_ymdaaPpLpNYmpUlcjr4BDm_4VOAtLATnfdOvgyffBbF4saBit7Gu9sQcAanVtq-EzKf5peUaKcyUGHFi9lUo/s320/seo-checker-02.jpg" width="320" /></a></div><br /><span style="font-family: georgia;">Kriticni problemi (neki od njih). </span></div><div class="separator" style="clear: both; text-align: left;"><ul style="text-align: left;"><li><span style="font-family: georgia;">Neuskladjene deklaracije hreflang i HTML lang na 100 stranica. </span></li><li><span style="font-family: georgia;">Dupla oznaka naslova na 20 stranica.</span></li></ul></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Upozorenja (neka od njih). </span></div><div class="separator" style="clear: both; text-align: left;"><ul style="text-align: left;"><li><span style="font-family: georgia;">Nedostaje alt oznaka na 137 stranica (od 150). </span></li><li><span style="font-family: georgia;">Meta opisa nema na 128 stranica. </span></li><li><span style="font-family: georgia;">Duplikat h1 je na 23 stranice. </span></li><li><span style="font-family: georgia;">Prazan h1 je na 1 stranici. </span></li><li><span style="font-family: georgia;">Nedostaje h1 na 1 stranici.</span></li></ul></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Primedbe (neke od njih). </span></div><div class="separator" style="clear: both; text-align: left;"><ul style="text-align: left;"><li><span style="font-family: georgia;">Previse kratak h1 na 20 stranica. </span></li><li><span style="font-family: georgia;">Meta opis je previse dugacak na 9 stranica. </span></li><li><span style="font-family: georgia;">Oznaka naslova (title tag) je previse kratka na 105 stranica. </span></li><li><span style="font-family: georgia;">Oznaka naslova (title tag) je previse dugacka na 9 stranica.</span><span style="font-family: georgia;"> </span></li></ul></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><b><span id="nacindvastrktr">Drugi nacin.</span> Rucno (preko izvora koda - CTRL+U).</b> Na stranici https://quilidreta.com/product/mindjuse-rascvetana-grana/ struktura stranice nije pravilna.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Kod je ogroman, pa sam ga skratila da mozete da vidite.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6QqPjtZCDe2EXsZXCflm5AIokAiEtMaTyTxBSRLWKU1rPuD49rWZJuXalKkjU3Qf7tGkqwqDaCeIJiWUZScv-zL07SKNPgXnHfzvkg0H9UhX4muC9Ed5-q3P_zZHRn59FxJUA6oNuTfw/s1144/Screenshot_1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="516" data-original-width="1144" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6QqPjtZCDe2EXsZXCflm5AIokAiEtMaTyTxBSRLWKU1rPuD49rWZJuXalKkjU3Qf7tGkqwqDaCeIJiWUZScv-zL07SKNPgXnHfzvkg0H9UhX4muC9Ed5-q3P_zZHRn59FxJUA6oNuTfw/s320/Screenshot_1.jpg" width="320" /></a></div><br /><span style="font-family: georgia;">Prvo ide h2 Korpa, zatim h2 On Line Prodavnica, h3 Početna / Nakit / Minđuše / Metal / Minđuše Tresnjino Drvo, pa h1 </span><span style="font-family: georgia;">Minđuše Tresnjino Drvo.</span><span style="font-family: georgia;"> </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Pravilna struktura je od h1, pa h2, zatim h3, h4, h5 i h6.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ja nisam izmislila toplu vodu. Postoje odredjena pravila kod izrade web sajta odnosno internet prodavnice, kao i kod SEO, koja treba da se postuju. Ako meni ne verujete mozete da izguglate sami ili evo mozete pogledati na stranici <a href="https://www.ucop.edu/electronic-accessibility/web-developers/use-headings-appropriately.html" target="_blank">Univerziteta Kalifornije</a> (otvorice se u novom tabu/kartici, na Engleskom).</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Kada otvorite izvor koda (CTRL+U). Kliknite na CTRL+F pa ukucajte "<title"</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFZonzAtcMZp4rcs7u_Gl_I228rl1X3kBX-c0-1WruA0Da0MOF4xIj40f4NCvDdnHGp_WL1e2mlcjiaEgaYG9a1_8Lgw7wkxbhMlRm242FDoIgGg19WZEod3OMldlDlRy-UaKh4ljS8ws/s1085/%25D1%2582%25D0%25B8%25D1%2582%25D0%25BB%25D0%25B5.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="153" data-original-width="1085" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFZonzAtcMZp4rcs7u_Gl_I228rl1X3kBX-c0-1WruA0Da0MOF4xIj40f4NCvDdnHGp_WL1e2mlcjiaEgaYG9a1_8Lgw7wkxbhMlRm242FDoIgGg19WZEod3OMldlDlRy-UaKh4ljS8ws/s320/%25D1%2582%25D0%25B8%25D1%2582%25D0%25BB%25D0%25B5.jpg" width="320" /></span></a></div><span style="font-family: georgia;">Na isti nacin mozete proveriti sve oznake naslova, na primer, u polje za pretragu (CTRL+F) ukucajte "<h1" ili "<h2" itd.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk2oqr3NhPlp3lRlA8uK1DxM07jYK2Um0OvvnUIEk2BNUyaPzK5kBzr4dqLevmgsHZno-Xx4CcaUruhsj-EFiA6tRJXW_upGS5P2plMOZpINETGH_zSF5nPCxQKB7plqB6lOE6xnEZhJE/s1110/%25D1%25851.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="460" data-original-width="1110" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk2oqr3NhPlp3lRlA8uK1DxM07jYK2Um0OvvnUIEk2BNUyaPzK5kBzr4dqLevmgsHZno-Xx4CcaUruhsj-EFiA6tRJXW_upGS5P2plMOZpINETGH_zSF5nPCxQKB7plqB6lOE6xnEZhJE/s320/%25D1%25851.jpg" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">ima 1 h1 oznaka naslova</span></div><span style="font-family: georgia;"><br /></span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwBRtGKivPLc5rjS5IMFK57-gtU1voxEdp5QRy-cmGK4_GpjfOslayfj-iN-sb-FSwbPC6U-OOWcNj-7vnNvhBPZeLvepZTP9M16AGoZeBm55Eq4yXXdaoTzGLFEt_Gmjwzh_QQP3kTYs/s1087/%25D1%25852.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="112" data-original-width="1087" height="33" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwBRtGKivPLc5rjS5IMFK57-gtU1voxEdp5QRy-cmGK4_GpjfOslayfj-iN-sb-FSwbPC6U-OOWcNj-7vnNvhBPZeLvepZTP9M16AGoZeBm55Eq4yXXdaoTzGLFEt_Gmjwzh_QQP3kTYs/s320/%25D1%25852.jpg" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">ima 4 h2 oznaka naslova</span></div><span style="font-family: georgia;"><br /></span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgaNuRV9RgqlZAOmCWeBMb-YIYMNWliRY180Xw_Rdy3cYzZkeTFELqB-m4muHFufyudG5xFRoViyzF9jE4LgYO1_sYw5yuSZe_QnfDCraONy1WGP2fgQqW7Vvy50c1qUKD9lco_4OqjA/s1091/%25D1%25853.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="110" data-original-width="1091" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYgaNuRV9RgqlZAOmCWeBMb-YIYMNWliRY180Xw_Rdy3cYzZkeTFELqB-m4muHFufyudG5xFRoViyzF9jE4LgYO1_sYw5yuSZe_QnfDCraONy1WGP2fgQqW7Vvy50c1qUKD9lco_4OqjA/s320/%25D1%25853.jpg" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">ima 12 h3 oznaka naslova</span></div><span style="font-family: georgia;"><br /></span><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh18zV0IqY_ZbSy9v-JoWOYLM2vGl0Zpul62fuAZYTJwLFszp-djndaGAWiYx7IXRFO4HLidTbQWzrITZUfHqbHvx3XBza9-sX4qtad9P0JSLfScTvWTYjSmkHnxGMNq4lSs-S8Mo0uWD0/s1092/%25D1%25854.jpg" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: georgia;"><img border="0" data-original-height="103" data-original-width="1092" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh18zV0IqY_ZbSy9v-JoWOYLM2vGl0Zpul62fuAZYTJwLFszp-djndaGAWiYx7IXRFO4HLidTbQWzrITZUfHqbHvx3XBza9-sX4qtad9P0JSLfScTvWTYjSmkHnxGMNq4lSs-S8Mo0uWD0/w320-h30/%25D1%25854.jpg" width="320" /></span></a></div><div style="text-align: center;"><span style="font-family: georgia;">nema nijedna h4 oznaka naslova</span></div><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Takodje, mozete proveriti da je koriscen neki od pagebuilder-a za pravljenje web sajta tj. internet prodavnice. Jedan od najpopularnijih je Elementor. U polje za pretragu (CTRL+F), na stranici izvornog koda (CTRL+U), ukucajte "elementor".</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoPtuQd1KLjhq7AmtUoPa5b8vh7qx7oj6kBaUfVXmJxMxSHnPgUT1gL_EMgwO79xrKMeak58F0CioRljn44EzQNNS3DSy-o4YC02OdcTc_pIOXn18Bvcof4ND9xL7wtExWwXi6Cz-hOlA/s1091/%25D0%25B5%25D0%25BB%25D0%25B5%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582%25D0%25BE%25D1%2580.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="110" data-original-width="1091" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoPtuQd1KLjhq7AmtUoPa5b8vh7qx7oj6kBaUfVXmJxMxSHnPgUT1gL_EMgwO79xrKMeak58F0CioRljn44EzQNNS3DSy-o4YC02OdcTc_pIOXn18Bvcof4ND9xL7wtExWwXi6Cz-hOlA/s320/%25D0%25B5%25D0%25BB%25D0%25B5%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582%25D0%25BE%25D1%2580.jpg" width="320" /></a></div>Cim ih ima 12 a ne 0 znaci da je koriscen pagebuilder Elementor.</div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Vise o tome zasto ne treba da koristite vizuelne editore za izradu web sajta ili internet prodavnice, mozete procitati u clanku <a href="http://skolatutorijala.blogspot.com/2021/09/zasto-ne-treba-da-korisitite-page.html"><b>Zasto ne treba da korisitite page builder-e?</b></a>. </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Mozete proveriti da li ova web stranica ima meta opis i meta kljucne reci, koje deo SEO. Ukucajte CTRL+F, pa ' <b><meta name="description"</b> ' i CTRL+F pa </span><span style="font-family: georgia;">' </span><b style="font-family: georgia;"><meta name="keywords"</b><span style="font-family: georgia;"> '</span><span style="font-family: georgia;"> </span></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk4mhpLkBWUyD7UtgWIh8tuQL4ZaBRLORFtgCGU4AyzMP1zDOniCk0jJQq_fAGakUnhDJ4yLLnCmw2wxVX9Fsvq3_vxM-OBBvjzIdadEGFZyGdKvkqiDVI1M2_M4z-q-UuHh7edlf99ro/s1094/%25D0%25BC%25D0%25BD%25D0%25B4.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="100" data-original-width="1094" height="29" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk4mhpLkBWUyD7UtgWIh8tuQL4ZaBRLORFtgCGU4AyzMP1zDOniCk0jJQq_fAGakUnhDJ4yLLnCmw2wxVX9Fsvq3_vxM-OBBvjzIdadEGFZyGdKvkqiDVI1M2_M4z-q-UuHh7edlf99ro/s320/%25D0%25BC%25D0%25BD%25D0%25B4.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyTM1b-9weiEFT7zykfuIHYbFUOH8Xaq2X_QZxzX_aWsNsSGr8vrP-5Lv8u4YWXQmvPtDJItKwSZAmj4Ukkg1eGoEVaVtWgLLbdlA1_PGgFCeNMr_TGR-A1VW9YxB6MXprWJfUqZjvAwQ/s1093/%25D0%25BC%25D0%25BD%25D0%25BA.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="130" data-original-width="1093" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyTM1b-9weiEFT7zykfuIHYbFUOH8Xaq2X_QZxzX_aWsNsSGr8vrP-5Lv8u4YWXQmvPtDJItKwSZAmj4Ukkg1eGoEVaVtWgLLbdlA1_PGgFCeNMr_TGR-A1VW9YxB6MXprWJfUqZjvAwQ/s320/%25D0%25BC%25D0%25BD%25D0%25BA.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Mozete proveriti i neke od dodataka koje internet prodavnica koristi. CTRL+F pa ukucajte "/plugins/".</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjImZBjqsUBMXV5lcj2KAhGge0dSuTocGkkL6slyptSGI7_vmIiPj3hljUa5GT-L0xEw2ZiCn5MYs827mtL7z2S-3VTIM-d6GmtvTy2lYH_zWIusja_80iFEQOwMDPvdPBF80HgYXktrqI/s1090/%25D0%25BF%25D0%25BB%25D1%2583%25D0%25B3%25D0%25B8%25D0%25BD%25D1%2581.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="267" data-original-width="1090" height="78" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjImZBjqsUBMXV5lcj2KAhGge0dSuTocGkkL6slyptSGI7_vmIiPj3hljUa5GT-L0xEw2ZiCn5MYs827mtL7z2S-3VTIM-d6GmtvTy2lYH_zWIusja_80iFEQOwMDPvdPBF80HgYXktrqI/s320/%25D0%25BF%25D0%25BB%25D1%2583%25D0%25B3%25D0%25B8%25D0%25BD%25D1%2581.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Broj 30 ne oznacava da ih ima 30 vec da se na toliko mesta pojavljuju. </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Recimo, woocommerce se pojavljuje 17 puta.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJkt6CgIzKsSPNha7rCz7FIYQiyHNEXMRc39pEY1bI1mTS8qy-VD2zVTg6Qfmpns2o-6sYHUASC-hNKZdYbiYHvdr5pLBO4KIULRgorMnGMp89tcAUo-kzmdaE_lwp2jYy3jJWVwDOyA8/s1093/%25D1%259A%25D0%25BE%25D0%25BE.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="265" data-original-width="1093" height="78" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJkt6CgIzKsSPNha7rCz7FIYQiyHNEXMRc39pEY1bI1mTS8qy-VD2zVTg6Qfmpns2o-6sYHUASC-hNKZdYbiYHvdr5pLBO4KIULRgorMnGMp89tcAUo-kzmdaE_lwp2jYy3jJWVwDOyA8/s320/%25D1%259A%25D0%25BE%25D0%25BE.jpg" width="320" /></a></div><br /><span style="font-family: georgia;">I jos jedna stvar.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ova internet prodavnica je na srpskom jeziku, zar ne?</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoQqozy5pH2eLV4VsBUUUgQsvTNXmZ2urU6TV5aXKB4iSu59FuyXQtZHCsgvlvT4615X3oh-LCktwJZnP27y_2Ps8dByEFgl59RuosaFG5uyGPoVZJm_f4mSPtDF-87IE0xQy2NNFKb98/s1243/404.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="722" data-original-width="1243" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoQqozy5pH2eLV4VsBUUUgQsvTNXmZ2urU6TV5aXKB4iSu59FuyXQtZHCsgvlvT4615X3oh-LCktwJZnP27y_2Ps8dByEFgl59RuosaFG5uyGPoVZJm_f4mSPtDF-87IE0xQy2NNFKb98/s320/404.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">A zasto je ova stranica na engleskom!?</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Primecujete li jos nesto na ovoj slici? Ispod prvog broja 404 krem boje, pise Pocetak pa onda ne vidite dalje. Ostatak teksta je " ⁄ Error 404</span><span style="font-family: georgia;">".</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span><div class="separator" style="clear: both; font-family: "Times New Roman";"><b><span style="font-family: georgia;">Stavka 6. </span><span style="font-family: georgia;">Do 40 web stranica.</span></b></div><div class="separator" style="clear: both; font-family: "Times New Roman";"><br /></div><div class="separator" style="clear: both; font-family: "Times New Roman";"><span style="font-family: georgia;"><b>Stavka 7. </b></span><span style="font-family: georgia;"><b>Galerija slika (do 50 kom.). </b>Ne znam sta ovo znaci, ja nisam videla galeriju slika. Ali, mozda ovoj internet prodavnici nije ni potrebna.</span></div><div class="separator" style="clear: both; font-family: "Times New Roman";"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span><div class="separator" style="clear: both; font-family: georgia;"><b>Stavka 8. Blog ili Vesti do 12 strana, <u>obrada i formatiranje materijala</u>.</b> Na stranici Novosti - https://quilidreta.com/category/novosti/ ima teksta koji nije vidljiv.</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBI-xL900jOSjzJM0COkMuHN7OzSMAyEO2cCiryxjGTe4eL3HaDBdFhpquTT8AKpql9d1crqNgYfb1zpvN8SziA23Q8rkudsS0vvsiU4wI1TgPL6xIQtRKyaDQdQ5MpetSio-uhypyIdY/s954/novosti.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="289" data-original-width="954" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBI-xL900jOSjzJM0COkMuHN7OzSMAyEO2cCiryxjGTe4eL3HaDBdFhpquTT8AKpql9d1crqNgYfb1zpvN8SziA23Q8rkudsS0vvsiU4wI1TgPL6xIQtRKyaDQdQ5MpetSio-uhypyIdY/s320/novosti.jpg" width="320" /></a></div><div class="separator" style="clear: both; font-family: georgia; text-align: center;"><br /></div><div style="font-family: georgia; text-align: center;">breadcrumbs, ispod reci Novosti</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Ono sto se ne vidi je ' ⁄ Kategorija "Novosti" ', a ni Pocetak bas nije vidljiv.</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Mozda vi imate oko sokolovo, ali ja nosim tegle i za mene ova slova su veoma sitna. </div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPuXjMY1ql1HzOz_RzwRVt03qQJ6q-CjfkHmlFedvs-gCZp7RAWE4FjOtyoyyam2puvvXwuT9dzUVORa-8q6kjdZmTXlU_MMTVS_gPAOcwztvAGao5ABFGi3eyKSbGhfAMr_Di0xmQkIQ/s883/novosti-posts.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="490" data-original-width="883" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPuXjMY1ql1HzOz_RzwRVt03qQJ6q-CjfkHmlFedvs-gCZp7RAWE4FjOtyoyyam2puvvXwuT9dzUVORa-8q6kjdZmTXlU_MMTVS_gPAOcwztvAGao5ABFGi3eyKSbGhfAMr_Di0xmQkIQ/s320/novosti-posts.jpg" width="320" /></a></div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Znam, znam, mogu na CTRL i + da povecam ali to nije poenta. Ne postoji za dzaba standardna velicina slova pri izradi web sajta. A ako je tip slova manji moze se i povecati.</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">A primecujete li nesto na ovoj slici?</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSITO9Tldy_45cj2jkPFv92_Sdng0-_SNzTw-k6GvJLrKkTc6PlDGuZEZV7eJiWgsFCJ06nMqg51xLdCXzD3jNIiQCBB3spR-IIjHx90tcnqi8go-bX5aeeI6cA39RNsVxHF-kZNNM0wI/s437/english-word.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="437" data-original-width="434" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSITO9Tldy_45cj2jkPFv92_Sdng0-_SNzTw-k6GvJLrKkTc6PlDGuZEZV7eJiWgsFCJ06nMqg51xLdCXzD3jNIiQCBB3spR-IIjHx90tcnqi8go-bX5aeeI6cA39RNsVxHF-kZNNM0wI/s320/english-word.jpg" width="318" /></a></div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Previous. Rec na engleskom za prethodni. Hmmm?</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Na stranici https://quilidreta.com/edukativno-kreativne-radionice-u-os-banovic-strahinja/ takodje ne vidite breadcrumbs. A tekst </div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: courier;">"Na edukativno-kreativnim radionicama u OŠ „Banović Strahinja“ vežbamo koncentraciju, pažnju, sitnu motoriku, razmeravamo, polemišemo, učimo, ispravljamo, pravimo, popravljamo, nadahnjujemo, takmičimo, stvaramo…"</span></div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">izuzetan. A tek sto je obradjen i formatiran.</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Kada ste u ulozi kreatora web sajta ili internet prodavnice na vama je da ukazete klijentu da jedna recenica nije dovoljna, pogotovu ako dajete osnovni SEO. Mozete dati klijentu smernice kako prosiriti tekst tj. recenicu. Na primer, "vezbamo koncentraciju" - kako? "paznju" - kako? "razmeravamo" - sta i kako? "polemisemo" - o cemu? "ucimo" - sta? kako? "nadahnjujemo" - koga? kako?</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Interesuje me zasto su Novosti deo kategorije a ne stranice?</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOAgeOUsVDXH5-Ci7U0hgxgonTOT4yw4rrYY2UEBvWCFl6ajOVZpQkOASQDF7SrFKi7aJMiklsGGWUeR1mSxGz68Hc2yNxiGGZjSw8j40EeBZml6jr3VM3NQbsLdYJFjufYVoJV37c4Qo/s304/category-novosti.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="227" data-original-width="304" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOAgeOUsVDXH5-Ci7U0hgxgonTOT4yw4rrYY2UEBvWCFl6ajOVZpQkOASQDF7SrFKi7aJMiklsGGWUeR1mSxGz68Hc2yNxiGGZjSw8j40EeBZml6jr3VM3NQbsLdYJFjufYVoJV37c4Qo/s0/category-novosti.jpg" width="304" /></a></div><br /><div class="separator" style="clear: both; font-family: georgia;">Novosti su zapravo Blog.</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio5yFizIKulD3s9LD3GbFNnsVEZIra6jnY7HpuHIwERlAkTxRr-MfU3W2UTxvvXmzg80mZTS4al0aJSq8vRDlQ6XuZYl3ZOueQZZGGmufY_AehT-R8kK3vsfSwcpIyJB8DUm_kD5nX3pE/s495/blog-novosti.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="395" data-original-width="495" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio5yFizIKulD3s9LD3GbFNnsVEZIra6jnY7HpuHIwERlAkTxRr-MfU3W2UTxvvXmzg80mZTS4al0aJSq8vRDlQ6XuZYl3ZOueQZZGGmufY_AehT-R8kK3vsfSwcpIyJB8DUm_kD5nX3pE/s320/blog-novosti.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Takodje, nisu postavljenje specificne kategorije i oznake (tags).</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">A tek da ostavite komentar.</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZgpXAnc5jQK_4Dv_CMgkSALDr4MqD-ZfmBSb9Gr7OVf8g55daO2O_94AH3Hls0e-3jW7FTmskH1bBONyB7PPL8nh6pvIiNcNY0JvXho2pjvfu6gsTunspKKgQYVoaEP8xdnZOr6x8Be8/s907/komentar.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="853" data-original-width="907" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZgpXAnc5jQK_4Dv_CMgkSALDr4MqD-ZfmBSb9Gr7OVf8g55daO2O_94AH3Hls0e-3jW7FTmskH1bBONyB7PPL8nh6pvIiNcNY0JvXho2pjvfu6gsTunspKKgQYVoaEP8xdnZOr6x8Be8/w320-h301/komentar.jpg" width="320" /></a></div><br /><br /></div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Osim na pocetku formulara "Ostavite odgovor" i na kraju, dugmeta "predaj komentar" ja jedva, jedva da vidim sta pise. Mora da su krive tegle ;)</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Ako sam na stranici Novosti https://quilidreta.com/category/novosti/ mene interesuju novosti a ne proizvodi. I obrnuto. Ovo je moje misljenje. I logicno je.</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg94mZSS_TNG4W2f1uJnL7CSxcndWF1ZU0rpeR2vheJ6k4k-Yle3VfMlpBBYezb2QT_V6EEH96QuRbbRydPSQnyUqFsMI6nu1TnZ9YnP44vuRJKnNmnTBYNdoPpr1aznqi6VatnXkrbmfE/s792/sidebar.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="683" data-original-width="792" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg94mZSS_TNG4W2f1uJnL7CSxcndWF1ZU0rpeR2vheJ6k4k-Yle3VfMlpBBYezb2QT_V6EEH96QuRbbRydPSQnyUqFsMI6nu1TnZ9YnP44vuRJKnNmnTBYNdoPpr1aznqi6VatnXkrbmfE/s320/sidebar.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both; font-family: georgia;">Na stranici Novosti i na pojednicanom clanku treba da stoje kategorije i oznake iz pojedinacnih clanaka, pored najnovijih clanaka, a ne novi proizvodi. Mogu, mogu stajati i novi prizvodi na ovoj stranici ali tek na kraju, a ne na vrhu.</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;"><b>Stavka 9. Dodavanje posebnih strana (uslovi koriscenja, politika privatnosti i slicno).</b> Ima. Ali nije formatirano kompletno.</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgvq0jaEwJWxhSkmotFtRPCVpWqLBRRF6BdZCkuUq8zV08CA-ACkOmyxmvI1sJmEGl_8EO4rFqVGdyyYKjKdhyphenhyphenPnyBAYxMgW5XHOSguLAbyWnoM1v4bmHsgc8vm9DtDCKnXK8qrIaCihI/s901/format.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="353" data-original-width="901" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgvq0jaEwJWxhSkmotFtRPCVpWqLBRRF6BdZCkuUq8zV08CA-ACkOmyxmvI1sJmEGl_8EO4rFqVGdyyYKjKdhyphenhyphenPnyBAYxMgW5XHOSguLAbyWnoM1v4bmHsgc8vm9DtDCKnXK8qrIaCihI/s320/format.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;">Opet ima teksta koji je tezi za citanje tj. razlicite boje od ostatka teksta na stranici.</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; font-family: georgia;"><b>Stavka 10. Implementacija i podesavanje dodatka za Shop. </b>A kojih to? Kada sam kroz izvorni kod trazila plugins naisla sam na jedan dodatak (plugin) - woo variation swatches,</div><div class="separator" style="clear: both; font-family: georgia;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWzCQbHCFAMrF5w2dgz4XptHr50RdxN1_SulHsrb1CfMmt4fKJ8T9RtjJ9VOH7tazY87_2eFQ_1F1IpvkpYqWQVcobUx3HUHntkSkPwLcsJrV3UHR_2hEp4EZG8gF4BJx0nYwreoR4lmY/s1085/woo-variation-swatches.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="281" data-original-width="1085" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWzCQbHCFAMrF5w2dgz4XptHr50RdxN1_SulHsrb1CfMmt4fKJ8T9RtjJ9VOH7tazY87_2eFQ_1F1IpvkpYqWQVcobUx3HUHntkSkPwLcsJrV3UHR_2hEp4EZG8gF4BJx0nYwreoR4lmY/s320/woo-variation-swatches.jpg" width="320" /></a></div><div class="separator" style="clear: both;"><span><br /></span></div><span style="font-family: georgia;">koji ovde nije upotrebljen. Zasto!?</span></span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span><div class="separator" style="clear: both; font-family: georgia;"><b>Stavka 11. Dodavanje do 12 proizvoda (slike, <u>opisi i ostalo</u>).</b></div></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Verujem da sastavljanje opisa za proizvode ne spada u osnovni SEO. </span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirniMCJB9bF-MJHbQ54sGVd7_R3Ip2L_wU8pO9hSBIqrk0__abNjgrHwq0qyhwBrs-oS_E52UZkBY9v38CDw2YKkSaM6VhJdClBCPItDxB0RKvNThgFZBhCmJa5_5kDqYo_yxbTxHGnls/s907/desc.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="520" data-original-width="907" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirniMCJB9bF-MJHbQ54sGVd7_R3Ip2L_wU8pO9hSBIqrk0__abNjgrHwq0qyhwBrs-oS_E52UZkBY9v38CDw2YKkSaM6VhJdClBCPItDxB0RKvNThgFZBhCmJa5_5kDqYo_yxbTxHGnls/s320/desc.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Mozda je to, ipak, deo naprednog SEO, koje ovo preduzece nije platilo. </span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">A da li ste znali, da za jedan proizvod imate dva opisa (kraci i duzi)? Kraci opis se nalazi ispod naslova proizvoda, kao u ovom primeru, "Minđuše od drvenih štapića". Duzi opis se nalazi u tabu/kartici "Opis proizvoda", koga na ovoj internet prodavnici nema. Tamo gde su Recenzije, tu, tu treba da ima jos jedan tab/kartica.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Hmmm? </span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">A da li ste primetili jos nesto na ovoj slici (gore)?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Ja dve stvari. Prva, ima dve iste kategorije. Drvo i Drvo. Druga stvar, oznake proizvoda su "earrings" i "wood". Hmm? Trebaju biti "mindjuse" i "drvo". Zar ne? Gde vi vidite reci "earrings" i "wood" na ovoj stranici? (https://quilidreta.com/product/drvene-mindjuse-kocka/). Ja nigde. Kako je ovo lep detalj za SEO. Svaka cast.</span></div></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">I jos jedna stvar za kraj.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ako sam na stranici https://quilidreta.com/product/mindjuse-metalno-srce/ koja je na srpskom jeziku, ocekujem da naziv slike takodje bude na srpskom jeziku. </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY2Sc4EPy8q2Cb9MSg4KToVtQ2rezuQM7Ol9IDpuZ2ekIp_MyJ7UPZYlxUflwGWFKwtABM6KjXcmBwCtSL7jygRfHwj7i1BQUBuzZBYo6f648GEoUVxqTZP_Z8-HhTZA_gUZ0LiL2wuCo/s631/wrong-img-name.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="460" data-original-width="631" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY2Sc4EPy8q2Cb9MSg4KToVtQ2rezuQM7Ol9IDpuZ2ekIp_MyJ7UPZYlxUflwGWFKwtABM6KjXcmBwCtSL7jygRfHwj7i1BQUBuzZBYo6f648GEoUVxqTZP_Z8-HhTZA_gUZ0LiL2wuCo/s320/wrong-img-name.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ime slike je "Earings-Metal-Hearts". </span><span style="font-family: georgia;">I ovo je divno za SEO. </span><span style="font-family: georgia;">Ako je element nakita na engleskom jeziku onda se moze napisati tako. Na primer, narukvica best friends https://quilidreta.com/product/narukvice-kozica-best-friends-dva-dela-zelena/ .</span></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><b><span style="font-family: georgia;">Zakljucak: </span></b></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Ova internet prodavnica osim sto je napravljena sa pagebuilder-om (koji ja ne odobravam), prenatrpana je dodacima (plugins) koji nisu neophodni a pojedini se i ne koriste. Takodje, nema osnovne SEO optimizacije kao sto je navedeno u ceni paketa. <a href="https://quilidreta.com/" target="_blank">Internet prodavnica Quilidreta</a> (otvorice se u novom tabu/kartici) je vecim delom na srpskom jeziku, ali ima delova koji su jos uvek na engleskom. Na pojediniom delovima web sajta tekst je ili slabo ili uopste nije citljiv.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Sve u svemu <a href="http://theminuette.blogspot.com/2021/04/priprema-zeleni-za-corbu-homemade.html#axzz73HdAYKIQ" target="_blank">zacin C</a>. Salim se :) </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Sve u svemu, da li mislite da je vredno dati preko 630 evra za ovakvu internet prodavnicu?</span></div><span style="font-family: georgia;"><br /><span>Ja mislim da nije. A Vi?<br /><br /></span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">P. S. </span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Na isti nacin mozete proveriti i ostale web sajtove koje je ovaj kreator napravio i saznati da li ijedan njegov paket sadrzi osnovnu SEO optimizaciju, mislim, ako vas interesuje.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><span id="firstexample"></span><span style="font-family: georgia;">First example.</span><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;"><span style="font-family: georgia;">First example: I'm analyzing here, an online store. Client: goldsmith papic (https://zlatarapapic.rs/). Creator: Ogitive (https://ogitive.com/).</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">I don't know how much it cost to build an online store. At this creator of website or online store there is no price and you have no idead what you will get. His website is not even in Serbian!?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_zzrb3j1Uhe8tZRkUtfWzEmB8EAB44amdfyGRy1OtijWtKHEW4nj4FxXE1fuLzBouRgPLdZQ2G4-6700xw8xDVztEESe0Eeb5JGeLRpRSAJB_2Z7tDxfWlQPnCCi-LtSgklkEsM04E9c/s845/ogiviti.com-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="353" data-original-width="845" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_zzrb3j1Uhe8tZRkUtfWzEmB8EAB44amdfyGRy1OtijWtKHEW4nj4FxXE1fuLzBouRgPLdZQ2G4-6700xw8xDVztEESe0Eeb5JGeLRpRSAJB_2Z7tDxfWlQPnCCi-LtSgklkEsM04E9c/s320/ogiviti.com-01.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">Online store goldsmith papic, front page</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiQ4fFKGOWTkKkrSOS_CxedK4WYTonpsOh5o24V4Rv1K8fO0j_CoHiW6eBmlYiOApnJIuPjLXFYDS7pYcDCo0VMOftarzqzspptkbNxWeOxzHCwSdC30zOrw-oO_rAb8dYndipICdqR6I/s406/ogiviti.com-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="198" data-original-width="406" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiQ4fFKGOWTkKkrSOS_CxedK4WYTonpsOh5o24V4Rv1K8fO0j_CoHiW6eBmlYiOApnJIuPjLXFYDS7pYcDCo0VMOftarzqzspptkbNxWeOxzHCwSdC30zOrw-oO_rAb8dYndipICdqR6I/s320/ogiviti.com-02.jpg" width="320" /></a></div></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">The css document shows who made the online store. Second, third and fourth rows on the picture</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZz8hnLHeanPzgg-Yxas2cUtR_2IRHhaCXxeAvmUrxF3V9NZow-_Fj4K7zQIpB5M2zihCxoQtSYWCpVAMhpotc14EtZXsdQInZqUO1y8bYvLH-ZJg6pGUvo_CU-bGNH1TRc7x-6BjqWmk/s1259/ogiviti.com-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="116" data-original-width="1259" height="29" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZz8hnLHeanPzgg-Yxas2cUtR_2IRHhaCXxeAvmUrxF3V9NZow-_Fj4K7zQIpB5M2zihCxoQtSYWCpVAMhpotc14EtZXsdQInZqUO1y8bYvLH-ZJg6pGUvo_CU-bGNH1TRc7x-6BjqWmk/s320/ogiviti.com-03.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia; text-align: left;">Website creator navigation menu</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1IbzIPouHge_tRAUhHgE4SE1z7ptObZCZX9K-5zMlYEvfiymqyuW-RThTNhoeu7xPZgVO7lOhYr61NMgZx1RjVJ3jroBLRlYRn0MQUZF6A9-CDDrKx4H50eRygGo9xXTLwZcjGV3imP8/s442/ogiviti.com-04.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="156" data-original-width="442" height="113" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1IbzIPouHge_tRAUhHgE4SE1z7ptObZCZX9K-5zMlYEvfiymqyuW-RThTNhoeu7xPZgVO7lOhYr61NMgZx1RjVJ3jroBLRlYRn0MQUZF6A9-CDDrKx4H50eRygGo9xXTLwZcjGV3imP8/s320/ogiviti.com-04.jpg" width="320" /></a></div></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">Personal website of the creator of the online store. In translation - coming soon.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8TBhtbNI_fM0wZ6LBfu874NV7E0OXEKYl9HG7FUQpYl8ROgFAkHQbaWjsBfqCEtwlc3oJ0IX5l6ZnCKQNH1iXhBJoW0L_QpgcYldcR04vs7yG8Lu0olvnC5wFByVctjj1frSkUaEISsE/s485/ogiviti.com-05.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="214" data-original-width="485" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8TBhtbNI_fM0wZ6LBfu874NV7E0OXEKYl9HG7FUQpYl8ROgFAkHQbaWjsBfqCEtwlc3oJ0IX5l6ZnCKQNH1iXhBJoW0L_QpgcYldcR04vs7yG8Lu0olvnC5wFByVctjj1frSkUaEISsE/s320/ogiviti.com-05.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">An excerpt from the creator's Linkedin page shows that he has had a website development company for ten years, almost ten :)</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">I do not have proof of the message sent via the Goldsmith Papic form, because I did not even think about writing this article. I wrote them a short message:</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">"Whoever made your website crossed you over."</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">Marija</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">I didn't expect the answer back.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">Dear,</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">We are glad that you contacted us, and pointed out the shortcomings. We would asked you to tell us what your objections are in order to eliminate shortcomings in order to better advertise and cooperate with customers on online store.</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">Best regards,</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">SZTKR Goldsmith Papic</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">My answer to them.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">Dear,</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">You don’t have basic SEO optimization.</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">In addition to the title of the page, for example: "Homepage | Goldsmith Papić | Zlatara Papić", the meta data of the page is empty.</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">The title structure on the page, https://zlatarapapic.rs/, is incorrect.</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">The ratio of internal and external links is not satisfactory. You have 30 internal links and 93 external ones.</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">Of the 44 images on this homepage, 9 images do not have an alt tag, and 34 images have a blank alt tag.</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">Also, some images are not named and optimized for the website, ie the online store.</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">With respect,</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;">Marija</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The structure of the title on the front page of Goldsmith Papic is:</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h1> homepage</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h2> Large selection of watches and jewelry</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h2> jewelry</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h2> watches</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h2> glasses</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h2> most popular products</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h2> about us</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h2> brands</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h2> free shipping</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h2> payment method</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h2> gift voucher</span></div><div class="separator" style="clear: both;"><span style="font-family: courier;"><h4> privacy overview</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Explanation: The title structure is incorrect. There can be only one h1, one h2, and as many h3, h4, h5 and h5 titles as needed on one web page. Also, order is important. The first is h1, the second h2, etc., the last is h6. H1 is the largest and h6 the smallest title.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Some product images are not optimized.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjStWqsBDXoXGEhPHxp4W3qtsARULWMrRz6cW_9-sl64_ZzRWc2hSQsKV89p8T6Oq-96xe3FJJND6OTLpdhdZU1kxJ9jONC0xSoYUN9sqRh_M-11WxLmzn21mAgZyKE0_MDOdbRXZVdWbY/s897/BRILNAK161.jpeg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="897" data-original-width="897" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjStWqsBDXoXGEhPHxp4W3qtsARULWMrRz6cW_9-sl64_ZzRWc2hSQsKV89p8T6Oq-96xe3FJJND6OTLpdhdZU1kxJ9jONC0xSoYUN9sqRh_M-11WxLmzn21mAgZyKE0_MDOdbRXZVdWbY/s320/BRILNAK161.jpeg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The name of this picture is "BRILNAK161". Can you tell from the name of this picture what is in the picture? I can't. This is the code for this product. The title of this image should be - "necklace-white-gold-with-ruby-diamond", for example. Can you now deduce what is in the picture? Better isn't it?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">This image is heavy 162.8 KB. When optimized, it would weigh 80.2 KB. Is it a little 50%?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJq6gm1WvNRyTLpMgMDXyM1Ep5wEs8skIFtb5LryI559ugFz3UdSpwtAVuRI8fLI0kgc-yVStpMLYr5B7gmjsKAyeMZFzZO7XZwTHJtNhcU3dNUu1CuJGKAcY1pUJMxXd7IZI7Gkofkg/s978/slika-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="85" data-original-width="978" height="28" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJq6gm1WvNRyTLpMgMDXyM1Ep5wEs8skIFtb5LryI559ugFz3UdSpwtAVuRI8fLI0kgc-yVStpMLYr5B7gmjsKAyeMZFzZO7XZwTHJtNhcU3dNUu1CuJGKAcY1pUJMxXd7IZI7Gkofkg/s320/slika-01.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">And where are all the other pictures?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Second example: </b>here, I am also analyzing an online store. Client: quilidreta - making handmade jewelry. (https://quilidreta.com/). Creator: Web Drummer (https://web-drummer.com/).</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKyuZdWqzG3sVkNXeabFeNncNP5OdgU7Tfd6ed3D3nWAkGbHO9jtZ2l9FVbZr4hPByv5nr5UAByRwWf7ltv6bXOWnLjGMGj_FPHMsZ0XO8WGZb_WfbhsKhQYRvm4bLbLiv1ZmzFG4NRGc/s1251/quilidreta.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="214" data-original-width="1251" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKyuZdWqzG3sVkNXeabFeNncNP5OdgU7Tfd6ed3D3nWAkGbHO9jtZ2l9FVbZr4hPByv5nr5UAByRwWf7ltv6bXOWnLjGMGj_FPHMsZ0XO8WGZb_WfbhsKhQYRvm4bLbLiv1ZmzFG4NRGc/s320/quilidreta.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia; text-align: left;">Quilidreta</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitfnTIFuw6pbjDnNw1GPO7TSKn9SS-Ad-eeDvCsHY24fPYGyqEqBHlyQXlJJ00dpvoEpGK6sxzPcQzduVMu6jkPOWNJPDQIacpt2rMgb1xPQ2g7xyI14MwOrtMdYy1TWW_cibMgSpmRgE/s1277/web-drummer.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="697" data-original-width="1277" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitfnTIFuw6pbjDnNw1GPO7TSKn9SS-Ad-eeDvCsHY24fPYGyqEqBHlyQXlJJ00dpvoEpGK6sxzPcQzduVMu6jkPOWNJPDQIacpt2rMgb1xPQ2g7xyI14MwOrtMdYy1TWW_cibMgSpmRgE/s320/web-drummer.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia; text-align: left;">Web Drummer</span></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">How much did it cost to build an online store? Exact amount - I don't know. The initial package is 630 euros. Since Quilidreta is in two languages, the amount is more than 630 euros.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">What do you get in the Web Shop package?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">You can find details on the Web Drummer website. And here I pulled out a simpler one.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">In the Web Shop package you get:</span></div><div class="separator" style="clear: both;"><ol style="text-align: left;"><li><span style="font-family: georgia;">Processing and optimization of all images, text formatting. Processing and optimization of product photos (up to 12 products).</span></li><li><span style="font-family: georgia;">Contact form.</span></li><li><span style="font-family: georgia;">Connecting to social networks.</span></li><li><span style="font-family: georgia;">Adapting the website to mobile devices (responsive).</span></li><li><span style="font-family: georgia;">Basic SEO optimization (Google search engine optimization).</span></li><li><span style="font-family: georgia;">Up to 40 web pages.</span></li><li><span style="font-family: georgia;">Picture gallery (up to 50 pcs.).</span></li><li><span style="font-family: georgia;">Blog or News up to 12 pages, processing and formatting of material.</span></li><li><span style="font-family: georgia;">Adding special pages (terms of use, privacy policy, etc.).</span></li><li><span style="font-family: georgia;">Implementation and configuration of the plugins for Shop.</span></li><li><span style="font-family: georgia;">Adding up to 12 products (pictures, descriptions, etc.).</span></li></ol></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">You get a few more things like add-ons for data backup, protection and security, which are essential for your online store, but they are not in this website analysis.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Let me start with <b>item 1</b>. It consists of two parts. The first part - processing and optimization of all images, text formatting. The second part - processing and optimization of product photos (up to 12 products.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">At https://quilidreta.com/product-category/nakit/mindjuse/ the image in the Epoxy category is optimized, and at https://quilidreta.com/product/mindjuse-zelena-cipka/ the first image is not optimized.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgjj6hQkd1kXGlwbs4urXHDdWCBcbVC3PXo8VnoMccNjKz1GKgNCtbIdQZP9cMzMEZbiIb6i1-s34Kkc0S1EaCYkv2Malo5edFjYDLEytT-sKjsgCANwQmND3P4nsqd6K8h8pFA0FyRY4/s1084/image-optimization.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="172" data-original-width="1084" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgjj6hQkd1kXGlwbs4urXHDdWCBcbVC3PXo8VnoMccNjKz1GKgNCtbIdQZP9cMzMEZbiIb6i1-s34Kkc0S1EaCYkv2Malo5edFjYDLEytT-sKjsgCANwQmND3P4nsqd6K8h8pFA0FyRY4/s320/image-optimization.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Item 2.</b> Contact form. I have no objections.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Item 3.</b> Connecting to social networks. As for this website, (as) I have no objections. But if it is another company in question that has more than two social networks, a problem arises. I’m not saying it’s unsolvable, but I would put a connection to social media differently.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Item 4. </b>Adaptation of the website to mobile devices (<a href="https://www.marijarikic.com/en/frequently-asked-questions.html" target="_blank">responsive</a>). It is responsive.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0qafdBn6I0LB00wkRD83KK1QMEAtyss3qNoOJ-zo3PyVt0WwDIhaqvPJT5vvqezZ_n_cAHDx-SFJI_MpFsL2jP5gBeOATnYC7CellyT4Mu_1CgVBJTohSBCAEP5r4eWqewDW9s5CdmAg/s1277/mobile-friendly.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="697" data-original-width="1277" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0qafdBn6I0LB00wkRD83KK1QMEAtyss3qNoOJ-zo3PyVt0WwDIhaqvPJT5vvqezZ_n_cAHDx-SFJI_MpFsL2jP5gBeOATnYC7CellyT4Mu_1CgVBJTohSBCAEP5r4eWqewDW9s5CdmAg/s320/mobile-friendly.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Item 5. </b>Basic SEO optimization (Google search engine optimization). On the creator's website, there is nothing exactly what belongs in basic SEO. It is more or less known what belongs to basic SEO, but each creator defines for himself what he will include in basic SEO. On my website you can see on the page <a href="https://www.marijarikic.com/optimizacija-web-sajta/seo-optimizacija.html" target="_blank">SEO Optimization</a> (it will open in a new tab, in Serbian) what you actually get.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Whether a website has SEO or not, you can check in two ways. The first - through one of the free tools or manually through the source code.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>The first way. Tool 1.</b></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">This SEO analysis is for the entire website, but also only for the front page (homepage).</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgob-_PtYiC8x5xNgMY1HZjPnPwzMCo-6m2ueczLbukYfAijsh4b0y1R2zGagfoFV3vFDnsBMF5GfgJ59RElKo7GFwe3bVYW5WbbdLZAk-CyKDYHovqIcl7-fgbV4KSjeOKrQhwE6940dA/s1123/seo-audit-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="427" data-original-width="1123" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgob-_PtYiC8x5xNgMY1HZjPnPwzMCo-6m2ueczLbukYfAijsh4b0y1R2zGagfoFV3vFDnsBMF5GfgJ59RElKo7GFwe3bVYW5WbbdLZAk-CyKDYHovqIcl7-fgbV4KSjeOKrQhwE6940dA/s320/seo-audit-01.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><span style="font-family: georgia;">The rating for Quilidreta is D. The ratings range between A and F and are divided into 5 segments (on page SEO, links, usability, performance and social networks).</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Segment 1 - on the page SEO.</b></span></div><div class="separator" style="clear: both;"><ul style="text-align: left;"><li><span style="font-family: georgia;">The title tag is too long (tab).</span></li><li><span style="font-family: georgia;">The meta description is too long.</span></li><li><span style="font-family: georgia;">Heading 1 (h1) is too short.</span></li><li><span style="font-family: georgia;">Meta keywords are missing.</span></li><li><span style="font-family: georgia;">The amount of content on the website is small.</span></li><li><span style="font-family: georgia;">The alt attribute is missing in 6 images. You can find more about this on the <a href="https://www.marijarikic.com/optimizacija-web-sajta/seo-optimizacija.html" target="_blank">SEO Optimization</a> page (it will open in a new tab, in Serbian) alt tag.</span></li><li><span style="font-family: georgia;">There is no Google analytics.</span></li></ul></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Segment 2 - links.</b> Internal links could be better.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Segment 3 - usability.</b></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Email is in plain text (cvrcakimrav3@gmail.com), which is not a recommended.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Segment 4 - performance.</b></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Page speed is slow.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP8plHIupCIUXZ_lfIkiIHgGSqt7QBcyzfil1KxCmwHYHjoW1wnApwa9w61YMDFW8NyY9hc_S1EnXmzdh6apbc4ImQMpMKC1Mr-6bP5_uSmIl8AhHd-0z0IPYb5MRdZgu4FWbYNwUwBB8/s1079/seo-audit-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="239" data-original-width="1079" height="71" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP8plHIupCIUXZ_lfIkiIHgGSqt7QBcyzfil1KxCmwHYHjoW1wnApwa9w61YMDFW8NyY9hc_S1EnXmzdh6apbc4ImQMpMKC1Mr-6bP5_uSmIl8AhHd-0z0IPYb5MRdZgu4FWbYNwUwBB8/s320/seo-audit-03.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia; text-align: left;">the speed of the entire website</span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The server response is 3 seconds. It takes 11 seconds to open all website content. The loading speed of all scripts on the web page is 17.1 seconds.</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIqDUmydmmcMsEKR2-H0SK504-AeGi5_1Qdwry951WMMH2BUQQFIcNEWUCOpe-ZJdi5VZli24e_bNjYP7yspxOYc8yDWF4ZYvtwtQ6gftFuBiaUYqVvuhqZoC4h6-CanITcTg1FoxvlCk/s938/seo-audit-04.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="298" data-original-width="938" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIqDUmydmmcMsEKR2-H0SK504-AeGi5_1Qdwry951WMMH2BUQQFIcNEWUCOpe-ZJdi5VZli24e_bNjYP7yspxOYc8yDWF4ZYvtwtQ6gftFuBiaUYqVvuhqZoC4h6-CanITcTg1FoxvlCk/s320/seo-audit-04.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The total weight of the page is 7.7 MB. Page weight distribution: HTML 0.32 MB, CSS 2.56 MB, JS (scripts) 3.88 MB, images 0.76 MB and other 0.21 MB.</span></div></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFvHJbHvZipBSQ4h0rRvK9oS8KyW-AFJqSML_7vehxTJ2Qlp-lazCh9vNrBIZsFBrDI-ZHzRidq2juv9RBZx99jtwVT32yzBSvbJHI3hTEQsHkahy5LABSzRSQb2ljRDyDFWlkG6uaNjE/s1257/mobile-speed.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="592" data-original-width="1257" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFvHJbHvZipBSQ4h0rRvK9oS8KyW-AFJqSML_7vehxTJ2Qlp-lazCh9vNrBIZsFBrDI-ZHzRidq2juv9RBZx99jtwVT32yzBSvbJHI3hTEQsHkahy5LABSzRSQb2ljRDyDFWlkG6uaNjE/s320/mobile-speed.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia; text-align: left;">the speed on mobile devices is poor</span></div></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The opening speed of the Quilidreta website on mobile devices is 10.3 seconds. Over 2.5 seconds the rating is poor.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Segment 5 - social networks. </b>For some reason, this tool did not recognize Facebook and Instagram connections.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>The first way. Tool 2.</b></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b><br /></b></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnCvkTpCsjZegW0e3YrLp4oovwcwTAxMok3TxdzuHbvqi2CCtJFzZvY-k6WdC2W5nwR5Kgsjr0h8vNFjFjUJXBO2CLq1MuPXacIkimtkS9OTOImjSveiKUprpONUNidpy21O4rZTjMjQc/s1084/seo-checker-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="503" data-original-width="1084" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnCvkTpCsjZegW0e3YrLp4oovwcwTAxMok3TxdzuHbvqi2CCtJFzZvY-k6WdC2W5nwR5Kgsjr0h8vNFjFjUJXBO2CLq1MuPXacIkimtkS9OTOImjSveiKUprpONUNidpy21O4rZTjMjQc/s320/seo-checker-01.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; font-family: "Times New Roman";"><span style="font-family: georgia;">Free analysis allows the analysis of 150 web pages. Based on that, the result is 37.</span></div><div class="separator" style="clear: both; font-family: "Times New Roman";"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; font-family: "Times New Roman";"><span style="font-family: georgia;">The rating of the Quilidreta website opening speed on desktop computers is 69.</span></div><div><span style="font-family: georgia;"><br /></span></div></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipARL1fNaErYUS4zXky2Ged1f_khzPUrAsudRNWfrF6bmSsLZD_1mxfxwxFrnPXwJI-23T9uGLAn1yOaQkB0A_YJCKDGcM520c0o0r1PiW6Uhtx-cdrMGSVOwOkBq_EfYGvn61nOGAh6E/s1277/seo-checker-01a.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="697" data-original-width="1277" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipARL1fNaErYUS4zXky2Ged1f_khzPUrAsudRNWfrF6bmSsLZD_1mxfxwxFrnPXwJI-23T9uGLAn1yOaQkB0A_YJCKDGcM520c0o0r1PiW6Uhtx-cdrMGSVOwOkBq_EfYGvn61nOGAh6E/s320/seo-checker-01a.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both; font-family: "Times New Roman";"><span style="font-family: georgia;">The rating of the speed of opening the Quilidreta website on mobile devices is 17.</span></div><div><span style="font-family: georgia;"><br /></span></div></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-dhhNO0SCjc4uVWzBxjkYo_sEdgwoLrp14g9nA3kSB87FkRCWuBaTcS7_Z11QMXeYJ1Rcog_1SpUIyfA6RGCHl9MeGlBDUuRPuBXvm_0ZT6aap6bDrFZSivUUbwL8j7ES-Fp1HhGgcNg/s1277/seo-checker-01b.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="640" data-original-width="1277" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-dhhNO0SCjc4uVWzBxjkYo_sEdgwoLrp14g9nA3kSB87FkRCWuBaTcS7_Z11QMXeYJ1Rcog_1SpUIyfA6RGCHl9MeGlBDUuRPuBXvm_0ZT6aap6bDrFZSivUUbwL8j7ES-Fp1HhGgcNg/s320/seo-checker-01b.jpg" width="320" /></a></div><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The Quilidreta website has 122 critical issues, 572 warnings and 885 notices.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3-PVJ_wmLSJPvPZ_hnvUMc2zu454tXEi65JFU9nuFsnK4IuZW6HiZp6a6Lm5szqcy1-zzKbsbsT6Ocbl-0N8HJNbqfmvNWG3_jCG5KHxkJMXDUVVKpislzj2OJ78D5B7qo9T2g_akXO4/s1037/seo-checker-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="226" data-original-width="1037" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3-PVJ_wmLSJPvPZ_hnvUMc2zu454tXEi65JFU9nuFsnK4IuZW6HiZp6a6Lm5szqcy1-zzKbsbsT6Ocbl-0N8HJNbqfmvNWG3_jCG5KHxkJMXDUVVKpislzj2OJ78D5B7qo9T2g_akXO4/s320/seo-checker-02.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;"><span style="font-family: georgia;">Critical problems (some of them).</span></div><div class="separator" style="clear: both;"><ul style="text-align: left;"><li><span style="font-family: georgia;">Inconsistent hreflang and HTML lang declarations on 100 pages.</span></li><li><span style="font-family: georgia;">Double title tag on 20 pages.</span></li><li><span style="font-family: georgia;">Warnings (some of them).</span></li><li><span style="font-family: georgia;">137 page alt tag (out of 150) is missing.</span></li><li><span style="font-family: georgia;">There is no meta description on 128 pages.</span></li><li><span style="font-family: georgia;">Duplicate h1 is on 23 pages.</span></li><li><span style="font-family: georgia;">Blank h1 is on 1 page.</span></li><li><span style="font-family: georgia;">Missing h1 is on 1 page.</span></li></ul></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Notices (some of them).</span></div><div class="separator" style="clear: both;"><ul style="text-align: left;"><li><span style="font-family: georgia;">Too short h1 at 20 pages.</span></li><li><span style="font-family: georgia;">The meta description is too long at 9 pages.</span></li><li><span style="font-family: georgia;">The title tag is too short at 103 pages.</span></li><li><span style="font-family: georgia;">The title tag is too long at 9 pages.</span></li></ul></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The second way. Manually (via code source - CTRL + U). At https://quilidreta.com/product/mindjuse-rascvetana-grana/ the page structure is incorrect.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The code is huge, so I shortened it so you can see.</span></div></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6RhBamGirlOKAPNSVkaTeznxS8B_a-O8vE49pkyL4ISVZYp5Er3VvtRjOhEVMY5tDCE4tvig2POo0hhb7tf7s6saxrWNNulNi1pNhMG-TwgD8ILpo4N27Cwh3M4OJpaXmDAs46ravYqc/s1144/Screenshot_1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="516" data-original-width="1144" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6RhBamGirlOKAPNSVkaTeznxS8B_a-O8vE49pkyL4ISVZYp5Er3VvtRjOhEVMY5tDCE4tvig2POo0hhb7tf7s6saxrWNNulNi1pNhMG-TwgD8ILpo4N27Cwh3M4OJpaXmDAs46ravYqc/s320/Screenshot_1.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">First goes h2 Basket, then h2 On Line Shop, h3 Home/Jewelry/Earrings/Metal/Earrings Cherry Wood, then h1 Earrings Cherry Wood.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The correct structure is from h1, then h2, then h3, h4, h5 and h6.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">I didn't invent hot water. There are certain rules when creating a website or online store, as well as with SEO, which should be followed. If you don't believe me, you can google it yourself or you can take a look at the <a href="https://www.ucop.edu/electronic-accessibility/web-developers/use-headings-appropriately.html" target="_blank">University of California</a> page (it will open in a new tab).</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">When you open the code source (CTRL + U). Click on CTRL + F and type "<title"</span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><div><br /></div></div></div></div><blockquote style="border: none; margin: 0px 0px 0px 40px; padding: 0px; text-align: left;"><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixNz1Y9EBUtHcwOMWLs0OX224OoHyr6s5wOYuOwjfZkRx2cVBznISQYcWFo-oMb7N-s-BRJyUc8hKf6gtWzrIwT5iF7Wsjxkj-ukRiaclRAGJn_WhLR-iUywjGdfljQvhTnrShdUZkB2s/s1085/%25D1%2582%25D0%25B8%25D1%2582%25D0%25BB%25D0%25B5.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="153" data-original-width="1085" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixNz1Y9EBUtHcwOMWLs0OX224OoHyr6s5wOYuOwjfZkRx2cVBznISQYcWFo-oMb7N-s-BRJyUc8hKf6gtWzrIwT5iF7Wsjxkj-ukRiaclRAGJn_WhLR-iUywjGdfljQvhTnrShdUZkB2s/s320/%25D1%2582%25D0%25B8%25D1%2582%25D0%25BB%25D0%25B5.jpg" width="320" /></a></div></div></div><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">You can check all the heading tags in the same way, for example, type "<h1" or "<h2" in the search field (CTRL + F), and so on.</span></div></div></div></div></blockquote><div class="separator" style="clear: both; text-align: left;"><div class="separator" style="clear: both;"><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbrT31CL1-bDNQyjFyaH8KsB92HOn7eHjdLJ7NByJPI1mB_n3Nmn-DGbBlWQqVRXsbQVJKx5fgWjdHjtd1EzELFhixF5MJuy2gOwvBpmUuo7wICVnVpRwHNFHmuhHKURu2veVfwr_EMG0/s1110/%25D1%25851.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="460" data-original-width="1110" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbrT31CL1-bDNQyjFyaH8KsB92HOn7eHjdLJ7NByJPI1mB_n3Nmn-DGbBlWQqVRXsbQVJKx5fgWjdHjtd1EzELFhixF5MJuy2gOwvBpmUuo7wICVnVpRwHNFHmuhHKURu2veVfwr_EMG0/s320/%25D1%25851.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;">has a 1 h1 title tag</span></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8jlrpq3-FeAqcP4ASFqWB5yKGw3Aq-Oyth2OBeQTZ2Z1Ugq3LMUxBzOb-BqowjUaCuo84kdRGC9qVPJrQo3WoBtRrzGvTivFd8B35SK2rNb-mz7bzayNVuBGflNrJHfH8ieOKBMGpojw/s1087/%25D1%25852.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="112" data-original-width="1087" height="33" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8jlrpq3-FeAqcP4ASFqWB5yKGw3Aq-Oyth2OBeQTZ2Z1Ugq3LMUxBzOb-BqowjUaCuo84kdRGC9qVPJrQo3WoBtRrzGvTivFd8B35SK2rNb-mz7bzayNVuBGflNrJHfH8ieOKBMGpojw/s320/%25D1%25852.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;">has 4 h2 title tags</div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2OGSm7UX_wj4f_SoADU8fOv-sXjG1tc6MsDP9fByGCyluntloRhxvKEscNXw_jYI_gA4uBPbVf-2NmrwArl_c4VEDZyvpgxQsjQEBWqntaIn4tDH67mvqrV9P1_kXP8rI2KSoJBnMo6M/s1091/%25D1%25853.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="110" data-original-width="1091" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2OGSm7UX_wj4f_SoADU8fOv-sXjG1tc6MsDP9fByGCyluntloRhxvKEscNXw_jYI_gA4uBPbVf-2NmrwArl_c4VEDZyvpgxQsjQEBWqntaIn4tDH67mvqrV9P1_kXP8rI2KSoJBnMo6M/s320/%25D1%25853.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia; text-align: left;">has 12 h3 title tags</span></div><br /><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4N4osG6hJYyvihFqVTGXtotPWvQQ3EPXLo-dIzy5EMBMjYztXKiGUxBVhxOF3N0xL-RymdIvVs7gS3oXd8H5JpWOrp4m5vPu2PajlYhsE2HQWR7bgU9lJWVPw8xkWEhB-YZoePMdFnTE/s1092/%25D1%25854.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="103" data-original-width="1092" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4N4osG6hJYyvihFqVTGXtotPWvQQ3EPXLo-dIzy5EMBMjYztXKiGUxBVhxOF3N0xL-RymdIvVs7gS3oXd8H5JpWOrp4m5vPu2PajlYhsE2HQWR7bgU9lJWVPw8xkWEhB-YZoePMdFnTE/s320/%25D1%25854.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia; text-align: left;">there are no h4 title tags</span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Also, you can check if one of the pagebuilders was used to create a website, ie an online store. One of the most popular is Elementor. In the search box (CTRL + F), on the source code page (CTRL + U), type "elementor".</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4nE0OI8D36XRp1ENIbHreIYQZKWwcZBufl235mwXPovaH2V5RoocNzuBRIUCaf8OiKvsARj6SucHf4OAhiZM91s756dhb4N9uIGFYCNtXOFD4WmS27hsrsA_OedHzmFyggeDKfpyN1h0/s1091/%25D0%25B5%25D0%25BB%25D0%25B5%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582%25D0%25BE%25D1%2580.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="110" data-original-width="1091" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4nE0OI8D36XRp1ENIbHreIYQZKWwcZBufl235mwXPovaH2V5RoocNzuBRIUCaf8OiKvsARj6SucHf4OAhiZM91s756dhb4N9uIGFYCNtXOFD4WmS27hsrsA_OedHzmFyggeDKfpyN1h0/s320/%25D0%25B5%25D0%25BB%25D0%25B5%25D0%25BC%25D0%25B5%25D0%25BD%25D1%2582%25D0%25BE%25D1%2580.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">As soon as there are 12 and not 0, it means that the pagebuilder Elementor has been used.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">More on why you should not use a pagebuilder to create a website or online store will be in another article.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">You can check if this website has a meta description and meta keywords, which are part of SEO. Type CTRL + F, then ' <meta name = "description" ' and CTRL + F then ' <meta name = "keywords" '</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWqqczCKXCvjKJZfWv-zfKZj0_5Glgr_0EeZDRXqSyyq2aqsg1b7kwGxKkadMJt-sotHTAl4JWviUYsGY6Guh3Tdoz_7enbDKyTtbllMlU-_yI5PqxZgjIRKlcmrTIkNez1O4cJp4qHP8/s1094/%25D0%25BC%25D0%25BD%25D0%25B4.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="100" data-original-width="1094" height="29" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWqqczCKXCvjKJZfWv-zfKZj0_5Glgr_0EeZDRXqSyyq2aqsg1b7kwGxKkadMJt-sotHTAl4JWviUYsGY6Guh3Tdoz_7enbDKyTtbllMlU-_yI5PqxZgjIRKlcmrTIkNez1O4cJp4qHP8/s320/%25D0%25BC%25D0%25BD%25D0%25B4.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgj5MGvsTWZySKi6YNOUlVJT8ANocraD4cYw8Ix-XDhA7SNrlxHpYP2Ib2PHLFEwGZZogITecgw4WTNX6KaGP-Wvbl7UaBEPWR8G_5SVjzQazh6qIsOojMUBROvAVfOGwDxOM5EgoSKkc/s1093/%25D0%25BC%25D0%25BD%25D0%25BA.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="130" data-original-width="1093" height="38" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgj5MGvsTWZySKi6YNOUlVJT8ANocraD4cYw8Ix-XDhA7SNrlxHpYP2Ib2PHLFEwGZZogITecgw4WTNX6KaGP-Wvbl7UaBEPWR8G_5SVjzQazh6qIsOojMUBROvAVfOGwDxOM5EgoSKkc/s320/%25D0%25BC%25D0%25BD%25D0%25BA.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">You can also check out some of the plugins that the online store uses. CTRL + F and type "/plugins/".</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9M-rpTV7axXh9ods3jyLNjWyr6mcoR4XDFoeRIXd1DIYwgt41Sm6DMIqHTrS-3VrzKnplDJq-EUSlS7cWG92mziQNteMCqK2lU73_j8k7D0cO4yNkVTZKkwWPysFxK9S5vi9yla4MCdw/s1090/%25D0%25BF%25D0%25BB%25D1%2583%25D0%25B3%25D0%25B8%25D0%25BD%25D1%2581.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="267" data-original-width="1090" height="78" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9M-rpTV7axXh9ods3jyLNjWyr6mcoR4XDFoeRIXd1DIYwgt41Sm6DMIqHTrS-3VrzKnplDJq-EUSlS7cWG92mziQNteMCqK2lU73_j8k7D0cO4yNkVTZKkwWPysFxK9S5vi9yla4MCdw/s320/%25D0%25BF%25D0%25BB%25D1%2583%25D0%25B3%25D0%25B8%25D0%25BD%25D1%2581.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The number 30 does not mean that there are 30, but that they appear in so many places.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">For example, woocommerce appears 17 times.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">And one more thing.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">This online store is in Serbian, isn't it?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfSl7Rrh5ClIrpTFK8ITnwVmeaOTBNd_9rhEg-vURsHi5mXk_F79Btz8QBYfefOTyJJdJvItCxCwAH3nqCUghv73YUgSOjfiHYcUrCK8Nsm5eWwfKNeJiZnswS-b0MqEuyS9qXrC1Bxko/s1243/404.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="722" data-original-width="1243" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfSl7Rrh5ClIrpTFK8ITnwVmeaOTBNd_9rhEg-vURsHi5mXk_F79Btz8QBYfefOTyJJdJvItCxCwAH3nqCUghv73YUgSOjfiHYcUrCK8Nsm5eWwfKNeJiZnswS-b0MqEuyS9qXrC1Bxko/s320/404.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">And why is this page in English !?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Do you notice anything else in this picture? Below the first number 404 in cream color, it says Home and then you don't see any further. The rest of the text is "⁄Error 404".</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Item 6. Up to 40 web pages.</b></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Item 7. Image gallery (up to 50 pcs.).</b> I don't know what this means, I haven't seen the image gallery. But maybe this online store doesn't even need it.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Item 8. Blog or News up to 12 pages, processing and formatting of material. </b>The News page - https://quilidreta.com/category/novosti/ has text that is not visible.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnyT_1tYT-oY9eLD19NTObAwEbJc0mPkSTIxEHipaf99czIseop6ic2VdGW6GI8zrs29naB4XtqoUd25HKU16CFp4FeoqM9_NtPUv4hXW57y56FtQK7nvYAp4gsAXqEDg54_QWAQyW-0Y/s954/novosti.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="289" data-original-width="954" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnyT_1tYT-oY9eLD19NTObAwEbJc0mPkSTIxEHipaf99czIseop6ic2VdGW6GI8zrs29naB4XtqoUd25HKU16CFp4FeoqM9_NtPUv4hXW57y56FtQK7nvYAp4gsAXqEDg54_QWAQyW-0Y/s320/novosti.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia; text-align: left;">breadcrumbs, below the word News</span></div></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">What you don't see is category News, and the Home is not visible either.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Maybe you have a falcon's eye, but I'm wearing jars and for me these letters are very small.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvPdt2cVwbEoeXbSBbRCw-4cIeJ-Qoonb4i7k8t9JImOKp0DT_4TGqsUXykZhPQKN6bmAYz_m2mPZPRddvLr8Dyi0VxbiJVfVjkKIbv_bgSFt4rJ-02w1uLA-BCW93oJodmJfwmAnlssk/s883/novosti-posts.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="490" data-original-width="883" height="178" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvPdt2cVwbEoeXbSBbRCw-4cIeJ-Qoonb4i7k8t9JImOKp0DT_4TGqsUXykZhPQKN6bmAYz_m2mPZPRddvLr8Dyi0VxbiJVfVjkKIbv_bgSFt4rJ-02w1uLA-BCW93oJodmJfwmAnlssk/s320/novosti-posts.jpg" width="320" /></a></div></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">I know, I know, I can zoom in on CTRL and + but that's not the point. There is standard font size when creating a website for a reason. And if the typeface is smaller it can be increased.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">And do you notice anything in this picture?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgahWJ0PWGCrWDVq-tgi6Pwj65XXUtm4h5YZnDMR5IaibBh96sZ__MarTEE2Fd1Ppe2UkMrIGTe2XEB5YPiXkDEz0nTrOv1vZsWQa76YnIQ3ZkV40Y_wviwMIbG-Cp6sYRRYKP7Tv_XJG4/s437/english-word.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="437" data-original-width="434" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgahWJ0PWGCrWDVq-tgi6Pwj65XXUtm4h5YZnDMR5IaibBh96sZ__MarTEE2Fd1Ppe2UkMrIGTe2XEB5YPiXkDEz0nTrOv1vZsWQa76YnIQ3ZkV40Y_wviwMIbG-Cp6sYRRYKP7Tv_XJG4/s320/english-word.jpg" width="318" /></a></div><span style="font-family: georgia;"><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div>Previous. A word in English for the previous one. Hmmm?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">On the page https://quilidreta.com/edukativno-kreativne-radionice-u-os-banovic-strahinja/ you also do not see breadcrumbs. A text</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">"At the educational-creative workshops in the elementary school" Banović Strahinja "we practice concentration, attention, fine motor skills, we measure, argue, learn, correct, make, fix, inspire, compete, create…"</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">exceptional. And just how it is processed and formatted.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">When you are in the role of website or online store creator it is up to you to point out to the client that one sentence is not enough, especially if you provide basic SEO. You can give the client guidelines on how to expand the text, ie the sentence. For example, "we practice concentration" - how? "attention" - how? "we measure" - what and how? "argue" - about what? "learn" - what? how? "inspire" - who? how?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">I wonder why News is part of a category and not a page?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9uRfU11EK9nO2P8iDlF8jqgHLsU5SUhmK7IWOXtUAQyIvH4s1wdQZJtbkEKezy0GjerQ3CBh4B2GuWrlcZEQ7aEHBSnd6lSEAktw74-9r0s5A9uM9axQNSGa3jZfoPOqDGDuoALmGPqE/s304/category-novosti.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="227" data-original-width="304" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9uRfU11EK9nO2P8iDlF8jqgHLsU5SUhmK7IWOXtUAQyIvH4s1wdQZJtbkEKezy0GjerQ3CBh4B2GuWrlcZEQ7aEHBSnd6lSEAktw74-9r0s5A9uM9axQNSGa3jZfoPOqDGDuoALmGPqE/s0/category-novosti.jpg" width="304" /></a></div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">News is actually a Blog.</span></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnysWNA_g1uQaqIsrVKjnWIUJUM3yPdrqyHS0X8a36zMJiZvsFCojCbCnD0_bj1PECL96W-HdNKoQ_WXYs6JFhDlRAET2rFx34yRGuOHMDZVo5NkB7vB5rpoVgiW06rLeIG53jlCNUeeI/s495/blog-novosti.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="395" data-original-width="495" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnysWNA_g1uQaqIsrVKjnWIUJUM3yPdrqyHS0X8a36zMJiZvsFCojCbCnD0_bj1PECL96W-HdNKoQ_WXYs6JFhDlRAET2rFx34yRGuOHMDZVo5NkB7vB5rpoVgiW06rLeIG53jlCNUeeI/s320/blog-novosti.jpg" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><span style="font-family: georgia;">Also, they do not set specific categories and tags.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">And to leave a comment.</span></div></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKJXVSATZh79jD3t38BJfI2RzSThj6euKfSJxBqLNCTSA6JH3sXvaGtpn4vs4yjhR-ukpuKSXVWrkx2Ht8VJPgpT1-rFg5nzDHwrei0bVNlf3grA4Glh8WSPDkgT6HmOua-7Az6IlbbDc/s907/komentar.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="853" data-original-width="907" height="301" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKJXVSATZh79jD3t38BJfI2RzSThj6euKfSJxBqLNCTSA6JH3sXvaGtpn4vs4yjhR-ukpuKSXVWrkx2Ht8VJPgpT1-rFg5nzDHwrei0bVNlf3grA4Glh8WSPDkgT6HmOua-7Az6IlbbDc/s320/komentar.jpg" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Except at the beginning of the "Leave a reply" form and at the end of the "submit a comment" button, I can barely, barely see what it says. It must be the jars fault ;)</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">If I am on the News page https://quilidreta.com/category/novosti/ I am interested in news and not products. And vice versa. This is my opinion. And it is logical.</span></div><div><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi39aIOtVmouKuKv-RFrrNpBu0klMK-w3XrFtAYnP1C49XfL-Hu-NBSn3P9ik_ObX_7X2SNL44_A33TaFa0DwgDGiGsmAP_reirW23FivanQCyrQKX_dkY629hVHnHVMyFu6UEhT9a_HvA/s792/sidebar.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="683" data-original-width="792" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi39aIOtVmouKuKv-RFrrNpBu0klMK-w3XrFtAYnP1C49XfL-Hu-NBSn3P9ik_ObX_7X2SNL44_A33TaFa0DwgDGiGsmAP_reirW23FivanQCyrQKX_dkY629hVHnHVMyFu6UEhT9a_HvA/s320/sidebar.jpg" width="320" /></a></div><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The News page and the individual article should contain the categories and tags from the individual articles, in addition to the latest articles, and not new products. Yes it can; you can put new products on this page, but only at the end, not at the top.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Item 9. Addition of special pages (terms of use, privacy policy, etc.). </b>Those pages exist. But they are not formatted completely.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdWw4TA9BPZPqfSby9d-A4dTQS22j9Q6ySIki0v-xQxaq34a8fpPIVtbjZxSzsItU4SKHCccHAyO-Zi3UJAk1DaRjWxzQY0KpjvRr1sB7AOhyZ8jADpF635A02Ic8rplgtmfKYA-cGPno/s901/format.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="353" data-original-width="901" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdWw4TA9BPZPqfSby9d-A4dTQS22j9Q6ySIki0v-xQxaq34a8fpPIVtbjZxSzsItU4SKHCccHAyO-Zi3UJAk1DaRjWxzQY0KpjvRr1sB7AOhyZ8jADpF635A02Ic8rplgtmfKYA-cGPno/s320/format.jpg" width="320" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">Again, there is text that is hard to read, ie different colors from the rest of the text on the page.</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><b>Item 10. Implementation and configuration of the plugins for Shop.</b> And which ones? When I was looking for plugins through the source code, I came across one plugin - woo variation swatches,</span></div><div><span style="font-family: georgia;"><br /></span></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDEuYT_yJlPxXwVF3DhvWHsnb7pWQJCn2ENra75pbGHMz6DZQ5hBdnBthS5FAMw8BU25mEVc9-z6k8vOJdf7dXhJm_fE4yDsVI0Nm7snf3tt8Lnujdk70YmR3SZCTXtMdjSPhnAQ8qotI/s1085/woo-variation-swatches.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="281" data-original-width="1085" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDEuYT_yJlPxXwVF3DhvWHsnb7pWQJCn2ENra75pbGHMz6DZQ5hBdnBthS5FAMw8BU25mEVc9-z6k8vOJdf7dXhJm_fE4yDsVI0Nm7snf3tt8Lnujdk70YmR3SZCTXtMdjSPhnAQ8qotI/s320/woo-variation-swatches.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">which is not used here. Why!?</span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><b>Item 11. Add up to 12 products (pictures, descriptions and more).</b></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">I believe that compiling product descriptions is not part of basic SEO.</span></div><div><span style="font-family: georgia;"><br /></span></div></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR3R_Grx-TmCJX2zb5lqrFsAE9rtP-WepcGx5fIEQV6rrKgkGIzv6a_5rclNGE2mquK-Vou7kpiMSqfbJFktneg-8wicsRHoQTEuYd8nIgF_pVGIEs2Oddl17y_47fATXNi4I-ANeMMH4/s907/desc.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="520" data-original-width="907" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR3R_Grx-TmCJX2zb5lqrFsAE9rtP-WepcGx5fIEQV6rrKgkGIzv6a_5rclNGE2mquK-Vou7kpiMSqfbJFktneg-8wicsRHoQTEuYd8nIgF_pVGIEs2Oddl17y_47fATXNi4I-ANeMMH4/s320/desc.jpg" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Maybe it’s, after all, part of advanced SEO, which this company hasn’t paid for.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">And did you know that for one product you have two descriptions (shorter and longer)? A brief description can be found below the title of the product, as in this example, "Earrings made of wooden sticks". A longer description can be found in the tab "Product Description", which is not available on this online store. Where there are Reviews, there, there should be another tab.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">Hmmm?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">And did you notice anything else in this picture (above)?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">I did, two things. The first has two of the same categories. Wood and Wood. Another thing, the product tags are "earrings" and "wood" in english. Hmm? They should be "earrings" and "wood" in Serbian. Isn't it? Where do you see the words "earrings" and "wood" in English on this page? (https://quilidreta.com/product/drvene-mindjuse-kocka/). Me nowhere. How nice this detail is for SEO. Well done.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">And one more thing for the end.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">If I am on the page https://quilidreta.com/product/mindjuse-metalno-srce/ which is in Serbian, I expect the title of the picture to also be in Serbian.</span></div><div><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Gl3epzCy0YnU_iABc9kRerXoeAmt2dq-83vAS_2FD6kVFr8cYsdeLNL91JkgokBLHIfyFR2vZ5Nt_QCobkralX0YikmvUJldvlVzwjMgHbrcSvdpc6u13zrjZzgmcLMbDlw3vxh9S0U/s631/wrong-img-name.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="460" data-original-width="631" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Gl3epzCy0YnU_iABc9kRerXoeAmt2dq-83vAS_2FD6kVFr8cYsdeLNL91JkgokBLHIfyFR2vZ5Nt_QCobkralX0YikmvUJldvlVzwjMgHbrcSvdpc6u13zrjZzgmcLMbDlw3vxh9S0U/s320/wrong-img-name.jpg" width="320" /></a></div></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">The name of the picture is "Earings-Metal-Hearts". And this is wonderful for SEO. If the jewelry element is in English then it can be written that way. For example, bracelet best friends https://quilidreta.com/product/narukvice-kozica-best-friends-dva-dela-zelena/.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b><br /></b></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><b>Conclusion:</b></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">This online store, in addition to being made with a pagebuilder (which I do not approve of), is overloaded with plugins that are not necessary and some are not even used. Also, there is no basic SEO optimization as stated in the package price. <a href="https://quilidreta.com/" target="_blank">The Quilidreta online store</a> (will open in a new tab, in Serbian) is mostly in Serbian, but there are parts that are still in English. In some parts of the website, the text is either poorly or not readable at all.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">All in all <a href="http://theminuette.blogspot.com/2021/04/priprema-zeleni-za-corbu-homemade.html#axzz73HdAYKIQ" target="_blank">spice C</a>. I'm kidding :)</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">All in all, do you think it is worth giving over 630 euros for an online store like this?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">I don't think so. And you?</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">P.S.</span></div><div class="separator" style="clear: both;"><span style="font-family: georgia;">In the same way, you can check other websites created by this creator and find out if any of his packages contain basic SEO optimization, I think, if you are interested.</span></div></div><div class="separator" style="clear: both; text-align: center;"><br /></div>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-6405208346721923742021-06-12T10:47:00.002-07:002021-06-12T10:47:17.750-07:00Kako instalirati XAMMP - Windows? (How to install XAMMP - Windows?)<p><span style="font-family: georgia;">1) Prvo skinite <a href="https://www.apachefriends.org/download.html" target="_blank"><b>zadnju verziju XAMPP-a</b></a>. (otvorice se u novom tabu)</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZYObaNHQG1QTmXIE20H1fm9OMONhJAT_PWlCaCTmwwkHRikdMjgKU2QTyaGfKi-SsZjtLuCZc44Q_yL7nOwIvgVqrjsWqWfdRRiPNBFQkftJuwY3mlWlsHAppxofNKNtpEcUVFJgIs6g/s627/install-xampp-windows7-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="582" data-original-width="627" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZYObaNHQG1QTmXIE20H1fm9OMONhJAT_PWlCaCTmwwkHRikdMjgKU2QTyaGfKi-SsZjtLuCZc44Q_yL7nOwIvgVqrjsWqWfdRRiPNBFQkftJuwY3mlWlsHAppxofNKNtpEcUVFJgIs6g/w200-h186/install-xampp-windows7-01.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><p></p><p><span style="font-family: georgia;">Ja sam izabrala zadnju verziju, PHP 8.</span></p><p><span style="font-family: georgia;">2) Pronadjite instalaciju koju ste sad skinuli i kliknite dva puta (levi klik) da biste pokrenuli instalaciju XAMPP-a.</span></p><p><span></span></p><a name='more'></a><span style="font-family: georgia;"><br /></span><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWF5UU0lsiP34dv1viQp1KxISbLT-3m_VoYd-skKwCtQ2W5tTZeCYIh-wn8_KUBy-o_JaCUnRp9FnMp3UXCJfbrEDhPESefvufGj7hebySHyg4m0nDLwA451hpRrIRgtERkmXX2FNF8L0/s815/install-xampp-windows7-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="501" data-original-width="815" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWF5UU0lsiP34dv1viQp1KxISbLT-3m_VoYd-skKwCtQ2W5tTZeCYIh-wn8_KUBy-o_JaCUnRp9FnMp3UXCJfbrEDhPESefvufGj7hebySHyg4m0nDLwA451hpRrIRgtERkmXX2FNF8L0/w200-h123/install-xampp-windows7-02.jpg" width="200" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">3) Otvorice se wizard na kojem samo treba da kliknete dugme Next.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirXaM9NeW014EFB2EiAxxZx_Q_JfQfL2Xgwizv78uX_rCW1qqTea6hOpw6WvuZqLpW6cDPXGf8HNfDrEYsoj-TqXtrRgdMFuuOesaaPIZB2I-TtByKJcHd1mT2VfQbQNOQHxl6cG9PJj0/s510/install-xampp-windows7-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="423" data-original-width="510" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirXaM9NeW014EFB2EiAxxZx_Q_JfQfL2Xgwizv78uX_rCW1qqTea6hOpw6WvuZqLpW6cDPXGf8HNfDrEYsoj-TqXtrRgdMFuuOesaaPIZB2I-TtByKJcHd1mT2VfQbQNOQHxl6cG9PJj0/w200-h166/install-xampp-windows7-03.jpg" width="200" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi22cVqA5t56rxt4vhqGEUvA46O63bUsOk_aY3GhKZj26sPaLhvYDba6ViUw_ownSautMRmQkFgieTFRg0UNwMpPVJ-buKXtQ6J_UGtY9cmFNG9_jhUzBatT-UPq__ZM5P5pV6pKEeg9TQ/s512/install-xampp-windows7-04.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="435" data-original-width="512" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi22cVqA5t56rxt4vhqGEUvA46O63bUsOk_aY3GhKZj26sPaLhvYDba6ViUw_ownSautMRmQkFgieTFRg0UNwMpPVJ-buKXtQ6J_UGtY9cmFNG9_jhUzBatT-UPq__ZM5P5pV6pKEeg9TQ/w200-h170/install-xampp-windows7-04.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Ostavite sva standardna podesavanja. Klik na dugme Next.</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKa57mJpZbAnR7Dn3lI4D_iEVaFLlCynTOu8OSeWANUUAYdzOXBaTc7F_bkkblTbmcqPKuMC9R1-om-fXJ-w281b71gxEU2f9kUdSXSgvaFIXMFMPUjEKLSOgsWY1SRx_dqMdcBDYagyQ/s506/install-xampp-windows7-05.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="424" data-original-width="506" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKa57mJpZbAnR7Dn3lI4D_iEVaFLlCynTOu8OSeWANUUAYdzOXBaTc7F_bkkblTbmcqPKuMC9R1-om-fXJ-w281b71gxEU2f9kUdSXSgvaFIXMFMPUjEKLSOgsWY1SRx_dqMdcBDYagyQ/w200-h168/install-xampp-windows7-05.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Folder gde zelite da instalirate XAMPP. Ako je drugaciji od ovog onda ga izaberite.</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjESoxuaEBd-DaiDf8bfXq2QagIaQ6-nqh315A8Ki40Te_miAVrAp6yVgbRrD4_WsbjEos3vG1LWuZsbf4BokSaBK9DbAo47IgXQh_yrYaz7pLP46Bc8WiATD1xTgqMB4g0d2AJxTJJss4/s506/install-xampp-windows7-06.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="426" data-original-width="506" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjESoxuaEBd-DaiDf8bfXq2QagIaQ6-nqh315A8Ki40Te_miAVrAp6yVgbRrD4_WsbjEos3vG1LWuZsbf4BokSaBK9DbAo47IgXQh_yrYaz7pLP46Bc8WiATD1xTgqMB4g0d2AJxTJJss4/w200-h168/install-xampp-windows7-06.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Izaberite jezik.</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7tVTb1ViGXv2EcG_6GJMCX0iGiPS4Icbrj9tbbHfh1YJc9u9NXlmhJiEJPImeCcQ5He8saA3ZVX9VdkcgoLidqm5cTnrpgW4-33x-fftzx5ctQTxnDtPok3q7ojZbg2PQdv4decwp70U/s511/install-xampp-windows7-07.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="427" data-original-width="511" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7tVTb1ViGXv2EcG_6GJMCX0iGiPS4Icbrj9tbbHfh1YJc9u9NXlmhJiEJPImeCcQ5He8saA3ZVX9VdkcgoLidqm5cTnrpgW4-33x-fftzx5ctQTxnDtPok3q7ojZbg2PQdv4decwp70U/s320/install-xampp-windows7-07.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Obavestenje da sa XAMPP-om mozete da instalirate Wordpress, Drupal, Joomla i druge popularne OpenSource aplikacije.</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUdxAk0vyuHg_X-dfIYkmT69Oji9IPyMauRseKnMTTYwtzrGacSkTbfVRAlB5EYfMBypB60gCOAQsA-t47dGtKKMGMnCcwaqab1S-IllnGjRNXOKWeZaz7ouJKhwpYkBH7pQ9z6S3oXqo/s511/install-xampp-windows7-08.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="422" data-original-width="511" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUdxAk0vyuHg_X-dfIYkmT69Oji9IPyMauRseKnMTTYwtzrGacSkTbfVRAlB5EYfMBypB60gCOAQsA-t47dGtKKMGMnCcwaqab1S-IllnGjRNXOKWeZaz7ouJKhwpYkBH7pQ9z6S3oXqo/w200-h165/install-xampp-windows7-08.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Instalacija je spremna za instaliranje. Klik na dugme Next.</div><p></p><p><span style="font-family: georgia;">4) XAMPP pocinje instalaciju.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2I49fLEcKr4NGC1v_mIDJRD9qfQ2zESDwMs7y37pe477Tm2f-ucp9q3RpBhSRRX3ZGVOVKSP9INpNuCQZ8lqhjkzl0Q-h6plXET53EURtiLNXjbhkfk-fnGZDa3CyI93VAn_E1PMvfhI/s503/install-xampp-windows7-09.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="424" data-original-width="503" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2I49fLEcKr4NGC1v_mIDJRD9qfQ2zESDwMs7y37pe477Tm2f-ucp9q3RpBhSRRX3ZGVOVKSP9INpNuCQZ8lqhjkzl0Q-h6plXET53EURtiLNXjbhkfk-fnGZDa3CyI93VAn_E1PMvfhI/w200-h169/install-xampp-windows7-09.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Ovo ce trajaci nekoliko (prlicno) minuta (mozete da skuvate kafu ili operete sudje :) ). </div><br /><span style="font-family: georgia;">5) Instalacija je zavrsena. Klik na dugme Finish.</span><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4QLdO3UCSTy0WLCVc9Sl35zxmDwfCJo5JtntaETaKlqIxhdZLZmDFnqjbv-3TzDbWkNpYd1GVRfu2-kwoIkUFsFVWlvwNwj-_9DeMnemEi-RpLeuh0OF_hni80JUExn7cscPO3ldUckg/s517/install-xampp-windows7-10.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="432" data-original-width="517" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4QLdO3UCSTy0WLCVc9Sl35zxmDwfCJo5JtntaETaKlqIxhdZLZmDFnqjbv-3TzDbWkNpYd1GVRfu2-kwoIkUFsFVWlvwNwj-_9DeMnemEi-RpLeuh0OF_hni80JUExn7cscPO3ldUckg/w200-h167/install-xampp-windows7-10.jpg" width="200" /></a></div><span style="font-family: georgia;"><br /></span><p></p><p><span style="font-family: georgia;">6) Pokrenite control panel XAMPP-a. Dupli (levi) klik na ikonicu XAMPP-a na statusnoj linije. Kod mene je sa leve strane. Ako se ne vidi kao na slici, kliknite na strelicu.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOZoFOQr5PDfte5vRMViv6weZk4-Y8bJbNF8yQRHufO-7Q0tKnwjXDrHQ0UKIz3D0CEdTYqvIhkawdwx1aclb19jzBJsjv8IFA40kLWV-H5CbPiCLkZudOwkhFAhTSUhb-dlAk69ecLbc/s157/install-xampp-windows7-11.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="157" data-original-width="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOZoFOQr5PDfte5vRMViv6weZk4-Y8bJbNF8yQRHufO-7Q0tKnwjXDrHQ0UKIz3D0CEdTYqvIhkawdwx1aclb19jzBJsjv8IFA40kLWV-H5CbPiCLkZudOwkhFAhTSUhb-dlAk69ecLbc/s0/install-xampp-windows7-11.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8jkNMIA47Y-rtImcon0a2HhKSGF50N8HQ2IiE1iVy_yvMGghGSgQacJjr9IpbcHuiA7r7iNXq_WlFZXcfYKvRBlAqHwuXEFNNEEOGMKD8iyh_kS-G0XfCnwMqA2botPxzx4NSLKhGNQc/s674/install-xampp-windows7-12.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="434" data-original-width="674" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8jkNMIA47Y-rtImcon0a2HhKSGF50N8HQ2IiE1iVy_yvMGghGSgQacJjr9IpbcHuiA7r7iNXq_WlFZXcfYKvRBlAqHwuXEFNNEEOGMKD8iyh_kS-G0XfCnwMqA2botPxzx4NSLKhGNQc/w200-h129/install-xampp-windows7-12.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><span style="font-family: georgia;">7) Pokrenite Apache. Klik na Start dugme u liniji Apache.</span><p></p><p><span style="font-family: georgia;">8) Pokrenite MySQL. </span><span style="font-family: georgia;">Klik na Start dugme u liniji MySQL.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk1Ej2T4Thn7kU6sZllmBn57x7XK-QDvh-DN_5rPVTxdOjwQz0EaH0UbWe3X6UpxBv1278Abax7fQ5Y0KDvbUEBi-mqDa1eys8kZZRXnMOnfTez-F3excWnN4IIIjTZUU5Vp1RVFacPsg/s672/install-xampp-windows7-13.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="438" data-original-width="672" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk1Ej2T4Thn7kU6sZllmBn57x7XK-QDvh-DN_5rPVTxdOjwQz0EaH0UbWe3X6UpxBv1278Abax7fQ5Y0KDvbUEBi-mqDa1eys8kZZRXnMOnfTez-F3excWnN4IIIjTZUU5Vp1RVFacPsg/w200-h131/install-xampp-windows7-13.jpg" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: georgia;"><br /></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: georgia;">9) Testirati XAMPP instalaciju. Idite u folder xampp, pa u u folder htdocs. Napravite novi folder, u ovom primeru, test. </span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2VDsvAEJuxEKj2O1_tZ-F459jJcPw11-ZfROoMiOUUVHc0wU2jIe45PVJ7R5KHB8Z9dbHrI7pNYGHllmn9pxjbu9d_R2opVjHcJIWZVIdB4NRd8vs689l3uhCCse5SU5gxMZ5-DAW8nQ/s825/install-xampp-windows7-24.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="546" data-original-width="825" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2VDsvAEJuxEKj2O1_tZ-F459jJcPw11-ZfROoMiOUUVHc0wU2jIe45PVJ7R5KHB8Z9dbHrI7pNYGHllmn9pxjbu9d_R2opVjHcJIWZVIdB4NRd8vs689l3uhCCse5SU5gxMZ5-DAW8nQ/w200-h133/install-xampp-windows7-24.jpg" width="200" /></a></div><div><br /></div><span style="font-family: georgia;">Otvorite Notepad ili Notepad++ ili Sublime Text, i prekopirajte ovaj kod.</span><div><span style="font-family: georgia;"><br /></span></div><div><div><span style="font-family: courier;"><html></span></div><div><span style="font-family: courier;"> <head></span></div><div><span style="font-family: courier;"> <title>PHP-Test</title></span></div><div><span style="font-family: courier;"> </head></span></div><div><span style="font-family: courier;"> <body></span></div><div><span style="font-family: courier;"> <?php echo '<p>Hello World</p>'; ?></span></div><div><span style="font-family: courier;"> </body></span></div><div><span style="font-family: courier;"></html></span></div></div><div><span style="font-family: georgia;"><br /></span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgexl80y9r_iZdsqE5Chqb9zMPbKQay-eY8a2z6St8JndnEe6DfjeHcIwS6xkPyhBqLglWWfYnypXSEy-J2bHVU6SdX7J6zi0uQN5I2iAJMC1U8fPbqckSc2f9jRHv6iodSnP86qaMPSyU/s452/install-xampp-windows7-25.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="206" data-original-width="452" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgexl80y9r_iZdsqE5Chqb9zMPbKQay-eY8a2z6St8JndnEe6DfjeHcIwS6xkPyhBqLglWWfYnypXSEy-J2bHVU6SdX7J6zi0uQN5I2iAJMC1U8fPbqckSc2f9jRHv6iodSnP86qaMPSyU/w200-h91/install-xampp-windows7-25.jpg" width="200" /></a></div></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">Sacuvati. Pritisnite CTRL+S ili kliknite na File, pa na Save As. Za ime fajla upisite <b>test.php</b> i sacuvati u <b>folderu</b> koji ste malopre napravili, u ovom primeru, <b>test</b>. </span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">10) U address bar ukucajte http://localhost/test/test.php i pritisnite Enter.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgDHrTIVHCyaNSDTyuJrEbCTOkiE8IaI7gg53otRJiVxiWXrjWXlwLIj4LCqufKuQ4ooxrkVFWd7QdHolhDqAXURiKvU6ajdMUQTb_SCVeh4vaLXxGqFtt3lTAh9lYroZtB0yVFEu8rc/s240/install-xampp-windows7-26.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="66" data-original-width="240" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdgDHrTIVHCyaNSDTyuJrEbCTOkiE8IaI7gg53otRJiVxiWXrjWXlwLIj4LCqufKuQ4ooxrkVFWd7QdHolhDqAXURiKvU6ajdMUQTb_SCVeh4vaLXxGqFtt3lTAh9lYroZtB0yVFEu8rc/w200-h55/install-xampp-windows7-26.jpg" width="200" /></a></div><br /></div><div><span style="font-family: georgia;">Ako vam se pojave reci "Hello World" ispravno ste instalirali XAMPP.</span></div><div><p></p></div>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-39908534695490137862020-12-09T06:33:00.000-08:002020-12-09T06:33:02.787-08:00How to move a div element?<p><span style="font-family: georgia;">How to move to the right div element or any other element.</span></p><p><span style="font-family: georgia;">Solution: add block property.</span></p><p><span style="font-family: courier;"><!DOCTYPE html><br /></span><span style="font-family: courier;"><html lang="en"><br /></span><span style="font-family: courier;"> <head><br /></span><span style="font-family: courier;"> <title>css Tips and Tricks</title><br /></span><span style="font-family: courier;"> <link href="css/style.css" rel="stylesheet" /><br /></span><span style="font-family: courier;"> </head><br /></span><span style="font-family: courier;"> <body><br /></span><span style="font-family: courier;"> <div id="div1"></span><span style="font-family: courier;">Center this sentence.</span><span style="font-family: courier;"></div><br /></span><span style="font-family: courier;"> </body><br /></span><span style="font-family: courier;"></html></span></p><p><span style="font-family: georgia;">Save this file as, for example, css-tricks.html, in your css-tricks folder. </span></p><p><span></span></p><a name='more'></a><p><span style="font-family: georgia;"><br /></span></p><p></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9673-m3OOU-rSqCmbX-Pgxnhzoqc_7UBiRVy30F4oPFQ26YW3_Rmr5gYtaV_n68iimqt9KLIP-s5tDmH1QNiFHkhpqPVXowqn8U-l2llX4XzkKspeEZv3osSdoLcgUiY06qEvlqcOswM/s817/css-center-div-element-01.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="368" data-original-width="817" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9673-m3OOU-rSqCmbX-Pgxnhzoqc_7UBiRVy30F4oPFQ26YW3_Rmr5gYtaV_n68iimqt9KLIP-s5tDmH1QNiFHkhpqPVXowqn8U-l2llX4XzkKspeEZv3osSdoLcgUiY06qEvlqcOswM/s320/css-center-div-element-01.jpg" width="320" /></a></div><p><span style="font-family: georgia;">Now add css.</span></p><p></p><p><span style="font-family: courier;">#div1 {<br /></span><span style="font-family: courier;"> display: block;<br /></span><span style="font-family: courier;"> margin: auto;<br /></span><span style="font-family: courier;"> width: 50% <br /></span><span style="font-family: courier;">}</span></p><p><span style="font-family: georgia;">Save this file as, for example style.css, in your css folder, which is in your css-tricks folder.</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDe2CTkImfj32Cd2qZmcu-4p01qjMualPpue2TXVoceEgjJJXWSTeTfWi06fS5H2Mf8De71_qrORu061j9PSZOspwA6n8Cbcuokqexg08k8r6WyueDgtSIjeliMf_jxGN-P14Il0zHDsc/s825/css-center-div-element-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="825" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDe2CTkImfj32Cd2qZmcu-4p01qjMualPpue2TXVoceEgjJJXWSTeTfWi06fS5H2Mf8De71_qrORu061j9PSZOspwA6n8Cbcuokqexg08k8r6WyueDgtSIjeliMf_jxGN-P14Il0zHDsc/s320/css-center-div-element-02.jpg" width="320" /></a></div><p><br /><span style="font-family: georgia;"><br /></span></p><p></p><p><span style="font-family: georgia;">I added one more div element with more text and some css in order to see it better (I'm wearing glasses and I can see only 70% with them, that was 3 years ago, might got worse) so my standard font size is 18px :)</span></p><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5spNj6Hql3WiTrUm7ptCDCDO4CrVrriQ7NAbntlVd_wTGt34h15WIIYPSPpKrHW7GjBDPWLYSQ0eMVD-g89PYXk_HVGgKpAFfOWFJnHUWl1QBVaVta7v6QVKzofYZ4EjPn3fICSUmMO4/s1193/css-center-div-element-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="559" data-original-width="1193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5spNj6Hql3WiTrUm7ptCDCDO4CrVrriQ7NAbntlVd_wTGt34h15WIIYPSPpKrHW7GjBDPWLYSQ0eMVD-g89PYXk_HVGgKpAFfOWFJnHUWl1QBVaVta7v6QVKzofYZ4EjPn3fICSUmMO4/s320/css-center-div-element-03.jpg" width="320" /></a></div><p><br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJbICXKBk1PxJOKN7MdFpvDsETLII1KLEfERPa_M6paXZYHsBN-7zMmC0g8tshTa88QFfP9zFe9YjK8MmvDI6DaXXeRsLQBh8owUJsnmsKFh6vfUx6S-c9zcqyUuAyhpOsqpytYu6yx4M/s801/css-center-div-element-04.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="457" data-original-width="801" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJbICXKBk1PxJOKN7MdFpvDsETLII1KLEfERPa_M6paXZYHsBN-7zMmC0g8tshTa88QFfP9zFe9YjK8MmvDI6DaXXeRsLQBh8owUJsnmsKFh6vfUx6S-c9zcqyUuAyhpOsqpytYu6yx4M/s320/css-center-div-element-04.jpg" width="320" /></a></div><p><br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMgmY0QGqzaeY3yAgJMp_3wKtu0C3ssmSpb-YaWvMlhr0tY-uOQIwmwuMP1pLEAB1guxEikdFI2_CAQ4sPmU3-fFgUCMUEC7A9NcfkgdtFyRa-L5M1ZGLysEFZVmJODhhSVnKqQefLBWE/s1274/css-center-div-element-05.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="455" data-original-width="1274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMgmY0QGqzaeY3yAgJMp_3wKtu0C3ssmSpb-YaWvMlhr0tY-uOQIwmwuMP1pLEAB1guxEikdFI2_CAQ4sPmU3-fFgUCMUEC7A9NcfkgdtFyRa-L5M1ZGLysEFZVmJODhhSVnKqQefLBWE/s320/css-center-div-element-05.jpg" width="320" /></a></div><p><br /></p><div class="separator" style="clear: both; text-align: center;"><br /></div>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-47310555141823301122020-10-11T14:01:00.003-07:002020-10-11T15:19:19.065-07:00Zaboravljena windows 7 lozinka administratora (Forgot windows 7 administrator password)<span style="font-family: georgia;">Ako ste promenili lozinku i ne mozete da se setite ili se dugo niste logovali.</span><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">1) Idite na Start dugme i kliknite Shut down. </span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">2) Sacekajte da se racunar ugasi.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">3) Pritisnite i drzite Power dugme da upalite racunar i kada vidite Windows logo pritisnite Power dugme da se ugasi racunar tj. da pokrenete Startup Repair.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">4) Ovaj proces, zavisno od brzine vaseg racunara mozete trajati od 10 do 15 minuta. Pojavice vam se prozor sa porukom da li zelite da vratite na pocetno stanje, necete, tako da kliknite na Cancel. Sacekajte da zavrsi Startup Repair proces.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span><a name='more'></a></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">5) Kad se taj proces zavrsio, kliknite na strelicu ispred View problem details.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">6) Sa desne strane imate klizac, kliknite na njega i spustite se skroz dole. Kliknite na zadnji link. Otvorice vam se dokument u Notepadu.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">7) Na vrh prozora kliknite na File, a zatim na Open. Otvorice vas se prozor. Kliknite na Computer. Zatim kliknite na Local C disk dva puta da ga otvorite.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">8) Sa klizacem desno spustite se do Windows folder. Kliknite dva puta da se otvori.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">9) Zatim u dnu prozora, gde je Files of type izaberite All Files.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">10) Kliknite na folder System32.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">11) Sa klizacem na desnoj strani spustite se do fajla <b>sethc</b>. Desnim klikom misa kliknite na Rename ili selektujte (izaberite) fajl pa na tastaturi pritisnite F2 da preimenujete fajl. Dodajte neki broj ili slovo. </span><span style="font-family: georgia;">Pritisnite Enter da potvrdite.</span><span style="font-family: georgia;"> U ovom primeru, ja sam dodala broj 7 na kraj. Znaci sada se fajl zove <b>sethc7</b></span><span style="font-family: georgia;">.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">12) Sa klizacem se potpnite gore do fajla <b>cmd</b>.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">13) </span><span style="font-family: georgia;">Desnim klikom misa kliknite na Copy ili selektujte (izaberite) fajl pa na tastaturi pritisnite CTRL + C da kopirate fajl. </span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">14) Sa klizacem, na desnoj strani, spustite se skroz na kraj liste i na beli deo i desnim klikom misa, kliknite na Paste. Kopiran je cmd fajl.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">15) </span><span style="font-family: georgia;">Desnim klikom misa kliknite na cmd - copy fajl ili selektujte (izaberite) fajl pa na tastaturi pritisnite F2 da preimenujete fajl. Ukucajte <b>sethc</b>. Pritisnite Enter da potvrdite. </span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">16) Zatvorite sve prozore na ekranu klikom na X.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">17) Ne zelite da posaljete izvestaj, pa kliknite na Don't send report.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">18) Kliknite na dugme Finish.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">19) Racunar ce da se ugasi.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">20) Pritisnuti Power dugme da upalite racunar.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">21) Kada se otvori do mesta sa vasim racunom sa lozinkom, na tastaturi pritisnite dugme Shift 5 (pet) puta. Otvorice se cmd (Command Prompt) prozor sethc.exe.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">22) Nalazite se u sistemu32.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">23) Ukucajte <b>net user</b> i pritisnite Enter da vidite listu svih korisnika racunara.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">24) Ukucajte net user "korisnicko ime" * (zvezdica) </span><span style="font-family: georgia;">i pritisnite Enter, da pokrenete dodavanje nove lozinke.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">Napomena: ako se vase korisnicko ime sastoji od jedne reci, na primer, Sova, ukucacete bez duplih navodnika:</span></div><div><span style="font-family: georgia;"><br /></span></div><div><b><span style="font-family: courier;">net user sova *</span></b><span style="font-family: georgia;"> </span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">onda pritisnite Enter.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">Ako se vase korisnicko ime sastoji od dve reci, na prime Nocna Sova, morate da koristite duple navodnike:</span></div><div><span style="font-family: georgia;"><br /></span></div><div><b><span style="font-family: courier;">net user "nocna sova" *</span></b></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">onda pritisnite Enter.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">Zvedica oznacava da se vasa loznika nece videti dok kucate. Cmd ne razlikuje mala i velika slova. Tako da, ako vam je korisnicko ime Nocna Sova, mozete ukucati nocna sova.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">25) Dobicete poruku - type the password for the user:</span></div><div><span style="font-family: georgia;">Mozete ukucati zeljenu lozinku, u ovom primeru ja sam ostavila prazno. Pritisnite Enter.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">26) Dobicete poruku da ponovo ukucate lozinku. Ako ste ostavili prazno samo pritisnite Enter da potvrdite, a ako ste ukucali lozinku - ponovite je.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">27) Dobicete poruku - the command completed succesfully. Uspesno.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">28) Ukucajte <b>exit</b> i pritisnite Enter. Zatvorice se cmd prozor.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">29) Pojavice vam se korisnicko ime pa ukucajte lozinku ako ste je postavili ili kliknite samo na korisnika da se ulogujete.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">30) Tadaaaa :) </span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">Ako vam sve ovo izgleda strasno mozete pogledati video na mom jutub kanalu.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><a href="https://www.youtube.com/watch?v=dC0HVTFckqU"><b>Deo 1</b></a>, <a href="https://youtu.be/e17-4Rl_LaM"><b>deo 2</b></a>, <a href="https://www.youtube.com/watch?v=dC0HVTFckqU"><b>deo 3</b></a>.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><div><span style="font-family: georgia;">If you have changed your password and cannot remember or have not logged in for a long time.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">1) Go to the Start button and click Shut down.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">2) Wait for the computer to shut down.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">3) Press the Power button to turn on the computer and when you see the Windows logo press and hold the Power button to turn off the computer, ie to start Startup Repair.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">4) This process, depending on the speed of your computer, may take 10 to 15 minutes. A window will appear with a message asking if you want to restore, you won't, so click Cancel. Wait for the Startup Repair process to complete.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">5) When this process is complete, click on the arrow in front of View problem details.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">6) On the right you have a slider, click on it and go all the way down. Click on the last link. A document will open in Notepad.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">7) Click File at the top of the window, then Open. A window will open. Click Computer. Then double-click the Local C drive to open it.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">8) Scroll right to the Windows folder. Double click to open.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">9) Then at the bottom of the window, where Files of type is, select All Files.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">10) Click on the System32 folder.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">11) With the slider on the right, go down to the sethc file. Right-click with mouse on the file and click on Rename or select (choose) a file and press F2 on the keyboard to rename the file. Add a number or letter. Press Enter to confirm. In this example, I added the number 7 at the end. So now the file is called sethc7.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">12) Scroll up to the cmd file.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">13) Right-click with mouse on the cmd file and click on Copy or select (choose) a file and press CTRL + C on the keyboard to copy the file.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">14) With the slider, on the right side, go all the way to the end of the list and on the white part right click the mouse, click on Paste. A cmd file has been copied.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">15) Right-click on the cmd-copy file or select (choose) the file and click on Rename and press F2 on the keyboard to rename the file. Type sethc. Press Enter to confirm.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">16) Close all windows on the screen by clicking X.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">17) You do not want to send a report, so click on Don't send report.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">18) Click the Finish button.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">19) The computer will shut down.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">20) Press the Power button to turn on the computer.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">21) When it opens to the location with your password account, press the Shift key on the keyboard 5 (five) times. The cmd (Command Prompt) window of sethc.exe will open.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">22) You are in the system32.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">23) Type net user and press Enter to see a list of all computer users.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">24) Type net user "user name" * (asterisk) and press Enter, to start adding a new password.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">Note: If your username consists of one word, for example, Owl, you will type without double quotes:</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">net user owl *</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">then press Enter.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">If your username consists of two words, for example Night Owl, you must use double quotes:</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">net user "night owl" *</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">then press Enter.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">An asterisk indicates that your password will not be visible as you type. Cmd is not case sensitive. So, if your username is Night Owl, you can type night owl.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">25) You will receive a message - type the password for the user:</span></div><div><span style="font-family: georgia;">You can type in the desired password, in this example I left it blank. Press Enter.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">26) You will receive a message to re-type the password. If you left it blank, just press Enter to confirm, and if you typed in the password - repeat it.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">27) You will receive a message - the command completed succesfully. Successful.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">28) Type exit and press Enter. The cmd window will close.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">29) You will see a username and enter the password if you have set it or just click on the user to log in.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">30) Tadaaaa :)</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;">If all this looks terrible to you, you can watch the video on my YouTube channel.</span></div></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><a href="https://youtu.be/IUT_xANP5VE"><b>Part 1</b></a>, <a href="https://youtu.be/e17-4Rl_LaM"><b>part 2</b></a>, <a href="https://www.youtube.com/watch?v=dC0HVTFckqU"><b>part 3</b></a>.</span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"><br /></span></div><div><span style="font-family: georgia;"> </span></div><div><span style="font-family: georgia;"><br /></span></div>School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-81225356399630825512020-08-01T03:05:00.003-07:002020-08-01T03:07:04.592-07:00Warning: POST Content-Length of 11933650 bytes exceeds the limit of 8388608 bytes in Unknown on line 0<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Georgia, Times New Roman, serif;">If you are tried to upload woocommerce plugin to wordpress and you got this message</span><br /><br /><span style="font-family: Courier New, Courier, monospace;">Warning: POST Content-Length of 11933650 bytes exceeds the limit of 8388608 bytes in Unknown on line 0</span><br /><br /><span style="font-family: Georgia, Times New Roman, serif;"> Then you need find <b>php.ini</b> file in xampp folder and change </span><span style="font-family: Courier New, Courier, monospace;">upload_max_filesize</span><span style="font-family: Georgia, Times New Roman, serif;"> to <b>1000M</b> and </span><span style="font-family: Courier New, Courier, monospace;">post_max_size</span><span style="font-family: Georgia, Times New Roman, serif;"> also to <b>1000M</b>.</span><br /><br /><span style="font-family: Georgia, Times New Roman, serif;">Restart your Apache and try again.</span><br /><br /></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-1816950681855424802020-07-06T10:50:00.003-07:002020-07-06T10:50:47.322-07:00HTML and CSS - Creating lists<div dir="ltr" style="text-align: left;" trbidi="on">
Seventh video lesson - how to create lists.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/9GCnmPvDXfQ/0.jpg" src="https://www.youtube.com/embed/9GCnmPvDXfQ?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-86419065434557577672020-07-06T10:49:00.000-07:002020-07-06T10:49:10.889-07:00HTML and CSS - Basic table<div dir="ltr" style="text-align: left;" trbidi="on">
Sixth video lesson - how to create a very basic table/<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/y_0Vq0Fx9Ug/0.jpg" src="https://www.youtube.com/embed/y_0Vq0Fx9Ug?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-89623188376660004652020-07-06T10:47:00.002-07:002020-07-06T10:47:33.434-07:00HTML and CSS - Add google fonts<div dir="ltr" style="text-align: left;" trbidi="on">
Fifth video lesson - how to add google fonts to a web page.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/KivJrFNxGao/0.jpg" src="https://www.youtube.com/embed/KivJrFNxGao?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-68083389515124452302020-07-06T10:45:00.003-07:002020-07-06T10:45:45.253-07:00HTML and CSS - CSS styles<div dir="ltr" style="text-align: left;" trbidi="on">
Fourth video lesson - CSS styles.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/ZzlyFZ4bWA4/0.jpg" src="https://www.youtube.com/embed/ZzlyFZ4bWA4?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-52842738757782592472020-07-06T10:44:00.001-07:002020-07-06T10:44:20.804-07:00HTML and CSS - Formatting tags<div dir="ltr" style="text-align: left;" trbidi="on">
Third video lesson - formatting HTML tags.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/xSTE3kmvuco/0.jpg" src="https://www.youtube.com/embed/xSTE3kmvuco?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-3637679464646564782020-07-06T10:42:00.002-07:002020-07-06T10:42:45.265-07:00HTML and CSS - Basic tags<div dir="ltr" style="text-align: left;" trbidi="on">
Second video lesson - basic tags in HTML.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/PVV4QSakM3k/0.jpg" src="https://www.youtube.com/embed/PVV4QSakM3k?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<br /></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-77822311008810510252020-07-06T10:37:00.001-07:002020-07-06T10:41:19.127-07:00HTML and CSS - Web page structure<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: "georgia" , "times new roman" , serif;">This is first video out of 7 about HTML and CSS.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">First - introduction video.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<iframe width="320" height="266" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/KELwUh2ELYM/0.jpg" src="https://www.youtube.com/embed/KELwUh2ELYM?feature=player_embedded" frameborder="0" allowfullscreen></iframe></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">Web page structure</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/rqrj6a_K6Ds/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/rqrj6a_K6Ds?feature=player_embedded" width="320"></iframe></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-20618401028134829782020-02-21T18:50:00.000-08:002020-02-21T18:51:43.403-08:00How to code Wordpress theme from zero - Part 3<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: "georgia" , "times new roman" , serif;">Adding sections to page</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">29) Go to page.php and copy all code. Go to content-template.php and paste it under comment. All code is:</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">/*</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">Template Name: Contact Me page template</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">*/</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_header();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><div class="container"></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_footer();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">After h1 tag add this</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><div class="row"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> <div class="col-lg-6"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> This is for contact form.</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> </div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Then cut include part line of code and paste it to second column.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<a name='more'></a><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"> <div class="col-lg-6"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> <?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> </div><span style="white-space: pre;"> </span></span><br />
<br />
<span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Now the all code is:</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">/*</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">Template Name: Contact Me page template</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">*/</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_header();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><div class="container"></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="row"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="col-lg-6"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>This is for contact form</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="col-lg-6"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span></div><span style="white-space: pre;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_footer();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Go to Contact Me page.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwH3XZvih4AylD516e730Zk1ugVF9p8O5SkJXgDwA8pSKq27Un-DtzCQ9sxYAc6Xjk_IwwGmLiUKoLrFedUidKeUKtFZKoUv4Gl0GBLSRMmWJyPJsHuxiXoTQDxLYbOUG3QBGuO302GXA/s1600/how-to-code-wp-theme-28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="259" data-original-width="1117" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwH3XZvih4AylD516e730Zk1ugVF9p8O5SkJXgDwA8pSKq27Un-DtzCQ9sxYAc6Xjk_IwwGmLiUKoLrFedUidKeUKtFZKoUv4Gl0GBLSRMmWJyPJsHuxiXoTQDxLYbOUG3QBGuO302GXA/s320/how-to-code-wp-theme-28.png" width="320" /></a></div>
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">30) Create new file and save it as header-2.php. Go to front-page.php and add the second part of name, in this example it's <b>two</b>.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">'</span><span style="font-family: "courier new" , "courier" , monospace;">two' </span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">to get_header function.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">All code is</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_header('two');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><div class="container"></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "courier new" , "courier" , monospace;"><?php get_footer();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Go to Home page and refresh it.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfl1W4BLL1K8S_elM7T6Tmv_gKFWsT1P6GiUaWAXhg_qy1GoQ6usEq0rojfuG8BybEU8_sJ5k0eGAKtagk0Pcm46HZszgG6mTWlyRzpi-7Xng-pZQLhOmqOMpU4FMPQgJ4kd7haPQfjo/s1600/how-to-code-wp-theme-29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="270" data-original-width="992" height="87" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGfl1W4BLL1K8S_elM7T6Tmv_gKFWsT1P6GiUaWAXhg_qy1GoQ6usEq0rojfuG8BybEU8_sJ5k0eGAKtagk0Pcm46HZszgG6mTWlyRzpi-7Xng-pZQLhOmqOMpU4FMPQgJ4kd7haPQfjo/s320/how-to-code-wp-theme-29.png" width="320" /></a></div>
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">31) Go to themes folder and create new new file and save it as main.css.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">32) Go to functions.php and copy and paste next code under the second function in load_css function.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">All code in functions.php is:</span><br />
<br />
<span style="font-family: "courier new" , "courier" , monospace;"><?php </span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">// to enque stylesheets </span><br />
<span style="font-family: "courier new" , "courier" , monospace;">function load_css() {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_register_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css', array(), false, 'all');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_enqueue_style('bootstrap');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><b>wp_register_style('main', get_template_directory_uri() . '/css/bootstrap.css', array(), false, 'all');</b></span><br />
<b><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_enqueue_style('main');</span></b><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">add_action('wp_enqueue_scripts', 'load_css');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">function load_js() {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_enqueue_script('jquery');</span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_register_script('bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', 'jquery', false, true);</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_enqueue_script('bootstrap');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></span>
<span style="font-family: "courier new" , "courier" , monospace;">add_action('wp_enqueue_scripts', 'load_js');</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">33) Important thing to do before we go on. Go back to front-page.php and in get_header function remove 'two'. So it can call our prime header.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Now code in front-page.php is</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><b><?php get_header();?></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><div class="page-wrap"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><div class="container"></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><?php get_footer();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Go to Users -> Your Profile and scroll down to Toolbar and un check the box to remove admin bar.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ajjCtN2IkQgvDaBuNOVliMpfT7S2d9Df-pdnVXIDetMhNB0yZ9pZI62HQ9R5CBOKzFkiBw3lHjg-8iDaJVGYiMgSwarcians8BU3A8XL4vMuGoZ5WhV3jU2gcUzOI9HR2U7IIzIdxnw/s1600/how-to-code-wp-theme-29b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="403" data-original-width="1084" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5ajjCtN2IkQgvDaBuNOVliMpfT7S2d9Df-pdnVXIDetMhNB0yZ9pZI62HQ9R5CBOKzFkiBw3lHjg-8iDaJVGYiMgSwarcians8BU3A8XL4vMuGoZ5WhV3jU2gcUzOI9HR2U7IIzIdxnw/s320/how-to-code-wp-theme-29b.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxsH7xF2qDpRhrxBKVNenmpHtNzM9t4_-08yIFq-2GX6uiZ9tNvdGXPvZK8EcEC0gyxS82eczhyphenhyphenSyWB6TFEQk0rVn-5vxOox51U5XJztoHcoQITiHZlhENC5jmNYOKfNp45CRW5FjUDRE/s1600/how-to-code-wp-theme-30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="384" data-original-width="1302" height="94" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxsH7xF2qDpRhrxBKVNenmpHtNzM9t4_-08yIFq-2GX6uiZ9tNvdGXPvZK8EcEC0gyxS82eczhyphenhyphenSyWB6TFEQk0rVn-5vxOox51U5XJztoHcoQITiHZlhENC5jmNYOKfNp45CRW5FjUDRE/s320/how-to-code-wp-theme-30.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">34) Go to header.php and under the opening body tag add header tags.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><header></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<br />
<span style="font-family: "courier new" , "courier" , monospace;"></header></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">35) Go to main.css and add</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>background-color: black;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>width: 100%;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>height: 120px;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<div>
<br /></div>
<span style="font-family: "georgia" , "times new roman" , serif;">Go to front-page.php and around div container add section tag with class page wrap.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;"><?php get_header();?></span><br />
<br />
<span style="font-family: "georgia" , "times new roman" , serif;"><b><section class="page-wrap"></b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="white-space: pre;"> </span><div class="container"></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="white-space: pre;"> </span></div></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><b></section></b></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;"></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><?php get_footer();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Then go to main.css and add</span><br />
<br />
<span style="font-family: "courier new" , "courier" , monospace;">.page-wrap {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>padding: 2rem 0;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<br />
<br /></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-79058995306090680852020-02-20T17:36:00.003-08:002020-02-23T17:14:49.667-08:00How to code Wordpress theme from zero - Part 4<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: "georgia" , "times new roman" , serif;">36) </span><span style="font-family: "georgia" , "times new roman" , serif;">This will add Menus in Appearance.</span><span style="font-family: "georgia" , "times new roman" , serif;"> Go to functions.php and at the end of the code add</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">add_theme_support('menus');</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">37) Go to Appereance -> Manus to create a menu. On the right side click button Create Menu. And name it as you want, I called my Top Menu. On the left side under the Pages check box next to Select All then click Add to Menu. Arrange pages. No click Save Menu.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6YZPMWl_ZnfeF9yQcyUiz_hRvFLVAYaM0HwyBKg5GTWqJDgAEalumWgIzt7HNxzy5f8odeosN1CxcK-72uZH8pFMHy7HSUIw14Avp5M57UN9ZNo1TncPr28QB9YTzDV63U2-zLeGA5bU/s1600/how-to-code-wp-theme-31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="453" data-original-width="1274" height="113" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6YZPMWl_ZnfeF9yQcyUiz_hRvFLVAYaM0HwyBKg5GTWqJDgAEalumWgIzt7HNxzy5f8odeosN1CxcK-72uZH8pFMHy7HSUIw14Avp5M57UN9ZNo1TncPr28QB9YTzDV63U2-zLeGA5bU/s320/how-to-code-wp-theme-31.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKP4LjgH0IMIgl-FLxAkpCdQlXhVqRp4fyUv56tmVXZyW2HwI6LB_EGds7ere3PHJbN8MeW0iF-LT_0pxkbCbo4SwKMK9aTOktev4gKmakIoyQvBWZosMSM6YeipGfDFK9ihaR769xvjw/s1600/how-to-code-wp-theme-32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="521" data-original-width="1114" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKP4LjgH0IMIgl-FLxAkpCdQlXhVqRp4fyUv56tmVXZyW2HwI6LB_EGds7ere3PHJbN8MeW0iF-LT_0pxkbCbo4SwKMK9aTOktev4gKmakIoyQvBWZosMSM6YeipGfDFK9ihaR769xvjw/s320/how-to-code-wp-theme-32.png" width="320" /></a></div>
<div>
<br /></div>
<span style="font-family: "georgia" , "times new roman" , serif;">Creating Navigation Menu</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">38) Go to functions.php to create a menu.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<a name='more'></a><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">//Adding Menu</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">register_nav_menus(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>array(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'top-menu' => 'Top Menu Location',</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'mobile-menu' => 'Mobile Menu Location',<span style="white-space: pre;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>);</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;">);</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Now all code is</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php </span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">//Loading css stylesheets </span><br />
<span style="font-family: "courier new" , "courier" , monospace;">function load_css() {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_register_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css', array(), false, 'all');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_enqueue_style('bootstrap');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_register_style('main', get_template_directory_uri() . '/css/main.css', array(), false, 'all');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_enqueue_style('main');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">add_action('wp_enqueue_scripts', 'load_css');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">//Loadin js script</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">function load_js() {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_enqueue_script('jquery');</span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_register_script('bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', 'jquery', false, true);</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_enqueue_script('bootstrap');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">add_action('wp_enqueue_scripts', 'load_js');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">//Adding Menus to Appeareances</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">add_theme_support('menus');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">//Adding Menu</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">register_nav_menus(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>array(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'top-menu' => 'Top Menu Location',</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'mobile-menu' => 'Mobile Menu Location',<span style="white-space: pre;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>);</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">);</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>Go to header.php and add<br />
<br />
<span style="font-family: "courier new" , "courier" , monospace;"><div class="container"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><?php</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> wp_nav_menu(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> array(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'theme-location' => 'top-menu',<span style="white-space: pre;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;">'menu_class' => 'top-bar',</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>)</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> );</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">between header tags.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Now all code in header.php is</span><br />
<br />
<span style="font-family: "courier new" , "courier" , monospace;"><!DOCTYPE html></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><html></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><head></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><title>Title of the document</title></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php wp_head();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></head></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><body></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><header></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><div class="container"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><?php</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> wp_nav_menu(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> array(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'theme-location' => 'top-menu',<span style="white-space: pre;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;">'menu_class' => 'top-bar',</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>)</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> );</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></header></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">39) Go to Menus and refresh the page. Under the menu check Top Menu Location and Save Menu. You can also check box nest to Automatically add new top-level pages to this menu.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidbC7kqKiGmYc5GNM9SQrHJAzvuBWLh2Rlgvr2JlX99ahYrLBe9r6iOP1D-iLnTp_eZbupfuwGf6Y6cqKW3RjoP-1ehy4Vfp_bGKepIooCkrQvBdL0BUd5LurmgA5L3t4zzjhET4Z_E1c/s1600/how-to-code-wp-theme-33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="336" data-original-width="924" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidbC7kqKiGmYc5GNM9SQrHJAzvuBWLh2Rlgvr2JlX99ahYrLBe9r6iOP1D-iLnTp_eZbupfuwGf6Y6cqKW3RjoP-1ehy4Vfp_bGKepIooCkrQvBdL0BUd5LurmgA5L3t4zzjhET4Z_E1c/s320/how-to-code-wp-theme-33.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">40) Go to menu.css and add</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>list-style-type: none;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>margin: 0;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>padding: 0;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>display: flex;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">} </span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar li a {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>padding: .25rem 1rem;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>color: #fff;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar li:first-child a {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>padding-left: 0;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar li:last-child a {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>padding-right: 0;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .container {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>display: flex;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>justify-content: center;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>align-items: center;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>height: 100%;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7VS_L1iKVwyPs-f6Ju92-zL72p_GW7VGGyUKpWvTNeJtKe9z1TRCveBJ4K7MWlLlv2Iih08gcgCpjZNB_97mpsqWbdPwXmeMfa1rCKqZnft-sQI76bknxr3pP8plCGNBOe6GvNwIghgU/s1600/how-to-code-wp-theme-34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="342" data-original-width="1290" height="84" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7VS_L1iKVwyPs-f6Ju92-zL72p_GW7VGGyUKpWvTNeJtKe9z1TRCveBJ4K7MWlLlv2Iih08gcgCpjZNB_97mpsqWbdPwXmeMfa1rCKqZnft-sQI76bknxr3pP8plCGNBOe6GvNwIghgU/s320/how-to-code-wp-theme-34.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Now go to page.php and template-contactme.php and add section tag with class page-wrap around php functions.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">All code for front-page.php is</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_header();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><section class="page-wrap"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="container"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></section></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "courier new" , "courier" , monospace;"><?php get_footer();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">All code for page.php is</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_header();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><section class="page-wrap"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="container"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></section></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "courier new" , "courier" , monospace;"><?php get_footer();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglUKfgIgGNRA5HvFtGqRVSPxNzPu5tllIxjbyaAp_LX0oNcukgbuJfLFUnmJLpnRZONL0siPT8zMuohxQ7v_7JSo6xaA1E0x7TRRrwC9IN5G79bbiTT8ZP_rUbxUWCeLopXC9-q2fXYE4/s1600/how-to-code-wp-theme-34b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="393" data-original-width="1295" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglUKfgIgGNRA5HvFtGqRVSPxNzPu5tllIxjbyaAp_LX0oNcukgbuJfLFUnmJLpnRZONL0siPT8zMuohxQ7v_7JSo6xaA1E0x7TRRrwC9IN5G79bbiTT8ZP_rUbxUWCeLopXC9-q2fXYE4/s320/how-to-code-wp-theme-34b.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">All code for templaet-contactme.php is</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">/*</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">Template Name: Contact Me page template</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">*/</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_header();?></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><section class="page-wrap"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="container"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="row"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="col-lg-6"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>This is for contact form.</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="col-lg-6"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span></div><span style="white-space: pre;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> </div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"> </div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></section></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "courier new" , "courier" , monospace;"><?php get_footer();?></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMzv3sYYqokIBhpMqjPwzEGbkpcwgCPzji-fhyw8v3UwcVHM7VfsQFDNDBRkhIj_24WDjv83rqJwmXbJikQj3kIYjb9WQ1RhxkbURBYa8kcyQ0sWAoNEZ3ePHjnH_ow1VtIjCLVsAaZsQ/s1600/how-to-code-wp-theme-34b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="393" data-original-width="1295" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMzv3sYYqokIBhpMqjPwzEGbkpcwgCPzji-fhyw8v3UwcVHM7VfsQFDNDBRkhIj_24WDjv83rqJwmXbJikQj3kIYjb9WQ1RhxkbURBYa8kcyQ0sWAoNEZ3ePHjnH_ow1VtIjCLVsAaZsQ/s320/how-to-code-wp-theme-34b.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAZQbdDCzhuy52M1mgaDN5Lpt3tHDVhh8Oyy8WM91uL5gQBi2BUHNRqc3pHzJJ2-ggAeOoPrgF2kd2c30U96-ZsljCq4LxFVwXcvkJIJ0LiFiCgihOGiiz5O1gHyfubgqjjKEJEk9IZgE/s1600/how-to-code-wp-theme-34c.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="370" data-original-width="1288" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAZQbdDCzhuy52M1mgaDN5Lpt3tHDVhh8Oyy8WM91uL5gQBi2BUHNRqc3pHzJJ2-ggAeOoPrgF2kd2c30U96-ZsljCq4LxFVwXcvkJIJ0LiFiCgihOGiiz5O1gHyfubgqjjKEJEk9IZgE/s320/how-to-code-wp-theme-34c.png" width="320" /></a></div>
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">41) Go to Pages and Add New. Name it as you like, mine will be Vehicles I love and Publish it. </span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">42) Go to Menus and drag and drop this new page under About Me. Click Save Menu. Go to theme pageand refresh it or press F5.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVbXoHe8RAnOqVRz_Q_Vvc6e6lCpQz-_KddVAqp6FdG_AwCTax5ejOLLg3ZoMd9hEKbBLyuchqKgK8iGZ3bBBMeEtZM-ESBxGVJYJsn-yNktMxylNNOyeVjw11eWKWyx4oLx8gAQwM3u8/s1600/how-to-code-wp-theme-35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="418" data-original-width="1116" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVbXoHe8RAnOqVRz_Q_Vvc6e6lCpQz-_KddVAqp6FdG_AwCTax5ejOLLg3ZoMd9hEKbBLyuchqKgK8iGZ3bBBMeEtZM-ESBxGVJYJsn-yNktMxylNNOyeVjw11eWKWyx4oLx8gAQwM3u8/s320/how-to-code-wp-theme-35.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">43) Go to main.css and add </span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar .sub-menu {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>display: none;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>position: absolute;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>top: 100%;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>left: 0;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>background: #fff;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>box-shadow: 1px 1px 10px rgb(0, 0, 0, 1);</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>margin: 0;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>padding: 0;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>list-style-type: none;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>width: 150px;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>border-radius: .25rem;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>z-index: 999; /* not working. Supposed to line up last page in nav menu and sub menu to the lef */</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar .menu-item-has-children:hover .sub-menu {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>display: block;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar li {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>position: relative;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar li .sub-menu a {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>color: #000;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>padding-left: .025rem;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>text-decoration: none;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>text-align: center;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>display: block;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar li .sub-menu a:hover {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>color: red;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar .sub-menu li .sub-menu {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>left: 100%;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>top: 0;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar > .menu-item-has-children:hover .sub-menu {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>display: block;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">header .top-bar > .sub-menu > li > .menu-item-has-children:hover > .sub-menu {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>display: block;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<div>
<br /></div>
<span style="font-family: "georgia" , "times new roman" , serif;">Refresh the page.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwVIE3a5S9sGJBmHwTmpODaCrZqbO9Txzk6BfA8WRIbJ1EGcJtN5zrON1CpaCPIK5v2dfOvuUERkf7Naww_Ix6vMXT1gkNMbr1S9mGfMics-Q4q_hyphenhyphen9dA4lB8KFEnyYVgWOm3dIOqZ-o/s1600/how-to-code-wp-theme-35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="418" data-original-width="1116" height="119" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwVIE3a5S9sGJBmHwTmpODaCrZqbO9Txzk6BfA8WRIbJ1EGcJtN5zrON1CpaCPIK5v2dfOvuUERkf7Naww_Ix6vMXT1gkNMbr1S9mGfMics-Q4q_hyphenhyphen9dA4lB8KFEnyYVgWOm3dIOqZ-o/s320/how-to-code-wp-theme-35.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">44) Go to header.php and copy header tag. Go to footer.php and paste it above php function. Change header tags in footer tags.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">All code is</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><b><footer></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="container"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_nav_menu(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>array(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'theme_location' => '<b>footer</b>-menu',<span style="white-space: pre;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'menu_class' => '<b>footer</b>-bar',</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>)</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>);</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span></div></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><b></footer></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php wp_footer();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></body></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></html></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Go to functions.php and add this</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">'footer-menu' => 'Footer Menu Location',</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">to register nav menus function below mobile menu line</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">All register nav menus funstion code is</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">//Adding Menu</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">register_nav_menus(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>array(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'top-menu' => 'Top Menu Location',</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'mobile-menu' => 'Mobile Menu Location',</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><b>'footer-menu' => 'Footer Menu Location',</b><span style="white-space: pre;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>)</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">);</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ0AInbJk2dwyrRrGQC0qGdb4RXjInVGwGzLDgYDN4NCaKc0-KFxkdueXsCQsgg95aywAj-N5KM2pQXvJvcwlMk2QFKMvbRRAeLrXWHMRXZrL2Gk_QHUkA3MMfNCm1oxG23fz6HYqKA64/s1600/how-to-code-wp-theme-35b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="403" data-original-width="1297" height="99" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ0AInbJk2dwyrRrGQC0qGdb4RXjInVGwGzLDgYDN4NCaKc0-KFxkdueXsCQsgg95aywAj-N5KM2pQXvJvcwlMk2QFKMvbRRAeLrXWHMRXZrL2Gk_QHUkA3MMfNCm1oxG23fz6HYqKA64/s320/how-to-code-wp-theme-35b.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">45) Go to Menus. Create new menu by clicking create a nmew menu text link. Name yoy footer menu as you like, mine will be Footer Bar. Then click Create Menu Button. Add pages that you want to appear in Footer Bar. Save menu. Refresh page.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX7KslM0GrWnUNQv5hV9Dnj6V8x_MTmcmveA5H90Idqq0wTJWrHgVkNqM_IE8VX_2teLGo8O163NlCfIDq1Em3EEKAidybaLpLfYoETwCM3bc8p8ZVmOJc4OnkKScpfJ-bTlwIgy0tF3k/s1600/how-to-code-wp-theme-40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="430" data-original-width="1299" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX7KslM0GrWnUNQv5hV9Dnj6V8x_MTmcmveA5H90Idqq0wTJWrHgVkNqM_IE8VX_2teLGo8O163NlCfIDq1Em3EEKAidybaLpLfYoETwCM3bc8p8ZVmOJc4OnkKScpfJ-bTlwIgy0tF3k/s320/how-to-code-wp-theme-40.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5_bsdbf-eOHKv2QsaV8ZBPmCflHSc1_TdJ7snj2PfYOuaKqVBaXJlMt7HOe2-pXyVqdWmaLvorgTv3vo63kC9-7krscKCoqXye__0mBuzWZxqvuYFAPEWENT0FAqrTBcCS5rtQZ7jutI/s1600/how-to-code-wp-theme-41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="497" data-original-width="1281" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5_bsdbf-eOHKv2QsaV8ZBPmCflHSc1_TdJ7snj2PfYOuaKqVBaXJlMt7HOe2-pXyVqdWmaLvorgTv3vo63kC9-7krscKCoqXye__0mBuzWZxqvuYFAPEWENT0FAqrTBcCS5rtQZ7jutI/s320/how-to-code-wp-theme-41.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGTJ7IelshfFZq_KMTakHCmraNm5JbyiRyMCb2pYJYolclTj2bfQjNZBqi2waFYufvyMuSEJOg4K1jzvnm5YQoUpvBR1twlgUvDUu56QpBqf34lp6NXosoUtChM2AEWKoA5vm9edHg8xM/s1600/how-to-code-wp-theme-42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="402" data-original-width="1277" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGTJ7IelshfFZq_KMTakHCmraNm5JbyiRyMCb2pYJYolclTj2bfQjNZBqi2waFYufvyMuSEJOg4K1jzvnm5YQoUpvBR1twlgUvDUu56QpBqf34lp6NXosoUtChM2AEWKoA5vm9edHg8xM/s320/how-to-code-wp-theme-42.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbl8XE0PqVISkA-oCSV65fQCnhWOv-K195OGOKW8JugrsZ8hQ766kdAza2YyFVrD0g7getyZv-rob0Pf405b2ppiNIcLWDFrcifXzPdioyXFZEXyTn96PlGvsk5GGnaWmVluBW2VJb_xk/s1600/how-to-code-wp-theme-43.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="585" data-original-width="1275" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbl8XE0PqVISkA-oCSV65fQCnhWOv-K195OGOKW8JugrsZ8hQ766kdAza2YyFVrD0g7getyZv-rob0Pf405b2ppiNIcLWDFrcifXzPdioyXFZEXyTn96PlGvsk5GGnaWmVluBW2VJb_xk/s320/how-to-code-wp-theme-43.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoZ5hSNgU6tJ_STyaQB4ES0n-iwRL7QZSEsENX4qUYsQRq3wDSu1nIQPkDzGl_f5J83UEvdcQzhEtnkE1qnGXc4Hk0Ei88ZC9DSsGucxZ14V0Hl83w8tW4t3nM0YGwD8RB1FSGUpUkMAg/s1600/how-to-code-wp-theme-44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="453" data-original-width="1293" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoZ5hSNgU6tJ_STyaQB4ES0n-iwRL7QZSEsENX4qUYsQRq3wDSu1nIQPkDzGl_f5J83UEvdcQzhEtnkE1qnGXc4Hk0Ei88ZC9DSsGucxZ14V0Hl83w8tW4t3nM0YGwD8RB1FSGUpUkMAg/s320/how-to-code-wp-theme-44.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: "georgia" , "times new roman" , serif;">46) Css styles for footer. Go to footer.php and add div tag with class container and inside add three div tags.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">All code is</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><footer></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><div class="container"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><b><div class="col-leg-4"></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_nav_menu(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>array(</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'theme_location' => 'footer-menu',<span style="white-space: pre;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>'menu_class' => 'footer-bar',</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>)</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>);</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><b></div></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><b><span style="white-space: pre;"> </span><div class="col-leg-4 footercols"></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><b><span style="white-space: pre;"> </span>Some text like address<br /></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><b><span style="white-space: pre;"> </span>Some text like phone<br /></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><b><span style="white-space: pre;"> </span>Some text like email</b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><b><span style="white-space: pre;"> </span></div></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><b><span style="white-space: pre;"> </span><div class="col-leg-4 footercols"></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><b><span style="white-space: pre;"> </span>Some text</b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><b><span style="white-space: pre;"> </span></div></b></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><b><span style="white-space: pre;"> </span></div></b></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></footer></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php wp_footer();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></body></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></html></span><br />
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">Go to main.css and add</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">footer {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>background-color: black;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>width: 100%;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>height: 150px;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">footer .container {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>justify-content: left;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>align-items: left;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>height: 100%;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>display: flex;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">footer .footer-bar {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>list-style-type: none;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>margin: 0;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>padding: 25px;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">} </span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">footer .footer-bar li a {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>color: #fff;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>text-decoration: none;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">footer .container .footercols {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>padding-left: 7rem;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>padding-top: 1.6rem;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>color: #fff;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>display: flex;</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">Refresh the page.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihRu3mmoMC5fkzZOtA0qa9tohos-hsrqS_abYbZndtFVdHQl8HWd1T3dwDdFReLNKQ5NjH-JjLGT4dNu9ujlVZVlEhWMQJiQATqm870mgbnARSdpjm-jvx6f7FiSHIMk05u-MREg6V3Zw/s1600/how-to-code-wp-theme-45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="665" data-original-width="1304" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihRu3mmoMC5fkzZOtA0qa9tohos-hsrqS_abYbZndtFVdHQl8HWd1T3dwDdFReLNKQ5NjH-JjLGT4dNu9ujlVZVlEhWMQJiQATqm870mgbnARSdpjm-jvx6f7FiSHIMk05u-MREg6V3Zw/s320/how-to-code-wp-theme-45.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-68419177520590199772020-02-20T17:13:00.000-08:002020-02-20T17:13:33.401-08:00How to code Wordpress theme from zero - Part 2<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: "georgia" , "times new roman" , serif;">Adding css and js files</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">22) We need to download <a href="https://getbootstrap.com/docs/4.3/getting-started/download/"><b><span style="color: blue;">Bootstrap</span></b></a>. Open bootstrap folder, copy css folder and paste it to theme folder. Do the same for js folder. Still in theme folder, create new folder and name it images.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqvpodwO4Z96H3LontAOQKk1KP50tnwg2NSmf0VmT7GKa2GNdJv9W0ncRVZ6xg8pwepa2tbZ1BoP5xHbBnGSI87pCiMkVZAfHehyphenhyphenr92ps0v5aTxxUXlIGkRrXzVV_N7zZ8aXLGrotwsm0/s1600/how-to-code-wp-theme-17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="590" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqvpodwO4Z96H3LontAOQKk1KP50tnwg2NSmf0VmT7GKa2GNdJv9W0ncRVZ6xg8pwepa2tbZ1BoP5xHbBnGSI87pCiMkVZAfHehyphenhyphenr92ps0v5aTxxUXlIGkRrXzVV_N7zZ8aXLGrotwsm0/s320/how-to-code-wp-theme-17.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfYyYdNqAkkpGO479VNoi6t_QIMX_sv4_eYgkEAYRWb5auYTAv0mXg6qAmA7ItDI802Dk6ZBMF7UZF07OQ42W7a3MaPqmxllfnTqBnyR8P7G33o5DPaGtiuZut9aUmdbmtTPaOS8eKZSM/s1600/how-to-code-wp-theme-18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="569" data-original-width="831" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfYyYdNqAkkpGO479VNoi6t_QIMX_sv4_eYgkEAYRWb5auYTAv0mXg6qAmA7ItDI802Dk6ZBMF7UZF07OQ42W7a3MaPqmxllfnTqBnyR8P7G33o5DPaGtiuZut9aUmdbmtTPaOS8eKZSM/s320/how-to-code-wp-theme-18.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">23) We will include bootstrap css and js files. Go to functions.php and add this code:</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<a name='more'></a><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php </span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">// to enque stylesheets </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;">function load_css() {</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_register_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css', array(), false, 'all');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span>wp_enqueue_style('bootstrap');</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">}</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;"></span></span>
<span style="font-family: "courier new" , "courier" , monospace;">add_action('wp_enqueue_scripts', 'load_css');</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Adding content</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">24) In theme folder, in my example it's zero-theme, create new folder and name it includes. In that folder create new file and save it as section-content.php. Add this text:</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">This is the section content.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Mp4f2_-G5UpCPJtanPWB4ujci3r_dg1F0cAS9kysd2KvLrpuWicDQEyVSXb4DXMesWdKjD74NYOUwaDYYo0EUp96Ov7R88C2_FEj2m-oce4iVC8QHwJ4ArZKTuNwKUsM-xKckj8Y5Qs/s1600/how-to-code-wp-theme-19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="253" data-original-width="657" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Mp4f2_-G5UpCPJtanPWB4ujci3r_dg1F0cAS9kysd2KvLrpuWicDQEyVSXb4DXMesWdKjD74NYOUwaDYYo0EUp96Ov7R88C2_FEj2m-oce4iVC8QHwJ4ArZKTuNwKUsM-xKckj8Y5Qs/s320/how-to-code-wp-theme-19.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: "georgia" , "times new roman" , serif;">Then add this code to front-page.php:</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><div class="container"></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Now the all code of front-page.php is"</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_header();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><div class="container"></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "courier new" , "courier" , monospace;"><?php get_footer();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Go to Dashboard, then to Pages -> Add new. Name it Home. Add some text, for example, Our home page. Click Publish button. </span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIzfjJej3U4GhAwiJqSg0K1KOPPXYUqFjHYdVCfwoVsak_B3TFhuSCIGBbbQWAUtcYbpkuko2yfpUZ8H1SytQ93hyphenhyphens1mbbv33KrBfPea-3SRTihDhCtCig-_2MWITBmakvRQ23hAjfb9I/s1600/how-to-code-wp-theme-20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="346" data-original-width="1288" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIzfjJej3U4GhAwiJqSg0K1KOPPXYUqFjHYdVCfwoVsak_B3TFhuSCIGBbbQWAUtcYbpkuko2yfpUZ8H1SytQ93hyphenhyphens1mbbv33KrBfPea-3SRTihDhCtCig-_2MWITBmakvRQ23hAjfb9I/s320/how-to-code-wp-theme-20.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">Go to Settings -> </span><span style="font-family: "georgia" , "times new roman" , serif;">Reading. In first option, select static page option and from dropdwon choose Home. Scroll down and save changes. </span><span style="font-family: "georgia" , "times new roman" , serif;">Refresh the theme page.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdpv_nUIbVjYPYd06Iz2Cy5Oau5aUpsnTIfDjjceBkd1MQILvxD8h2LTZwsNRini7e_rU7W04vM8EGSLfVP_WSQsCeo8XW8tk4VrHMNfLCrNrac-sQuYWLGceYRjpDBu-HIP7ontPlQA/s1600/how-to-code-wp-theme-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="310" data-original-width="1039" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdpv_nUIbVjYPYd06Iz2Cy5Oau5aUpsnTIfDjjceBkd1MQILvxD8h2LTZwsNRini7e_rU7W04vM8EGSLfVP_WSQsCeo8XW8tk4VrHMNfLCrNrac-sQuYWLGceYRjpDBu-HIP7ontPlQA/s320/how-to-code-wp-theme-21.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">25) Go to section-content.php add this code:</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php if (have_posts()) : while (have_posts()) : the_post();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php the_content();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "courier new" , "courier" , monospace;"><?php endwhile; else: endif;?> </span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Refresh the page.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_ocTSXLanQKJoyCLgzNcbQXHxWH89zvtO9dlx5ggQCDZLLvjqQbxrLWRydKv-PRTlHh6m8jpvL1_WSsIMFUCpZFtdXPTUorOTU5tUxsQaiYNcS6coPWPa6_7-8y3sCS7YtfHoxzwY4E/s1600/how-to-code-wp-theme-22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="268" data-original-width="702" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_ocTSXLanQKJoyCLgzNcbQXHxWH89zvtO9dlx5ggQCDZLLvjqQbxrLWRydKv-PRTlHh6m8jpvL1_WSsIMFUCpZFtdXPTUorOTU5tUxsQaiYNcS6coPWPa6_7-8y3sCS7YtfHoxzwY4E/s320/how-to-code-wp-theme-22.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPfRdHp1uy0_zX_B5-vegb-Ybjz9YzD_AqkHKvflFh6zgTqPj6uTl1mzsQz2bqHzqebh8Q-U1NzW61WUWA3wHpS3oao56kMvIYwpxaBLzEg3QZI8vR5A3Tek5hG1Yo5wZtrSjuHqtldB8/s1600/how-to-code-wp-theme-23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="284" data-original-width="878" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPfRdHp1uy0_zX_B5-vegb-Ybjz9YzD_AqkHKvflFh6zgTqPj6uTl1mzsQz2bqHzqebh8Q-U1NzW61WUWA3wHpS3oao56kMvIYwpxaBLzEg3QZI8vR5A3Tek5hG1Yo5wZtrSjuHqtldB8/s320/how-to-code-wp-theme-23.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">26) Go to Pages. Add new page. Name it About me. Add some text. And Publish it. </span><span style="font-family: "georgia" , "times new roman" , serif;">Add new page. Name it Contact me. Add some text. And Publish it.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">27) Go to page.php adn add:</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_header();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><div class="container"></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><?php get_template_part('includes/section', 'content');?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "courier new" , "courier" , monospace;"><?php get_footer();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">This is actually front-page.php code. Go to theme page and refresh it.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghX6TCzwCrD8uS5cBH9eAB1uMLNkybpUEuQCLqO7-Ec0mLYjqMcgutZCLQU51HHnqjMK4pG6L9TzFYd55uO8i4n0op08JYFmVSb3UOnTXrGHqOQ6cz5zioQNTn7h0Onqpqypj1nbfpdx0/s1600/how-to-code-wp-theme-24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="287" data-original-width="1274" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghX6TCzwCrD8uS5cBH9eAB1uMLNkybpUEuQCLqO7-Ec0mLYjqMcgutZCLQU51HHnqjMK4pG6L9TzFYd55uO8i4n0op08JYFmVSb3UOnTXrGHqOQ6cz5zioQNTn7h0Onqpqypj1nbfpdx0/s320/how-to-code-wp-theme-24.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb3fA307_0NZPRbIaYTBqiZY0U7QaKaqzYcYGjDpNOKNFSVEtOw3ejTyPEXzYS2kEPIWFTUpAWwUflPBFVA-aYomckpiTMlIDr9jTjYbNclz3ppEZRDR-5P2ZXb0nZnd4t3Jwz0_rNxCM/s1600/how-to-code-wp-theme-25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="232" data-original-width="681" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb3fA307_0NZPRbIaYTBqiZY0U7QaKaqzYcYGjDpNOKNFSVEtOw3ejTyPEXzYS2kEPIWFTUpAWwUflPBFVA-aYomckpiTMlIDr9jTjYbNclz3ppEZRDR-5P2ZXb0nZnd4t3Jwz0_rNxCM/s320/how-to-code-wp-theme-25.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">Creating template</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">28) Create new filein Sublime text, save it as templaete-contactme.php in your theme folder.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Add this code:</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">/*</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">Template Name: Contact Me page template</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">*/</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "courier new" , "courier" , monospace;">This is Contact Me page template.</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7X_tKmh9uNdrCd6mf3tD3M1hw0PTDU3RXXLCBb4Xnk0yTJNy7C1iFwm-jl9p8VIKep9tyLhaV0bdMCK43EVq-yaq-7VYJkaV7rqFSii5ZRDk8qDnSZglD0NhWkFVoEfm8gMuhL8mgj4I/s1600/how-to-code-wp-theme-27.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="308" data-original-width="897" height="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7X_tKmh9uNdrCd6mf3tD3M1hw0PTDU3RXXLCBb4Xnk0yTJNy7C1iFwm-jl9p8VIKep9tyLhaV0bdMCK43EVq-yaq-7VYJkaV7rqFSii5ZRDk8qDnSZglD0NhWkFVoEfm8gMuhL8mgj4I/s320/how-to-code-wp-theme-27.png" width="320" /></a></div>
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">Go to Contact Me page and on the right side under Page Attributes option and under Template option select your new template name, in this example Contact Me page template. Then add word template at the end of previous text. Click update. Go to Contact Me page and refresh it. </span><br />
<span style="font-family: "georgia" , "times new roman" , serif;">To view the page go to All Pages and hover over the you want to see and click View.</span><br />
<div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtbBuT7AG6itZPXYXfY2mk_m_oyRzUsMq7E2f6dFf0YvzOgBWZ7rMNPkHav2s-n2AhDAMv9Xrq0er7zggfgIyK0X09idQV6hzGVwvOxKItSE5EQzwC_mRe6BLPDgGb_q6k8YamRWtWR04/s1600/how-to-code-wp-theme-26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="490" data-original-width="1299" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtbBuT7AG6itZPXYXfY2mk_m_oyRzUsMq7E2f6dFf0YvzOgBWZ7rMNPkHav2s-n2AhDAMv9Xrq0er7zggfgIyK0X09idQV6hzGVwvOxKItSE5EQzwC_mRe6BLPDgGb_q6k8YamRWtWR04/s320/how-to-code-wp-theme-26.png" width="320" /></a></div>
<div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
<div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
</div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-73184016292571141892020-02-20T11:23:00.001-08:002020-02-20T11:25:30.171-08:00How to code Wordpress theme from zero - Part 1<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: "georgia" , "times new roman" , serif;">You will need XAMPP and Wordpres. How to <a href="https://skolatutorijala.blogspot.com/2016/01/wordpress-instalacija-sa-xampp-om.html"><b>install wordpress using XAMPP</b></a>.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">1. Find XAMPP. Open Windows Explorer, on the left side click on Local C disk, in the up right corner type "xampp" and press Enter. You are looking for xampp icon with text xampp-control. When you see it press red X in up right corner. Then double click on it. XAMPP window will open.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-EWJPdIFr9kuhOErnBXNSBM0CAkpqFgEvP1h7ebPSPblIWEN7Sq8SH_q0hKzZGhK63TVtJ3aG392mws_zM3M8FNcS2yY3S4r4uNaCWLb-qnwps9_AtyV8SwmdgunhW2KixNuqs3t8FLo/s1600/how-to-code-wp-theme-01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="572" data-original-width="818" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-EWJPdIFr9kuhOErnBXNSBM0CAkpqFgEvP1h7ebPSPblIWEN7Sq8SH_q0hKzZGhK63TVtJ3aG392mws_zM3M8FNcS2yY3S4r4uNaCWLb-qnwps9_AtyV8SwmdgunhW2KixNuqs3t8FLo/s320/how-to-code-wp-theme-01.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVXXeUjtY2siusilkvCSQw7AS6YWEhwQa_tXW63M4Jplj-aXHT4ScsBZZ0PPiTWoBY19P6hePY5o0p7VBOf6XGhW62LOXDHkbGlCexHRnW6oaEF8y2O_2ImNnC8R4HBd2aGbuS3c-oo7U/s1600/how-to-code-wp-theme-01b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="97" data-original-width="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVXXeUjtY2siusilkvCSQw7AS6YWEhwQa_tXW63M4Jplj-aXHT4ScsBZZ0PPiTWoBY19P6hePY5o0p7VBOf6XGhW62LOXDHkbGlCexHRnW6oaEF8y2O_2ImNnC8R4HBd2aGbuS3c-oo7U/s1600/how-to-code-wp-theme-01b.png" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">2) Start Apache and MySql. Click start button in line with Apache and click start button in line of MySql. They should be both in green. Close the window by pressing X.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<a name='more'></a><span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2YLfOSnit4rt_cBuTUOfYMoOQ6LyVIYZwhilouZUvvF5HopIYNrnyW4LrYu_bQ4wHG-r3UsmJygT8TVnKxahf6K0T2S-1vuQAiE1ijPZD0CgWs1k45fFCpIc0VxQzGxoq6CLlR0xfAuY/s1600/how-to-code-wp-theme-02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="487" data-original-width="679" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2YLfOSnit4rt_cBuTUOfYMoOQ6LyVIYZwhilouZUvvF5HopIYNrnyW4LrYu_bQ4wHG-r3UsmJygT8TVnKxahf6K0T2S-1vuQAiE1ijPZD0CgWs1k45fFCpIc0VxQzGxoq6CLlR0xfAuY/s320/how-to-code-wp-theme-02.png" width="320" /></a></div>
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">3) Login to your wordpress website. </span><br />
<span style="font-family: "georgia" , "times new roman" , serif;">4) In Dashboard, on left side, click Posts and delete all posts, if any.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7f2Vcl21XUgYZWhICcI0PNeEeNoaU0hbacrfBrGFB7-VGZ7F_iG_vJ18abHUdqOM6cGek46dXpSsFi1r06WavXgdrkyXM-GcQXnoaPaVv7rplUoBnma9zVzb3LprJTviKyw6kmAd4tOE/s1600/how-to-code-wp-theme-03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="454" data-original-width="1124" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7f2Vcl21XUgYZWhICcI0PNeEeNoaU0hbacrfBrGFB7-VGZ7F_iG_vJ18abHUdqOM6cGek46dXpSsFi1r06WavXgdrkyXM-GcQXnoaPaVv7rplUoBnma9zVzb3LprJTviKyw6kmAd4tOE/s320/how-to-code-wp-theme-03.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh924c6mGhpHc5uv1L808zLeNIwBuhC_8Cq01MgaXq7bExBVGMbNfxexShuzTs4hMZPcU49W46rTI5GWMfkG0KJGkaUdc8St_HeHZCo4Bw0K1_pTSSWBHxOu8hJSXDqh5CWxkAEV_s4kHY/s1600/how-to-code-wp-theme-04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="425" data-original-width="1048" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh924c6mGhpHc5uv1L808zLeNIwBuhC_8Cq01MgaXq7bExBVGMbNfxexShuzTs4hMZPcU49W46rTI5GWMfkG0KJGkaUdc8St_HeHZCo4Bw0K1_pTSSWBHxOu8hJSXDqh5CWxkAEV_s4kHY/s320/how-to-code-wp-theme-04.png" width="320" /></a></div>
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">5) Then go to Pages -> All Pages and delete all pages, if any.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0jlb_mdccBB5EqH9Kbhncqz_RR-7fgJPTXv01yiTqQQ7gwBsJNzk18NztLirhRpUi7Oh_g8wtybSMXbtz5X994td10xP3rdlz7ebjmuHWs21GUtZAJQ9WjurCjT2bChMkiVm_EchUGI/s1600/how-to-code-wp-theme-05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="468" data-original-width="1097" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0jlb_mdccBB5EqH9Kbhncqz_RR-7fgJPTXv01yiTqQQ7gwBsJNzk18NztLirhRpUi7Oh_g8wtybSMXbtz5X994td10xP3rdlz7ebjmuHWs21GUtZAJQ9WjurCjT2bChMkiVm_EchUGI/s320/how-to-code-wp-theme-05.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicHlL3QSTGO2aSMCSN0zumn1OrAZn_7dDxcJ1lFkIXQE6GCGq-eA7PqBIFrJHKXwhiiwBqGlTSk38JrrHgjty5lEAqbzAdmC_3oBkQXtGyPRziGSrLBwOtjm1uAaUsKRQnVg14PoMEDgk/s1600/how-to-code-wp-theme-06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="408" data-original-width="1076" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicHlL3QSTGO2aSMCSN0zumn1OrAZn_7dDxcJ1lFkIXQE6GCGq-eA7PqBIFrJHKXwhiiwBqGlTSk38JrrHgjty5lEAqbzAdmC_3oBkQXtGyPRziGSrLBwOtjm1uAaUsKRQnVg14PoMEDgk/s320/how-to-code-wp-theme-06.png" width="320" /></a></div>
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">6) Go to Settings ->Permalinks and click on Post Name option. Your post will have name or title of that post in address bar which is more SEO friendly.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ1RUdGKsY1lxNCk_RsGSB4PCjDfmc1jXUEZ2VOxBxppmSW1KKSyTwMR6R74YK4E-MSJMbVyOQlGRE1lxiOgtoKCclcMAgdt8mwMp8vlamLxKc9LA7oKXwY2Ynv-Y-DJlgP3zZeFKYDYE/s1600/how-to-code-wp-theme-07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="469" data-original-width="1121" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ1RUdGKsY1lxNCk_RsGSB4PCjDfmc1jXUEZ2VOxBxppmSW1KKSyTwMR6R74YK4E-MSJMbVyOQlGRE1lxiOgtoKCclcMAgdt8mwMp8vlamLxKc9LA7oKXwY2Ynv-Y-DJlgP3zZeFKYDYE/s320/how-to-code-wp-theme-07.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">7) Open code editor. I'm using <a href="https://www.sublimetext.com/3"><b><span style="color: blue;">Sublime Text 3</span></b></a>.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;">8) Go to themex folder. Path is C:\xampp\htdocs\police-dept-1\wp-content\themes. Open windows explorer, on the left side click local C disk, then click on xampp folder, then htdocs, then your database name, in mu example is police-dept-1, then click on wp-content folder and on themes folder.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2dSfOR-NJrCJP99lqZqb9_9k9FiRitx-_lSWI60TsqKZDXhsSqI7VNN90imEOkj6swBUoK8stZPEqxkBRXJCFYpF6nshzueqJULnEI7V04q2geF302-XIckqIzYTXSF9wx2XNDPX6TG4/s1600/how-to-code-wp-theme-08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="577" data-original-width="828" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2dSfOR-NJrCJP99lqZqb9_9k9FiRitx-_lSWI60TsqKZDXhsSqI7VNN90imEOkj6swBUoK8stZPEqxkBRXJCFYpF6nshzueqJULnEI7V04q2geF302-XIckqIzYTXSF9wx2XNDPX6TG4/s320/how-to-code-wp-theme-08.png" width="320" /></a></div>
<br />
<span style="font-family: "georgia" , "times new roman" , serif;">9) Create new folder, name it, to store our theme files. I'll name mine zero-theme.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjTQo4X77YclCm3lsLKxW9GCxXKSxtC-12IzHCF8aYqhnKHq2GN75K5ma7VpfFQVDPEBoe8IeKxirP_v3y5Bz1yAKvO0BAHxBzproTu5lGbNcZy6lr6yvgSyb3Ugx4n2Phgg00xn7pEEY/s1600/how-to-code-wp-theme-09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="568" data-original-width="820" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjTQo4X77YclCm3lsLKxW9GCxXKSxtC-12IzHCF8aYqhnKHq2GN75K5ma7VpfFQVDPEBoe8IeKxirP_v3y5Bz1yAKvO0BAHxBzproTu5lGbNcZy6lr6yvgSyb3Ugx4n2Phgg00xn7pEEY/s320/how-to-code-wp-theme-09.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">10) Open new file in Sublime text, press CTRL + S to save it. Name it style.css. Then create another new file, press CTRL + S and name it index.php. These are two basic files to activate our theme. Also, you will need screenshot is name of image, save as .png, size is 1200x900px. Mine is less.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQNgz2Q9iUpJMChVyZcgTVud4WVydEr3W-Qg1mI087euZxCaObme3PkKwDF_Ifmcp13sdT21pizIUDRVxE4vsUDL7HKW-H-0W4n3JiuFY84dK-VqI39lSLzJkoqW3y_HUCYLu9woOfCQ/s1600/how-to-code-wp-theme-10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="285" data-original-width="817" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQNgz2Q9iUpJMChVyZcgTVud4WVydEr3W-Qg1mI087euZxCaObme3PkKwDF_Ifmcp13sdT21pizIUDRVxE4vsUDL7HKW-H-0W4n3JiuFY84dK-VqI39lSLzJkoqW3y_HUCYLu9woOfCQ/s320/how-to-code-wp-theme-10.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">11) On Dashboard go to Appereance -> Themes. Your theme will appear with your screenshot.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxpPQtztULHVIq9UclgoWGffqH7mBgnwIfuCpQKQAJPM19V9CcweFhwhaHkBaEfXZuR3booJYRDJZG2E1AwOGKHL8Hb_jnIW-OtfoYbzCNXhmRjs9pfgJeDh_FninsudG4fHcG2rFuIGA/s1600/how-to-code-wp-theme-11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="453" data-original-width="901" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxpPQtztULHVIq9UclgoWGffqH7mBgnwIfuCpQKQAJPM19V9CcweFhwhaHkBaEfXZuR3booJYRDJZG2E1AwOGKHL8Hb_jnIW-OtfoYbzCNXhmRjs9pfgJeDh_FninsudG4fHcG2rFuIGA/s320/how-to-code-wp-theme-11.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">12) Activate your theme. Open new tab and open you theme. Path is http://localhost/police-dept-1/, localhost and name of your database. The page is empty.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">13) Type or copy and paste next lines. /* everything here is comment */</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;">/*</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">Theme Name: zero-theme</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">Author: Marija Rikic</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">URL: https://www.marijarikic.com</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">Version: 1.0</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">Tags: simple theme, wordpress theme, 2 columns</span><br />
<span style="font-family: "courier new" , "courier" , monospace;">Description: simple wordpress theme</span><br />
<br />
<span style="font-family: "courier new" , "courier" , monospace;">*/</span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdP64-qGBM0BNa0k32wj_9gOEy4H8RA76VEJFKf0ijigGktI-uDrzgqTyzdb7fFNhBqElv-5rEdQu0BcE9L8bMqn1E-aSYxY9LEw7SOQGBUO90i_8Y3o0yIZu7rUmdG8gbDA8Yf8ab9Eg/s1600/how-to-code-wp-theme-12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="511" data-original-width="1070" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdP64-qGBM0BNa0k32wj_9gOEy4H8RA76VEJFKf0ijigGktI-uDrzgqTyzdb7fFNhBqElv-5rEdQu0BcE9L8bMqn1E-aSYxY9LEw7SOQGBUO90i_8Y3o0yIZu7rUmdG8gbDA8Yf8ab9Eg/s320/how-to-code-wp-theme-12.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">14) Go to Themes again and refresh it or press F5 and click on Theme Details.</span><span style="font-family: "georgia" , "times new roman" , serif;"> </span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY4UjO1koxqDokyGxVB5HAz0sAwvCwuAz1RoKYjKAkTkYJKVUAbSOCyAV40pJbe-QAGi5psvMCxinGGOM6pfMSqZ3SihTvxS8TZP7tYJU0MggTkaX6wIgBiiZtL2I0zjMdcxG_Os-C1IU/s1600/how-to-code-wp-theme-13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="595" data-original-width="1083" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY4UjO1koxqDokyGxVB5HAz0sAwvCwuAz1RoKYjKAkTkYJKVUAbSOCyAV40pJbe-QAGi5psvMCxinGGOM6pfMSqZ3SihTvxS8TZP7tYJU0MggTkaX6wIgBiiZtL2I0zjMdcxG_Os-C1IU/s320/how-to-code-wp-theme-13.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">15) </span><span style="font-family: "georgia" , "times new roman" , serif;">Open new file, press CTRL + S to save it as functions.php. Keeps all functionality within a theme. </span><span style="font-family: "georgia" , "times new roman" , serif;">Open new file, press CTRL + S to save it as page.php. Wordpress will use page.php whenever the page is visited. You can assign specific templates to a specific page. </span><span style="font-family: "georgia" , "times new roman" , serif;">Open new file, press CTRL + S to save it as single.php. This is single blog post. </span><span style="font-family: "georgia" , "times new roman" , serif;">Open new file, press CTRL + S to save it as archive.php. All post withina blog . </span><span style="font-family: "georgia" , "times new roman" , serif;">Open new file, press CTRL + S to save it as front-page.php. It is home page. </span><span style="font-family: "georgia" , "times new roman" , serif;">Open new file, press CTRL + S to save it as search.php. This page will display all search resu</span><span style="font-family: "georgia" , "times new roman" , serif;">lts. </span><span style="font-family: "georgia" , "times new roman" , serif;">Open new file, press CTRL + S to save it as 404.php. This is error page. Page that does not exist.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPCUe1ONlwWq3YRU1euWu4mkxZnbjdFvFMcXk5i4kJU8PcS3_W0SZYbSIzb5cxy1Ldj6fHlNDsTP6tjgX2xz3oxiSd7elhaXUbdP79mn_TMzbfjD33XSBOA4O46qb0W7adSj8L8vh96wk/s1600/how-to-code-wp-theme-14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="293" data-original-width="1275" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPCUe1ONlwWq3YRU1euWu4mkxZnbjdFvFMcXk5i4kJU8PcS3_W0SZYbSIzb5cxy1Ldj6fHlNDsTP6tjgX2xz3oxiSd7elhaXUbdP79mn_TMzbfjD33XSBOA4O46qb0W7adSj8L8vh96wk/s320/how-to-code-wp-theme-14.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">16) Go to front-page.php. </span><span style="font-family: "courier new" , "courier" , monospace;">Type This is front page.</span><span style="font-family: "georgia" , "times new roman" , serif;"> Go to your theme refresh it or press F5.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpNnGec6LrL2YvkeqGCiEdCuTuASFtQ7bTCVsZ2JAKtah4aSMxuSitJN3Rwr0kABJnos-eJgSQJf0YR3ozRAScySynClt0lmzzbyYP9H0qUn-1NvQnnbvD7u8LbOhxKMjEbbD6pRxRU98/s1600/how-to-code-wp-theme-15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="364" data-original-width="494" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpNnGec6LrL2YvkeqGCiEdCuTuASFtQ7bTCVsZ2JAKtah4aSMxuSitJN3Rwr0kABJnos-eJgSQJf0YR3ozRAScySynClt0lmzzbyYP9H0qUn-1NvQnnbvD7u8LbOhxKMjEbbD6pRxRU98/s320/how-to-code-wp-theme-15.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: "georgia" , "times new roman" , serif;">17) </span><span style="font-family: "georgia" , "times new roman" , serif;"> </span><span style="font-family: "georgia" , "times new roman" , serif;">Open new file, press CTRL + S to save it as header.php. We will put navigation menu here. </span><span style="font-family: "georgia" , "times new roman" , serif;"> </span><span style="font-family: "georgia" , "times new roman" , serif;">Open new file, press CTRL + S to save it as footer.php.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">18) Go to front-page.php. We will include header and footer. </span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_header();?></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><div class="container"></span><br />
<span style="white-space: pre;"><span style="font-family: "courier new" , "courier" , monospace;"> </span></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><span style="white-space: pre;"> </span><h1><?php the_title();?></h1></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></div></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php get_footer();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">Go to header.php file and type </span><span style="font-family: "courier new" , "courier" , monospace;">This is header</span><span style="font-family: "georgia" , "times new roman" , serif;">. Then go to footer.php and type </span><span style="font-family: "courier new" , "courier" , monospace;">This is footer</span><span style="font-family: "georgia" , "times new roman" , serif;">. Save all three files. Refresh your home page.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">19) Go to header.php and type or copy and paste this code.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><!DOCTYPE html></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><html></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><head></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><title>Title of the document</title></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"></head></span><br />
<span style="font-family: "courier new" , "courier" , monospace;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><body></span><br />
<span style="font-family: "courier new" , "courier" , monospace;">The content of the document......</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">20) Go to footer.php and copey and paste this code</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"></body></span><br />
<br />
<span style="font-family: "courier new" , "courier" , monospace;"></html></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">21) Go to header.php and add this code</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php wp_head();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">under title tags.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">Go to footer.php and add</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "courier new" , "courier" , monospace;"><?php wp_footer();?></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span><span style="font-family: "georgia" , "times new roman" , serif;">before closing body tag.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">Refresh theme page. Wordpress admin bar is shown.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy9RK-jmNkImPB4AfCSaEUHx7P4pdNWTFtM7zRnpKoMsiNvEeq4pBaV-oXnh2QB7sFEJMaqFQzz8FFS4Bl66VCFj6_vveCWKJdxc6wuCqG27iHENKq7WZFmALwQlyiL5KZ1pSgv4bwoAc/s1600/how-to-code-wp-theme-16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="356" data-original-width="725" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy9RK-jmNkImPB4AfCSaEUHx7P4pdNWTFtM7zRnpKoMsiNvEeq4pBaV-oXnh2QB7sFEJMaqFQzz8FFS4Bl66VCFj6_vveCWKJdxc6wuCqG27iHENKq7WZFmALwQlyiL5KZ1pSgv4bwoAc/s320/how-to-code-wp-theme-16.png" width="320" /></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0tag:blogger.com,1999:blog-4574539407625542180.post-23470312350920056462020-02-20T10:56:00.004-08:002021-09-04T04:12:35.745-07:00How to code Wordpress theme from zero<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: "georgia" , "times new roman" , serif;"><b><a href="https://skolatutorijala.blogspot.com/2020/02/how-to-code-wordpress-theme-from-zero_78.html"><span style="color: cyan;">How to code Wordpress theme from zero - Part 1</span></a></b> = stting up coding environment and making basic files.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><b><a href="http://skolatutorijala.blogspot.com/2020/02/how-to-code-wordpress-theme-from-zero_43.html">How to code Wordpress theme from zero - Part 2</a></b> = adding, css and js files, creating content and template.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><b><a href="http://skolatutorijala.blogspot.com/2020/02/how-to-code-wordpress-theme-from-zero_21.html">How to code Wordpress theme from zero - Part 3</a></b> = adding sections to pages.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;"><b><a href="http://skolatutorijala.blogspot.com/2020/02/how-to-code-wordpress-theme-from-zero_12.html">How to code Wordpress theme from zero - Part 4</a></b> = creating and styling navigation menu and footer menu.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><br /></span>
<span style="font-family: "georgia" , "times new roman" , serif;">How to code Wordpress theme from zero - Part 5 = creating blog.</span><br />
<br /></div>
School of Tutorialshttp://www.blogger.com/profile/09734337226852494230noreply@blogger.com0