Grattis Tippex!

WhiskyTippex

Tippex growls

Kasta ankar!

Då man som jag i en blogg följer en utveckling finns det ofta anledning att länka bakåt i handlingen. Då man som jag också tenderar att skriva ganska långa inlägg, finns det emellanåt anledning att länka till ett avsnitt en bit in i inlägget.

Skriver man då "läs en bit ner på sidan" vid en länk till det gamla inlägget, finns det anledning att tro att folk inte orkar leta fram det relevanta stycket. Vad göra?

Anchors
<a name="blabla"> i HTML-koden står för "anchor", även kallat ankare och länk i HTML-världen. Länken avslutas med ett </a>. Lite att bita i från Wikipedia.

En kunskap som verkar falla i glömska är att man kan länka direkt till ett avsnitt i ett annat HTML/XML-dokument. Man börjar med att sätta en etikett på avsnittet i fråga, som i utgångsläget kan börja så här:

<strong>Kommentarer</strong>

En rubrik är ju den vanliga ingången på ett avsnitt. Det enklaste är att kalla länken för just rubriknamnet, i det här fallet "kommentarer". Varför trassla till det för sig? Då lägger vi på ett Anchor-attribut runt rubriken i det gamla inlägget:

<a name="kommentarer"><strong>Kommentarer</strong></a>

Notera att det går utmärkt att behålla eventuella formateringar på måltexten. Nu finns det en platsangivelse i inlägget i fråga. Sen ska den länkas till från ens inlägg:

Vi tar exemplet från ett inlägg om kontohanteringen, men vill landa en bit ner på sidan.

• Börja med att namnsätta ett avsnitt i inlägget enligt receptet ovan
• Fortsätt med att i länkfunktionen klistra in länken till avsnittet med tillägget #kommentarer
Sen är det klart! Länken till inlägget:
• http://hennestestblogg.blogspot.com/2006/12/kontohanteringen.html
...och länken till rubiken blir då:
• http://hennestestblogg.blogspot.com/2006/12/kontohanteringen.html#kommentarer

Med denna teknik hoppar man förbi text som inte är relevant och lotsar besökaren direkt till det man vill få läst.

A Blogger special case
Om man nu skriver så långa inlägg att man vill hoppa i det egna dokumentet så blir det besvärligare. I alla andra sammanhang är det bara att namnsätta stället och sen skriva #kommentarer i länken så är det klart. Alla läsare söker då upp ankaret med det namnet i inneliggande dokument.

Men Blogger tycker inte om detta. Editorn stoppar in en absolut referens till ankaret när inlägget sparas. Det är hela långa sökvägen med http:// och allt. Är det då frågan om ett icke publicerat inlägg kan länken se ut så här:

<a href="http://www.blogger.com/post-edit.g?blogID=26648990&postID=2079955039664416503#kommentarer">

Klickar man sen på den ser allt bra ut. Så länge du är inloggad på ditt Blogger-konto. En icke inloggad kommer bara till inloggningssidan.

Vad göra?
Publicera dig, kopiera in den länkangivelse Blogger tilldelar sidan, redeigera inägget och byt ut länken till den URL som inlägget fick iom publiceringen. Det går på sekunder, så de besökare som drabbas av den "felaktiga" länken är nog inte så många...

Googlemark

Man kan registrera ord och få en liten Google-logga vid dem. Reggade två ord: Igelkottabloggen samt näraklornaupplevelse

Tyvärr kan man inte använda Googlemark-et i samband med länkangivelser eftersom ju det blir en länk till diplomet i stället för dit man vill.

Gå till Googlemark.org om ni vill regga ett ord ni tror att ni är ensamma om. Eller sno någon annans.

PS
Bägge mina reggade ord kan ni Googla på, så ser ni att jag har varit ganska ensam om att använda dom. Till nu, iaf.

Update onsdag:
I kväll kapade jag uttrycket drabbas ut, kanske ett modeord i vardande som
Stationsmannen reagerade på (läs kommentarerna)

32 träffar gav uttrycket på Google idag och det uppmärksammades i en DN-artikel. Blir detta kickoff för ett ännu ett mer eller mindre meningslöst uttryck?

Lokala Googlingar

Konstigt nog ligger den inte som en Blogger-tjänst men har man en lite större, eller specialiserad, blogg så är en lokal sökmotor inte helt fel. Särskilt svårt är det inte heller

• Börja med att gå till Google custom search engine. Kontot på Google har du redan iom att du har en Blogger-blogg.
• Alla fält måste fyllas i. (Det går att ändra texter efteråt, i en kontrollpanel, så du behöver inte uppfatta dem som livsavgörande)
• Låt förvalet "Only sites I select" vara kvar
• Svenska finns att välja som språk
• I fältet "Select some sites" lägger du adressen till din blogg. (En per rad om du vill svepa fler ställen)
• Se upp! Om alternativet "New! Also include all sites linked to from these pages" är förbockat så kommer sökningarna att inkludera alla dina utgående länkar. Detta måste alltså bockas av om du vill begränsa sökmotorn till bara bloggen.
• Acceptera villkoren och gå till steg två: Testen
• Kolla med några vanlig ord och uttryck att sökningarna verkligen görs på de sajter du har angett
• Godkänn och du kommer till "My search engines"
• Klicka på "control panel" för den sökmotor du skapade. Där kan du byta namn, preferenser med mera.
• Gå till "code" och du kan välja utseende och sen kopiera över koden till bloggen din.
• Lägg till ett sidelement av typen "HTML/JavaScript " och kopiera in koden så är det klart

Viktigt: Om din marginal blir blank och innehållet återkommer först efter sista posten, så är det ingen ko på isen. Det beror förstås på den sökmotor du just lade in. Och den har 40 tecken som förval på inmatningen. Redigera sidelementet i fråga:

<!-- Google CSE Search Box Begins -->
<form id="searchbox_002745608014232795335:uo6cv0mbpky" action="http://google.com/cse">
<input type="hidden" name="cx" value="002745608014232795335:uo6cv0mbpky" />
<input type="hidden" name="cof" value="FORID:0" />
<input name="q" type="text" size="40" />
<input type="submit" name="sa" value="Search" />
</form >
<script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_002745608014232795335%3Auo6cv0mbpky"></script>
>!-- Google CSE Search Box Ends -->
(Den som inte orkar jobba lite och kopierar den här koden går på en mina. Inget kommar att fungera eftersom sökmotorn med det ID-t inte bara söker fel. Den är dessutom raderad...)

Boven i dramat är rödmarkerad. Sänk värdet i etapper, förhandsgranska och till slut hittar du en siffra som passar din marginal. Tänk på att man inte kan söka på längre termer än size-attributet är ställt på, så korta inte ner värdet mer än nödvändigt.

Arkivlistan

Vill man slippa se den senaste månadens inlägg veckla ut sig och ta onödigt mycket skärmplats för sina besökare, är det bara att välja "enkel lista" i sidelementet "Bloggarkiv". I skrivande stund är månadsangivelserna ännu på engelska, varför jag har valt kortast möjliga angivelse.

Tack för den lärdomem, Rigg.

Centrera Sidelementen i sidospalten

Jag har roat mig med att lägga till Google-annonser här. Som vanligt vänsterställde Blogger sidelementet i fråga, vilket störde mitt estetiska sinne. Centrera!

Den gamla HTML-koden <center> gillas inte riktigt av Blogger och XML. Numera är det <div align='center'> tillsammans med ett avslutande </div> som gäller.

Jag gick över till "Redigera HTML", bockade för "Utöka gränssnittskomponentmallar" i Mall-hanteraren och snokade rätt på följande små kodrader:

<div class='widget-content'>
<?xml:namespace prefix =data /<>data:adcode></div>

...och pulade in centreringskoden före med avslutande DIV-element efter:

<div align="center">
<div class="widget-content">
<?xml:namespace prefix =data /<>data:adcode></div>
</div>

Det svåra är att hitta det man är ute efter i HTML-läget. Ett tips är att ta fram bloggen och titta på "visa källa". Då ser man var i kodmassan till exempel en ledtext finns. Dessa syns ofta som variabelnamn i XML-koden, och då är det inte lätt.

Tänk på att alltid förhandgranska före minsta lilla ändring!

Gör HTML-koden synlig

Google visste och skickade mig till Zingpow:

replace the < with &lt; and the > with &gt; in the code and the code will not be executed.

Detta gör man alltså i "Redigera HTML"-läget. De avslutande semikolonen ska vara med!

Stuva om i sidelementen går inte!

Man blir vansinnig på Blogger emellanåt. Till exempel när det bara inte går att flytta runt sidelemen längre. Enda möjligheten är då att logga ur och sedan in igen.

När ska mupparna på Blogger fixa detta?

Nu är det klart!

Den blogg som denna varit provbana åt är nu Blogger Beta, eller Nya Blogger fullt ut. I mer än ett halvår har den gått med den gamla bloggens HTML-kod under skalet, något som iofs funkat men allt eftersom övriga Bloggervärlden är över i Nya Blogger så var det nog dags att uppgradera även under skalet. Navigeringen, till exempel, blir lättare för de som är vana vid Nya Blogger.

Innan jag började

• Sparade jag ner alla arkivmånaders innehåll på min lokala disk
• Sparade jag förstås den gamla mallen, templatet, som en textfil
• Gjorde jag en komihågfil för olika specialare som Statcounter, och sökmotorköret
• Lyckades jag spara bloggen förstasida lokalt för att ha som referens vid bygget av det nya
• Glömde jag att man kan ju ta en bitmapp av den också, Ctrl+PrtScrn tar in skärmbilden i bildminnet och den kommer sedan lätt fram i t.ex MS Pain vid "Klistra In"

Jag har använt mycket av det som står att läsa i den här bloggen, men en stor avvikelse finns. Jag använde inte mallen Minima Strech, som anpassar sig till skärmbredden hos besökarna. Det blir lite väl mycket textmassa på större skärmar vid långa inlägg, som Hennes nya liv har (alldeles för) gott om.

Minima är den mall som jag utgick ifrån och "pimpade" lite. I min förra mall hade jag hackat fram olika fältbredder så att bloggen kom ut i full bredd på en 1024 pixlar bred skärm.

Minima, som så många andra Bloggermallar, verkar anpassat för den för oss smått antika standarden 640 pixlar. (En enda gång har jag sett en upplösning under 1024 i vår statistik. Det var en med 800 pixlar)

Spaltbredden
Minima var alltså för smal för mig. Hacka HTML: Först ändra i Widht-attributen Header-Wrapper och Outer-Wrapper till 860px för att ställa den totala bredden. Genom att sen ställa main-wrapper till 625 och sidebar till 220 så hade jag med mig den gamla layoutens bredd in i det nya.

Smågodis
Hur man tar bort navigationslisten, manipulerar citat ("blockquote") respektive fetstilen är beskrivet på andra ställen här.

Sidelementen
Den lilla GIF-bilden med min Mail på lades förstås in som en bild. Javascripten med uppräkningarna var testade och klara i den här bloggen, så det var bara att kasta in dem som element av typen HTML/JavaScript .

Statcounter
Följer man Statcounters anvisningar om hur man lägger in deras kod i Nya Blogger, så skapas ett tomt fält i sidomenyn. Javakod syns ju inte. Irriterande, tycker jag, så jag petade helt sonika in Javakoden i fråga på "svansen" av ett fält med synlig text i.

Länklistorna
En mardröm om man nu tvunget ska göra som Blogger vill. Själv lade jag dem i sidelement av typen HTML/JavaScript. Det gick på sekunder att kopiera in dem från den gamla mallen.

Attributet för att öppna i nytt fönster, man lägger på ett target="_blank" sist i URL-en, är inte tillåtet i Blogger-länkarna, men det går finfint med den här lösningen.

Fingret

................. .. ...... /´ /)
.................... ..,../¯ ..//
.................... ..../... ./ /
.................... ..,/¯ ..//
.................... ./... ./ /
............./´¯/' ...'/´¯`.¸
........../'/.../... ./... ..../¨¯\
........('(...´(... ....... ,~/'...')
.........\.......... ..... ..\/..../
..........''...\.... ..... . _..´
............\....... ..... ..(
..............\..... ..... ...\

StatCounter

StatC är den besöksräknare som Blogspot rekommenderar. Inget fel på den. Så här går man till väga i Blogger Beta:

[Man läser på skärmen]

Allvar:

• Logga in och gå till skruvnyckeln. (Det är inte en skiftnyckel. Det är en fast sådan)
• Klicka på länken "Install Code" och följ anvisningarna.
• Som vanligt i alla sammanhang gäller att gå på det föreslagna om man inte förstår frågan
• Klickar man sig vidare genom ett antal val så handlar det dels om räknaren ska vara synlig, och dels om Layouten på det som då syns
• Viktig Ruta i Code Options: Blogger använder inte Frames. De andra kan vi glömma.
• Do you use a web page editor? Heter sidan efter. Yes, det gör vi. I rullningslisten finns alternativet "Blogger Beta". Markera detta.
• Congratulations - Here is your Code! I ett lite fönster har vi nu den kod som Blogger B behöver.
• Under detta fönster finns det detaljerade instruktioner för hur man lägger in koden i sitt Templat.

UPDATE: Det finns en bug i Firefox 1.5 som gör att koden inte funkar:

Värt att veta: Firefox 1.5 har en bugg som gör om "&;amp" till "&", vilket gör att koden inte fungerar. Om så är fallet, kör först en sök-och-ersätt och ändra tillbaka, eller hämta koden i Explorer innan du klistrar in den

Tack Anna, för kommentaren.

Logga ut från Blogger och in igen

...om du inte ser möjligheten att göra 'Add Element' när du labbar med layoten. Bloggerinloggningen är lite petig i sessionshanteringen, så stäng alla andra öppna fönster innan du loggar ut/in

Bugg eller feature?

Grafik i Rubrik II -HowTo

Det är lättare än det verkar. Instruktionerna är hämtade härifrån. Den som vill att grafiken ska vara klickbar får gå dit och ta del av sektion två av del två, om man säger.

DEL 1
Man börjar med att göra rubrikfältet åtkomligt för flera elements.

• Gå till Layout (förstås)
• Klicka på EDIT HTML (du behöver inte tänka på Widget-boxen)
• Leta rätt på den här koden:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Hennes TestBlogg (Header)' type='Header'/>
</b:section>
</div>

Den är långt ner, nästan sist, i templatet. Här ska vi ändra på de rödmarkerade ställena. Ändra siffran efter maxwidgets till så många elements du nu vill ha. Fyra borde räcka. Sen ska showaddelement ändras till 'yes' Nu är rubrikfältet mottagligt för bilder.

Spara templatet. Proceduren för att lägga in en bild i rubriken är som när man gör det i sidebaren. Helt utan HTML-fnul, alltså.

Del 2

• Klicka på Template-fliken
• Nu ska det finnas 'Add a Page Element' ovanför rubriken. Klicka på den
• Välj 'Picture'. Förstås
• Nu kan du välja från den egna datorn eller nätet
• "Shrink to fit" är förbockat. Låt det vara det om du inte har örnkoll på orginalbilden
• En titel över bilden är inte att rekommendera, men gärna ledtext under, Caption
• Tryck på 'Save Changes.
• Klart!

Rävigt med Sidebaren

Sidebaren är spalten bredvid textmassan i posterna. Där kan man enkelt lägga till olika element. Idag lade jag till ett element med alldeles för lång rubriktext.

Det gick inte att redigera! Den lilla understrukna Edit-länken hade hamnat utanför bild. Suck!

Slumpen
Av en slump kom jag på hur man kommer runt detta. När man är påloggad och tittar på sin blogg syns det ju en skiftnyckel korsad över (under?) en skruvmejsel vid de olika elementen på sidan. Klick på detta öppnar elementet i fråga för redigering. Jäpp! Det gick att redigera elementet i fråga med ett klick på verktygen i fråga.

Bugg eller feature, det är frågan?

Stationsvakt också...

Nu har Johnny Stationsvakt gått över till B Beta. Precis som i fallet Språkpolis försvann alla mina signaturer från hans kommentarer. Det jag har skrivit i kommentarerna till hans inlägg under den tid jag har följt Stationsvakt är numera från "anonymous"

Det hela måste ha med kontohanteringen att göra, men ändå: Att min signatur försvinner från kommentarerna när en blogg går över till Beta kan jag inte förstå. Min kontoinformation hos Google är ju densamma gentemot både Classic och Beta.

Kontohanteringen...

I Google Beta krävs ett Google-konto. Ingen stor sak, men jag har valt att hålla verksamheten med den här (och förstås också den seriösa) bloggen åtskild från mina övriga aktiviteter på nätet, så jag gör inget Henne-relaterat på mitt vanliga Google-konto.

Följaktligen lade jag upp plastfarfar-kontot på Hotmail och reggade min Google Beta på detta. Inte helt genomtänkt, visade det sig.

På mitt ordinarie konto har jag Google Bookmarks och även Googles RSS-bevakare, ett måste när man ambulerar mella olika PC om dagarna och kvällarna.
Kommentarer
Som Plastfarfar tappar jag alltså min sagolika samling bookmarks och tappar kollen på ett gäng RSS jag bevakar. Visst, jag kan exportera XHTML-filen (heter det så?) från mitt ordinarie konto och importera till Plastfarfar. Emellertid får jag då två parallella uppsättningar Bookmarks och RSS att uppdatera, vilket inte är så kul.

Kommentarer
Ska man skriva kommentarer på en Blogspot-blogg, så kan man verifiera sig med en kontoinloggning och synas i listan som en klickbar id-länk, och det vill man ju. Folk vet ju då på ett helt annat sätt vem som har skrivit.

Skriver man till en Google Classic-blogg, kan man göra en Google-inloggning och kunna förhandsgranska kommentaren före publicering som vanligt. Vips är mina ordinarie Bookmarks väck!

Under vissa, ännu inte helt preciserade, omständigheter så går kommentaren rakt ut i det publika när man loggar in för ett inlägg på en Google Beta-Blogg. Här gäller det att göra sin Google-inloggning innan man ens tänker tanken på att skriva om man vill förhandsgranska.

Det grymmaste hände igår
Jag deltog i en julkalendergissningsövning på Språkpolis och kom tidigt in med vad jag är säker på är det rätta svaret (Resultatet är inte klart ännu). Då är det kul att det står Plastfarfar över det första rätta svaret i kommentarerna.

Så uppgraderade karln till Beta under eftermiddagen.

Mina inloggade inlägg förvandlades till att vara skrivna av "anynomous", dvs vem som helst. Det var inte längre jag, Plastfarfar, som stod för det första rätta svaret. Depp.

Jävla Blogger Beta.
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\
/
\

WTF nudå. Editorn har ballat ur!

Skulle redigera mig ett inlägg och upptäcker att den lilla ordbehandlingsfunktionen inte längre gör vad den ska. Inget händer när man vill klistra in en länk eller fetstila. I Compose-läget.

De funktioner som finns i Edit Html-läget funkar dock.

Än så länge.

Update 19:07 Svensk tid
Nu kör jag hemifrån. Här funkar det. Få se i morgon om det är nåt med inställningarna på jobbet (burk eller brandvägg eller säkerhetsinställningar eller bara det vanliga användartrakasseriet) som gjorde't.

Update på jobbet dan efter.
Nu funkar det här också.

Kul värre har man i Beta-miljön...

The Google Team Mejlat

Jag har alltså haft problem med att få fram postningsetiketterna, Labels, i den här bloggen. En med samma problem var Bad Girl. Så när hon flaggade för att det var fixat där, så undrade jag hur hon burit sig åt. Mailade, kom svaret.

Hittade en buggrapporteringssida med ett formulär där jag lade min felanmälan i går em. Proceduren inleds med att man ger en ärendetyp, sen får man mailadressen och bloggnamnet förinstallerat i formuläret (Man måste vara inloggad i det skedet) Snyggt!

Nästan direkt kom det ett standardsvar. För det mesta är såna ganska opersonliga och rent av arroganta. (Det bästa som jag fått var från Garmin om min GPS och innehöll infon att ingen nånsin kommer att läsa mitt mail. Det ni!) Nåväl:

please be aware that we won't have an opportunity to review your messageuntil the following business day. If you are providing us with a bugreport, please rest assured that we will take action as necessary, even ifyou don't hear back from us. We sincerely appreciate your bringing this to our attention

Artigt och informativt. Sen fyllde dom på med länkarna till "known issues" och annat som jag redan hade betat av. Precis som på hjälpsidorna så ägnade de särskild uppmärksamhet åt login-problem med Betan. Det är tydligen stort.

Det slapp jag iallafall...