Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!

Transkript

1 Guide till Mynewsdesk Hosted Newsroom - Kom igång och spegla ditt pressrum!

2 Hur du implementerar ditt Hosted Newsroom I den här guiden kan du läsa hur du skapar ert Hosted Newsroom ert pressrum på er egna hemsida. Här kan du bland annat läsa hur du eller din webbredaktör implementerar ert Hosted Newsroom på er webbsida och hur du gör inställningar för typsnitt och färger. Inställningar > Hosted Newsroom > Inbäddning med Iframe 1. Välj om dina nyheter i sociala media ska länka till ditt pressrum på Mynewsdesk eller på din hemsida - Vill du att dina nyheter publicerade i sociala media ska länka till ditt pressrum på MyNewsdesk eller till ditt Hosted Newsroom? Välj av dem i listan! 2. Klicka på Ladda ner HTML-fi

3 - Ladda ner HTML-filen, helper.html och lägg den någonstans på er webbplats, alltså på domänen där iframen ska inkluderas. Det spelar ingen roll var du lägger filen, det som är viktigt är att den ligger i samma katalog som webbsidans övriga filer. 3. Ange adressen till där helperfilen ligger - Ange den fullständiga URL-adressen till helperfilen i rutan på punkt 2 och klicka sedan på Spara. - Fyller du inte i steg 2 korrekt eller inte alls så kommer det att komma ett felmeddelande: Länken till HTML-filen är inte korrekt - Ett felmeddelande kommer även att synas på ditt Hosted Newsroom: Du har inte fullföljt alla stegen för ditt Hosted Newsroom. Du har inte fyllt i en korrekt länk till helper.html-filen för ditt Hosted Newsroom. Gå till Publish och följ beskrivningarna.

4 - När du klickar på Publish så kommer du direkt till Hosted Newsroom, där du följer stegen för att implementera det korrekt. Om pressrummet inte är korrekt implementerat kommer det inte att fungera optimalt. 4. Kopiera koden - Kopiera nu koden i punkt 3 (den som börjar och slutar på <script>) och klistra in den på den sida som Hosted ska ligga på. (Koden ska klistras in i HTML-koden där man vill ha sitt Hosted.) - Lägg inte koden allra högst upp i HTML och inte heller längst ner. Lägger man den innan HTML-koden börjar så kommer Hosted inte att synas. Nu är steg 1 avklarat - ditt Hosted Newsroom är implementerat! Steg 2 - Dags att designa ditt Hosted Newsroom! Här berättar vi hur du gör för att sätta din personliga prägel på ditt Hosted Newsroom hur du lägger till rätt typsnitt och färger för att ditt speglade pressrum ska smälta in på ett snyggt sätt bland dina webbsidor. Inställningar > Hosted Newsroom > Design

5 Färgkoder som finns på din hemsida - Ladda ner programmet FireBug. ( - Under design ställer du in hur Hosted ska se ut. - Gå in på er hemsida och öppna er press-sida eller annan sida där det finns en tydlig grafisk profil. - När du har öppnat FireBug så klickar du på den blå rutan med en pil i - Dra muspekaren över den rubrik, text, färg på din hemsida som du vill ha fram koden på, klicka sedan på den markerade texten - I FireBug-rutan till höger hittar du en ruta med Stil, Beräknad, Layout, DOM - Här klickar du på Beräknad - Under Font-family hittar du vilket typsnitt som texten ska vara. - Det man kollar på då är i vilken ordning som typsnitten står och försöker matcha den så gott man kan med de typsnitt som finns under inställningarna för Hosted - Under Font-size hittar du vilken storlek texten har - Under Color hittar du koden för vilken färg denna text har - Under sektionen Text hittar du vilket typsnitt, färg, storlek etc. som ska användas till din Hosted design.

6 Grundinställningar - Textfärg Pressmeddelandets textfärg - Bakgrundsfärg om din webbsida går i en annan färg än vitt så ändra det här. Du kan även bocka i Transparent. Med transparent menas att bakgrunden kommer vara genomskinlig. Om du har en bild som bakgrund på webbsidan så kommer den att synas bakom Hosted. - Textstorlek Storlek på typsnittet i brödtexten. - Typsnitt Typsnitt för brödtext Sidhuvud - Har du ett s.k. sidhuvud på din webbsida så bockar du i cirkeln Göm sidhuvud.

7 Sektioner - Här väljer du om du vill visa företagsbeskrivningen som syns i ditt pressrum på Mynewsdesk även i ditt Hosted Newsroom. Sektionsrubriker - Textfärg Färgen på rubriken Aktuellt, Dela och Länkar - Typsnitt Typsnittet för rubriken Aktuellt, Dela och Länkar - Textstorlek Storleken på rubriken Aktuellt, Dela och Länkar - Tjocklek - Tjockleken på rubriken Aktuellt, Dela och Länkar - Versaler - Välj om du vill ha Aktuellt, Dela och Länkar i versaler eller inte - Övre ramfärg Om du vill ha en ram ovanför rubriken Aktuellt, Dela och Länkar - Övre ramtjocklek Hur tjock ramen ovanför Aktuellt, Dela och Länkar ska vara - Övre ramtyp Om ramen ska vara heldragen eller streckad - Nedre ramfärg Om du vill ha en ram under sektionsrubrikerna Aktuellt, Dela och Länkar så ställer du in det här - Nedre ramtjocklek - Hur tjock ramen under Aktuellt, Dela och Länkar ska vara - Nedre ramtyp - Om ramen ska vara heldragen eller streckad

8 Listrubriker - Textstorlek Storleken på pressmeddelandets rubrik - Tjocklek Stil på rubriken: fet, normal eller tunn - Understrykning Om du vill att pressmeddelandets rubrik ska vara understruken - Understrykning (hover) Om pressmeddelandes rubrik ska ha en understrykning när du pekar på rubriken med muspekaren Artikelrubrik - Typsnitt Vilket typsnitt ett pressmeddelandes rubrik ska ha när man är inne på pressmeddelandet - Textfärg Här ställer du in vilken färg pressmeddelandets rubrik ska ha när man är inne på pressmeddelandet - Textstorlek Här ställer du in vilken storlek som pressmeddelandets rubrik ska ha när man är inne på pressmeddelandet - Tjocklek Här ställer du in om rubriken ska vara fet, normal eller tunn när man är inne på pressmeddelandet

9 Navigation - Ramfärg Detta är färgen på linjerna som hamnar ovanför listan med material till vänster i pressrummet - Ramtjocklek Detta bestämmer hur tjock denna rand ska vara - Ramtyp Här väljer du om randen ska vara streckad eller heldragen - Textfärg (vald sida) Här ändrar du färg på ordet Översikt som finns till höger i pressrummet Länkar - Färg Bestämmer färg på länkarna i pressrummet; Rubriker på pressmeddelanden, externa länkar och länkar för att hämta RSS-flöden - Färg (hover) Här ställer du in om du vill att dessa länkar ska bli en annan färg när svävar med muspekaren över. - Tjocklek Här bestämmer du stil på typsnittet för länkarna; Fet, normal eller tunn - Understrykning Om du vill att länkarna ska vara understrykna - Understrykning (hover) Här ställer du in om du vill att länkarna ska vara understrukna när du svävar med muspekaren över

10 Delningsboxar - Ramfärg Här ställer du in om du vill ha en ramfärg runt Like, Tweet, +1 och de andra delningsknapparna - Bakgrundsfärg Här ställer du in om du vill att dessa delningsknappar ska ha en bakgrundsfärg - Textfärg Här ställer du in om du vill att Share och ska ha en annan färg - Facebook gilla-knapp Här väljer du om du vill att den ska vara mörk eller ljus Avancerade inställningar - Egen CSS - Här kan du skriva in egen kod för att göra avancerade justeringar för ditt Hosted Newsroom. Nu är du klar! Ditt Hosted Newsroom är snyggt och redo att användas för enkel publicering på två ställen - i ett klick! SUPPORT Om du har frågor gällande implementeringen av ditt Hosted Newsroom, tveka inte att höra av dig till vår Kundservice. Du når oss på support@mynewsdesk.com alternativt på telefon Våra öppettider är måndag-fredag kl.9-17.