maanantai 11. marraskuuta 2013 | 7.00

KURSORIN MUUTTAMINEN

Heippati hei! Nyt olisi vuorossa kursorin eli siis hiiren muuttaminen erilaiseksi. Sehän onnistuu yllätys yllätys koodeilla! Tällä saat tehtyä helposti blogistasi ''ärsyttävän'' joten valitse huolella millaisen valitset ;) Aletaan hommiin!

1) Mene Cursors 4U:n sivuille. Pääset sinne tästä!
2) Sivun oikeassa laidassa pitäisi löytyä Categories, valitse sieltä itseäsi kiinnostava gategoria.
3) Sitten kun löydät kursorin (hiiren) minkä haluat blogiisi, klikkaa sen kuvaketta.
4) Pitäisi avautua sivu, jossa on enemmän tietoa kyseisestä kursorista ja kaksi koodia. Kopioi alempi CCS-       Style Sheet Only Code.
5) Mene blogiisi kohtaan Malli--->Mukauta.
6) Lisäasetukset---> CCS.
7) Liitä koodi jonka kopioit laatikkoon.
8) Paina käytä blogissa.

KUVAN TUMMENEMINEN HAALEASTA

Tällä koodilla blogisi kuvat tummenevat kun kuvan päälle siirtää hiiren. Myös bannerin ja gadgettien kuvat haalenevat!Mutta mennään asiaan! Tässä koodaus ohjeet:

1)Menet ensiin osioon Malli--> Muokkaa HTLM-koodia
2)Paina CRLT & F, kirjoita hakuun </head>
3)Sitten kun löydät oikean kohdan, kopioi alla oleva koodi sanojen </head> ja </body> väliin.

KOODI:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;img&#39;).fadeTo(&#39;slow&#39;, 0.5);
$(&#39;img&#39;).hover(function() {
$(this).fadeTo(&#39;slow&#39;, 1.0);
}, function() {
$(this).fadeTo(&#39;slow&#39;, 0.5);
});
});

</script>

Jos tämä ei toimi blogissasi kokeile tätä:

1) Malli--->Mukauta--->Lisäasetukset--->lisää CCS.
2)Kirjoita edessäsi olevaan CCS-laatikkoon alla oleva koodi.

img { filter: alpha(opacity=80); opacity:.80; -webkit-transition: all .3s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .3s ease-out;}

img:hover { filter: alpha(opacity=100); opacity:1.0; -webkit-transition: all .9s ease-out; -moz-transition: all .6s ease-out; -o-transition: all .6s ease-out; transition: all .7s ease-out;}


sunnuntai 10. marraskuuta 2013 | 12.40

SISÄLLÖN KOPIOINNIN ESTÄMINEN

Moikka! Nyt siis neuvon miten saat estettyä lukioita kopioimasta kuviasi ja tekstejäsi! Tämä on aikas helppo koodaus, joten uskon, että aloittelvatkin koodaajat pyhstyvät tekemään tämän. Tämä on myös oikeasti hyödyllinen, sillä tämän koodin ansiosta sisältöäsi ei voi kodioida (tai jos voi niin se on kyllä todella vaikeaa)
 Mutta aloitetaan!

1)Kirjaudu sisään bloggeriin.
2)Klikkaa blogisi otsikkoa (tekstin '<luku> sivun katselua' yläpuolella).
3)Valitse vasemmalta 'Ulkoasu.
4)Valitse ruudulla näkyvistä ikkunoista (ei ole väliä mistä) 'lisää gadget.
5)Sinulle pitäisi avautua uusi ikkuna, etsi ja valitse HTLM.
6)Otsikko-ruutuun ÄLÄ laita mitään.
7)Sisältö ruutuun kopioi ihan postauksen alhaalla oleva koodi.
8)Jos haluat muuttaa virheilmoitusta joka tulee sitten näkyviin kun joku yrittää kopioida sisältöäsi, etsi koodista "Function Disabled!"  ja muuta se esim 'Sisällön kopioiminen kielletty!'
9)Valitse Tallenna-painike

KOODI:


<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Being Geeks
//For full source code, visit http://www.beinggeeks.com

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>¨

SPOTIFY MUSIIKKI PALKKI

Heippa kaikki! Tässä olisi siis TODELLA yksinkerteinen juttu, joka piristää blogiasi, nimittäin spotify palkki postaukseesi! :) Tässä ohjeet:

1)Kirjaudu sisään spotify:hin.
2)Valitse kappale, jonka haluat postaukseesi. 
3) Klikkaa kappaleen kohdalta ensin kerran vas. puoleisella näppäimellä niin, että kappaleen ''nimi kohta'' muuttuu siniseksi. Sitten paina hiiren oik.painiketta, silloin aukenee laatikko josta etsit kohdan jossa lukee copy Embed Code.




4) Mene tekemään postausta. Mene suoraan HTLM- tilaan ja liitä siihen koodi painamalla ctrl+V.




5)Muuta koodissa olevan widht kohdan numeroa siksi mitä kuviesi leveys on (itselläni 645) ja kohdan height numeron numeroksi 80 TAI suuremmaksi (itse teen nyt luvuilla 645x80).





+Tässäkin koodissa sinulla on mahdollisuus laittaa palkki keskelle postaustasi ja se onnistuu taas laittamalla koodin alkuun ja loppuun sana <center>








YOUTUBE PALKKI

VALKOISEN YOUTUBE PALKIN TEKEMINEN

1) Etsi haluamasi video tubesta.
2) Klikkaa JAA & sen jälkeen UPOTA.
3)Raksita käytä vanhaa upotuskoodia.
4)Kopioi koodi.
5)Liitä se postauksen HTML-alueeseen.
6) Etsi koodista kasi tälläista kohtaa: version=3&amp;hl=fi_FI
7)Lisää kyseisten kohtien tilalle seuraava koodi pätkä. 
version=2&amp;loop=1&amp;showinfo=0&amp;showsearch=0&amp;color=ffffff&amp;color1=0xffffff&amp;color2=0xffffff&amp;color=ffffff 
8)Muuta koodista seuraavat kohdat: Widht=''560'' ja height=''315'' seuraaviksi:
~widht tarkoittaa leveyttä ja sen kohdalle voit laittaa minkä tahansa numeron! Olisi kuitenkin hyvä, jos se olisi postuksen kuvien levynen.
~height tarkoittaa korkeutta ja numero 315 kannattaisi korvata numerolla 25, jotta saisit Youtube videosta palkin.
9) Esikatsele ja julkaise, jos koodi toimii!

+jos haluat palkin keskelle postausta, lisää koodin alkuun ja loppuun sana   <center>





ALOITTELUA

Hellurei!

 Aloitan nyt pitämään blogia, jossa neuvon, autan ja annan vinkkejä kaikille bloggaajille!  Itse olen blogannut tooodella pitkään ja opetellut koodaamaan! Opettele siis sinäkin! 
 Tavoitteena olisi saada mahdollisimman selkeät ja helpot ohjeet. Itsestäni en tässä blogissa kerro vaan pelkästään autan ja neuvon teitä blogiin liittyvissä asioissa.

 Näin alkuun, voin sanoa, että tulen blogaamaan vähintään kaksi kertaa viikossaja AINA kun itse löydän jotain uusia kikkoja blogiin niin ohjeet ja esimerkit tulevat tänne! 
 
Opastan täällä myös ihan yksinkertaisimmissakin asioissa, jotka suuntautuvat uusille bloggaajille! Olisi mukava jos uudet blogin pitäjät saisivat ohjeideni ja vinkkejeni avulla heti alkuun tehtyä haluamansa laisen ja hyvän blogin! 

Lähtökohtana on siis koodaus. Se tuntuu aluksi vaikealta ja todella todella monimutkaiselta ja silloin kun koodi ei toimi (olet vaikka koodannut väärin) ÄLÄ LUOVUTA! yritä uudelleen ja kysy apua ja linkkaa blogisi nii keksitään ja mietitään yhdessä ratkaisu siihen, miksi koodi ei blogissasi ole suostunut toimimaan:)

Malli: Simple Grey Variant © Koodikielellä