Nästan alla bloggdesigners där ute är relativt tillbaka hållande med sina design hemligheter och många har såklart högerklick skydd. Jag har också valt att ha högerklicks skydd men inte för att jag inte vill att folk ska se hur jag mina designer utan för att skydda det som är privat på min blogg.
Jag har absolut inga problem att tala om hur jag gör mina designer eller var jag hittar script m.m.
Det enda jag håller undan med är saker jag fått av andra som dom inte vill att jag ska ge ut...

På denna sida kommer ni hitta tips, ideér och tutorials på saker som handlar om bloggdesign.
Har ni några frågor så är det bara att skicka ett mail till mig, och jag hjälper till så mycket jag kan.





   Boxade menyer med runda hörn av bilder

   Boxade menyer med runda hörn utan bilder

   Enkelt foto galleri i bloggen

   Skugg script för t.e.x text, länkar,bilder m.m

   Stora klickbara bilder i inlägg

   Mouseover effekt med bilder

   Permanent centrerade bilder i inlägg  



   Scrollbox i menyn

   Pop-up fönster

   Färgade formulär funktioner

   Rullande text i ruta på bloggen




   Widgets till bloggen

   Brush sökmotor

   Roliga RSS ikoner

   Din egen snygga google translate


  Designadinblogg.se/forum

  Webdesignskolan

  Fuskbugg - ladda upp filer


SKUGGAD BAKGRUND

Om man vill ha en skuggad bakgrund på t.e.x länkar, bilder m.m på sin blogg
så går detta att fixa med ett enkelt litet script och så här kan resutatet se ut.



Denna koden ska läggas in inom <head></head> i kodmallen


Denna koden ska läggas in inom <body></body> i kodmallen



När ni ska göra era egna inställningar på koden så behöver ni inte bry er om att göra någonting med koden i <head>, utan det lilla ni ska ändra ska göras i koden som ligger i <body> taggen.

width:200px; - det ställer ni in för hur brett området ni vill lägga skugga på är

line-height: 70%; - den ställer ni in för hur stort mellanrum på höjden det ska vara mellan t.e.x text rader eller bilder ni vill ha skugga bakom.

Någonting annat behöver ni inte ställa in eftersom eran stilmall sköter resten av inställningarna åt er.









STORA KLICKBARA BILDER I INLÄGG
Tänkte jag skulle göra en liten guide här om hur man lägger in stora foton i ett inlägg som man kan klicka på och som kommer upp i ett större format i ett "lightwindow".

Det blir likadant som t.e.x "Nevnarien" gör med många av sina bilder.




1. Ladda upp bilden, följ anvisningarna.



2. Spara adressen till bilden på t.e.x Notepad i datorn.

3. Gör ditt inlägg, och där du vill lägga in bilden du vill visa så tryck på html knappen.
Nu ska du lägga in denna koden...


4. Där det står Adressen till bilden ska ni givitvis klistra in adressen till bilden ni sparade i början.
Klicka sedan på Uppdatera knappen, nu kommer bilden som är i inlägget givetvis vara väldigt stor.

5. Markera bilden och förminska den förhand till en lämplig storlek som passar inlägget.

6. Nu är det bara till att Spara & Publisera inlägget.




RULLANDE TEXT MEDDELANDE

Med ett enkelt litet script så kan ni också få text som rullar i en liten box :)...

Denna koden ska ni lägga in i eran kodmall och placera den där ni vill att
texten ska komma rullandes.





DIN EGEN SNYGGA GOOGLE TRANSLATE


Google translator är en väldigt bra funktion som har blivit väldigt populärt att ha på sin blogg om man nå andra som inte är svensktalande. Tyvärr tycker jag att scriptet man får använda sig av är så fult :) Men det finns en lösning på det där, man kan göra sin egen knapp i ett bild redigerings program och länka den.



1. gör din egen knapp i ett bildredigerings program som passar din bloggdesign, ladda sedan upp den på din blogg
och spara adressen.

2. Kopiera koden nedanför och skriv in adressen till din knapp, du ska nu även byta ut en del av adressen som
går till översättnings verktyget.
Precis i slutet på den adressen står det kazooz.blogg.se, och det är den adressen ni ska byta ut till eran egen.



Svårare än så är det inte att göra sin egen SNYGGA google translate :)



MOUSEOVER EFFEKT MED BILDER

En så kallad image swap är någonting som är väldigt trevligt och effektfullt på din blogg.
Och det är väldig enkelt också :)
Allt du behöver är ett litet script och 2 st bilder som ska byta plats med varandra på samma ställe.

Scriptet du behöver finns för kopiering i slutet av denna guide

1. Ladda upp den 2 st bilderna du vill använda dig av till din blogg och spara adresserna på t.e.x Notepad.

2. Lägg in scripten på sina respektive platser i kodmallen.

3. Nu ska du lägga in adresserna för bilderna på respektive plats i scriptet som bilden visar här nedanför.


Detta script är det som visas i guiden



DENNA GUIDE KOMMER OCKSÅ LIGGA UNDER "DESIGN GUIDER & TIPS"




PERMANENT CENTERADE BILDER I INLÄGG

Ibland kan det vara svårt att få bilder i ett inlägg att ligga cetrerade om man vill att texten som hör till ska vara vänsterställd. Men med en liten enkel ändring i koden för bilder i din stilmall så gör du detta permanent. Du behöver aldrig mera centerera din bilder i inläggen utan det sker automatiskt.

Leta upp .image i din stilmall och se till att inställningarna ser ut som nedan.

.image {
display: block;
margin-left: auto;
margin-right: auto;
}



FÄRGAD FORMULÄR FUNKTION

Detta är en sådan liten sak som piffar upp hela bloggen och ibland behövs det inte mycket för att piffa till det lite extra.
Detta scriptet lägger ni in i stilmallen så att det styr alla *form* funktionerna på hela bloggen som t.e.x
kommentar formuläret och sök i bloggen.

Så här gör ni:

Lägg in detta scriptet längst ner i din stilmall



Sen är det bara till att ändra på färger, typsnitt och storlek

Svårare än så är det inte :)