Integrera twitter på bloggen

Tänkte passa på att ladda upp en liten svårare tutorial som är till för er som har lite mer koll på HTML/CSS då det krävs lite självkodning av CSS;en. Självklart hjälper jag även till ifall någon skulle vilja ta del av tutorial men inte känner sig riktigt säker på hur man gör, så hojta till!

Denna tutorial går lite snabbt igenom hur man enkelt integrerar/lägger till twitter till din hemsida eller blogg. Det är väldigt enkelt. Allt du behöver göra är att klistra in denna kod i ditt HTML-dokument eller i kodmallen. Du klistrar in det där du själv vill att dina uppdateringar från Twitter ska synas. 

Där texten är fetad byter du ut till ditt egna användarnamn som du använder på Twitter. Glöm inte att klistra in koden på samma ställe i varje HTML-dokument/i varje stilmall för att få det att synas på alla sidor. Där du själv behöver använda dina kunskaper är att snygga till det i CSS;en så att det ser lite snyggare ut. Det är väldigt svårt att lägga ut hur man gör då alla designer ser olika ut. Så om ni behöver hjälp får ni gärna skrika till så hjälper jag gärna till!

<div>

<script type=”text/javascript”>
function relative_time(time_value) {
var values = time_value.split(” ”);
time_value = values[1] + ” ” + values[2] + ”, ” + values[5] + ” ” + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() – parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);

if (delta < 60) {
return ’mindre än en minut sedan’;
} else if(delta < 120) {
return ’ungefär en minut sedan’;
} else if(delta < (45*60)) {
return (parseInt(delta / 60)).toString() + ’ minuter sedan’;
} else if(delta < (90*60)) {
return ’ungefär en timme sedan’;
} else if(delta < (24*60*60)) {
return ’ungefär ’ + (parseInt(delta / 3600)).toString() + ’ timmar sedan’;
} else if(delta < (48*60*60)) {
return ’1 dag sedan’;
} else {
return (parseInt(delta / 86400)).toString() + ’ dagar sedan’;
}
}

function twitterCallback(obj) {
var id = obj[0].user.id;
document.getElementById(’my_twitter_status’).innerHTML = obj[0].text;
document.getElementById(’my_twitter_status_time’).innerHTML = relative_time(obj[0].created_at);
}
</script>
<div id=”twitter_badge_container”>
<div id=”twitter_badge_tl”>
<div id=”twitter_badge_tr”>
<div id=”twitter_badge_bl”>
<div id=”twitter_badge_br”>
<div id=”twitter_badge_inner”>
<span id=”my_twitter_status”></span> <span id=”my_twitter_status_time”></span><span id=”twitter_badge_via”><a href=”http://twitter.com/dittnamn”>via twitter</a></span>
<script type=”text/javascript” src=”http://www.twitter.com/statuses/user_timeline/dittnamn.json?callback=twitterCallback&count=”1></script>

</div>
</div>
</div>
</div>
</div>
</div>

</div>

Lycka till!

Kommentera

Din e-post kommer inte att visas. Obligatoriska fält är markerade *

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.