Ikon & Link-Hover effekt

Nu har jag precis gjort en liten update i min css fil. Ville ha lite nya saker :p
Jag bestämde mig för att göra länkarna i sidfältet till Bold och även en ny hovereffekt :)
För er som är intresserad av att veta hur jag har fått mina "Sträck" under länkarna när man håller på de så gör man såhär

a:hover {
border-bottom-width: 2px;
border-bottom-style: dashed;
border-bottom-color: #09F;
}

border-bottom-style: dashed;
Gör så att det blir "sträck" under texten

border-bottom-width: 2px;
Ställer in hur stora "sträcken" ska vara

border-bottom-color: #09F;
Ställer in "sträckens" färg, i detta fall är det en ljusblå färg

För att detta ska bli när man håller över länkarna på din blogg/sida måste du lägga in det i a:hover
Dock påverkar detta ALLA länkar på din sida, även om du länkar via en bild kommer dessa sträck att dyka upp under. Detta kanske inte är så snyggt och det finns lite mer avancerade sett att kringgå detta men de orkar inte jag förklara nu. Men som du kanske märker har jag ändast denna effekt på länkarna i mitt sidfält. Om du vill kan du kika i min källkod och försöka lära dig av den :)

Såhär blir resultatet:




Jag har även ändrat min ikon för sidan. Om ni tittar på taben i webbläsaren för sidan så ser ni att ikonen ser ut såhär:
Innan var det ju så visades standard ikonen för blogg.se, denna ikon:

För att ändra det behöver du bara klistra in en liten rad i din <head> tag
<link rel="shortcut icon" href="Klistra in länk till din ikon här" />

Det är alltså riktigt lätt och du får en personligare touch på din blogg ;)
Om du undrar över något så är det bara att kommentera!

Problem med radbytningar!?

Jag har märkt att blogg.se har en ganska så stor bugg...
Det är så att när man skriver ett inlägg och byter rad eller hoppar över en rad för att börja med en ny sektion så buggar det.. Allt fungerar finfint tills det att man klickar på "Spara & Publicera", då försvinner alla radbytningar och texten blir ihoptryckt och väldigt tråkig.

Jag har kollar runt lite och fick precis reda på att denna bugg uppstår ändast med Google Chrome.
(som jag olyckligtvis är min favorit webbläsare)
Men just nu använder jag Firefox och det fungerar utmärkt!
Av vad jag förstått så ska även Internet Explorer och Opera även fungera :)

Tills det att de lyckats fixa denna bugg får man helt enkelt använda en annan webbläsare när man gör inlägg om man favoriserar Chrome.

Facebook activity feed

Facebook activity feed är en funktion som visar hur en sida/blogg är aktiv på facebook. Ex, det står vilka som delat sidan, vilka som gillar den och vilka som rekomenderar sidan.
Detta gör att du och dina bloggläsare kan se vilka mer som är aktiva på bloggen.

Till att börja med måste du gå in på denna sida och välja hur du vill att din activity feed ska se ut.
Sedan när du är klar ska du klicka på "Get Code" och en ruta med två boxar poppar upp.
Den översta boxen ska du klistra in precis under din <body> tag i din HTML kod medans den undre boxen ska du klistra in där du vill att din activity feed ska visas.

Om du följde min andra "Guide" för hur man skaffade Gilla knappar har du redan koden från den övre boxen och kan då strunta i den och bara klistra in koden från den nedre boxen.

Om du tittar till höger på min startsida (under "Senaste Aktivitet") så kommer du se hur det kan se ut när du är klar.
Det är superlätt och väldigt praktiskt! :)


Jag hoppas jag varit till hjälp. Släng en kommentar om det är något du undrar över, tack för mig! :)

Facebook gilla knapp på din blogg

Många har lagt till facebook GILLA knappar till sina sidor och bloggar vilket är super lätt enligt mig...
Men, vad inte så många vet är att det går att få gilla knappar automatiskt till varje nytt inlägg du gör på bloggen :) Gilla knappar är väldigt bra och de ökar dina blogg läsare eftersom de gör att din blogg kommer att synnas mycket mer bland dina vänner på facebook.

Vi börjar med att lägga till en vanlig gilla knapp. Det första du ska göra är att gå till denna sida och välja hur din gilla knapp ska se ut och sedan klicka på "Get code".
Det kommer då att dyka upp en ruta med två boxar. Den övre koden ska du placera precis under din <body> tag i html koden för din blogg.
Koden i den undre rutan ska placeras där du vill ha gilla knappen på din sida.
Det va allt, ganska lätt... eller hur?
Men nu till det lilla svåra, hur ska man göra för att lägga till en gilla knapp för varje inlägg du gör, automatiskt?

Allt vi behöver är egenltigen en liten special kod som ser ut såhär (fungerar bara till blogg.se) :
<fb:like href="minblogg.blogg.se/${EntryPermaLink}" font="verdana" data-colorscheme="dark" show_faces="false"></fb:like>
Denna kod måste klistras in någonstans i <div class="entrymeta"> taggen för att fungera. Det kan dock även fungera att placera koden inom <div class="entrybody> taggen, men det kan jag inte garantera.

Ändra minblogg.blogg.se till din blogg länk men skriv INTE med "http://" eller "www."

Om du har en blogg med ljust tema så kan du ändra data-colorscheme="dark" till
data-colorscheme="light"

Du kan även ändra show_faces="false" till show_faces="true" om du vill att små bilder ska visas av de som har gillat.

Det finns många fler sätt att tweaka sin gilla knapp men mer om det kan ni läsa här.


Jag hoppas att jag har varit till hjälp och ännu en gång gjort mig lättförstådd.
har du frågor eller synpunkter så är det bara att kommentera :)
Tack för mig!

Dela din blogg via fb med stil!

Hejsan :) Jag tänkte skriva lite almänna tips i denna nya kategori jag skapat ^^
Just nu tänkte jag skriva lite hur du kan dela din blogg eller hemsida med stil på facebook (y)
Jag har tänkt visa hur du kan välja vilken bild som ska visas när du delar din sida, vilken text det ska stå och även lite annat du kan ha nytta av för att få fler besökare till din blogg :)

Vi börjar med att gå in bland HTML koderna för din sida och det första vi ska göra är att erätta denna rad:
<html xmlns="http://www.w3.org/1999/xhtml"

Istället ska du lägga in dessa rader:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">


Nu när vi har lagt till dessa rader kommer de följande koder vi lägger in att fungera.
Vi ska nu lägga in en bild för din sida, ett namn och en presentation/beskrivning.
Allt vi lägger in nu ska placeras i din head tag (någonstans mellan <head> och </head)

<meta name="description" content="Skriv info om sidan här"/>
Detta är vad som kommer visas på facebook när någon delar din sida

<meta content='titel/namn på bloggen här' property='og:site_name'/>
Detta kommer visas som namn på sidan på facebook och i din webbläsares tab

<meta property="og:image" content="Här länkar du bild som du vill ska visas på facebook"/>

Bilden du länkar här kommer visas som bild när du delar sidan på facebook

<meta name="keywords" content="Skriv taggar för sidan här. ex: kalle, blogg, godis"/>
De taggar du skriver här hjälper folk att hitta till din sida och gör den lättare att komma åt

Följande två rader kan du lägga till direkt eftersom jag antar att du har en blogg och är från sverige ;)

<meta property="og:country-name" content="Sweden"/>
Denna rad visar att sidan är från sverige

<meta property="og:type" content="blog" />
Denna rad visar att sidan är en blogg

Här kan du se lite lättare vad vissa rader gör på facebook :)


När du är klar med allt ska det se ut någonting likt detta:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>KALLES BLOGG</title>
<meta name="description" content="Kalles blogg om mat och godis"/>
<meta name="keywords" content="kalle, blogg, mat, godis">
<meta content='KALLES BLOGG' property='og:site_name'/>
<meta property="og:image" content="http://kallesbils.jpg"/>
<meta property="og:country-name" content="Sweden"/>
<meta property="og:type" content="blog" />
</head>


Jag hoppas att jag varit till hjälp och att jag gjort mig lättförstådd :) Det va allt, lycka till och kommentera om du undrar över något :)