Pusha-knapp för bloggare

En Pusha-knapp är ett smidigt sätt att locka fler besökare till din blogg eller hemsida. Med ett enkelt klick kan besökare posta en länk till dig på Pusha, eller rösta på din artikel om den redan postats på Pusha.

Gör som SvD, Manolo.se, Fredrik Wackå, Sydsvenskan och många fler redan gjort, lägg upp en Pusha-knapp på din sajt redan idag. Här under kan du läsa om hur du snabbt och enkelt kommer igång.

Vi erbjuder flera olika typer av Pusha-knappar. Välj det alternativ som passar dig bäst.

Smart knapp

Den här "smarta knappen" visar det aktuella antalet röster för en artikel. Tanken är alltså att du använder den tillsammans med ett blogginlägg, inte din bloggs framsida. Den finns i två olika versioner, välj den avancerade versionen om du måste ange direktlänken till själva inlägget.

Standard

Lägg in denna kod där du vill att knappen ska synas:

<script src="http://static.pusha.se/knapp.js" type="text/javascript"></script>

Anpassningsbar

Lägg in koden där du vill ha knappen (mer info nedan):

<script type="text/javascript">
var pusha_url="http://www.webbsida.se";
var pusha_bakgrund="#f00";
var pusha_titel="Valfri förvald rubrik";
var pusha_beskrivning="Valfri förvald beskrivning";
var pusha_nyttfonster=true;
</script>
<script src="http://static.pusha.se/knapp.js" type="text/javascript"></script>

Alla variabler är valfria och betyder följande:

• pusha_url: Adressen till sidan du vill pusha (oftast en permalänk).
• pusha_bakgrund: Välj bakgrundsfärg (bra om din sida inte är vit).
• pusha_titel: Titel som automatiskt fylls i vid första push.
• pusha_beskrivning: Som ovan, men för beskrivning.
• pusha_nyttfonster: Öppna länken till Pusha i ett nytt fönster.

Om du vill ändra knappens placering går det bra att använda ID #pusha_knapp i din stilmall (CSS).

WordPress

Med vår Pusha plugin för WordPress lägger du enkelt till en knapp eller textlänk i alla dina blogginlägg.

Blogg.se

Pusha-medlemmen inmyface har skrivit en guide för hur du lägger till en Pusha-knapp på blogg.se.

Blogger

Beroende på vilken version du använder, välj ett av följande två alternativ:

Klassiska Blogger

Gå till Mall - Redigera HTML och leta efter följande rad:

<!-- End .post -->

Direkt FÖRE den raden klistrar du in följande kod:

<a href="http://www.pusha.se/posta?url=<$BlogItemPermalinkUrl$>" target="_blank"><img alt="Pusha" src=" http://static.pusha.se/pusha_60_16.gif" style="border: 0;" title="Pusha denna nyhet" /></a>

Klicka på "Spara Malländringar" och du har nu en Pusha-knapp i varje inlägg.

Nya Blogger

Gå till Mall - Redigera HTML, kryssa i "Utöka gränssnittskomponentmallar" och leta efter följande rad:

<p class='post-footer-line post-footer-line-3'/>

Direkt EFTER den raden klistrar du in följande kod:

<a expr:href='"http://www.pusha.se/posta?url="+data:post.url' target='_blank'><img alt='Pusha' src='http://static.pusha.se/pusha_60_16.gif' style='border: 0;' title='Pusha denna nyhet' /></a>

Klicka på "Spara Mall" och du har nu en Pusha-knapp i varje inlägg.

Andra bloggverktyg

Fler tillägg kommer. Tills vidare kan du använda "För avancerade användare" längre ner på sidan.

Bilder

För avancerade användare

Exempel på hur du kan skapa mer avancerade Pusha-länkar.

http://www.pusha.se/posta?url=URL&title=TITEL&description=BESKRIVNING

URL
Permalänk till artikeln. Detta är den enda obligatoriska variabeln. De andra kan utelämnas och resterande information får då fyllas i efter det att man klickat på Pusha-länken.

TITEL
Länkens rubrik, som får vara max 50 tecken lång.

BESKRIVNING
Beskrivning av länken, max 500 tecken.

Se till att koda adressen på ett säkert sätt som alla webbläsare förstår. Detta kan göras med t ex metoden encodeURIComponent() i Javascript eller urlencode() i PHP.

Kontakta oss vid eventuella problem, så hjälper vi gärna till.