mettere l'RSS in evidenza, ma senza assillare!

In molti sottolineano la necessità di evidenziare gli elementi importanti del vostro blog, uno degli elementi più importanti è l'iconcina del feed.
Alcuni suggeriscono di utilizzare icone grandi, ... molto grandi, invece del formato standard (32x32).
Non so voi, ma nel mio blog ho necessità di mettere tante cose, l'icona del feed piccolina mi piace così com'è perché non ruba spazio al resto. Ma allora come faccio a risolvere il problema?

Nel post di ieri vi ho detto come aggiungere al blog un messaggio per invitare ad iscriversi al feed. Quello che non vi ho detto è che quello script risolve proprio il problema che sto trattando oggi!
Oggi modificherò quello script solo nella parte grafica, per visualizzare un messaggio davvero grande, tanto sarà visualizzato solo una volta ogni 30 giorni!

Ecco come era prima il messaggio
che usava questo codice.

<p id="rsspopup" style="visibility: hidden;">
Ti sembrano interessanti i contenuti di questo blog?
<a href="http://feeds.feedburner.com/mad4murder" rel="alternate" type="application/rss+xml">Abbonati al feed! <img alt="" style="border: 0pt none ; vertical-align: middle;" src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png"/></a><a href="http://feeds.feedburner.com/mad4murder" rel="alternate" type="application/rss+xml"></a>
</p>

Ecco invece come è ora (Icona rss prelevata da sradesign.net)

con il nuovo codice da sostituire a quello di ieri

<div id="rsspopup" style="display: none;">
<a href="http://feeds.feedburner.com/mad4murder" rel="alternate" type="application/rss+xml"><img alt="" style="border: 0pt none ; vertical-align: middle;" src="http://web.tiscali.it/mcuccia/mediablog/abbonati.gif"/></a>
</div>

Mentre che c'ero ho utilizzato la proprietà display che mi consente di recuperare tutto lo spazio quando il messaggio non viene visualizzato.

Potete utilizzare questa tecnica per fare gli auguri per natale (è passato) per capodanno (accidenti è passato anche questo) o per quello che vi pare. Mi farete sapere per cosa l'avete usata?

Ok, ok, l'immagine non è di gran qualità, ma ... vi ho già detto che mi serve un grafico?

Invitare ad iscriversi al feed

Le pulizie di Natale si stanno protraendo più di quello che immaginavo, è che quando uno apre un armadio non sa mai quali e quanti scheletri ci trova dentro!

Per quelli che hanno un blog e vogliono invitare i loro lettori ad iscriversi al loro feed magari farà piacere trovarsi il codice pronto da incollare dove preferiscono

<p id="rsspopup" style="visibility: hidden;">
Ti sembrano interessanti i contenuti di questo blog?
<a href="http://feeds.feedburner.com/mad4murder" rel="alternate" type="application/rss+xml">Abbonati al feed! <img alt="" style="border: 0pt none ; vertical-align: middle;" src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png"/></a><a href="http://feeds.feedburner.com/mad4murder" rel="alternate" type="application/rss+xml"></a>
</p>

<script language="JavaScript">
function setCookie(sNome, sValore, iGiorni)
{
var dtOggi = new Date()
var dtExpires = new Date()
dtExpires.setTime(dtOggi.getTime() + 24 * iGiorni * 3600000)
document.cookie = sNome + "=" + escape(sValore) + "; expires=" + dtExpires.toGMTString();
}

function getCookie(sNome)
{
var asCookies = document.cookie.split("; ");
for (var iCnt = 0; iCnt < asCookies.length; iCnt++)
{
var asCookie = asCookies[iCnt].split("=");
if (sNome == asCookie[0])
{
return (unescape(asCookie[1]));
}
}
return("");
}

if (getCookie("rsspopup") != "yes")
{
setCookie("rsspopup","yes", 30)
document.getElementById("rsspopup").style.visibility = "visible";
}
</script>

Le due funzioni javascript di gestione dei cookie sono state copiate da WebmasterPoint, trovato grazie a google.

Il codice qui sopra utilizza un cookie per determinare se si tratta di un nuovo utente e quindi visualizza il messaggio.
Ovviamente potete dovete personalizzare il messaggio, magari facendolo esteticamente più carino oppure potreste integrarlo con il "welcome plugin"? che ne pensate?

Se utilizzate lo script qui sopra o vi piace questa idea lasciatemi un commento!

The Welcome Plugin anche su Blogger

Oggi ho visto il "Welcome Plugin" di Andrea Micheloni all'opera, mi è piaciuto ed ho deciso di riutilizzare qualche pezzetto del suo codice per adattarlo alla piattaforma blogger/blogspot.
Spero che ad Andrea non dispiaccia!
Ecco quello che ho fatto.

Subito dopo il codice di MyBlogLog ho inserito il codice javascript di Andrea opportunamente modificato

<script>
if(document.getElementById("tdd11") && !document.getElementById("tr0"))
{
if(!document.getElementById("tdd21") || !document.getElementById("tdd21").childNodes[0])
{
var str= document.getElementById("tdd11").getAttribute("onclick");
str=str.substring(4, str.length-3);
}
else
{
str = document.getElementById("tdd21").childNodes[0].innerHTML;
}
document.getElementById("usrnm").innerHTML=str;
}
</script>

mentre per la visualizzazione del nome ho predisposto uno span nel punto in cui mi serviva

<b><span id="usrnm"> </span></b> ci serve il tuo aiuto!

tutto chiaro?

Per adesso non ho considerato l'avatar, ma è semplice (visto il codice di Andrea) includerlo.
NB: se cercate il plugin per Wordpress andate al blog di Andrea!