SAMSUNG_0126_W8 Advertisement SAMSUNG_0126_W8 Advertisement SAMSUNG_0126_W8 Advertisement

Vytvárame webové stránky, 17. časť

Archív NXT
0

Minule sme vám ukázali, ako sa vyrovnať stlačidlami amožnosťami zahrnutia webových stránok do sociálnej siete Facebook. Tentoraz sa pozrieme na možnosti pri Google Plus ahneď na úvod prezradíme, že proces je vtomto prípade podstatne jednoduchší.

Vzačiatkoch fungovalo tlačidlo len vo vyhľadávači Google. Potom však bolo sprístupnené aj tretím stranám na voľné použitie cez generátor kódu. Načo vlastne toto tlačidlo slúži? Ide oobdobu tlačidla Páči sa mi od Facebooku, kde je zaistená interakcia medzi skutočnými používateľmi. Určite ste sa sním už stretli vo výsledkoch hľadania aj na rôznych weboch ana to, aby ste naň na stránke (napríklad vášho obľúbeného e-shopu) klikli, musíte byť vprehliadači prihlásení do účtu Google. Ide oprvok, ktorý je navyše obsiahnutý aj vobchode Play apri výbere aplikácie alebo hry vidíte, či niektorý zvašich priateľov dal bod vybranej aplikácii. Pomôže to pri rozhodovaní aoto viac môže byť toto tlačidlo úspešné pri reklamnom nasadení ve-shopoch. Nemali by ste ho vynechať napríklad ani na vašom blogu.

Google Plus

Keďže ide o prvok prepojený so službou Google Plus, treba vložiť na stránku adekvátny kód. Na stránke http://developers.google.com nájdete včasti Websites generátor kódu. Pracuje asynchrónne sJavaScriptom, no používatelia ho majú štandardne povolený. Netreba sa teda obávať o kompatibilitu zobrazenia. Výhoda asynchrónneho spracovania je rýchlejšie načítanie stránky.

GPlusTlacidlo.png

Tlačidlo Google Plus na označenie vtejto sociálnej sieti, že sa „vám páči“ stránka

Prehliadač vtomto prípade nečaká na reakciu tohto prvku azatiaľ simultánne načíta ďalší obsah stránky spolu sostatnými aktívnymi prvkami. Na výber je niekoľko vzhľadov arozmerov, bez problému ho teda vsadíte do akejkoľvek stránky. Okrem označenia počtu webov, ktorým ste dali +1, je na výber možnosť úplne vynechať akýkoľvek popis alebo zmenšiť či zvoliť formát Tall na zalomenie textu vdvoch riadkoch.

Odznaky

Obdobou rozšíreného zobrazenia stránky na Facebook je prvok nazvaný ako Badge. Môže mať tri podoby, dve vychádzajú zprofilu, ktorý má reprezentovať. Ide oosobný profil na stránke Google Plus alebo komunitný profil. Kompletný vzhľad si necháte vygenerovať avizuálne úpravy sa najjednoduchšie realizujú cez ovládacie prvky vedľa odznaku.

Badge.png

Takýto „odznak“ môžete vložiť kdekoľvek na vaše stránky

Ako vidno na obrázku, môže obsahovať pozadie za profilovou fotkou alebo len fotografiu kruhu, môže byť orientovaný na výšku alebo šírku atakisto sa dá meniť farebný podklad alebo napríklad parameter Tagline. Vprofilovom odznaku tak zobrazí napríklad pracovnú pozíciu. Keďže sme sa venovali aj HTML5, bude pre mnohých dôležité, aby aj tento fragment kódu spĺňal potrebnú validáciu. Vzápise vprvom riadku kódu je už zápis pripravený so správnou syntaxou zápisu HTML5, konkrétne div class="g-person".

Odoberať

Okrem klasického propagovania fanúšikovskej stránky na GPlus odporúčame na stránku integrovať aj tlačidlo na sledovanie, teda odoberanie noviniek aobsahu. Každý používateľ, ktorý sa prihlási napríklad do Gmailu astal sa odoberateľom, bude mať vaše nové príspevky v menu upozornení vhornej časti aplikácií Google. Opäť ide ovloženie kódu do stránky, je kompatibilný sHTML5, dá sa však dostatočne dobre modifikovať podľa vlastných potrieb. Pri výbere si dajte pozor na voľbu správneho profilu.

Štandardne sa zobrazia osobný profil akomunitné stránky, ktorých správcom je používateľ prihlásený do služieb Google. Bez problému sa dajú pridať aj iné stránky. Túto možnosť odporúčame, najmä ak treba pridať na stránku iné komunitné aktivity než tie, ktorých ste vlastníkom. Odkaz na stránku vyzerá takto: https://plus.google.com/102856956556707093490/posts?hl=sk ana to, aby ste ho mohli prijať, treba prejsť do verejného profilu sledovanej služby alebo osoby. Malé upozornenie: Tým, že aktivujete tento prvok na odoberanie, sa nemusíte nevyhnutne stať odoberateľom aj vy. Čísla za lomkou sa nazývajú {pageId} apri ručnom vkladaní kódu treba nahradiť tento zápis za vlastný. Vo výsledku už bez zložených zátvoriek. Štandardne sú na výber štyri veľkosti, dĺžka sa mení automaticky vzávislosti od prekladu do jazyka, ktorý má používateľ nastavený na počítači. Aby sme zabránili dodatočnej anotácii (podobne to bolo aj pri Facebooku, ktorý sme uvádzali vpredošlom PC REVUE), treba pridať atribút data-anotation. Zápis by vyzeral takto:

Štandardná hodnota je nastavená na buble, teda na bublinu vedľa alebo nad popisom tlačidla Follow.

Google a optimalizácia

Vsúvislosti sGooglom prinášame aj pár rád na začiatok, ktoré sa neoplatí ignorovať. Stránky po ich vytvorení budete musieť optimalizovať. Pri tvorbe treba už od začiatku myslieť na to, aby bola každá stránka dosiahnuteľná cez priamy textový odkaz. Pri redakčných systémoch je možnosť voľby pri tvorbe unikátnych aľahko zapamätateľných názvov URL. Všimnite si na veľkých portáloch, napríklad spravodajských, že kčlánku sa môžete kedykoľvek vrátiť priamy zadaním odkazu (najčastejšie poskladaného znázvu článku).

Okrem iného práve na vytvorenie „lajkov“ na daný článok je tento spôsob vhodný a venovali sme sa mu vtejto časti návodu. Ak sa štruktúra stránky rozrastie, odporúčame nechať vygenerovať mapu webu, redakčné systémy si stým poradia automaticky. Pri vlastnom návrhu pomôžu prepracované softvéry, ako napríklad Adobe Dreamweaver. Každú jednu stránku pomenúvajte vpárovom elemente . </i>Pred pokročilou optimalizáciou SEO si overte, či sú všetky linky na stránke funkčné. Google výrazne znevýhodňuje postavenie webov schybnými odkazmi. Rovnako si dajte pozor na pomenovanie obrázkov. Názov ako IMG1254.jpg neodporúčame anahraďte ho radšej konkrétnym názvom, napríklad hrad.jpg. Vynechať sa neoplatí ani opis obrázka <i>ALT</i>. Môžete ho pomenovať ako Hrad, ale ešte lepšie pomenovanie je <span style="font-family:'Courier New';"><img src="hrad.jpg" alt="Bratislavský hrad pri západe slnka"></span>. Nepoužívajte dlhšie opisy, už vôbec nie viac viet.</p><h3>Nabudúce</h3><p>Optimalizácia SEO (<i>Search Engine Optimalization</i>) je vcelku poriadna veda. Pár návodov atipov prinesieme nabudúce.</p><p></p> </div> </article> <section class="article-nav"> <a class="left arrow-wrap" rel="prev" href="/a/FIIT-oslavovala-10-rokov-svojho-zalozenia" title="FIIT oslavovala 10 rokov svojho založenia"> <span class="icon"> <i class="fas fa-chevron-left"></i> </span> <span class="text"> <span class="arrow"> Previous post </span> <span class="name">FIIT oslavovala 10 rokov svojho založenia</span> </span> </a> <a class="right arrow-wrap" rel="next" href="/a/Rizika-v-socialnych-sietach-a-ochrana-dat" title="Riziká v sociálnych sieťach a ochrana dát"> <span class="text"> <span class="arrow"> Next post </span> <span class="name">Riziká v sociálnych sieťach a ochrana dát</span> </span> <span class="icon"> <i class="fas fa-chevron-right"></i> </span> </a> </section> <!-- <div class="strossle-widget"></div> --> <div id="engerio-widget-horizontal-d0cd8182-ff1e-4945-a1ad-fff93abb6bdd" data-eWidget="d0cd8182-ff1e-4945-a1ad-fff93abb6bdd" data-eType="horizontal" data-eListener="true"></div> <div style="height:20px"></div> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Article", "mainEntityOfPage" : "True", "headline" : "Vytvárame webové stránky, 17. časť", "articleBody" : " Minule sme vám ukázali, ako sa vyrovnať stlačidlami amožnosťami zahrnutia webových stránok do sociálnej siete Facebook. Tentoraz sa pozrieme na možnosti pri Google Plus ahneď na úvod prezradíme, že proces je vtomto prípade podstatne jednoduchší.Vzačiatkoch fungovalo tlačidlo len vo vyhľadávači Google. Potom však bolo sprístupnené aj tretím stranám na voľné použitie cez generátor kódu. Načo vlastne toto tlačidlo slúži? Ide oobdobu tlačidla Páči sa mi od Facebooku, kde je zaistená interakcia medzi skutočnými používateľmi. Určite ste sa sním už stretli vo výsledkoch hľadania aj na rôznych weboch ana to, aby ste naň na stránke (napríklad vášho obľúbeného e-shopu) klikli, musíte byť vprehliadači prihlásení do účtu Google. Ide oprvok, ktorý je navyše obsiahnutý aj vobchode Play apri výbere aplikácie alebo hry vidíte, či niektorý zvašich priateľov dal bod vybranej aplikácii. Pomôže to pri rozhodovaní aoto viac môže byť toto tlačidlo úspešné pri reklamnom nasadení ve-shopoch. Nemali by ste ho vynechať napríklad ani na vašom blogu. Google PlusKeďže ide o prvok prepojený so službou Google Plus, treba vložiť na stránku adekvátny kód. Na stránke http://developers.google.com nájdete včasti Websites generátor kódu. Pracuje asynchrónne sJavaScriptom, no používatelia ho majú štandardne povolený. Netreba sa teda obávať o kompatibilitu zobrazenia. Výhoda asynchrónneho spracovania je rýchlejšie načítanie stránky. Tlačidlo Google Plus na označenie vtejto sociálnej sieti, že sa „vám páči“ stránka Prehliadač vtomto prípade nečaká na reakciu tohto prvku azatiaľ simultánne načíta ďalší obsah stránky spolu sostatnými aktívnymi prvkami. Na výber je niekoľko vzhľadov arozmerov, bez problému ho teda vsadíte do akejkoľvek stránky. Okrem označenia počtu webov, ktorým ste dali +1, je na výber možnosť úplne vynechať akýkoľvek popis alebo zmenšiť či zvoliť formát Tall na zalomenie textu vdvoch riadkoch.OdznakyObdobou rozšíreného zobrazenia stránky na Facebook je prvok nazvaný ako Badge. Môže mať tri podoby, dve vychádzajú zprofilu, ktorý má reprezentovať. Ide oosobný profil na stránke Google Plus alebo komunitný profil. Kompletný vzhľad si necháte vygenerovať avizuálne úpravy sa najjednoduchšie realizujú cez ovládacie prvky vedľa odznaku. Takýto „odznak“ môžete vložiť kdekoľvek na vaše stránkyAko vidno na obrázku, môže obsahovať pozadie za profilovou fotkou alebo len fotografiu kruhu, môže byť orientovaný na výšku alebo šírku atakisto sa dá meniť farebný podklad alebo napríklad parameter Tagline. Vprofilovom odznaku tak zobrazí napríklad pracovnú pozíciu. Keďže sme sa venovali aj HTML5, bude pre mnohých dôležité, aby aj tento fragment kódu spĺňal potrebnú validáciu. Vzápise vprvom riadku kódu je už zápis pripravený so správnou syntaxou zápisu HTML5, konkrétne div class="g-person".OdoberaťOkrem klasického propagovania fanúšikovskej stránky na GPlus odporúčame na stránku integrovať aj tlačidlo na sledovanie, teda odoberanie noviniek aobsahu. Každý používateľ, ktorý sa prihlási napríklad do Gmailu astal sa odoberateľom, bude mať vaše nové príspevky v menu upozornení vhornej časti aplikácií Google. Opäť ide ovloženie kódu do stránky, je kompatibilný sHTML5, dá sa však dostatočne dobre modifikovať podľa vlastných potrieb. Pri výbere si dajte pozor na voľbu správneho profilu. Štandardne sa zobrazia osobný profil akomunitné stránky, ktorých správcom je používateľ prihlásený do služieb Google. Bez problému sa dajú pridať aj iné stránky. Túto možnosť odporúčame, najmä ak treba pridať na stránku iné komunitné aktivity než tie, ktorých ste vlastníkom. Odkaz na stránku vyzerá takto: https://plus.google.com/102856956556707093490/posts?hl=sk ana to, aby ste ho mohli prijať, treba prejsť do verejného profilu sledovanej služby alebo osoby. Malé upozornenie: Tým, že aktivujete tento prvok na odoberanie, sa nemusíte nevyhnutne stať odoberateľom aj vy. Čísla za lomkou sa nazývajú {pageId} apri ručnom vkladaní kódu treba nahradiť tento zápis za vlastný. Vo výsledku už bez zložených zátvoriek. Štandardne sú na výber štyri veľkosti, dĺžka sa mení automaticky vzávislosti od prekladu do jazyka, ktorý má používateľ nastavený na počítači. Aby sme zabránili dodatočnej anotácii (podobne to bolo aj pri Facebooku, ktorý sme uvádzali vpredošlom PC REVUE), treba pridať atribút data-anotation. Zápis by vyzeral takto:<div class="g-follow" data-annotation="none" data-height="20" data-href="//plus.google.com/100473772780937154829" data-rel="publisher"></div>Štandardná hodnota je nastavená na buble, teda na bublinu vedľa alebo nad popisom tlačidla Follow.Google a optimalizáciaVsúvislosti sGooglom prinášame aj pár rád na začiatok, ktoré sa neoplatí ignorovať. Stránky po ich vytvorení budete musieť optimalizovať. Pri tvorbe treba už od začiatku myslieť na to, aby bola každá stránka dosiahnuteľná cez priamy textový odkaz. Pri redakčných systémoch je možnosť voľby pri tvorbe unikátnych aľahko zapamätateľných názvov URL. Všimnite si na veľkých portáloch, napríklad spravodajských, že kčlánku sa môžete kedykoľvek vrátiť priamy zadaním odkazu (najčastejšie poskladaného znázvu článku). Okrem iného práve na vytvorenie „lajkov“ na daný článok je tento spôsob vhodný a venovali sme sa mu vtejto časti návodu. Ak sa štruktúra stránky rozrastie, odporúčame nechať vygenerovať mapu webu, redakčné systémy si stým poradia automaticky. Pri vlastnom návrhu pomôžu prepracované softvéry, ako napríklad Adobe Dreamweaver. Každú jednu stránku pomenúvajte vpárovom elemente <title>. Pred pokročilou optimalizáciou SEO si overte, či sú všetky linky na stránke funkčné. Google výrazne znevýhodňuje postavenie webov schybnými odkazmi. Rovnako si dajte pozor na pomenovanie obrázkov. Názov ako IMG1254.jpg neodporúčame anahraďte ho radšej konkrétnym názvom, napríklad hrad.jpg. Vynechať sa neoplatí ani opis obrázka ALT. Môžete ho pomenovať ako Hrad, ale ešte lepšie pomenovanie je <img src="hrad.jpg" alt="Bratislavský hrad pri západe slnka">. Nepoužívajte dlhšie opisy, už vôbec nie viac viet.NabudúceOptimalizácia SEO (Search Engine Optimalization) je vcelku poriadna veda. Pár návodov atipov prinesieme nabudúce.", "image" : { "@type" : "ImageObject", "url" : "https://www.nextech.sk/files/photo/2015-10/1738/4857e5/1d7s.jpg" }, "url" : "https://www.nextech.sk/a/Vytvarame-webove-stranky--17--cast", "discussionURL" : "https://www.nextech.sk/a/Vytvarame-webove-stranky--17--cast#comments", "inLanguage" : "sk", "articleSection": "Archív NXT", "datePublished" : "2013-12-10T09:06:00+0100", "dateModified" : "2025-11-23T02:04:16+0100", "author" : { "@type" : "Organization", "name" : "NEXTECH" }, "publisher" : { "@type" : "Organization", "name" : "NEXTECH", "url" : "http://www.nextech.sk", "logo" : { "@type" : "ImageObject", "url" : "https://www.nextech.sk/assets/7bdcd000/theme/images/logo-nextech-background.png", "width" : "800px", "height": "150px" } } } </script> <section id="comments" class="comments-area"> <div class="wrap"> <div class="comment_list"> </div> <div class="comments-form"> <div class="form-wrapper comments-action-content"> <form class="comment-form" id="forumMessage-form" action="/community/forum/addNewForumMessage/parentId/39636/private/0" method="post"> <h3>Pridať komentár</h3> <div class="error-wrapper"> </div> <div class="input-wrap"> <label class=" required" for="ForumMessage_title">Titulok <span class="required">*</span></label> <input size="128" maxlength="128" class="" placeholder="Vložte titulok Vašeho komentára" name="ForumMessage[title]" id="ForumMessage_title" type="text" /> </div> <div class="input-wrap"> <label class=" required" for="ForumMessage_content">Obsah <span class="required">*</span></label> <textarea cols="30" rows="5" class="" placeholder="Vložte Váš komentár" name="ForumMessage[content]" id="ForumMessage_content"></textarea> </div> <div style="margin-bottom: 10px;"> <div class="g-recaptcha" data-sitekey="6Lfv7xcTAAAAACR3bk1H-_CfaWlrJ9yJlFrCTabq"></div> </div> <input type="hidden" name="root" value="1"> <input type="hidden" name="mid" value="39636"> <input type="hidden" name="new" value="1"> <input type="hidden" name="communityCategoryId" value="29"> <div class="input-wrap"> <input class="button secondary" type="submit" name="yt0" value="Pridať príspevok" /> </div> </form></div> </div> </div> <!-- <div class="fb-comments" data-href="https://www.nextech.sk/a/Vytvarame-webove-stranky--17--cast" data-numposts="15" data-width="100%"></div> --> </section> <section class="article-listing"> <h2 class="section-title hidden-xs-down">Mohlo by vás zaujímať</h2> <h2 class="responsive-section-title hidden-xs-up">Mohlo by vás zaujímať</h2> <div class="row"> <div class="col-lg-4 col-sm-6"> <article class=""> <a href="/a/Obsah-NEXTECH-1-2-2026"> <img src="/files/photo/2026-02/133891/bf10ed/NEXTECH-1-2-2026-cover_190x200.jpg" alt="Photo Obsah NEXTECH 1-2/2026" /> <div class="text"> <div class="meta"> <time datetime="2026-02-02">02.02.2026</time> <div class="comments"> <span>0</span> <i class="fas fa-comment-alt" aria-hidden="true"></i> </div> </div> <h2> Obsah NEXTECH 1-2/2026 </h2> </div> </a> </article> </div> <div class="col-lg-4 col-sm-6"> <article class=""> <a href="/a/Kompletne-vydanie-NEXTECH-1-2-2026-vo-formate-PDF"> <img src="/files/photo/2026-02/133890/46fe69/PDF-NEXTECH_190x200.jpg" alt="Photo Kompletné vydanie NEXTECH 1-2/2026 vo formáte PDF" /> <div class="text"> <div class="meta"> <time datetime="2026-02-02">02.02.2026</time> <div class="comments"> <span>0</span> <i class="fas fa-comment-alt" aria-hidden="true"></i> </div> </div> <h2> Kompletné vydanie NEXTECH 1-2/2026 vo formáte PDF </h2> </div> </a> </article> </div> <div class="col-lg-4 col-sm-6"> <article class=""> <a href="/a/Obsah-NEXTECH-12-2025"> <img src="/files/photo/2025-12/132169/80a0d7/NEXTECH-12-2025-cover_190x200.jpg" alt="Photo Obsah NEXTECH 12/2025" /> <div class="text"> <div class="meta"> <time datetime="2025-12-03">03.12.2025</time> <div class="comments"> <span>0</span> <i class="fas fa-comment-alt" aria-hidden="true"></i> </div> </div> <h2> Obsah NEXTECH 12/2025 </h2> </div> </a> </article> </div> </div> </section> <script> $(function(){ $('#showGallery').on('click', function(e){ e.preventDefault(); $.fancybox([ ]); }); $('article.detail .content').on('click', 'img', function(e){ if(!$(this).parent().is('a')){ e.preventDefault(); $.fancybox($(this).attr('src')); } }); }); </script> </div> <div class="col-lg-3 hidden-md-down"> <aside> <form id="articleSearchForm" class="search" action="/clanky/uglyUrl/1" method="get"> <input type="hidden" name="communityCategory" id="communityCategory" /> <input placeholder="Hľadať v článkoch" id="search-articles" autocomplete="off" type="text" name="hladat" /> <button><i class="fas fa-search"></i></button> </form> <div class="box"> <h2>Najčítanejšie</h2> <ul class="nav nav-tabs" id="most-read-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="day-tab" data-toggle="tab" href="#default_articles-day" role="tab" aria-controls="articles-day" aria-selected="true">24 Hodín</a> </li> <li class="nav-item"> <a class="nav-link " id="week-tab" data-toggle="tab" href="#default_articles-week" role="tab" aria-controls="articles-week" aria-selected="false">Týždeň</a> </li> <li class="nav-item"> <a class="nav-link " id="month-tab" data-toggle="tab" href="#default_articles-month" role="tab" aria-controls="articles-month" aria-selected="false">Mesiac</a> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane active" id="default_articles-day" role="tabpanel" aria-labelledby="day-tab"> <ul class="most-read"> <li> <a href="/a/JBL-Tune-530BT---Osvedcena-kvalita-za-par-drobnych"><span class="t">JBL Tune 530BT / Osvedčená kvalita za pár drobných</span></a> </li> <li> <a href="/a/Roborock-Qrevo-Edge-S5A---Vykonny-roboticky-vysavac-s-multifunkcnym-dokom"><span class="t">Roborock Qrevo Edge S5A / Výkonný robotický vysávač s multifunkčným dokom</span></a> </li> <li> <a href="/a/Vedci-nasli-vysvetlenie-preco-je-ludsky-mozog-citlivy-na-spln-mesiaca-a-geomagneticke-burky-slnka"><span class="t">Vedci našli vysvetlenie prečo je ľudský mozog citlivý na spln mesiaca a geomagnetické búrky slnka</span></a> </li> <li> <a href="/a/Revolucny-kov-moze-zasadne-zmenit-konstrukciu-elektroniky"><span class="t">Revolučný kov môže zásadne zmeniť konštrukciu elektroniky</span></a> </li> <li> <a href="/a/Inteligentny-prsten-s-dotykovym-displejom-za-prekvapivo-nizku-cenu"><span class="t">Inteligentný prsteň s dotykovým displejom za prekvapivo nízku cenu</span></a> </li> <li> <a href="/a/AI-agenti-si-na-socialnej-sieti-vytvorili-vlastne-pseudonabozenstvo"><span class="t">AI agenti si na sociálnej sieti vytvorili vlastné pseudonáboženstvo </span></a> </li> <li> <a href="/a/Umenie-dialogu-so-strojom--Ako-vytazit-z-ChatGPT-maximum"><span class="t">Umenie dialógu so strojom: Ako vyťažiť z ChatGPT maximum </span></a> </li> <li> <a href="/a/Elon-Musk-chce-z-miliona-satelitov-na-obeznej-drahe-vytvorit-orbitalny-superpocitac"><span class="t">Elon Musk chce z milióna satelitov na obežnej dráhe vytvoriť orbitálny superpočítač</span></a> </li> </ul> </div> <div class="tab-pane " id="default_articles-week" role="tabpanel" aria-labelledby="week-tab"> <ul class="most-read"> <li> <a href="/a/Mercedes-vyuziva-revolucny-solarny-lak-zabezpecujuci-dojazd-az-12-000-km-rocne"><span class="t">Mercedes využíva revolučný solárny lak zabezpečujúci dojazd až 12 000 km ročne (2433)</span></a> </li> <li> <a href="/a/Apple-Ring-2026--co-dokaze-a-kolko-bude-stat"><span class="t">Apple Ring 2026: čo dokáže a koľko bude stáť (1377)</span></a> </li> <li> <a href="/a/JBL-Tune-530BT---Osvedcena-kvalita-za-par-drobnych"><span class="t">JBL Tune 530BT / Osvedčená kvalita za pár drobných (868)</span></a> </li> <li> <a href="/a/Internet-zo-stratosfery--Solarne-drony-a-vzducholode-mozu-lacno-a-rychlo-pripojit-miliardy-ludi"><span class="t">Internet zo stratosféry: Solárne drony a vzducholode môžu lacno a rýchlo pripojiť miliardy ľudí (707)</span></a> </li> <li> <a href="/a/Koniec-litioveho-monopolu--na-scenu-prichadzaju-lacne-a-bezpecne-sodikove-baterie"><span class="t">Koniec lítiového monopolu: na scénu prichádzajú lacné a bezpečné sodíkové batérie (674)</span></a> </li> <li> <a href="/a/JBL-Grip---Kvalitny-zvuk-vo-velkosti-plechovky"><span class="t">JBL Grip / Kvalitný zvuk vo veľkosti plechovky (593)</span></a> </li> <li> <a href="/a/Prevratny-smartfon-NexPhone-utoci-na-hranice-medzi-mobilnym-a-desktopovym-svetom"><span class="t">Prevratný smartfón NexPhone útočí na hranice medzi mobilným a desktopovým svetom (577)</span></a> </li> <li> <a href="/a/Koniec-prace-ako-ju-pozname-a-prichod-ery-blahobytu"><span class="t">Koniec práce ako ju poznáme a príchod éry blahobytu (521)</span></a> </li> </ul> </div> <div class="tab-pane " id="default_articles-month" role="tabpanel" aria-labelledby="month-tab"> <ul class="most-read"> <li> <a href="/a/Poistovne-vyuzivaju-drony--aby-vam-mohli-zrusit-poistku-na-dom"><span class="t">Poisťovne využívajú drony, aby vám mohli zrušiť poistku na dom (44238)</span></a> </li> <li> <a href="/a/Ukrajina-nasadila-do-boja-vodikovy-dron-s-extremnou-vydrzou"><span class="t">Ukrajina nasadila do boja vodíkový dron s extrémnou výdržou (13753)</span></a> </li> <li> <a href="/a/Nas-mozog-je-mozno-len-prijimacom-vesmirnej-inteligencie"><span class="t">Náš mozog je možno len prijímačom vesmírnej inteligencie (11731)</span></a> </li> <li> <a href="/a/Cina-vyvija-kvantove-zbrane--ktore-mozu-uplne-znefunkcnit-technologiu-stealth"><span class="t">Čína vyvíja kvantové zbrane, ktoré môžu úplne znefunkčniť technológiu stealth (10831)</span></a> </li> <li> <a href="/a/Motorka-so-zabudovanym-vibratorom-prinasa-uzitocne-vyhody"><span class="t">Motorka so zabudovaným vibrátorom prináša užitočné výhody (9487)</span></a> </li> <li> <a href="/a/Otec-so-synom-si-doma-vyrobili-najrychlejsi-dron-na-svete"><span class="t">Otec so synom si doma vyrobili najrýchlejší dron na svete (7675)</span></a> </li> <li> <a href="/a/Elon-Musk-radi--Na-dochodok-si-nesetrite--nebude-to-treba"><span class="t">Elon Musk radí: Na dôchodok si nešetrite, nebude to treba (6639)</span></a> </li> <li> <a href="/a/Pikaboost-2-zmeni-obycajny-bicykel-na-e-bike-za-par-sekund"><span class="t">Pikaboost 2 zmení obyčajný bicykel na e-bike za pár sekúnd (5976)</span></a> </li> </ul> </div> </div> </div> <script> function storeClick749(){ $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER-CLICK/url/aHR0cHMlM0ElMkYlMkZ3d3cuaXRhcGEuc2slMkZpdGFwYS1oZWFsdGgtY2FyZS0yMDI2JTJG/id/749/parameters/IiI%3D" ); }); } </script> <a href="https://www.itapa.sk/itapa-health-care-2026/" title="ITAPA_HaC 2026" onclick="storeClick749(); return true;" target="_blank" class="promo-zone"> <img src="/files/photo/2026-02/134068/e67577/itapa-HaC-2026-banner-300x300px.gif" alt="ITAPA_HaC 2026" class="img-responsive" /> </a> <script> $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER/url/aHR0cHM6Ly93d3cubmV4dGVjaC5zay9hL1Z5dHZhcmFtZS13ZWJvdmUtc3RyYW5reS0tMTctLWNhc3Q%3D/id/749/parameters/bnVsbA%3D%3D" ); }); </script> <div class="box"> <h2> Najnovšie videá </h2> <div class="video-sidebar-wrapper"> <div class="spinner-wrapper text-center"> <i class="fas fa-spinner fa-2x fa-spin"></i> </div> </div> <!-- <article class="only-title"> <a href="#"> <div class="image"> <img src="assets/img/small-news.jpg" alt="title"> <div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div> </div> <h3>Genetickí programátori a dizajnovanie detí</h3> </a> </article> <article class="only-title"> <a href="#"> <div class="image"> <img src="assets/img/small-news2.jpg" alt="title"> <div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div> </div> <h3>Genetickí programátori a dizajnovanie detí</h3> </a> </article> <article class="only-title"> <a href="#"> <div class="image"> <img src="assets/img/small-news3.jpg" alt="title"> <div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div> </div> <h3>Genetickí programátori a dizajnovanie detí</h3> </a> </article> <article class="only-title"> <a href="#"> <div class="image"> <img src="assets/img/small-news4.jpg" alt="title"> <div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div> </div> <h3>Genetickí programátori a dizajnovanie detí</h3> </a> </article> --> <div class="text-center"> <a href="/videa" class="button small">Všetky videá</a> </div> </div> <script> var key = "UC51n0kPREVzryruUQLUDyvQ"; function showVideos(videos) { var template = $('#video-template').html(); var max = 3; var chunks = []; var count = 0; while (count != 1) { chunks.push(videos.splice(0, max)); count++; } for (i in chunks) { var chunk = chunks[i]; var list = $('<div />'); for (var j = 0; j < chunk.length; j++) { var item = chunk[j]; var data = {}; data.html_class = ''; if (j == 0) data.html_class = 'first'; if (j == chunk.length - 1) data.html_class = 'last'; data.title = item.snippet.title; data.thumbnail = item.snippet.thumbnails.high.url; data.url = "https://www.youtube.com/watch?v=" + item.snippet.resourceId.videoId; var publishedAt = new Date(item.snippet.publishedAt); data.publishedAt = publishedAt.getDate() + "." + (publishedAt.getMonth() + 1) + "." + publishedAt.getFullYear() + " " + publishedAt.getHours() + ":" + publishedAt.getMinutes(); var rendered = Mustache.render(template, data); list.append(rendered); } $('.video-sidebar-wrapper .spinner-wrapper').remove(); $('.video-sidebar-wrapper').prepend(list); } } function onGoogleLoad2() { gapi.client.setApiKey('AIzaSyC7iBj_muwZQpthh-Rfaez0jjdVvWJyJeg'); gapi.client.load('youtube', 'v3', function () { var request = gapi.client.youtube.channels.list({ id: 'UC51n0kPREVzryruUQLUDyvQ', part: 'snippet,contentDetails', }); request.execute(function (response) { playlistId = response.result.items[0].contentDetails.relatedPlaylists.uploads; channelId = response.result.items[0].id; var requestOptions = { playlistId: playlistId, part: 'snippet,id', maxResults: 3 }; var request = gapi.client.youtube.playlistItems.list(requestOptions); request.execute(function (response) { if (response.items.length > 0) { var items = response.items; var videos = jQuery.extend(true, [], items); showVideos(videos); if (Modernizr.localstorage && JSON) { var to_store = {}; to_store.timestamp = new Date().getTime(); to_store.items = items; localStorage.setItem("itnews_videos_sidebar_new_nextech_" + key, JSON.stringify(to_store, null, ' ')) } } }); }); }); } $(function () { function loadDataApi() { $.getScript("https://apis.google.com/js/client.js?onload=onGoogleLoad2"); } if (Modernizr.localstorage) { var stored = localStorage.getItem('itnews_videos_sidebar_new_nextech_' + key); if (stored) { stored = $.parseJSON(stored); var diff = Math.round((new Date().getTime() - new Date(stored.timestamp).getTime()) / 1000); // in seconds var until = 60 * 60 * 12 * 1; // 0,5 day if (until > diff) {showVideos(stored.items); } else {loadDataApi();} } else {loadDataApi();} } else {loadDataApi();} }); </script> <script type="text/javascript" src="/assets/7bdcd000/frontend/js/mustache.js"></script> <script id="video-template" type="x-tmpl-mustache"> <article class="only-title {{ html_class }}"> <a href="{{ url }}"> <div class="image"> <img src="{{ thumbnail }}" alt="{{ title }}"> <div class="icon"><i class="fas fa-play" aria-hidden="true"></i></div> </div> <h3>{{ title }}</h3> </a> </article> </script> <div class="box"> <h2>IT projekty pre freelancerov</h2> <ul class="most-read"> <li> <article> <a href="https://join.titans.eu/sk/python-programmer-web-applications-260204DSK" target="_blank"> <h4>Python programátor [webové aplikácie]</h4> <div><i class="fa fa-money"></i> 4 400 € - 5 600 €</div> <div><i class="fa fa-map-marker"></i> 100% Remote</div> <div><i class="fa fa-clock-o"></i> 5-6 mesiacov s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/backup-infrastructure-architect-veeam-vmware-sannas-260203ASK" target="_blank"> <h4>Backup & Infrastructure Architect [Veeam, VMware, SAN/NAS]</h4> <div><i class="fa fa-money"></i> 6 600 € - 7 600 €</div> <div><i class="fa fa-map-marker"></i> Bratislava</div> <div><i class="fa fa-clock-o"></i> 3 mesiace s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/it-analyst-senior-solution-designer-smart-cities-platform-260129FSK" target="_blank"> <h4>IT analytik (Senior Solution Designer - Smart Cities Platform)</h4> <div><i class="fa fa-money"></i> 5 000 € - 6 000 €</div> <div><i class="fa fa-map-marker"></i> Bratislava</div> <div><i class="fa fa-clock-o"></i> 10 mesiacov s možnosťou predĺženia</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/automation-tester-german-language-260129ASK" target="_blank"> <h4>Automatizačný tester [Nemčina] </h4> <div><i class="fa fa-money"></i> 4 800 € - 6 000 €</div> <div><i class="fa fa-map-marker"></i> 100% Remote</div> <div><i class="fa fa-clock-o"></i> 10-12 mesiacov</div> </a> </article> </li> <li> <article> <a href="https://join.titans.eu/sk/java-backend-developer-260127ASK" target="_blank"> <h4>Java backend developer</h4> <div><i class="fa fa-money"></i> 6 000 € - 6 600 €</div> <div><i class="fa fa-map-marker"></i> Bratislava</div> <div><i class="fa fa-clock-o"></i> 12-36 mesiacov s možnosťou predĺženia</div> </a> </article> </li> </ul> <div> <a href="https://www.titans.sk?utm_source=URL&utm_medium=rssfeed&utm_campaign=NEXTECH&utm_id=05022024&utm_term=homepage&utm_content=logo" target="_blank" class="text-center" style="display: block;"> <img src="/assets/7bdcd000/nextech/assets/img/titans.png" width="100px"> </a> </div> </div> <!-- EVENTS BANNERS --> <script> function storeClick746(){ $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER-CLICK/url/aHR0cHMlM0ElMkYlMkZhaWRheS5zayUyRnNrJTJG/id/746/parameters/IiI%3D" ); }); } </script> <a href="https://aiday.sk/sk/" title="AI DAY_2026" onclick="storeClick746(); return true;" target="_blank" class="promo-zone"> <img src="/files/photo/2026-01/133798/350ef3/AI-Day-300x300.jpg" alt="AI DAY_2026" class="img-responsive" /> </a> <script> $(function(){ $.get( "https://www.nextech.sk/site/visitStore/type/BANNER/url/aHR0cHM6Ly93d3cubmV4dGVjaC5zay9hL1Z5dHZhcmFtZS13ZWJvdmUtc3RyYW5reS0tMTctLWNhc3Q%3D/id/746/parameters/bnVsbA%3D%3D" ); }); </script> <div class="box"> <h2> Recenzie </h2> <article class="small"> <a href="/a/HONOR-Pad-X9a---Lepsi--ako-by-ste-cakali"> <div class="image"> <img src="/files/photo/2026-02/134066/12014d/uvod_64x80.jpg" alt="Photo HONOR Pad X9a / Lepší, ako by ste čakali"/> </div> <div class="text"> <h3>HONOR Pad X9a / Lepší, ako by ste čakali</h3> </div> </a> </article> <article class="small"> <a href="/a/SANDISK-Extreme-Fit-USB-C-512-GB---Rozsirte-si-pamat-svojho-tabletu-ci-notebooku"> <div class="image"> <img src="/files/photo/2026-02/134055/c7de22/img-4515_64x80.jpg" alt="Photo SANDISK Extreme Fit USB-C 512 GB / Rozšírte si pamäť svojho tabletu či notebooku"/> </div> <div class="text"> <h3>SANDISK Extreme Fit USB-C 512 GB / Rozšírte si pamäť svojho ...</h3> </div> </a> </article> <article class="small"> <a href="/a/NVIDIA-DGX-Spark---Miniaturny-superpocitac-pre-AI"> <div class="image"> <img src="/files/photo/2026-02/134049/bc58a9/image4-1280x721_64x80.jpg" alt="Photo NVIDIA DGX Spark / Miniatúrny superpočítač pre AI"/> </div> <div class="text"> <h3>NVIDIA DGX Spark / Miniatúrny superpočítač pre AI</h3> </div> </a> </article> <article class="small"> <a href="/a/Sony-BRAVIA-Theatre-Bar-9---Sub-7---Rear-8---Modularna-zostava-pre-narocnych-fanusikov-domaceho-kina"> <div class="image"> <img src="/files/photo/2026-02/134045/0c741c/uvodny_64x80.jpg" alt="Photo Sony BRAVIA Theatre Bar 9 + Sub 7 + Rear 8 / Modulárna zostava pre náročných fanúšikov domáceho kina"/> </div> <div class="text"> <h3>Sony BRAVIA Theatre Bar 9 + Sub 7 + Rear 8 / Modulárna zosta ...</h3> </div> </a> </article> <article class="small"> <a href="/a/LG-UltraFine-32U990A-S---Thunderbolt-5-a-6K-rozlisenie-pre-profesionalov"> <div class="image"> <img src="/files/photo/2026-02/134043/154e69/lg-32u990a-bb_64x80.jpg" alt="Photo LG UltraFine 32U990A-S / Thunderbolt 5 a 6K rozlíšenie pre profesionálov"/> </div> <div class="text"> <h3>LG UltraFine 32U990A-S / Thunderbolt 5 a 6K rozlíšenie pre p ...</h3> </div> </a> </article> <!-- div class="text-center"> <a href="#" class="button small">Všetky recenzie</a> </div> --> </div> <!-- TIMELINE BANNERS --> <div class="box"> <h2>Tlačové správy</h2> <ul class="print"> <li> <article> <a href="/a/Buducnost-zdravotnictva-je-v-prepojeni-mediciny-s-technologickymi-inovaciami"> <time>4.2.2026</time> <h3>Budúcnosť zdravotníctva je v prepojení medicíny s technologickými inováciami</h3> </a> </article> </li> <li> <article> <a href="/a/Mikro-influenceri-vs--celebrity--Co-prinasi-vice-vysledku"> <time>4.2.2026</time> <h3>Mikro-influenceři vs. celebrity: Co přináší více výsledků?</h3> </a> </article> </li> <li> <article> <a href="/a/OLED-televizory-a-monitory-Samsung-pre-rok-2026-su-kompatibilne-s-NVIDIA--G-SYNC-E2-84-A2-pre-spickovy-herny-vykon"> <time>4.2.2026</time> <h3>OLED televízory a monitory Samsung pre rok 2026 sú kompatibilné s NVIDIA® G-SYNC™ pre špičkový herný výkon</h3> </a> </article> </li> <li> <article> <a href="/a/Unikatna-cesko-slovenska-aplikacia-na-rozpravky-Readmio-valcuje-svet--Poliaci-do-nej-investovali-1-milion-eur"> <time>4.2.2026</time> <h3>Unikátna česko-slovenská aplikácia na rozprávky Readmio valcuje svet. Poliaci do nej investovali 1 milión eur</h3> </a> </article> </li> <li> <article> <a href="/a/Spolocnost-LG-Electronics-predstavuje-na-veltrhu-ISE-2026-prisposobene-displeje-a-softverove-riesenia-pre-B2B-zakaznikov"> <time>4.2.2026</time> <h3>Spoločnosť LG Electronics predstavuje na veľtrhu ISE 2026 prispôsobené displeje a softvérové riešenia pre B2B zákazníkov </h3> </a> </article> </li> <li> <article> <a href="/a/Atos-vstupuje-do-sveta-tanca--Strategicke-partnerstvo-urychli-technologicky-rozvoj-tanecneho-sportu"> <time>4.2.2026</time> <h3>Atos vstupuje do sveta tanca: Strategické partnerstvo urýchli technologický rozvoj tanečného športu</h3> </a> </article> </li> <li> <article> <a href="/a/Zladte-sa-na-Valentina--Prekvapte-svoju-polovicku-stylovym-a-praktickym-darcekom"> <time>3.2.2026</time> <h3>Zlaďte sa na Valentína: Prekvapte svoju polovičku štýlovým a praktickým darčekom</h3> </a> </article> </li> <li> <article> <a href="/a/HONOR-Choice-Watch-2-Pro-a-HONOR-Choice-Earbuds-X8i-oficialne-prichadzaju-na-slovensky-trh"> <time>3.2.2026</time> <h3>HONOR Choice Watch 2 Pro a HONOR Choice Earbuds X8i oficiálne prichádzajú na slovenský trh</h3> </a> </article> </li> </ul> <!-- <div class="text-center"> <a href="#" class="button small">Všetky správy</a> </div> --> </div> <!-- PRESS BANNERS --> <!-- CATEGORIES BANNERS --> </aside> </div> </div> </div> </div> <nav class="image-nav hidden-lg-down"> <ul> <li> <a href="/Predplatne" style="background-image: url(/assets/7bdcd000/nextech/assets/img/footer/Predplatne.jpg);"> <span>Predplatné</span> </a> </li> <li> <a href="/elektromobilita" style="background-image: url(/assets/7bdcd000/nextech/assets/img/footer/elektromobilita.jpg);"> <span>Elektromobilita</span> </a> </li> <li> <a href="/PDF" style="background-image: url(/assets/7bdcd000/nextech/assets/img/footer/PDF.jpg);"> <span>PDF</span> </a> </li> <li> <a href="/ITR" style="background-image: url(/assets/7bdcd000/nextech/assets/img/footer/ITR.jpg);"> <span>ITR</span> </a> </li> <li> <a href="/Newsletter" style="background-image: url(/assets/7bdcd000/nextech/assets/img/footer/Newsletter.jpg);"> <span>Newsletter</span> </a> </li> </ul> </nav> <footer> <div class="container"> <div class="row"> <div class="col-lg-4 text-center"> <a href="https://www.pcrevue.sk/Archiv-NXT" class="footer-logo"> <img src="/library/nextech/logo-footer.png" alt="logo"> </a> </div> <div class="col-lg-6"> <button class="hidden-md-up js-footer-menu footer-button"><i class="fas fa-bars"></i></button> <div class="row footer-menu"> <div class="col-lg-4"> <h2>Nextech</h2> <ul> <li><a href="/Predplatne">Predplatné</a></li> <li><a href="/elektromobilita">Elektromobilita</a></li> <li><a href="/PDF">PDF</a></li> <li><a href="/ITR">ITR</a></li> <li><a href="/Newsletter">Newsletter</a></li> </ul> <!-- <div class="fb-page" data-href="https://www.facebook.com/pcrevue" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/pcrevue"><a href="https://www.facebook.com/pcrevue">ITNEWS.SK</a></blockquote></div></div> --> </div> <div class="col-lg-4"> <h2>Kategórie</h2> <ul> <li> <a href="/Magazin"> Magazín </a> </li> <li> <a href="/Tipy na darčeky"> Tipy na darčeky </a> </li> <li> <a href="/Recenzie"> Recenzie </a> </li> <li> <a href="/Archiv-NXT"> Archív NXT </a> </li> <li> <a href="/NXTplus"> NXTplus </a> </li> <li> <a href="/Sutaze"> Súťaže </a> </li> </ul> </div> <div class="col-lg-4"> <h2>Služby</h2> <ul> <li > <a href="/elektromobilita">Elektromobilita</a> </li> <li > <a href="/itgala">IT GALA</a> </li> <li > <a href="/it-rocenka">IT Ročenka</a> </li> <li > <a href="/NXTplus">NXTplus</a> </li> <li > <a href="/community/articles/communityCategory/Sutaze">Súťaže</a> </li> <li > <a href="/community/articles/communityCategory/Blogy">Blogy</a> </li> <li > <a href="/rss">RSS</a> </li> <li > <a href="/inzercia">Inzercia</a> </li> <li > <a href="/site/newsletter">Newsletter</a> </li> <li> <a href="/a/aktualne-predplatne">Predplatné</a> </li> <li> <a href="/kontakt">Kontakt</a> </li> </ul> </div> </div> </div> <div class="col-lg-2"> <div class="social"> <a href="https://www.instagram.com/nextech.magazin/" target="_blank"><i class="fab fa-instagram"></i></a> <a href="https://www.facebook.com/pg/pcrevue/posts/" target="_blank"><i class="fab fa-facebook-square"></i></a> <a href="https://www.youtube.com/channel/UC51n0kPREVzryruUQLUDyvQ/videos" target="_blank"><i class="fab fa-youtube"></i></a> </div> </div> </div> </div> </footer> <!-- Copyright --> <div id="copyright" class="copyright" role="contentinfo"> <div class="container"> <div class="row"> <div class="col-sm-6 text-center"> <a href="http://www.forbestclients.com"> <img src="/assets/7bdcd000/theme/images/logo-foot-forbestclients.png" width="200px" alt="Logo For Best Clients" /> </a> <p><a href="http://www.forbestclients.com" style="color: white; text-decoration: none;">Vytvorené spoločnosťou For Best Clients, s.r.o.</a></p> </div> <div class="col-sm-6 text-center"> <a href="http://www.websupport.sk"> <img src="/assets/7bdcd000/theme/images/logo-foot-websupport.png" width="200px" alt="Logo WebSupport" /> </a> <p><a href="http://www.websupport.sk" style="color: white; text-decoration: none;">Hostingove služby poskytuje spoločnosť WebSupport, s.r.o.</a></p> </div> </div> <hr style="opacity: .1;" /> <p>© 2020 všetky práva vyhradené • Nextech: 2644-6804</p> </div> </div><!-- End Copyright --> </div> <script src="https://kit.fontawesome.com/19df75c90a.js" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.0/slick/slick.min.js"></script> <script type="text/javascript" src="/assets/7bdcd000/nextech/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script type="text/javascript" src="/assets/7bdcd000/nextech/custom/js/bootstrap.min.js"></script> <script src='https://www.google.com/recaptcha/api.js?hl=sk'></script> <script type="text/javascript" src="/assets/7bdcd000/nextech/custom/js/custom.js"></script> <script type="text/javascript" src="https://cdn.engerio.sk/js/widget.js"></script> <script> document.addEventListener('DOMContentLoaded', function () { const POPUP_KEY = 'adblock_popup_closed_until'; const now = Date.now(); const savedUntil = localStorage.getItem(POPUP_KEY); if (savedUntil && now < parseInt(savedUntil, 10)) return; // 1. Dynamicky vytvor bait element const bait = document.createElement('div'); bait.id = 'ad_detect_' + Math.random().toString(36).substring(2); bait.style.cssText = 'width:10px;height:10px;position:absolute;left:-9999px;top:-9999px;z-index:-1;'; bait.className = 'ad ads adsbox ad-placement doubleclicl ad-placeholder ad-badge banner-ads ad-unit'; document.body.appendChild(bait); // 2. Po krátkej chvíli over, či bait existuje a je viditeľný setTimeout(() => { const style = window.getComputedStyle(bait); const blocked = !bait || bait.offsetHeight === 0 || style.display === 'none'; bait.remove(); // uprace bait if (blocked) { // 3. Vytvor a zobraz popup const overlay = document.createElement('div'); overlay.id = 'ntrx-shield'; overlay.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10000;display:flex;justify-content:center;align-items:center;'; const box = document.createElement('div'); box.style.cssText = 'background:#fff;padding:20px;max-width:400px;text-align:center;color:#111;border-radius:4px;'; box.innerHTML = ` <p style="font-size:1.2em; font-weight:bold;margin-bottom:10px;">Povoľte reklamy na našom webe</p> <p>Zdá sa, že používate blokovanie reklám.<br>S financovaním webu nám pomáhajú reklamy.</p> <button id="ntrx-close" class="button secondary" style="margin-top:10px;">OK</button> `; overlay.appendChild(box); document.body.appendChild(overlay); const close = () => { overlay.remove(); const oneDayLater = Date.now() + 24 * 60 * 60 * 1000; localStorage.setItem(POPUP_KEY, oneDayLater.toString()); }; document.getElementById('ntrx-close')?.addEventListener('click', close); overlay.addEventListener('click', e => { if (e.target === overlay) close(); }); } }, 500); }); </script> <script type="text/javascript" src="/assets/7bdcd000/core/fancybox/jquery.fancybox.pack.js"></script> <script type="text/javascript" src="/assets/375b8c26/rateit/jquery.rateit.min.js"></script> <script type="text/javascript" src="/assets/375b8c26/js/voteStarsRate.js"></script> <script type="text/javascript"> /*<![CDATA[*/ jQuery(function($) { $.get("/community/article/canAddComment?id=488", {}, function(result){ var formWrap = $("#comments .comments-form"); if(!result){ formWrap.remove(); } if(!result.canAddComment){ formWrap.remove(); } }, "json"); }); /*]]>*/ </script> </body> </html>