Bokmärkes länk
Något som är smart att ha på sin blogg är en bokmärkes länk så att dina läsare kan göra din blogg till ett bokmärke, en försäkran om att de hittar tillbaka ;)
det går båda att skapa en vanlig enkel länk och en bildlänk.
Steg 1
Gå in på kodmallar och klistra in följande kod precis innan </head>, gör samma sak på alla kodmallar.
Steg 2
Gå längre ner i kodmallen för att placera själva bokmärkes koden. Kanske vill du ha den i menyn, i så fall ska du leta upp <dive id="side">, klistra in EN av följande koder nedan <dive id="side">.
<a href="javascript:bookmarksite('Dinblogg', 'dinbloggadress')">Bokmärk</a>
Denna kod är en vanlig text-länk
Om du hellre vill ha en bildlänk ska du klistra in följande
<a href="javascript:bookmarksite('Dinblogg', 'dinbloggadress')"><img src="adressentillbildenhär" border="0"></a>
Steg 3
I det tredje och sista steget ska du ändra på följande:
Om du har text-länk:
Där det står "Dinblogg" skriver du ditt bloggnamn
Där det står "Dinbloggadress" skriver du adressen till din blogg
Där det står "Bokmärk" skriver du vad du vill att länken ska heta.
Om du har en bildlänk:
Där det står "Dinblogg" skriver du ditt bloggnamn
Där det står "Dinbloggadress" skriver du adressen till din blogg
Där det står "adressentillbildenhär" skriver du in adressen till din bild
Jag hoppas att ni kan få någon hjälp av inlägget och att jag förklarat det bra, om du skulle ha några problem är det bara att kontakta mig via [email protected], eller kommentera inlägget så ska jag göra det jag kan för att hjälpa dig. Lycka till!
det går båda att skapa en vanlig enkel länk och en bildlänk.
Steg 1
Gå in på kodmallar och klistra in följande kod precis innan </head>, gör samma sak på alla kodmallar.
<script type="text/javascript">
/***********************************************
* Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
/* Modified to support Opera */
function bookmarksite(title,url){
if (window.sidebar) // firefox
window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all)// ie
window.external.AddFavorite(url, title);
}
</script>
Steg 2
Gå längre ner i kodmallen för att placera själva bokmärkes koden. Kanske vill du ha den i menyn, i så fall ska du leta upp <dive id="side">, klistra in EN av följande koder nedan <dive id="side">.
<a href="javascript:bookmarksite('Dinblogg', 'dinbloggadress')">Bokmärk</a>
Denna kod är en vanlig text-länk
Om du hellre vill ha en bildlänk ska du klistra in följande
<a href="javascript:bookmarksite('Dinblogg', 'dinbloggadress')"><img src="adressentillbildenhär" border="0"></a>
Steg 3
I det tredje och sista steget ska du ändra på följande:
Om du har text-länk:
Där det står "Dinblogg" skriver du ditt bloggnamn
Där det står "Dinbloggadress" skriver du adressen till din blogg
Där det står "Bokmärk" skriver du vad du vill att länken ska heta.
Om du har en bildlänk:
Där det står "Dinblogg" skriver du ditt bloggnamn
Där det står "Dinbloggadress" skriver du adressen till din blogg
Där det står "adressentillbildenhär" skriver du in adressen till din bild
Jag hoppas att ni kan få någon hjälp av inlägget och att jag förklarat det bra, om du skulle ha några problem är det bara att kontakta mig via [email protected], eller kommentera inlägget så ska jag göra det jag kan för att hjälpa dig. Lycka till!
Placera text/objekt var du vill
En väldigt bra kod att kunna, den här koden gör det nämligen möjligt att placera en text eller ett objekt vart du vill i din blogg. Hur bra som helst eller hur? Och enkelt är det också!
Låt oss kalla det här texten/objektet eller vad det nu ska vara för textobjekt1, självklart kan du döpa det till något annat.
Steg 1
Såhär ser själva koden som ska in i kodmallen ut:
<div id="textobjekt1">placera texten/objektet här</div>
* TIPS: där det står "placera texten/objektet här" kan du sätta in en text, bild, länk, vad du vill. Om det är en text kan du även använda dig av font koderna som jag tidigare pratat om och anpassa texten helt efter tycke. Du kan också lägga in en länk, som är anpassad specifikt för där den ska placeras
Placera koden i kodmallen.
Mitt tips är att placera objektet längst ned så hittar man det lätt.
Så om man ska placera den längst ner så placerar man koden mellan följande koder såhär:
<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
<div id="textobjekt1">placera texten/objektet här</div>
</body>
</html>
Glöm inte att spara kodmallen och att göra samma sak på alla andra kodmallar!
Steg 2
Nu ska vi sätta in en kod i stilmallen, som ser ut såhär:
#textobjekt1 {
position: absolute;
top: 25px;
left: 620px;
}
*glöm inte att döpa koden i stilmallen till samma sak, som i det här fallet är textobjekt1
Du kan placera koden vartsomhelst i stilmallen det spelar inget roll vart.
Du ändrar texten/objektets position genom att ändra siffrorna efter top och left.
Jag hoppas att jag förklarat på ett bra sätt, om det är några oklarheter maila ([email protected]) eller kommentera inlägget så ska jag hjälpa till så gott det går. Lycka till med kodandet!
Låt oss kalla det här texten/objektet eller vad det nu ska vara för textobjekt1, självklart kan du döpa det till något annat.
Steg 1
Såhär ser själva koden som ska in i kodmallen ut:
<div id="textobjekt1">placera texten/objektet här</div>
* TIPS: där det står "placera texten/objektet här" kan du sätta in en text, bild, länk, vad du vill. Om det är en text kan du även använda dig av font koderna som jag tidigare pratat om och anpassa texten helt efter tycke. Du kan också lägga in en länk, som är anpassad specifikt för där den ska placeras
Placera koden i kodmallen.
Mitt tips är att placera objektet längst ned så hittar man det lätt.
Så om man ska placera den längst ner så placerar man koden mellan följande koder såhär:
<img src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
<div id="textobjekt1">placera texten/objektet här</div>
</body>
</html>
Glöm inte att spara kodmallen och att göra samma sak på alla andra kodmallar!
Steg 2
Nu ska vi sätta in en kod i stilmallen, som ser ut såhär:
#textobjekt1 {
position: absolute;
top: 25px;
left: 620px;
}
*glöm inte att döpa koden i stilmallen till samma sak, som i det här fallet är textobjekt1
Du kan placera koden vartsomhelst i stilmallen det spelar inget roll vart.
Du ändrar texten/objektets position genom att ändra siffrorna efter top och left.
Jag hoppas att jag förklarat på ett bra sätt, om det är några oklarheter maila ([email protected]) eller kommentera inlägget så ska jag hjälpa till så gott det går. Lycka till med kodandet!
Bild som länk
I det här inlägget hade jag tänkt att förklara hur man gör en bild till en länk i två enkla steg.
1. Ladda upp bilden på bloggen och kopiera bildadressen, lägg gärna in den i ett vanligt word dokument eller något så länge.
2. Skriva själva koden.
En vanlig länkkod ser ut som följande: <a href="adressentilllänk">text här</a>
Men vi vill inte att det ska vara någon text, utan en bild därför byter vi ut "text här" mot en bildkod.
En bildkod ser ut såhär: <img src="adressentillbilden" border="0">
Den slutliga koden ser alltså ut såhär: <a href="adressentilllänk"><img src="adressentillbilden" border="0"></a>
Ändra "adressentilllänk" till länkadressen och "adressentillbilden" mot adressen till din bild. Sen är det klart!
Som vanligt om det skulle dyka upp problem är det bara att maila ([email protected]) eller kommentera inlägget! Lycka till!
1. Ladda upp bilden på bloggen och kopiera bildadressen, lägg gärna in den i ett vanligt word dokument eller något så länge.
2. Skriva själva koden.
En vanlig länkkod ser ut som följande: <a href="adressentilllänk">text här</a>
Men vi vill inte att det ska vara någon text, utan en bild därför byter vi ut "text här" mot en bildkod.
En bildkod ser ut såhär: <img src="adressentillbilden" border="0">
Den slutliga koden ser alltså ut såhär: <a href="adressentilllänk"><img src="adressentillbilden" border="0"></a>
Ändra "adressentilllänk" till länkadressen och "adressentillbilden" mot adressen till din bild. Sen är det klart!
Som vanligt om det skulle dyka upp problem är det bara att maila ([email protected]) eller kommentera inlägget! Lycka till!
Ändra utseende på text
Vem vill inte kunna styra exakt hur ens text ser ut? Därför tänkte jag dela med mig av hur man ändrar utseende på sin text.
Såhär ser de olika koderna ut:
<font size="5">text här</font> - bestämmer storleken på texten, siffran 5 (som är storleken) går att ändra till den storlek som önskas.
<font face="arial">text här</font> - bestämmer teckensnittet/fonten, arial (som är fonten) går självklart att ändra på till valfri font. Tänk dock på att alla som läser din blogg måste ha samma sorts font installerad. Man kan dock komma undan med hjälp av Google web fonts, designadinblogg.se har en jättebra guide för detta, klicka här för att komma dit!
<font color="#000000">text här</font> - bestämmer färgen på texten, ändra 000000 till den färg du vill ha.
Såhär kan alla koderna tillsammans se ut:
<font face="arial" size="5" color="#000000">text här</font>
Inte superkrångligt, om du skulle behöva hjälp med något så är det bara att maila ([email protected]) eller kommentera inlägget! Lycka till!
Såhär ser de olika koderna ut:
<font size="5">text här</font> - bestämmer storleken på texten, siffran 5 (som är storleken) går att ändra till den storlek som önskas.
<font face="arial">text här</font> - bestämmer teckensnittet/fonten, arial (som är fonten) går självklart att ändra på till valfri font. Tänk dock på att alla som läser din blogg måste ha samma sorts font installerad. Man kan dock komma undan med hjälp av Google web fonts, designadinblogg.se har en jättebra guide för detta, klicka här för att komma dit!
<font color="#000000">text här</font> - bestämmer färgen på texten, ändra 000000 till den färg du vill ha.
Såhär kan alla koderna tillsammans se ut:
<font face="arial" size="5" color="#000000">text här</font>
Inte superkrångligt, om du skulle behöva hjälp med något så är det bara att maila ([email protected]) eller kommentera inlägget! Lycka till!
Ändra färg på en specifik länk
Det här inlägget handlar om hur man ändrar färg på en specifik länk.
Såhär ser koden ut för att ändra färgen på en länk:
style="color: #000000"
*Ändra till din färg där det står: 000000
Det enda vi egentligen behöver göra är att sätta in den koden i länkkoden.
En vanlig länkkod ser ut såhär:
<a href="adressentilllänken">Vad länken heter</a>
Kombinerat ser alltså koden ut såhär:
<a href="adressentilllänken" style="color: #000000">Vad länken heter</a>
Sen är det klart!
Inte så himla svårt alltså! Om ni skulle stöta på några problem så kan ni antingen kontakta mig på min mail: [email protected], eller så kan ni kommentera inlägget så ska jag hjälpa er! Lycka till!
Såhär ser koden ut för att ändra färgen på en länk:
style="color: #000000"
*Ändra till din färg där det står: 000000
Det enda vi egentligen behöver göra är att sätta in den koden i länkkoden.
En vanlig länkkod ser ut såhär:
<a href="adressentilllänken">Vad länken heter</a>
Kombinerat ser alltså koden ut såhär:
<a href="adressentilllänken" style="color: #000000">Vad länken heter</a>
Sen är det klart!
Inte så himla svårt alltså! Om ni skulle stöta på några problem så kan ni antingen kontakta mig på min mail: [email protected], eller så kan ni kommentera inlägget så ska jag hjälpa er! Lycka till!
Skapa en kontakta mig/mail länk
Istället för att skriva ut sin email adress kan man enkelt skapa en länk som öppnar upp ett mailprogram (ex. outlook, gmail, Windows Live Mail osv.). På så sett kan den som vill nå dig på ett snabbt, smidigt och enkelt sätt.
Koden är väldigt enkel och ser ut såhär:
<a href="mailto:dinmailadress">Kontakta mig här!</a>
Det enda du behöver göra är att ändra så mailet är kopplat till din mailadress, och det gör du genom att skriva in mailadressen där det står: dinmailadress. Texten där det står: Kontakta mig här!, kan du självklart enkelt byta ut mot vad du vill att det ska stå.
Hoppas att det går bra för er med kodandet, som vanligt är det bara att maila mig ([email protected]) eller kommentera inlägget om det är några problemas. Lycka till!
Koden är väldigt enkel och ser ut såhär:
<a href="mailto:dinmailadress">Kontakta mig här!</a>
Det enda du behöver göra är att ändra så mailet är kopplat till din mailadress, och det gör du genom att skriva in mailadressen där det står: dinmailadress. Texten där det står: Kontakta mig här!, kan du självklart enkelt byta ut mot vad du vill att det ska stå.
Hoppas att det går bra för er med kodandet, som vanligt är det bara att maila mig ([email protected]) eller kommentera inlägget om det är några problemas. Lycka till!
Öppna länk i nytt fönster
Något som jag blev väldigt irriterad på när jag började blogga var att jag inte visste hur man fixade så att specifika länkar kunde öppnas i nya fönster. För när jag skulle länka till någon annans blogg eller till mitt Flickr konto så ville jag inte att det skulle öppnas i samma fönster. Tillslut så hittade jag den och lärde mig hur den fungerade.
Så för att ni inte ska bli irriterade över det här precis som jag blev så delar jag med mig av koden. OBS! Tänk på att den här koden fungerar bara (så vitt jag vet) i kodmallen!
Såhär ser koden ut för att en länk ska öppnas i ett nytt fönster:
target="_blank"
Det enda vi egentligen behöver göra är att sätta in den koden i länkkoden.
En vanlig länkkod ser ut såhär:
<a href="adressentilllänken">Vad länken heter</a>
Kombinerat ser alltså koden ut såhär:
<a href="adressentilllänken" target="_blank">Vad länken heter</a>
Inte så himla svårt alltså! Har ni några problem med länken och vill ha hjälp så kan ni antingen kontakta mig på min mail: [email protected], eller kommentera inlägget! Lycka till!
Så för att ni inte ska bli irriterade över det här precis som jag blev så delar jag med mig av koden. OBS! Tänk på att den här koden fungerar bara (så vitt jag vet) i kodmallen!
Såhär ser koden ut för att en länk ska öppnas i ett nytt fönster:
target="_blank"
Det enda vi egentligen behöver göra är att sätta in den koden i länkkoden.
En vanlig länkkod ser ut såhär:
<a href="adressentilllänken">Vad länken heter</a>
Kombinerat ser alltså koden ut såhär:
<a href="adressentilllänken" target="_blank">Vad länken heter</a>
Inte så himla svårt alltså! Har ni några problem med länken och vill ha hjälp så kan ni antingen kontakta mig på min mail: [email protected], eller kommentera inlägget! Lycka till!
Bloggdesign tips varje dag v.8!
Jag är inte proffs på det här med bloggdesign, men jag kan ett och annat så jag tänkte att den här veckan ska jag dela med mig av ett tips varje dag klockan tolv! Med undantag för dagens bloggdesign tips. Hoppas att det kan komma att hjälpa er och eran bloggdesign.
Ni är välkomna att komma med förslag på vad ni vill ha för slags tips!
Ni är välkomna att komma med förslag på vad ni vill ha för slags tips!
