1 ). Jag har gjort en gratis bloggdesign med den här frågan därför är det lättast att man laddar ner den för att ta del av funktionen (nr 2)! Kika på länken här till höger för att hitta till gratis bloggdesigners [ länk ]
2 ). Status-texten är en widget från twitter. För att få den ska du alltså bli medlem där för att kunna uppdatera din status. Koden hämtar du längst ner under ”goodies” > ”widgets”. Min kod har jag gjort om och den ser ut såhär:
<center>
<marquee onmouseout=”this.start()” onmouseover=”this.stop()” scrollamount=”3″ width=”178″>
<h2 style=”display: none;” ></h2>
<ul id=”twitter_update_list”></ul>
<script type=”text/javascript” src=”http://twitter.com/javascripts/blogger.js”></script>
<script type=”text/javascript” src=”http://twitter.com/statuses/user_timeline/tescho.json?callback=twitterCallback2&count=1″></script>
</marquee>
</center>
För att min status ska snurra runt används denna kod i kodmallen:
<marquee onmouseout=”this.start()” onmouseover=”this.stop()” scrollamount=”3″ width=”178″> Twitterkoden här </marquee>
Förklarning av snurr-koden:
A) onmouseout=”this.start()” onmouseover=”this.stop()” = när man sätter musen över statusen stannar raden. Det är bra om jag t ex har uppdaterat twitter med en länk eller något man ska klicka på.
B) scrollamount=”3″ = hur snabbt den ska snurra
C) width=”178″ = hur brett det ska vara
För att få en bakgrund:
Jag har satt in en kod i stilmallen som ser ut såhär:
#sidebar2 {
width: 200px; < hur bred hela boxen ska vara
padding-top:6px; < hur mycket padding från början av boxen
background: url(http://tescho.se/sb2bg.png) no-repeat; < adressen till bakgrundsbilden
margin-top:-214px; < positionering av hur långt upp boxen ska sitta
:50px; < hur hög boxen är
float: right; < åt vilket håll den ska vara
color:#000000; < färg på text
font-size: 10px; < storlek på text
list-style: none; < ingen style
line-: 10px; < mellanrummet mellan raderna
}
ANLEDNINGEN TILL VARFÖR JAG HAR BESKRIVIT VAD VARJE KODRAD BETYDER ÄR FÖR ATT DU SJÄLV SKA KUNNA POSITIONERA RÄTT I DIN DESIGN. TESTA DIG FRAM MED PADDING + MARGIN. HOPPAS DETTA ÄR TYDLIGT NOG.
Så, hela koden för allting ser ut såhär (i kodmallen):
<div id=”sidebar2″> denna kodrad hämtar all info jag angett i stilmallen, dvs bakgrund, typsnitt, storlek etc
» <b>Status</b>:
<center>
<marquee onmouseout=”this.start()” onmouseover=”this.stop()” scrollamount=”3″ width=”178″>
<h2 style=”display: none;” >Twitter Updates</h2>
<ul id=”twitter_update_list”></ul>
<script type=”text/javascript” src=”http://twitter.com/javascripts/blogger.js”></script>
<script type=”text/javascript” src=”http://twitter.com/statuses/user_timeline/tescho.json?callback=twitterCallback2&count=1″></script>
</marquee>
</center>
</div>
Nu är det bara att bli medlem och testa dig fram. När du hämtat din twitter-kod är det bara att jämföra med min. Kom ihåg att det bästa möjliga är att testa i en testblogg/sida innan du publicerar ändringarna på din aktiva!
Designfunktioner
skulle inte du kunna göra en design med uppdelad meny nästa gång? :D jag har så länge försök men jag misslyckas bara :P …
[Svara]
Förlåt mig.
[Svara]
heeej jag undrar bara hur får du bara datum och inte tid på dina inlägg?? :love:
Svar från Tescho: Det står information om det i detta inlägget.
[Svara]
det står inte hur man får bara tex Jun
29
Svar från Tescho: Nej, det är rätt pga att blogg esse inte tillåter php-koder vad jag vet. Man får anpassa sig till vad de tillåter för datum samt tid-utformning..
[Svara]
Antog att det var blogger då jag hittade denna raden bland koderna..
script type=”text/javascript” src=”http://twitter.com/javascripts/blogger.js”>
Men det krångliga är hur man gör om koden =/ då Tescho, osv står i din =/
Tack för att du ska uppdatera inlägget =)
Svar från Tescho: Ja, men det är ju twitterkoden vilket inte har något med min sida att göra..
[Svara]
Men när jag sätter in #side 2 på min blogg, så går dne liksom inte ihop med twitter koden så att man kan styra designen på rutan från stilmallens #side 2, förstår du? :P
Svar från Tescho: Läs instruktionerna igen.
[Svara]
Försökte kopiera rakt av, men det funkar inte på min blogg =(
Och eftersom det står Tescho i koden borde det ju ha med din sida att göra, då man alltid får en egen kod på twitter när man är inne på sin inloggning.
Eller?
Fan =’(
Vill ju kunna ha en sådan liten ruta =((
Svar från Tescho: Läs instruktionerna igen. Info ang detta finns redan.
Ifall du ändå har missat: ”Koden hämtar du längst ner under ”goodies” > ”widgets”. Min kod har jag gjort om och den ser ut såhär:” vilket betyder att det är såhär min kod ser ut. Inte någon annans.. Din egna måste du hämta själv.
[Svara]
hur tar man BORT tid och datum som hänger över inlägget och få den jämt med och precis under rubriken?
Svar från Tescho: Svaret på frågan finner du här: [ länk ]
[Svara]
Hejsan! :))) gillar din blogg, den har gett mig massor av idér :)
men en fråga bara:
Hur gör man så att det man svarar på kommentarerna syns under frågorna? :$
Tack på för hand. kram!
Svar från Tescho: Tack så mycket! :)
Jag använder mig av wordpress verktyg och i det kan man välja att svara på kommentarer. Det är tyvärr ingenting blogg.se/webblogg.se prioriterar. Maila dem och framför det önskemålet!
[Svara]
Jaha. Jag vill liksom inte ta en hel design. Skulle bara vilja ha just det som hänger, alltså månaden/datumet som hänger längst upp på vänstra hönet i varje inlägg.
Skulle vara väldigt snäll av dig om du bara kunde förklara det på min blogg.
Kram :)
Svar från Tescho: Man ska göra en ny div i stilmallen och lägga en bakgrund i form av en bild på just ”fliken” som hänger. Sedan ska du positionera det i kodmallarna :)
[Svara]
Hej!
Undrar vilken kod du använt dig av under Widgets? finns ju tre alternativ, My Website, Facebook & MySpace. Hur jag än letar hittar jag inte nån kod som ens är i närheten av din, antar att det är adressen efter ”script type” som måste matcha ens egen twitter men jag hittar den inte nånstans :S
Svar från Tescho: Jag har inte använt mig utav någon widget till twittern, jag har kodat den själv.
Svarar här eftersom du inte angett webbadress.
[Svara]
Aha, så hur vet man vilken adress man ska använda så att det blir ens egen twitter och inte din som visas om man lägger in koden du delat med dig av i ovanstående inlägg?
Svar från Tescho: Man får jämföra med den man har själv och lista fram det helt enkelt..
[Svara]
Sv: Okej, tack så mycket! :) Ska se om jag kan fixa något liknande :)
[Svara]
Jag förstår inget. :O
Hur får man så det bara är en sån liten ruta som du har istället för allt det där andra.
Har verkligen läst igenom allting men förstår inte. :O
Svar från Tescho: Själva rutan är en bakgrundsbild i headern :)
[Svara]
Asså va….?
Jag vet att jag är lite trög.
Men jag förstår inget alls.
Hur får jag ba själva rutan istället för det som inkommer i koden?
[Svara]
Nu har jag försökt jätte länge men jag kan bara inte lista ut koden. Jag blir så sur på mig själv när jag inte lyckas.
Men jag har provat på min testblogg, Det står status på rätt ställe och så men det är ingen bakgrund, bara en text i headern.
testblogg: http://nappar.blogg.se/testblogg
Snälla kan du inte hjälpa mig? Vad gör jag för fel?
Denna kod är den närmaste jag klurat ut och den satt jag i kodmallen.
» Status:
Twitter Updates
Denna kod satt jag i stilmallen.
#sidebar2 {
width: 200px;
padding-top:6px;
background: url(http://tescho.se/sb2bg.png) no-repeat;
margin-top:-214px;
height:50px;
float: right;
color:#000000;
font-size: 10px;
list-style: none;
line-height: 10px;
}
Snälla, du kan väl ge mig ett litet tips på hur jag ska göra iallafall.
[Svara]
» Status:
Twitter Updates
det var denna kod jag menade at jag satt in i kodmallen. Men jag har då tagit bort *** i början
[Svara]
Jag har din design nr 2. Och jag försöker fixa in den där status koden. Men det händer ingenting! Vart ska jag klistra in vad? Och vad ska man göra med koden man får på Twitter för att den ska bli likadan som din?
Tack på förhand:)
Svar från Tescho: Det beror på vart man ska ha den etc. Jag har förklarat så bra som möjligt lite varstans (b la i inlägget).
[Svara]
Jag vet inte om du vet men dom har ju ändrat koder och utseendet på twitter. Man har inte den lilla söta rutan längre utan det är en lång ful sak som man kan ändra utseendet på men jag fattade inte riktigt med hur jag ska ändra dess utseende för att få den som din :3
Svar från Tescho: Det är ju det jag har skrivit om i inlägget :)
[Svara]
Jag har läst detta inlägg 100 gånger och gjort som man ska osv. men eftersom Twitter ändrat på grejerna så tycker jag att det blir aldrig samma sak som du har.
Man tvingas ha en ful Twitter-ikon under själva fältet som rullar + att ens profilbild visas fastän man klickat i att man inte vill att den ska visas :S
Så frågan är om det ens går att få det som din länge :(
kram
[Svara]
Okok, men ah, för mig som för alla andra som kommenterat, så finns det inga koder som är i närheten av den koden du har, och jag har provat att ersätta lite med egna namn och sådant men det funkar tyvärr inte heller. Så ah.. det funkar liksom inte. Det hade jag redan provat. Jag undrade bara hur du hade fått fram koden från början, men läste att du hade kodat den själv, och det försöker jag också med nu, men det fungerar ju inte /: Tråkigt.
[Svara]
Jag har kommit på varför den inte vill funka för folk. :P
” är kursiva när man klistrar in koden, så man får ändra alla ” så dom inte är kurisva. :)
[Svara]
Tescho svarar:
27 / 07 - 09 » 14:58:05
Jo, precis. Det är det jag har skrivit ut lite överallt men folk verkar inte förstå det..
[Svara]
Tobbe, -> Tomelillas största blogg... svarar:
27 / 07 - 09 » 14:58:05
Okej. Jag tänkte för dom var kursiva och så ändrajag dom till ” och då funkade koden perfekt. :)
[Svara]
Tescho svarar:
27 / 07 - 09 » 14:58:05
Precis :)
Pingback: Tescho » WordPress-tips: Twitter Tools