Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
Enkla dela knappar till din blogg.se blogg.

Enkla dela knappar till din blogg.se blogg.

Hej på er! Vill först berätta innan jag börjar med guiden att jag är tillbaka på DDB som skribent. Jag var skribent här 2012 men det rann ut i sanden, tyvärr. Men nu är jag tillbaka här igen med en enorm glöd, för nu ska jag dela med mig utav min kunskap, nu när jag ändå har alldeles för mycket tid över 🙂

Nu: Åter till vad inlägget ska handla om, enkla delaknappar.

Något som idag nästan är ett måste på ens blogg är dela knappar. Det finns en hel djungel och olika tillvägagångssätt att lägga in dela knappar på. Man kan t.ex använda olika tjänster och genom en kodsnutt så får man en djungel dela knappar.

Men jag tänkte idag dela med mig av mina dela knappar jag själv skapade till min blogg på blogg.se som fungerar klockrent. Jag valde Facebook, Twitter och Pinterest eftersom det är i dom Sociala medierna jag vill att mina inlägg ska delas mest i. Man kan lägga till fler om man så önskar, men nu fokuserar vi på Facebook, Twitter och Pinterest. 🙂 Det bästa med dessa enkla knapparna är att du behöver i princip bara kopiera koderna och lägga in. Koden till Twitter kan du modifiera så att när en användare delar ditt blogginlägg på Twitter så blir du nämd i tweeten.

För att få dessa enkla knappar så behöver du lägga in några koder i din CSS fil, men även så behöver du lägga in en kodsnutt i din html fil. Jag har även själv valt att lägga in en ikon före texten, exakt hur jag gjorde det kommer jag återkomma till i ett kommande inlägg, där jag kommer gå igenom finessen med ikoner och hur du enkelt och smidigt får ta del utav otroligt många fina ikoner.

Längst ner i din CSS fil så behöver du klistra in följande kod:
.share-tools {
float: right;
background:;
margin-top: -5px;
}

.share-tools ul li {
border-left: 1px dotted #d0d0d0;
float: left;
height: 15px;
line-height: 15px;
margin-left: 19px;
padding-left: 19px;
list-style-type: none;
}

.share-tools ul li:hover {
opacity: 0.6;
}

.share-tools ul li:first-child {
border: none;
}

.share-tools ul li a {
font-size: 11px;
color: #777;
font-style: italic;
text-decoration: none;
}

.share-tools ul li i {
font-size: 12px;
padding-right: 4px;
color: #7491a1;
}

HTML kodsnutten du ska lägga in lägger du någon stans där du vill ha den i div taggen “content”. Det absolut vanligaste är att man lägger den efter <div class=”entrybody”>{{ entry.body }}</div>  eller i div classen Entrymeta (så som bilden visar). Lägger du den utanför Content området så fyller den inte sin funktion.

delaknappar3

Koden du ska klista in i din html fil är:

<div class=”share-tools”>
<ul>
<li><a href=”http://www.facebook.com/sharer.php?u=Din-bloggadress.se{{ entry.url }}&amp;t={{ entry.title }}” target=”_blank”>Facebook</a></li>
<li><a href=”http://twitter.com/share?url=Din-bloggadress.se{{ entry.url }}&text={{ entry.title }} -&via=Twitternamn” target=”_blank”>Twitter</a></li>
<li><a href=”http://pinterest.com/pin/create/button/?url=Din-bloggadress.se{{ entry.url }}&media={{ entry.best_image }}” target=”_blank”>Pinterest</a></li>
</ul>
</div>

I koden ovan måste du göra några små enkla justeringar (ser jag nu i efterhand). Där det står “http://Din bloggadress.se” ska du skriva din bloggadress för att det ska fungera. Vill du bli omnämd i tweeten när någon delar? Då ändrar du till ditt användarnamn på Twitter där det står “Twitternamn“.

Det var inte svårare än så. Jag hoppas ni förstår min guide, är det något så tveka inte att kommentera så hjälper jag er så gott jag kan 🙂

Grundare av Designa Din Blogg. Drev den här sidan som ett hobbyprojekt under åtta år, numera har jag lämnat över ansvaret för DDB. Är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

3 comments

  1. SvaraNanne

    Hej.

    Jag har försökt allt för att få in dela knappar för fb , twitter och pintrest. ungerar helt enkelt inte på min blog.
    Har en blogspot.se och vet inte ens vad css betyder. Har även försökt med ett program där man bara ska…men gick bet igen. Inte ens grundinställningarna rörde sig en sekund i min html eller scriptet överhuvudtaget. Vad sjuttsingen gör jag för fel?
    Har blogspot något emot dessa dela knappar?
    Nanne

    1. SvaraFredrik Le Falk

      Hej Nanne,

      givetvis kan du lägga till dela-knappar på Blogspot, men detta inlägget handlar om hur du gör det på Blogg.se. Googla på “Blogger share buttons” så hittar du enkla guider om hur du lägger till det på Blogspot.

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *