Näytetään tekstit, joissa on tunniste HTML. Näytä kaikki tekstit
Näytetään tekstit, joissa on tunniste HTML. Näytä kaikki tekstit

25_08_21

Kuvien kopioinnin estokoodi ja pari muuta

 Koska monella bloggaajalla on postauksissaan paljon kuvia joiden ei haluaisi päätyä vieraisiin käsiin eikä tieteenkään siihen tilanteeseen joissa niitä käytetään väärin, niin on olemassa keinoja joilla välttää tai ainakin ehkäisee sen ettei ihan joka ismo ja iita niitä varasta. Minulta on pyydetty selkeitä ohjeita joten koitan niitä antaa ja jos nyt sitten tulee vaikeuksia puutteelisen ohjeistuksen takia, niin toivon että otatte minuun yhteyttä joko s-postin kautta (blogin alaosassa on yhteydenottoa varten lomake) tai kommenttikentässä. Samoin on sisällön tuottamisen suojaukseen eli teksteihin mutta ensin tähän kuvien suojaamiseen. Eli: tässä koodinpätkä joka estää kuvien kopioinnin:

<img src="kuva.jpg" oncontextmenu="return false">
- tai vielä parempi (lisää varsinaiseen kuvaan silmälle näkymättömän taulukon joka sitten mahdollisessa kopiointiyrityksessä päätyy varkaalle varsinaisen kuvan sijaan):
<table style="background-image:url('kuva.jpg'); width:640px;height:480px;" ><tr><td><img src="transparent.gif" style="width:640px;height:480px"/></td></tr></table>
Asentaminen tapahtuu seuraavasti: Menette bloginne hallintapaneeliin eli sinne missä ovat “uusi postaus, tekstit, tilastot, kommentit, ulkoasu, teema” ja muut jutut ja valitsette sieltä kohdan “ulkoasu” ja tämän avauduttua kohdan “lisää gadget”. Klikkaatte gadgetin auki, ja esiin tulevasta valikosta valitsette kohdan “HTML/Javascript” ja klikkaatte sen auki. Otsikkoa ei tarvitse laittaa, mutta “sisältö” - kohtaan liitätte joko tuon ensin mainitun koodinpätkän tai vielä paremman jälkimmäisen ja tämän tehtyänne painatte “tallenna” - painiketta ja näin teidän kuvianne on vat turvassa. Jos nyt käy niin ettei kukaan ole koskaan kopioinut mitään, niin se tapahtuu seuraavasti: viette hiiren kursorin eli sen pienen nuolen, pystyviivan tai mikä teillä nyt onkaan käytössänne, haluamaanne kohtaan ja sillä kohtaa painatte hiiressä (tai kosketuslevyssä) etusormenne alla olevaa painiketta ja pidätte sen pohjassa. Samalla vedätte hiirtä haluamaanne riviä pitkin niin pitkälle kuin on tarve ja päästätte painikkeen ylös. Nyt kyseinen rivi näkyy joko sinisenä tai jonkun muun värisenä. Tämän jälkeen painatte keskisormenne alla olevaa paniketta (hiirtä käyttävät) tai oikeanpuoleista painiketta (kosketuslevy) ja avautuvasta valikosta valitsette “kopioi”. Nyt hetki sitten maalaamanne kohta on kopioitu ja esim. yllä olevan, gadgetiin lisäämisen tapauksessa viette hiiren kursorin “sisältö” - riville ja klikkaatte keskisormellanne ja avautuvasta valikosta valitsette kohdan liitä, minkä jälkeen klikkaatte "tallenna"-painiketta. Näin, tietysti saattaa olla joku joka on vaihtanut hiiri/kosketuslevyn painikkeet ns. “käänteiseen järjestykseen” mutta uskon että he osaavat hallita painikkeiden toiminnot.
Sitten tekstipuoli: kaiken estävä koodi jota en suosittele käyttämään sillä se ehkäisee linkkien ja muiden hyödyllisten (blogia kirjoittavan kannalta = blogin markkinointi) toimintojen jakamisen, mutta jos joku nyt kuitenkin haluaa sen, niin koodinpätkä joka ehkäisee ns. hiiren kakkospainikkeen (keskisormen) toiminnon on tämä:
<script language='JavaScript1.2'>function disableselect(e){return false}function reEnable(){return true}document.onselectstart=new Function ("return false")if (window.sidebar){document.onmousedown=disableselectdocument.onclick=reEnable}</script>
Kyseinen koodinpätkä asennetaan samoin kuin ensin mainittu kuvien kopioinnin estoon liittyvä koodinpätkäkin joten en toista asennusohjeita moneen kertaan. Itselläni on käytössä pieni muistutus joka huomauttaa mahdolliselle kopioijalle että on todella perseestä pölliä toisen omaa, mutta sallii kopioida sisältöä kun ensin on painettu huomautuksen ok-painiketta (asia ymmärretty niin sanotusti) ja te voitte testata sitä maalaamalla vaikka jonkin rivin tai pari sanaa tästä postauksesta ja kun yritätte kopioida tekstiä, niin ilmoitus hyppää esiin mutta kuitattuanne sen, jää esiin tämä valikko jossa on “kopioi” ja muut jutut ja maalattu kohta voidaan kopioida. Näin ainakin Chromen kohdalla, muissa selaimissa voi olla muita asetuksia enkä ole niitä kokeillut mutta kyseinen, ystävällinen muistutus saadaan koodinpätkällä:
<script> function noCopy(e) { var msg = "Blogitekstien kopiointi on kielletty."; if (navigator.appName === 'Netscape' && e.which === 3) { alert(msg); return false; } if (navigator.appName === 'Microsoft Internet Explorer' && event.button === 2) { alert(msg); return false; } }
document.onmousedown = noCopy; document.onmouseup = noCopy; </script>

Edit klo 08.07 : mikäli yllä oleva koodinpätkä ei toimi, niin sitten tämä:
<script>
function noCopy(e) {
  var msg = "Blogitekstien kopiointi on kielletty.";
  if (navigator.appName === 'Netscape' && e.which === 3) {
    alert(msg);
    return false;
  }
  if (navigator.appName === 'Microsoft Internet Explorer' && event.button === 2) {
    alert(msg);
    return false;
  }
}

document.onmousedown = noCopy;
document.onmouseup = noCopy;
</script>
Myös tämä asennetaan täysin samoin kuin muutkin yllä olevat joten tässä kaikki tältä aamulta, voi olla että tässä tulee vielä myöhemmin postaus jossa käsittelen ihan noita tavan elämään liittyviä juttuja. Lopuksi sanon kuten menneiden vuosien kuuluisa Markus - setä mutta hieman korrektimmin: “Apotti-setä lähtee nyt peristaltiikka-treeneihin”.
Apotti
Ps. Muistakaa että ammattilaiset/koodarit pystyvät mihin vain joten olkaapa varovaisia niiden kuvien ja sisältönne kanssa.

25_08_03

Ilmaisia koodinpätkiä piristämään blogianne ja kommentteja

 Tällä kertaa on jaossa ilmaisia ja helppoja koodinpätkiä jos kuka haluaa, niillä voi piristää omaa blogiaan ja kaikki nämä gadgetit ovat nähtävissä täällä Luostarissa. Muistakaa että suurin osa näistä jutuista lisätään ”ulkoasu” →lisää gadget →HTML/javascript → "lisää sisältö" - metodilla mutta aina kun lisäätte, niin muistakaa tallentaa klikkamalla sivun oikealla alhaalla olevaa levykkeen kuvaa/tallenna-painiketta. Lisää otsikko niin halutessasi. Muuten ei homma toimi.Eli; mikäli haluat että kaikki kirjoittamasi tekstit näkyvät listauksena (Luostarissa sivun sidebar´issa eli sivupalkissa alimmaisena), niin koodi on tämä, klikkaa ”ulkoasu” – välilehdellä ”lisää gadget” -painiketta ja lisää tämä koodi:

”HTML/javascript”- gadgettiin. Voit halutessasi lisätä otsikon jos haluat:

<script sort="alphabetically" sorter="true" label="none" showAuthor="true" showComments="true" showDate="true" showExcerpt="true" showTags="true" async src="https://cdn.jsdelivr.net/gh/bloggerwidgets/scripts@latest/allpostslist.js"></script>

Muuta ei tarvita.

Sitten jos haluat samanlaisen ”Recent Posts”- jutun kuin Luostarissa (sivun alaosassa,mahdollisten kommenttien jälkeen) toimi kuten edellä ja lisää tämä koodi:

<script numberOfPosts="5" label="none" display="vertical" boxRounding="5" boxBackground="#3d3d3d" boxPadding="5" lineHeight="1.2" borderWidth="3" borderStyle="outset" borderColor="#474747" showImage="left" imageSize="72" imageRounding="10" noImage="https%3A%2F%2F1.bp.blogspot.com%2F-agSKfOT_mcg%2FYOdAzPGnEjI%2FAAAAAAAAAdg%2FsXjDeQtO9UUc4_tOgPANgH2dTry4BJYIACLcBGAsYHQ%2Fs0%2Fno-image.jpg" showTitle="left" titleFont="Garamond, serif" titleSize="18" boldTitle="true" titleColor="#fdff6b" showInfo="left" showAuthor="true" showComments="true" showDate="true" showLabels="left" numberOfLabels="20" excerptLength="160" excerptAlign="justify" textFont="'Palatino Linotype', 'Book Antiqua', Palatino, serif" textSize="14" textColor="#e3e3e3" async src="https://cdn.jsdelivr.net/gh/bloggerwidgets/scripts@main/recentposts.js"></script>

Ylimmällä rivillä oleva ”5” on kohta, jossa voit muutta vitosen tilalle haluamasi numeron (en ole kokeillut kuinka monta saa näkymään) mutta oletuksena on viisi postausta. Luostarin versiossa on juurikin nämä viisi postausta.

Okei, ja sitten upotetun sivuston koodi (Luostarissa ”Blogiesittely” – sivulla) ja tämän asennus tapahtuu seuraavasti jos haluatte kertaluonteisen upotuksen, muuten teidän täytyy joko liittää se jo olemassa olevalle sivulle/postaukseenne mutta mikäli teillä  on useampi sivu niin sitten johonkin niistä tai ”lisää uusi sivu” ja sinne. Mutta: avataan ”uusi teksti” – sivu ja helpoin tapa on klikata heti alussa eli liittää alkuun, on klikata vasemmassa reunassa olevaa kynän kuvaa joka vieressä on pieni väkänen, jolloin avautuu HTML-näkymä joka on valittava koska valikossa näkyy kirjoitusnäkymä/HTML-näkymä. Tämän tehtyänne huomaatte että siellä saattaa olla rivi tai pari koodia mutta siirrätte kursorin näiden rivien jälkeen ja liitätte kopioimanne koodinpätkän:

<iframe src ="URL of the website you want to embed" width="100%" height="500">

<p>Your browser does not support iFrames.</p>

</iframe>

ja kohtaan "URL of the website you want to embed", liitätte heittomerkkien väliin haluamanne sivuston osoitteen. Tämän jälkeen klikkaatte vasemmassa reunassa (sivun yläosa) olevaa <> - merkkiä, jolloin avautuu HTML -näkymä/kirjoitusnäkymä ja klikkaatte kirjoitusnäkymää jolloin voitte lisätä postaukseenne tekstiä eli kertoa vaikka miksi ja mitä upotuksena näkyvällä videolla tai sivustolla tapahtuu/miksi teitte upotuksen, kyllä te tajuatte mitä meinaan.

Sitten vielä pari, ensimmäisenä ”back to top” – nuoli joka näkyy Luostarissa sivun oikeassa alalaidassa, sillä pääsee kätevästi ja silmänräpäyksessä sivun yläosaan eli jälleen ulkoasu → lisää gadget → html/javascript ja lisää ”sisältö” kohtaan seuraava koodi:

<!--BACK TO TOP STARTS-->

<a style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb2kpAiEGF8dy_chyphenhyphen09Vui5WNYTY-2XYyo0ckn1Mf17Yhz-JdlTFMbRL7e5qV74IPuwMELYMmvx7vxBILPhTeeev4dvFHaQh_dtM8r4JKkXpM2CpPgo-TwbdhvD_DBv015ls-AA4NNgwU/s1600/back_to_top_button.png "/></a><!--5gblogger.blogspot.com-->

<!--BACK TO ENDS-→

Muuta ei tarvita, nuoli ilmiintyy sivun eli bloginne oikeaan laitaan alas.

Sitten vielä kunka saadaan liitettyä linkki kommenttiinne, niin se tapahtuu seuraavasti muistion eli notepadin avulla (helpoin ja varmin tapa) muistio auki, liitätte siihen seuraavan koodin:

<a href="WWW-OSOITE">LINKITETTÄVÄN SIVUSTON NIMI</a>

Heittomerkkien sisään kopioit sivuston/artikkelin osoitteen ja "linkitettävän sivuston nimi" kohtaan voit laittaa ihan mitä tahansa, no yleensä kommentoitavaan tai linkitettävään aiheeseen liittyvää, esim. Siirin pensas. Kun olette tehneet edellä mainitut jutut, kopioitte koko hoidon ja liitätte sen siihen kommenttiin mihin haluatte.

Että tämmöstä tällä kertaa, vielä ois Spotify – linkin upotus blogiin ja olikohan jotain vielä mutta sitten toisella kertaa. Hyvää iltaa yökyöpeleille ja hyvää huomenta muille sitten kun aamulla luette tätä (jos luette, mistä minä tiedän)

-Apotti-





Recent Posts

Recent Posts Widget

Tietoja minusta

Oma kuva
Bloggaamisen historia alkaa 2013, välillä jokusen vuoden tauko mutta taas 2023 lähtien aktviisemmin. Myöhäissyntyinen nörtti joka pitää tietotekniikasta ja kaikesta elektroniikkaan liittyvästä. Oudot jutut, paranormaali ja vastaava lähellä sydäntä. Ekstrovertti joka tietää että jokaisella ihmisellä on tarina kerrottavanaan ja koskaan ei tiedä mihin uusi saaga voi johtaa. Eksentrikko joka ei hyväksy sitä että kaikkien pitää mahtua samaan muottiin. Pidän aidoista ihmisistä jotka uskaltavat näyttää sen mitä he oikeasti ovat . Unus multorum .