Högerklicksskydda din blogg

Trött på att folk snor dina bilder?
Lägg in ett högerklicksskydd, snabbt och enkelt,
utan irriterande pop up's med varningsmeddelanden.

1. Gå in på Anpassa > Layout > Sidelement
2. Lägg till en ny gadget > HTML / Java-script
3. Klistra in koden här nedan och spara. Klart!

<script language="JavaScript"><br /><!-- /////////////////////////////////// function clickIE4(){ if (event.button==2){ return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ 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("return false") // --><br /></script>

Sökfunktion

Vill du att dina läsare lättare skall kunna hitta
vad de söker i din blogg?
Inga problem, lägg bara in en liten gadget!

1. Gå in på Anpassa > Layout > Sidelement
2. Lägg till en ny gadget > HTML/Java-script
3. Klistra in koden nedanför, klart!

<form action="/search" method="get"><input name="q" type="text"><input value="Sök i bloggen" type="submit"></form>

Ändra bild med mouseover

En bild som byter bild när du håller muspekaren över den,
kan vara kul att ha på sin blogg. Till exempel en bild på dig
själv, och när besökare håller över bilden, kommer en annan
bild och lite text där det står "Info om mig!" och när de klickar
på bilden länkas de vidare till en sida där du skrivit lite
om dig själv.

1. Gå in på Anpassa > Layout > Sidelement
2. Lägg till en gadget > HTML/Java-Script
3. Klistra in koden nedanför, och byt ut versalerna mot dina länkar
4. Tryck på Spara. Klart!

<br /><br /><div class="Div0"><br /><a class="img1" href="OM DU VILL LÄNKA BILDEN"><img src="LÄNK TILL BILD 1" /></a><br /><a class="img2" href="OM DU VILL LÄNKA BILDEN"><img src="LÄNK TILL BILD 2" /></a><br /></div><br /><br /><style><br />a:hover img {filter:none;}<br />div.Div0 {position:relative; top:0px; border:0px;}<br />a.img2 {position:absolute; top:0px; left:0px;}<br />a.img1 {position:absolute; top:0px; left:0px;}<br /><br />a:hover img {filter:none;}<br />div.Div0 {position:relative; top:0px; border:0px;}<br />a.img1 {position:absolute; top:0px; left:0px;}<br />a.img2 {position:absolute; top:0px; left:0px;}<br /><br />a.img1:hover img{visibility:hidden;}<br />a.img2 img {visibility:hidden;}<br />a.img2:hover img {visibility:visible;}<br /></style><br /><br /><br />

Lägg in en YouTube-video

Skapa ett nytt inlägg, välj läget "Redigera HTML" istället för "Skriv"

Gå in på YouTube och leta upp den videon du vill ha i ditt inlägg.
Till höger om videon finns en HTMLkod under Rubriken "Bädda in",
sedan kan du göra små inställningar, som hur stor videon ska vara,
vilken färg på ramen och liknande.

Kopiera koden och klistra in den i inlägget.

Publicera, klart!

Klicka på bilden nedanför om du är osäker på vart koden finns.

Favicon.ico

Vill du få din blogg att se lite proffsigare ut?
Lägg till en favicon framför webbadressen, som här.


Så här gör du enklast:

• Skapa din favicon i valfritt bildredigeringsprogram.
  Storleken måste vara 16x16 pixlar & 16 fäger.
  Spara i valfritt format, BMP, JPG eller liknande.

• Konvertera bilden till en .ico-fil.
  Det kan du göra här.
  
  
• Skaffa en bildhost där du laddar upp bilden.
  
  
• När den är uppladdad, kopiera bildadressen
  (högerklicka på bilden > egenskaper: "egenskaper för bild" "adress")
  
  
• Logga in och ta dig till anpassa > layout > redigera HTML
  Efter några rader ser du detta:

<title><data:blog.pagetitle/></title>

• Skriv av följande kod och lägg in under raden

<link href='KLISTRA IN BILDLÄNKEN HÄR' rel='shortcut" type="'image/vnd.microsoft.icon'/">

• Nu är det bara att spara och uppdatera din blogg!
  

Fallande snö

Vill du få in lite vinterkänsla på din blogg?
Lägg snabbt in ett enkelt snö-script
och se snöflingorna om bara några sekunder!


OBS! Glöm inte att alltid hämta din html-mall
och spara den innan du börjar ändra något!


1. Gå in på : Anpassa > Layout > Redigera HTML
2. Leta upp body
(det gör du enklast genom att trycka Ctrl+F på PC / Äpple+F på Mac)
3. Direkt efter body klistrar du in en av de 3 koderna nedanför
4. Tryck på Spara och det är klart!




Snöscript 1

<br/><br/><br/><br /><br /><br /><script src="'http://blogger4you.narod.ru/JavaScript/snow1.js'"></script><br /><br /><br />
Denna passar bra om du har en vit/ljus bakgrund!

Snöscript 2

<br/><br/><br/><br /><br /><br /><script src="http://livibetter.googlepages.com/snowstorm.js" type="text/javascript"></script><br /><br /><br />

Snöscript 3

<br/><br/><br/><br /><br /><br /><script type="text/javascript" src="http://boriskuzmanov.1sthost.org/sneg.js"></script><br /><br /><br />

Snöscript 4

<br/><br/><br/><br /><br /><br /><script type="text/javascript"><br /> sitePath = "http://tescho.se/wp-content/plugins/let-it-snow/";<br /> sflakesMax = 90;<br /> sflakesMaxActive = 45;<br /> svMaxX = 2;<br /> svMaxY = 3;<br /> ssnowStick = 1;<br /> sfollowMouse = 0;<br /> </script><script src="http://tescho.se/wp-content/plugins/let-it-snow/script/snowstorm.js" type="text/javascript"></script><br /><br /><br />
Snyggaste flingorna!

Översätt din blogg

Vill du nå ut med din blogg till fler läsare?
Ett enkelt sätt är att lägga till en översättnings-gadget
från google. Då kan läsaren snabbt välja vilket språk
den vill ha översatt bloggen till.


1. Gå in på anpassa>Layout>Sidelement>Lägg till en gadget
2. Välj att skapa en ny html/Java-script.
3. Klistra bara in koden nedanför.

<br /><br /><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=sv&w=160&h=60&title=&border=&output=js"></script>

Det finns också andra versioner av översättningsverktyg.
Här hittar du koden för att lägga till ännu fler språk.
(Klicka bara på bilden för att få koden)



Tips! Placera denna gadget högt upp på sidan,
så att den syns direkt när bloggen öppnas.
Annars är risken stor att folk inte kommer läsa
ett ord på bloggen
och alltså inte heller scrolla ner.

(Om det inte fungerar med koden jag angivit,
prova då istället att gå in här och hämta koden direkt från google!)