YOUTUBEPALKIT

Tavallinen (musta)

Mene Youtubeen > Etsi video, jonka haluat blogiin > Klikkaa "Jaa" & sen jälkeen "Upota" >

Kopioi koodi > Mene blogiisi ja liitä se HTML paikkaan postausta tehdessä.

Jos haluat muuttaa Youtube palkin kokoa, muokkaa kohtia height (korkeus) ja widht (leveys).

Yleensä palkin leveys on sama kuin kuvienkin leveys eli jos kuvasi ovat 700, laitat widht kohtaan 700.

Valkoinen palkki
 
Tee ihan samanlaisesti kuin mustassakin Youtube palkissa siihen asti kunnes tulee kohta "Upota".
 Upota kohdan jälkeen muista painaa "käytä vanhaa upotuskoodia" > Kopioi koodi > Liitä se postauksen HTML laatikkoon > Muokkaa taas palkin kokoa samanlaisesti kuin mustassakin palkissa, mutta laita height (korkeus) numeroksi 25, että palkista tulee oikeanlainen. Laita se myös hieman alempana olevaan samanlaiseen kohtaan kuin myös widht (leveys). > Etsi kohta: version=3&hl=fi FI&rel=0 ja poista muu teksti, mutta jätä alkuun ?-merkki ja loppuun " -merkki > Liitä seuraava koodi vanhan tilalle:
version=2&loop=1&showinfo=0&showsearch=0&color=ffffff&color1=0xffffff&color2=0xffffff&color=ffffff > Etsi alempaan sama kohta ja lisää siihen myös tuo koodi > Esikatsele -ja luo postaus.

KOPIOINNIN ESTO

Tämä on vähän häiritsevä asia blogeissa, mutta jotkut sen kuitenkin haluaa. Vaikka tämä olisi, pystyy kopioimaan.

Ulkoasu > Lisää gadget > HTML/JavaScript > Liitä seuraava koodi laatikkoon:

<script language=javascript> var message="NO COPY!"; 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>

Jos haluat vaihtaa tekstiä, muokkaa var message= jälkeen olevaa tekstiä, mutta ÄLÄ poista " merkkejä.

TOIVEIDEN TOTEUTUS

Cursori (erilainen hiiri)

Mene osoitteeseen cursors-4u.com > Valitse kohdasta Catecories "teeman", jonka haluat

Etsi sieltä cursori, jonka haluat blogiisi. Paina cursoria ja kopioi koodi, joka on kahdesta laatikosta siinä ylemmässä. Sen jälkeen menet blogiisi ja siellä ulkoasu > lisää gadget > HTML/JavaScript ja liität koodin.

Kuva haaleaksi ja kun on hiiri päällä se tummenee

Malli > Muokkaa HTML-koodia > Paina CTRL + F ja kirjoita hakuun sana </head>

Kopioi seuraava koodi ja laita se kohtien </head> ja </body> väliin.

<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>

SÄDEHIIRI JA TOIVEITA

Sädehiiri

Ulkoasu > Lisää gadget > HTML/JavaScript

Lisää seuraava koodi siihen ja tallenna.

 <script src="http://blogger9.googlecode.com/files/Sparkle.js" type="text/javascript"></script><br /> <script language="JavaScript" type="text/javascript">var colour="black";</script>

Jos haluat erivärisen "hileen", muokkaa "var colour=" koodin jälkeen olevaa väriä.

Toiveita

Minkä ulkoasun muokkausohjeen haluaisitte seuraavaksi nähdä blogissa ?

Ehdottaa saa kommenttiboksiin niin monta ehdotusta kuin haluaa ja toiveilla ei ole mitään aikarajaa.

POSTAUKSEN- JA PÄIVÄMÄÄRÄN KESKITTÄMINEN

Postauksen otsikon keskittäminen

Malli > Muokkaa HTML-koodia

Paina samaan aikaan CTRL ja F ja kirjoita hakukenttään sana posts.

Rullaa alemmas, kunnes vastaan tulee kohta h3.post-title. Koodien alapuolelle lisäät tekstin:

text-align:center;

}

Päivämääräotsikon keskittäminen

 

Malli > Muokkaa HTML-koodia

Paina taas samaan aikaan CTRL ja F, kirjoita hakukenttään sana  /* Headings

Sen alla on kohta:

h2 {

  margin: 0 0 1em 0;

  font: $(widget.title.font);

  color: $(widget.title.text.color);

  text-transform: uppercase;

}

 Lisää koodin text-transform: uppercasen jälkeen YKSI väli alaspäin ja lisää:
 

text-align: center;

}

Tälläiseltä koodi sitten näyttää:

  text-transform: uppercase;

text-align: center;

}

}

BANNERIN KESKITYS

Malli > Lisäasetukset > Lisää CSS

CSS:ssään lisäät seuraavan koodin:

.header-outer {

margin-left:90px;

}

Jos haluat banneria vasemmalle päin muokkaa numeroa pienemmäksi, 

jos taas haluat banneria oikealle päin muokkaa numeroa suuremmaksi, sen jälkeen: "Käytä blogissa".

BLOGIN MUOKKAUSTA

Aloitin tälläisen apublogin, vaikka näitä onkin jo niin paljon halusin kuitenkin uuden blogin.

Toinen blogini on varjottaivaalla.blogspot.fi, jonne kirjoittelen noin joka toinen päivä, jos suinkaan ehdin (: !

Tänne lisäilen aina sitten apupostauksia, joiden avulla uudet bloggaajat ja mikseivät vanhemmatkin saa apua.