Abbonati al feed o alla newsletter,
ovviamente è gratis.
Visualizzazione post con etichetta blog. Mostra tutti i post
Visualizzazione post con etichetta blog. Mostra tutti i post

SEO - Le varie emozioni del Web(design)

Spesso si trovano delle belle immagini che ti fanno riflettere e che mettono in risalto dei concetti noti ma che con un disegno risulta comunque immediato, scontato.

Avevo già pubblicato un'immagine che mi aveva colpito (Gli ingredienti della notorietà) perché riusciva a porre l'accento velocemente sulle varie zone che compongono il marketing e l'effetto sull'oggetto della réclame. Nel bene e nel male, ovviamente.

Alla base di questa nuova immagine, a parte la mia curiosità per il mondo del webdesign, c'è che forse per essere un webdesigner ci vuole poco..


..ma solo se ci mettiamo tutti gli strumenti che ora facilitano di molto il compito e rendono accessibile a tutti il provare a creare dei siti e che si differenzia comunque molto bene dall'essere -considerato- un bravo webdesigner di professione, in grado di apportare idee e soluzioni vincenti.

Ma anche perché, basta conoscere il CSS, HTLM, JS o qualche bella piattaforma per essere "ispirati"? o piuttosto un bravo webdesigner deve conoscere sì queste cose ma anche avere bene in mente il taglio da dare al sito, apportare idee, puntare alle heatmap, focalizzarsi sulle palette utilizzabili, alla scelta delle immagini e agli effetti scenici.. il tutto senza compromettere la praticità o ancor peggio penalizzando i contenuti?

Come se non bastasse è facile sfociare nel territorio del webmarketing, dell'essere "SEO".

Ritornando all'immagine, sebbene del Gennaio 2011 (lo si vede nella parte bassa), si trovano centrati e schematizzati in maniera pratica quello che i colori stimolano come sensazioni; ovviamente è una forzatura, sia perché non si considera l'interazione fra i colori stessi sia perché non si considerano i settori di riferimento (es un sito istituzionale difficilmente avrà colori scuri come base, così come discoteche e locali notturni difficilmente avranno colori tendenti al bianco come base.. esempio come qui su Ondare).



Da questa immagine -ammetto- che sono abbastanza soddisfatto degli attuali colori di ondare.


Collegamenti esterni: Test King | Infographicsmania

Continua a leggere..

Pubblicato da: nickel il domenica 2 settembre 2012 alle 02:21
Argomenti: blog, Informatica, SEO, Varie, web2.0, Webdesign
 

Disqus - il commento conviene

Stavo "saltellando" sul web quando, come spesso capita, mi son soffermato su alcuni post di altri blog dove volevo dire la mia e sorpresa..

mi è piaciuto molto la velocità con cui ho inserito un commento senza nessuna preoccupazione di loggarmi, possibilità di usare alcuni social per commentare, molto più carino di quello standard di blogger & affini (ossia di quello rifatto da me) ma sinceramente anche se fortemente tentato di cambiare la gestione dei commenti su ondare la voglia di giocare col codice di base al sito soprattutto fatto al volo (e vista l'ora) non mi sembrava una gran scelta.

Fatto sta, che continuando a girare per i blog ho ritrovato lo stesso modulo su altri siti che seguo più o meno costantemente quindi ho pensato di registrare il mio profilo e finirla lì così da capire come funzionava.

Ma sorpresa, a registrazione conclusa mi è comparsa la possibilità di integrare la gestione dei commenti su diverse piattaforme fra le quali WP, blogger (questa) e molte altre. Solitamente preferisco fare a mano l'integrazione degli script anche perchè ho sempre avuto cattive sorprese e se faccio qualche cavolata di mio almeno so con chi prendermela ma per questa volta mi son fidato e tempo un paio di minuti avevo la nuova gestione dei commenti attivi.

C'è anche la possibilità di importare i commenti già esistenti, e -cosa che mi ha convinto definitivamente- di tenere allineati i commenti che verranno inseriti col widget Disqus in blogger (o sulla piattaforma blog che usiamo).

Interessante, davvero molto veloce, grafica pulita.. ora aspettiamo di vedere se funziona bene - soprattutto la sincronizzazione dei commenti con blogger e l'importazione dei vecchi commenti fatti - ma le premesse ci sono tutte.

Se vi interessa nei collegamenti esterni (cioè subito qui sotto) vi metto il link alla piattaforma Disqus. Dategli una possibilità, secondo me merita.



Collegamenti esterni: Disqus

Continua a leggere..

Pubblicato da: nickel il domenica 26 agosto 2012 alle 14:04
Argomenti: blog, Free, Informatica, web2.0
 

Arte: Graffiti senza confini

Nella nostra cultura i graffiti stanno prendendo sempre più piede, ci sono moltissime "opere urbane" che ogni giorno possiamo ammirare in Italia o anche all'estero.

Anzi, a dire il vero spesso e volentieri ci passiamo affianco senza manco vederli mentre andiamo a lavoro, in vacanza o semplicemente andando a fare compere.

Proprio per questo non è poi così difficile incappare in un sacco di opere e di scuole che si occupano di insegnare come fare un graffito e liberare così l'estro dei vari artisti.


Chiaramente bisogna distinguere fra la tecnica (e su questo punto non voglio entrare in merito perchè farei una mera figura), fra il messaggio che si vuole render pubblico e dove questo viene realizzato.

Voglio però precisare che non approvo quando questo diventa puro e semplice imbrattamento dei muri, bisogna distinguere chi di painting e graffiti ne fa un'arte da chi non la fa.
Ecco perchè mi piacciono maggiormente i graffiti con un messaggio chiaro, che rappresentano ideali, speranze e che a volte sono sinonimi o sintomi di un malessere che imperversa nella società, che viene percepito dalla realtà urbana..

Anche in questo caso ho sfruttato la galleria fatta con jQuery e già usata per le opere della lego, per comodità navigabile quindi tramite le frecciette della tastiera.

Ecco quindi quelle che a me piacciono di più, ho messo il link nella descrizione di ogni fotografia in modo da render chiaro da dove li ho presi e render omaggio ai vari autori o publisher. Fra l'altro su alcuni di questi siti potete trovare altre foto di graffiti davvero molto belli, che non ho messo qui altrimenti non finivo più (inizialmente ne volevo mettere solo una decina per avere un caricamento molto più veloce della pagina oops scusate).

Premi su una immagine per accedere alla galleria con le immagini ingrandite!

E infine eccovi un piccolo video, ne vale la pena fidatevi è davvero spettacolare la velocità di realizzo (a prescindere che si possa o meno condividere dove questo viene fatto) .. curiosi?



Se non vi funziona il player QUESTO è il link esterno al video.

Continua a leggere..

Pubblicato da: nickel il sabato 23 maggio 2009 alle 02:16
Argomenti: Arte, blog, Graffiti, Varie, Video
 

jQuery: slideshow su blogger? semplice e implementabile!

Nuovo giro con jQuery, finirà mai di stupirmi? probabilmente sì.. eheh ma per ora riesce a sorprendermi sempre! Con blogger abbiamo la possibilità di utilizzare JSON per effettuare le ricerche su posts o commenti fatti. Ora non ho verificato bene quali sono i dati che si possono tirar fuori.

A tal proposito ci dovrebbe essere una pagina proprio sul sito di Blogger se non ricordo male.

In ogni caso, sfruttando questo protocollo opensearch e json è possibile recuperare gli articoli che corrispondono a una certa o più parole chiave (tags) e visualizzarli con un semplice slideshow.

In questo tutorial si vedranno due fasi: la prima quella di realizzo del plugin, sicuramente per molti di voi molto banale e la seconda quella di applicazione sul proprio blogger.

Ok, iniziamo: l'idea di base è quella di non dover gestire cosa metterci dentro in maniera statica... questo ha dei vantaggi, primo fra tutti l'auto aggiornamento in base a cosa scriviamo. In pratica pensandoci quasi tutti i blog (quasi certo) hanno una particolarità .. ossia una immagine (a volte anche abbastanza grande) dentro al post e le prime righe solitamente sono una sorta di cappello all'articolo che segue, quasi a invogliare a leggere.

Se avete questi requisiti lo script che vedremo da adesso dovrà avere davvero poche modifiche, nel caso chiedete e vedremo come applicarlo alla vostra situazione.

Ho intenzione di inserire una demo in fondo a questo articolo quindi per chi volesse vederlo in azione, scorra la pagina.. ma tornate poi a leggere da qui mi raccomando!!

Premesse: Di query ho usato soprattutto gli effetti, il metodo id selezione davvero veloce e la sua grande caratteristica di chaining ossia l'incatenamento dei metodi.. fai questo quando finisci questa azione etc all'infinito. Di javascript ho usato il DOM per recuperare l'element e quello per gestire il timeout (non l'interval per paura che per qualche motivo non si interrompesse e anzi iniziassero a esserci n chiamate contemporanee).

Codice script jQuery:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript'>

var fadeInTime = 1000;
var fadeOutTime = 2000;
var showInTime = 2500;
var showOutTime = 1000;
var intervalTime = 6000;
var numchars = 250;

var cur;
var cur2;
var intid;

function cstfade(direction) {

    clearTimeout(intid);
    if (cur) {

            if (direction == 'right') {
                
                cur2.hide();
                if ( cur2.attr('class') == 'last' ) cur2 = $('#ppt2 li:first');
                else cur2 = cur2.next();
                cur2.show();
            } 
            else {
            
                cur2.hide();
                if ( cur2.attr('class') == 'first' ) cur2 = $('#ppt2 li:last');
                else cur2 = cur2.prev();
                cur2.show();
            }
        $('#ppt2').animate({"z-index": 1, "opacity":1 }, showInTime, "linear", function() {});
        

        //fadeOut
        cur.slideUp(fadeOutTime, function () {

            if (direction == 'right') {

                if ( cur.attr('class') == 'last' ) cur = $('#ppt li:first');
                else cur = cur.next();
                //fadeIn
                cur.slideDown(fadeInTime, function() { intid = setTimeout( "right()", intervalTime ); });
            } 
            else {
            
                if ( cur.attr('class') == 'first' ) cur = $('#ppt li:last');
                else cur = cur.prev();
                //fadeIn
                cur.slideDown(fadeInTime, function() { intid = setTimeout( "left()", intervalTime ); });
            }
            
            $('#ppt2').animate({"z-index": 0, "opacity":0 }, showOutTime, "linear", function() {});

        });
    }
}

function right() { cstfade('right'); }
function left()  { cstfade('left');  }

function slidenews(json)
{
var divppt = document.getElementById('ppt');
divppt.innerHTML = '';

var divppt2 = document.getElementById('ppt2');
divppt2.innerHTML = '';


for (var i = 0; i < json.feed.entry.length; i++)
    {
    var entry = json.feed.entry[i];
    var link = '';
    for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'alternate') {
        link = entry.link[k].href;
        break; } }

    divppt.innerHTML = divppt.innerHTML + '<li><span>' + entry.title.$t + '</span><br/>'
        + '<br/>'+ entry.content.$t.replace(/(<([^>]+)>)/ig,"").substr(0,numchars)+'..'
        + '&nbsp;&nbsp;<a class="linkart" href="'+link+'">continua a leggere</a>'
        + '</li>';
    
    //find "src=blabla" and store everything after it (up to a space)
    var geturl = new RegExp(/src=([^ ]+)/i);
    //run the regex on z and return the stored result
    var url = geturl.exec(entry.content.$t)[1];

    // remove domain
    //url = url.replace(/http:\/\/[^\/]+/i,"");

    divppt2.innerHTML = divppt2.innerHTML + '<li><img src='+url+'></li>';
    }

$('#ppt li:gt(0)').hide();
$('#ppt li:last').addClass('last');

cur = $('#ppt li:first');
cur.addClass('first');

$('#ppt2 li:gt(0)').hide();
$('#ppt2 li:last').addClass('last');

cur2 = $('#ppt2 li:first');
cur2.addClass('first');

clearTimeout(intid);
intid = setTimeout( "right()", intervalTime );
}

</script>

Dando uno sguardo veloce sicuramente avrete notato due metodi importanti:
  • cstfade: che si occupa dell'aspetto grafico viene chiamato in modo ciclico, ossia ogni volta che viene cambiato articolo o che viene premuto su avanti o indietro.
  • slidenews: che viene richiamato quando vengono recuperati gli articoli da visualizzare, naturalmente tramite json come dicevamo e opensearch. Attenzione che viene richiamato solitamente una sola volta.
Bene, dentro slidenews viene attivato il setTimeout e cstfade viene richiamato dopo l'intervallo impostato. Ovviamente al termine di cstfade (ossia dell'effetto grafico) viene richiamato nuovamente il setTimeout (se si stava già aspettando viene terminato per evitare sovrapposizioni). Tutti i tempi sono modificabili e sono le variabili:
  • fadeInTime: apparizione dell'articolo nuovo (default 1000 ms)
  • fadeOutTime: dissolvenza dell'articolo a video (default 2000 ms )
  • showInTime: tempo di apparizione immagine (default 2500 ms )
  • showOutTime: tempo di dissolvenza immagine (default 1000 ms )
  • intervalTime: intervallo fra un articolo e l'altro (default 6000 ms )
Il resto dello script è da modificare per esigenze particolari o correzioni (ovviamente).
Bene questa era la parte difficile, davvero!!
Passiamo al blocco HTML: per far funzionare il tutto, ovviamente, abbiamo bisogno dei vari elementi.. ossia di queste 7 righe.
<div id="news">
<a id="lefta" href="javascript:left();"></a>
<a id="righta" href="javascript:right();"></a>
    <ul id="ppt"></ul>
    <ul id="ppt2"></ul>
</div>
<script src='http://ondare.blogspot.com/feeds/posts/default/-/jQuery?alt=json-in-script&amp;callback=slidenews&amp;max-results=4' type='text/javascript'></script>

Come si vede, c'è un div news contenitore, due anchors lefta e righta (ossia per andare avanti e indietro), e due elementi ul che conterranno la lista di articoli e immagini da alternare.
La riga script ovviamente identifica la chiamata (opensearch / json) e deve essere posizionata dopo il blocco div news.

Se volete modificare il numero di articoli che visualizza dovete cambiare il numero che segue a max-results nella riga script precedente. Di default è max-results=4.

Bene ora non resta che impostare il blocco CSS così da concludere questa prima parte di realizzo:
<style type="text/css">
div#news { /* box padre */

    border:1px solid #D38561;background-color:white;width:370px;height:160px;
    padding:0;margin:0;overflow:hidden;position:relative;
}
ul#ppt { /* box articolo */

    width:290px;height:160px;background-color:white;padding:0;margin:0;overflow:hidden;
    float:right;position;absolute;top:0;left:40px;z-index:1;
}
#ppt li { /* corpo articolo */

    list-style-type: none;font-size:12px;width:100%;height:100%;padding:0;color:#333333;
    background-color:white;position;absolute;top:0;left:40px;
}
#ppt2 li { /* corpo articolo */

    list-style-type: none;font-size:12px;width:100%;height:100%;padding:0;margin:auto;
    color:#333333;background-color:white;position;absolute;top:0;left:40px;
}
#ppt li span { /* titolo articolo */
    
    position;absolute;top:0;left:40px;font-weight:bold;font-size:14px;color:#D38561;
}
#ppt2 {
    
    /*z-index:2;*/ position:absolute;top:0;left:40px;width:290px;height:160px;padding:0;
    margin:0; /*float:right;*/ overflow:hidden;filter:alpha(opacity=25);-moz-opacity:.0;
    opacity:.0;background-color:white;/* background-image:url(sfondo.png); */
}
#ppt2 img {

    display:block; /*allows the element to take auto margins*/ 
    margin:0 auto; /*centers in compliant browsers*/ 
    text-align:center; /*centers in old versions of IE*/ 
}
#lefta { /* pulsante sx */

    float:left;width:35px;height:160px;border:0;margin:0;padding:0;background-image:url(left.png);
}
#lefta:hover { background-image:url(lefta.png); }

#righta { /* pulsante dx */

    float:right;width:35px;height:160px;border:0;margin:0;padding:0;background-image:url(right.png);
}
#righta:hover { background-image:url(righta.png); }

.linkart { color:#D38561; }
</style>

Ok, di questo ultimo blocco possiamo cambiare tutte le parti grafiche. Background, border, margin, dimensioni, facendo attenzione a non toccare i vari float e i position (a meno di non voler cambiare il flusso degli oggetti, nel caso sperimentate pure).

Per i più smanettoni che vogliono mettere subito le mani in pasta a tutto qui c'è tutto html+script+css (ossia i pezzi precedenti) ovviamente mancano le immagini.
<html>
<head>

<style type="text/css">
div#news { /* box padre */

    border:1px solid #D38561;background-color:white;width:370px;height:160px;
    padding:0;margin:0;overflow:hidden;position:relative;
}
ul#ppt { /* box articolo */

    width:290px;height:160px;background-color:white;padding:0;margin:0;overflow:hidden;
    float:right;position;absolute;top:0;left:40px;z-index:1;
}
#ppt li { /* corpo articolo */

    list-style-type: none;font-size:12px;width:100%;height:100%;padding:0;color:#333333;
    background-color:white;position;absolute;top:0;left:40px;
}
#ppt2 li { /* corpo articolo */

    list-style-type: none;font-size:12px;width:100%;height:100%;padding:0;margin:auto;
    color:#333333;background-color:white;position;absolute;top:0;left:40px;
}
#ppt li span { /* titolo articolo */
    
    position;absolute;top:0;left:40px;font-weight:bold;font-size:14px;color:#D38561;
}
#ppt2 {
    
    /*z-index:2;*/ position:absolute;top:0;left:40px;width:290px;height:160px;padding:0;
    margin:0; /*float:right;*/ overflow:hidden;filter:alpha(opacity=25);-moz-opacity:.0;
    opacity:.0;background-color:white;/* background-image:url(sfondo.png); */
}
#ppt2 img {

    display:block; /*allows the element to take auto margins*/ 
    margin:0 auto; /*centers in compliant browsers*/ 
    text-align:center; /*centers in old versions of IE*/ 
}
#lefta { /* pulsante sx */

    float:left;width:35px;height:160px;border:0;margin:0;padding:0;background-image:url(left.png);
}
#lefta:hover { background-image:url(lefta.png); }

#righta { /* pulsante dx */

    float:right;width:35px;height:160px;border:0;margin:0;padding:0;background-image:url(right.png);
}
#righta:hover { background-image:url(righta.png); }

.linkart { color:#D38561; }
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript'>

var fadeInTime = 1000;
var fadeOutTime = 2000;
var showInTime = 2500;
var showOutTime = 1000;
var intervalTime = 6000;
var numchars = 250;

var cur;
var cur2;
var intid;

function cstfade(direction) {

    clearTimeout(intid);
    if (cur) {

            if (direction == 'right') {
                
                cur2.hide();
                if ( cur2.attr('class') == 'last' ) cur2 = $('#ppt2 li:first');
                else cur2 = cur2.next();
                cur2.show();
            } 
            else {
            
                cur2.hide();
                if ( cur2.attr('class') == 'first' ) cur2 = $('#ppt2 li:last');
                else cur2 = cur2.prev();
                cur2.show();
            }
        $('#ppt2').animate({"z-index": 1, "opacity":1 }, showInTime, "linear", function() {});
        

        //fadeOut
        cur.slideUp(fadeOutTime, function () {

            if (direction == 'right') {

                if ( cur.attr('class') == 'last' ) cur = $('#ppt li:first');
                else cur = cur.next();
                //fadeIn
                cur.slideDown(fadeInTime, function() { intid = setTimeout( "right()", intervalTime ); });
            } 
            else {
            
                if ( cur.attr('class') == 'first' ) cur = $('#ppt li:last');
                else cur = cur.prev();
                //fadeIn
                cur.slideDown(fadeInTime, function() { intid = setTimeout( "left()", intervalTime ); });
            }
            
            $('#ppt2').animate({"z-index": 0, "opacity":0 }, showOutTime, "linear", function() {});

        });
    }
}

function right() { cstfade('right'); }
function left()  { cstfade('left');  }

function slidenews(json)
{
var divppt = document.getElementById('ppt');
divppt.innerHTML = '';

var divppt2 = document.getElementById('ppt2');
divppt2.innerHTML = '';


for (var i = 0; i < json.feed.entry.length; i++)
    {
    var entry = json.feed.entry[i];
    var link = '';
    for (var k = 0; k < entry.link.length; k++) {
        if (entry.link[k].rel == 'alternate') {
        link = entry.link[k].href;
        break; } }

    divppt.innerHTML = divppt.innerHTML + '<li><span>' + entry.title.$t + '</span><br/>'
        + '<br/>'+ entry.content.$t.replace(/(<([^>]+)>)/ig,"").substr(0,numchars)+'..'
        + '&nbsp;&nbsp;<a class="linkart" href="'+link+'">continua a leggere</a>'
        + '</li>';
    
    //find "src=blabla" and store everything after it (up to a space)
    var geturl = new RegExp(/src=([^ ]+)/i);
    //run the regex on z and return the stored result
    var url = geturl.exec(entry.content.$t)[1];

    // remove domain
    //url = url.replace(/http:\/\/[^\/]+/i,"");

    divppt2.innerHTML = divppt2.innerHTML + '<li><img src='+url+'></li>';
    }

$('#ppt li:gt(0)').hide();
$('#ppt li:last').addClass('last');

cur = $('#ppt li:first');
cur.addClass('first');

$('#ppt2 li:gt(0)').hide();
$('#ppt2 li:last').addClass('last');

cur2 = $('#ppt2 li:first');
cur2.addClass('first');

clearTimeout(intid);
intid = setTimeout( "right()", intervalTime );
}

</script>

</head>
<body>

<div id="news">
<a id="lefta" href="javascript:left();"></a>
<a id="righta" href="javascript:right();"></a>
    <ul id="ppt"><!--- NOTHING HERE, VOID ---></ul>
    <ul id="ppt2"><!--- NOTHING HERE, VOID ---></ul>
</div>
<script src='http://ondare.blogspot.com/feeds/posts/default/-/jQuery?alt=json-in-script&amp;callback=slidenews&amp;max-results=4' type='text/javascript'></script>

<!--
<script src='http://keytrading.blogspot.com/feeds/posts/default/-/broker+online?alt=json-in-script&amp;callback=slidenews&amp;max-results=4' type='text/javascript'></script>
-->

</body>
</html>

Bene, ora per chi volesse integrarlo in posti diverso da blogger o comunque in modo proprio l'articolo è finito qui, per gli altri che come me hanno blogger bisogna fare ancora un'ultimo sforzo.

Integrazione in blogger: ovviamente per integrarlo ci saranno da fare gli stessi passi che avevo descritto nell'articolo jQuery - lightBox e Blogger anche in galleria.

Per evitarvi lo sforzo però vi elenco i passi da fare, per fortuna sono semplici ma bisogna fare attenzione! Valgono le avvertenze di salvare tutto (commenti, stili, colonna, parti custom, posts, js etc etc giusto per evitarmi grane).

Prendete il codice che c'è in Codice script jQuery e copiatelo o in testa all'articolo se volete metterlo solo in una pagina o dentro il layout in modo che si carichi subito. Nel secondo caso andate su draft Blogger > Layout > Modifica HTML, una volta qui spuntate la voce "Espandi i modelli widget" e copiate il contenuto in un editor di testo (esempio notepad).

Cercate nella parte di head dove ci sono altri script e copiatelo subito dopo.
Ora fate lo stesso con il blocco CSS copiandolo nell'elemento:
<b:skin><![CDATA[/*

....

]]></b:skin>
Dove ci sono i puntini ovvimanete avrete il codice e proprio lì dentro facendo attenzione a non metterlo a casaccio copierete le righe del blocco.
Bene, questa era la parte più delicata.

Ora prendete il blocco HTML e copiatelo dovunque vogliate, ad esempio in un elemento della colonna (sempre tramite draft Blogger > Layout > Elementi) ossia aggiungendo un gadget HTML/JavaScript. Oppure in uno o più articoli etc. Ok il tutto è pronto e se abbiamo cambiato i percorsi delle immagini e la stringa di chiamata JSON a questo punto è tutto pronto.

Complimenti, anche voi avrete uno slideshow su blogger proprio come questo che segue:



      Collegamenti esterni: jQuery

      Continua a leggere..

      Pubblicato da: nickel il venerdì 8 maggio 2009 alle 21:27
      Argomenti: blog, Informatica, jQuery, Tutorial, web2.0
       

      jQuery - lightBox e Blogger anche in galleria

      Trovare una libreria per jQuery che permetta di visualizzare le foto e renderle fruibili anche senza javascript non è poi così difficile, le cose si complicano leggermente se vogliamo inserirle in Blogger.

      Ma niente paura ecco i passi (semplici) da fare per far funzionare tutto. Bisogna comunque armarsi di pazienza e soprattutto tranquillità mentre facciamo le modifiche.

      Naturalmente sono a vostra completa disposizione se avrete problemi nella configurazione, sperando di esserne all'altezza. Potete trovare una dimostrazione pratica in questo mio post; è interessante soprattutto perché anche senza javascript abilitato sarà comunque possibile aprire le immagine grandi singolarmente.


      Prima di iniziare fate una copia del blog, del template, delle parti html e javascript custom, articoli e commenti. In pratica tutto il blog in modo da poterlo completamente ripristinare in caso di problemi, il tutto per dire cavoli vostri eheh. Ok senza indugi se il risultato vi piace, iniziamo:

      1) Preparazione jQuery: ipotizzo che sul vostro blog non avete già fatto uso di jQuery, nel caso sia già caricata con le pagine del sito saltate questo punto. Esistono due modi per caricare la libreria jQuery è dipende dall'uso che ne fate. jQuery infatti contiene molte funzionalità, ma la libreria pesa un poco e sicuramente blogger non crea codice così leggero da trascurare questo aspetto. Se volete iniziare a includerlo solo in alcuni post / articoli allora dovete scrivere il vostro articolo normalmente è salvarlo. Ok, ora editatelo bene (meglio accedere ai propri post da draft.blogger.com) dopo qualche riga del vostro articolo dovrete metter questo codice (naturalmente passate alla modalità 'Modifica HTML'):
      <script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
      
      che caricherà la libreria jQuery minimizzata (tanto per risparmiare il possibile).

      2) Preparazione libreria Slideshow: Se ne avete già una bene, altrimenti potete usare quella che trovate QUI, creata da Leandro Vieira Pinho sicuramente valida e fruibile per i miei scopi. Sul sito potete trovare qualche esempio oltre all'ultima versione scaricabile, ovviamente.
      Anche in questo caso accedete al vostro post e dopo lo script di jQuery aggiunto prima, metteteci questa riga (sempre in modalità HTML):
      <script type='text/javascript' src='http://leandrovieira.com/projects/jquery/lightbox/js/jquery.lightbox-0.5.pack.js'></script>
      

      3) Inserire le immagini: Potete creare una tabella, una lista oppure metterli in un div come volete. L'importante è associare come id (della table, del div o ul) #gallery e inserire delle anchor dentro questo elemento html. Questo codice purtroppo lo dovete mettere sempre modificando il post tramite 'Modifica HTML' e fra l'altro dovete assicurarvi che fra le Opzioni post (in basso) come Impostazioni di composizione sia selezionato Interpreta HTML digitato.

      Un esempio HTML potrebbe essere questo:
      <div id="gallery">
      <table border="0" cellspacing="5">
      <tr>
      <td><a href="http://sites.google.com/site/ondareblog/lego/lego22.jpg" title="lego22"> <img src="http://sites.google.com/site/ondareblog/lego/lego22t.jpg" alt="" /></a></td>
      <td><a href="http://sites.google.com/site/ondareblog/lego/lego26.jpg" title="lego26"> <img src="http://sites.google.com/site/ondareblog/lego/lego26t.jpg" alt="" /></a></td>
      <td><a href="http://sites.google.com/site/ondareblog/lego/lego28.jpg" title="lego28"> <img src="http://sites.google.com/site/ondareblog/lego/lego28t.jpg" alt="" /></a></td>
      <td><a href="http://sites.google.com/site/ondareblog/lego/lego01.jpg" title="lego01"> <img src="http://sites.google.com/site/ondareblog/lego/lego01t.jpg" alt="" /></a></td>
      </tr>
      </table>
      </div>
      
      Oppure se non volete usare le tabelle, questo:
      <div id="gallery">
      <ul>
      <li><a href="http://sites.google.com/site/ondareblog/lego/lego22.jpg" title="lego22"> <img src="http://sites.google.com/site/ondareblog/lego/lego22t.jpg" alt="" /></a></li>
      <li><a href="http://sites.google.com/site/ondareblog/lego/lego26.jpg" title="lego26"> <img src="http://sites.google.com/site/ondareblog/lego/lego26t.jpg" alt="" /></a></li>
      <li><a href="http://sites.google.com/site/ondareblog/lego/lego28.jpg" title="lego28"> <img src="http://sites.google.com/site/ondareblog/lego/lego28t.jpg" alt="" /></a></li>
      <li><a href="http://sites.google.com/site/ondareblog/lego/lego01.jpg" title="lego01"> <img src="http://sites.google.com/site/ondareblog/lego/lego01t.jpg" alt="" /></a></li>
      </ul>
      </div>
      
      Analizzando il codice (in entrambi i casi) bisogna fare particolare attenzione al tag A dove href è l'immagine grande da visualizzare nello slideshow, title è l'etichetta che verrà utilizzata come didascalia e l'elemento img punterà (tramite src) all'immagine da usare come anteprima, quindi una piccola immagine da caricare (consiglio di dimensioni molto ridotte giusto per far capire il soggetto).

      Attenzione che se avete più gallerie nella stessa pagina allora dovete assicurarvi che i due id siano differenti.

      4) Abilitare lightbox: Basta inserire questo codice dopo aver creato la lista di immagini da usare nella nostra (quasi pronta) galleria:
      <script type="text/javascript"><!--
      $(function() { $('#gallery a').lightBox({
      
      imageLoading:'http://iltuosito/lightbox-ico-loading.gif',
      imageBtnPrev:'http://iltuosito/lightbox-btn-prev.gif',
      imageBtnNext:'http://iltuosito/lightbox-btn-next.gif',
      imageBtnClose:'http://iltuosito/lightbox-btn-close.gif',
      imageBlank:'http://iltuosito/lightboxblank.gif'
      
      }); });
      //--></script>
      
      Naturalmente dovete sostituire i percorsi con le vostre immagini, che potete ovviamente personalizzare come volete. Salvare l'articolo e uscire.

      Le immagini che utilizzo io sono queste:

      • lightbox-ico-loading.gif:
      • lightbox-btn-prev.gif:
      • lightbox-btn-next.gif:
      • lightbox-btn-close.gif:


      5) Inserire lo stylesheet del lightbox: potete benissimo personalizzarlo o rifarlo da capo quello che ho usato io è questo:
      #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
      #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
      #jquery-lightbox a img { border: none; }
      #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
      #lightbox-container-image { padding: 10px; }
      #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
      #lightbox-nav { position: absolute; top: 0; left: 0;    height: 100%; width: 100%; z-index: 10; }
      #lightbox-container-image-box > #lightbox-nav { left: 0; }
      #lightbox-nav a { outline: none;}
      #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%;    zoom: 1; display: block; }
      #lightbox-nav-btnPrev { left: 0; float: left; }
      #lightbox-nav-btnNext {     right: 0; float: right; }
      #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;
          overflow: auto; width: 100%; padding: 0 10px 0; }
      #lightbox-container-image-data { padding: 0 10px;  color: #666; }
      #lightbox-container-image-data #lightbox-image-details {  width: 70%; float: left; text-align: left; }
      #lightbox-image-details-caption { font-weight: bold; }
      #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;    }            
      #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
      #gallery { background-color: #fff; padding: 10px; width: 520px; }
      #gallery table { align: center; }
      #gallery tr, td { align: center; }
      #gallery img { border: 5px solid #c0c0c0; border-width: 5px 5px 20px; }
      #gallery a:hover img { border: 5px solid #FFF8B2; border-width: 5px 5px 20px; color: #FFF8B2; }
      #gallery a:hover { color: #FFF8B2; }
      
      Da inserire ovviamente in Blogger > Layout > Modifica HTML, una volta qui spuntate la voce "Espandi i modelli widget" e copiate il contenuto in un editor di testo (esempio notepad).

      Per chi volesse invece una struttura tableless è possibile sfruttare gli elementi ul e li, la modifica risulta molto veloce. Ad esempio al posto delle righe #gallery, #gallery table e #gallery tr, td potete scrivere qualcosa del tipo:
      
      #gallery { background-color: #22201d; padding: 5px ; width: 98%; clear:both; margin:0 auto;}
      #gallery ul{ margin:0 auto; padding:0; clear:both;}
      #gallery li { display:inline; padding:5px;margin:0 auto;border:0; }
      
      Ovviamente, anche il codice html della gallery cambierà in particolare fare riferimento al punto 3) Inserire le immagini per vedere le differenze html.

      Adesso non vi resta che cercare questo elemento che solitamente è presente e contiene il codice CSS che utilizza il blogger:
      <b:skin><![CDATA[/*
      
      ....
      
      ]]></b:skin>
      
      Dove ci sono i puntini ovvimanete avrete il codice e proprio lì dentro facendo attenzione a non metterlo a casaccio copierete le righe CSS precedenti. Finito, finalmente avete abilitato la galleria per il vostro articolo. Questi passi (tranne il 5) sono da ripetere tutte le volte che vorrete mettere una galleria in un vostro articolo, esiste la possibilità di evitarsi i punti 1 e 2 ma in questo caso il codice contenuto nel tag script in entrambi i casi va inserito subito dopo l'elemento skin che avete modificato per metterci il codice CSS. In quel caso sarà sempre disponibile e non vi resterà che compiere il passo 3 e 4.

      Ciao e buona galleria.

      Collegamenti esterni: jQuery | jQuery lightBox | Esempio su ondare

      Continua a leggere..

      Pubblicato da: nickel il martedì 31 marzo 2009 alle 01:12
      Argomenti: blog, Free, Informatica, jQuery, Lightbox, Tutorial
       

      Blog - aggregatori web sono gioie o dolori?

      Quando si apre un blog o un sito con contenuti e pubblicazioni tramite feed è opportuno approfittare della ottima occasione data dagli aggregatori.

      Di fatto un aggregatore non fa altro che registrarsi al feed che viene segnalato e in maniera schedulata con intervalli predefiniti o tramite degli avvisi esterni (per esempio azione scatenata tramite l'arrivo di una email di nuovo post) richiede una lettura e una memorizzazione dei titoli, riferimenti, commenti e quant'altro.

      Questi aggregatori di conseguenza raccolgono (aggregano) tante fonti ampliando le notizie offerte dall'aggregatore stesso. I più scaltri sicuramente sapranno già che ci sono benefici per entrambi, sia per chi gestisce l'aggregatore sia per chi pubblica un determinato post.


      In parole povere chi aggrega:

      - non deve scrivere dei post (alcuni comunque lo fanno proprio per una indole da blogger)
      - raccoglie molte informazioni
      - è difficile verificare tutte le notizie e le fonti, soprattutto se non è tematizzato
      - può concentrarsi sulla parte di gestione e pubblicazione dei post
      - può anche permettersi una buona gestione dei commenti e di valutazione da parte degli utenti per deciderne il peso durante le ricerche interne
      - può stilare delle classifiche per incentivare i blogger più accaniti
      - può ottenere un ritorno economico forte di molte visite dovuto ai tanti contenuti
      - può permettersi di filtrare o meno una notizia se di argomento non consono al buon gusto o se viola le regole di aggregazione
      - ha a disposizione una community e persone che seguono le notizie molto più corposa
      - teoricamente, ha un pagerank maggiore per quanto riguarda le pagine pubblicate e i contenuti a disposizione

      E per quanto riguarda i pubblicatori? bhè indubbiamente gli aggregatori, soprattutto quelli di un certo peso, offrono una ottima vetrina e, anzi, possono veramente allargare la popolarità di un blog. D'altro canto è anche vero che un blogger:

      - dovrà concentrarsi sui contenuti e soprattutto rendere le prime righe molto accattivanti e interessanti, soprattutto il titolo, perché molti siti agreggano le prime righe.
      - dovrà curare la pagina principale perché fra le immagini disponibili molti visualizzano proprio la homepage come frontespizio
      - il contenuto video e fotografico possono essere anche questi oggetto di acquisizione
      - dovrà farsi carico con alcuni di pingare la lettura delle ultime notizie (ossia richiedere un aggiornamento del feed) se si accorge che queste siano datate o per 'strane ragioni' (alcuni li chiamano bug?) essere saltati.
      - avrà un buon ritorno se riuscirà ad apparire in cima alle classifiche (se previsto) o se otterrà una buona posizione durante le ricerche delle notizie

      A dire il vero queste sono solo alcune considerazioni, sta di fatto che fin da subito ho dedicato del tempo a cercare di individuare alcuni aggregatori (e anche le directory dei blogs).

      Sebbene pensavo fosse molto più semplice entrare nelle 'grazie' di questi servizi mi sono accorto che non è sempre così scontato e a volte ci si scontra davvero contro problemi oppure contro insoddisfazioni generali.

      Di seguito quindi voglio stilare una piccola lista con quelli da me provati e soprattutto darvi le mie impressioni, valutando dove possibile il servizio offerto (sono tutti servizi gratuiti cosa da non sottovalutare affatto, anche se - certo - molti guadagnano sulla pubblicità..):


      ilbloggatore.com mi ha sorpreso per la sua velocità di aggregazione, il migliore. Soprattutto mi è piaciuto il contatto immediato con lo staff de "il bloggatore" molto disponibile e cordiale, visto che trattano solo argomenti di informatica e io no, abbiamo concordato un feed specifico. Ogni volta che pubblico un articolo me lo ritrovo abbastanza velocemente sul loro sito (chiaramente è un beneficio per entrambi no?). Proprio perché mi ha sorpreso piacevolmente - sarà un caso se è il primo antipixel? - voglio muovergli delle critiche costruttive. Secondo la mia opinione deve aggiornare il layout e lo schema dei colori usati, risulta indietro rispetto ai concorrenti sebbene dal punto di vista del servizio non abbia nulla da invidiare, anzi per alcuni... Deve prevedere una pagina, tipo semplice bacheca, dove raccogliere alcuni dati sui blog (che già ha nel database) e una top list dei blog più cliccati. Per il resto resta il mio preferito, soprattutto perché tratta di argomenti legati alla informatica e perché la gentilezza su internet non è così scontata e quando è unita all'efficienza a me piace (dovrei forse chiedere una ricompensa? quasi quasi..).

      blogcatalog.com completamente in inglese, anche se permette l'impostazione della lingua e della nazione in modo da rendere le ricerche localizzate se si vuole evitare di incappare in blog stranieri o di lingue sconosciute. La grafica è gradevole senza appesantire, la pubblicità risulta abbastanza ben dosata e contenuta e il riferimento alla fonte mi sembra comunque adeguato. Ogni utente che registra una fonte ha poi una dashboard e una bacheca pubblica con la propria homepage, peccato che non venga aggiornata spesso come nel mio caso. Un ottimo servizio da tenere in forte considerazione, anzi se non vi siete iscritti.. di corsa hop hop hop.

      bloghissimo.it non ha inserito il mio blog, non c'è la possibilità di ricercare il proprio blog se è presente o in che classifica si trovi. Non evidenzia la fonte, anzi tende a rendere tutto omogeneo e a pensar male ci aggiungo che lo fa per tenersi il traffico sul suo sito senza restituirlo a chi quel post l'ha scritto. Se si entra nella notizia ti apre un bell'iframe dove mette il blog e sulla sinistra una pubblicità con la possibilità di votare la notizia.
      Non mi piace è troppo improntato all'oscuramento della fonte cercando di trarne il massimo beneficio (economico ovviamente), ma sono pronto a ricredermi se mi dimostrano il contrario.

      aggregatore.com i tempi di iscrizione si sono rivelati abbastanza lunghi, è anche vero che al secondo invio sono passati solo pochi giorni il che mi fa pensare a un problema non legato alla loro piattaforma. Aggregatore è un buon servizio, consigliato vivamente, tra le pecche mancano i link alla pagina principale ad esempio se si naviga fra le fonti iscritte e le notizie aggregate, per tornare alla pagina principale è quindi necessario cliccare sulla scritta/logo aggregatore in alto oppure agire sulla addressbar del browser. Un ottimo servizio che per ogni post non nega spazio e traffico alla fonte, mi piace!

      blogtoplist.com non è un vero aggregatore anzi è solo una directory / una lista di blog inseriti però è da tenere in considerazione sia perché è gratuito e veloce iscriversi sia perché un backlink è meglio non sprecarlo visto che il sito raccoglie migliaia di fonti.

      explicatum.com sebbene ondare non sia in elenco (attendo ormai risposta da diverso tempo) resta a mio avviso un buon servizio anche se il nome assomiglia a una magia degna di Harry Potter.. explicatuuuumm!! La grafica è essenziale ma efficace e soprattutto la pubblicità non è troppo invadente il che lascia spazio al contenuto, ai voti o agli eventuali commenti. Gradevole e consigliato sicuramente (sperando che vi aggiungano). Se devo muovere delle critiche, ehm a parte la mia iscrizione - ok ok la smetto - devono potenziare la grafica e avere un maggior rapporto con le proprie fonti perché sono loro che gli generano il traffico.

      technorati.com è molto popolare, non ha bisogno di tante presentazioni, diventata una icona per il mondo 'aggregato' rende ogni sito una parte integrante della loro community. Offre una immagine della pagine principale del sito (anche in questo caso molto datata) senza apparente possibilità di aggiornarla, offre la possibilità di ricercare i posts/blog più popolari. Proprio perché molto famoso è importante iscriversi e avere un ritorno (poco o tanto lo faranno alla fine i nostri contenuti). Consigliato.

      liquida.it è un altro aggregatore italiano, ben fatto, grafica molto bella e una attività sia nel loro blog che fuori molto buona. Nel complesso un ottimo servizio (gratuito) che resta sicuramente un must. Richiedono, come gli altri del resto, un antipixel posizionato nelle proprie pagine. Proprio perché è stato il primo servizio di aggregazione a cui ho aderito devo ammettere che ci sono affezionato vuoi perchè mi sembra giovanile, vuoi perché il nome è originale come ondare del resto!!

      wiikio.it ancora un nome famoso, probabilmente lo conoscete meglio di me, offre una buona suddivisione delle notizie dei temi ricercabili. La grafica risulta essenziale anche in questo caso ma sicuramente gradevole. Una nota, il mio ultimo post (cioè quello prima di questo sul nofollow free) risulta associato a "il bloggatore" un altro aggregatore (meno male che me lo ha pubblicato lui) e non al mio blog iscritto.. così come non trovo gli altri miei articoli. Da approfondire meglio, non convinto anche se molto famoso!

      socialblog.it anche in questo caso la mia domanda risulta ancora in fase di elaborazione, in ogni caso mi sembra un aggregatore carino senza lode ma senza infamia. Anche se, pure loro adottano al tecnica dell' iframe, stile bloghissimo.it ma non è che siete parenti??, dove mette il blog e sulla sinistra una pubblicità con la possibilità di rating della notizia.

      badzu.net è un servizio on demand, per segnalare una notizia non è possibile registrare il nostro feed o il nostro blog direttamente ma sarà necessario segnalare tutte le notizie che vogliamo, anche quelle scritte da noi. Per questo motivo trovate il collegamento inserisci nuova segnalazione che vi porterà a un form da compilare (indirizzo, titolo, email, categoria ecc..). Se volete potete creare un collegamento alla pagina propri oattraverso le istruzioni date per velocizzare questo passo. Se poi, come me, siete molto pigri potete evitare di inserire il nick, l'email e il testo della segnalazione con due piccoli accorgimenti. Il primo è modificare il link che badzu stessa consiglia per fare la segnalazione come segue:
      javascript:if(navigator.userAgent.indexOf('Safari') >= 0){Q=getSelection();}else{Q=document.selection?document.selection.createRange().text:document.getSelection();}location.href='http://www.badzu.net/tips/submit?action=it&segnalazione='+encodeURIComponent(Q)+'&link='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)+'&email=ondare.blog@gmail.com&name=nickel'
      

      Ossia aggiungendo l'email e il name di chi farà la segnalazione o l'autore del post (meglio secondo me, è più onesto!). Il secondo accorgimento è il testo della segnalazione, se volete indicare qualche riga del vostro post - meglio se le prime 2/3 - basta evidenziare col mouse queste righe e solo successivamente premere sul link che abbiamo modificato. In questo modo tutti i dati saranno pronti per essere inviati, a meno della categoria che va comunque specificata a mano. La grafica risulta molto limpida e ben curata, la pubblicità ben dosata e posizionata. Consigliato, ma attenti a non accumulare troppi posts da segnalare!!

      booko è un servizio stile badzu, quindi manuale. Per le segnalazioni comunque basta il solo URL del post, la grafica non mi piace perché troppo retrò, la pubblicità fa cornice tutto intorno al sito e secondo me non è poi così integrata o bella da vedere. In ogni caso un servizio anche in questo caso facile da sfruttare e che può essere usato per allargare la popolarità / rintracciabilità del nostro blog. Un servizio consigliato, ma evito di dirvi la pronuncia esatta (la trovate però in testata al sito e se lo dice l'autore!)



      In generale è buona norma iscriversi a questi servizi per acquisire popolarità, certo è che molti - soprattutto quelli non inseriti - hanno una tendenza a guadagnarci soltanto e fra questi c'è sicuramente "blog.ai-net.it" basato su google coop a cui aggiunge il nostro link, solo per visualizzare un annuncio.

      A conti fatti quindi iscrivetevi, evitate quelli palesemente fake o poco affidabili e soprattutto monitorate i vostri posts. L'ultimo soprattutto è importante perché mi sembra che molti non importino completamente tutte le nostre notizie e se spesso su una notizia vi documentate e ci passate giorni forse è anche abbastanza seccante non poterla reclamizzare ai quattro venti.

      Bhè che dire, spero che questa breve recensione sia di vostro gradimento. Buona bloggata!

      Collegamenti esterni: ilbloggatore.com | blogcatalog.com | bloghissimo.it | aggregatore.com | blogtoplist.com | explicatum.com | technorati.com | liquida.it | wiikio.it | socialblog.it | badzu.net | booko

      Continua a leggere..

      Pubblicato da: nickel il domenica 25 gennaio 2009 alle 21:30
      Argomenti: blog, Free, Informatica, Recensioni
       

      Blog - essere o non essere nofollow questo è il dilemma!

      Da quando ho abilitato i commenti su questo blog e precisamente da quando ho iniziato a modificare il layout di ondare (e quindi fin da subito, fra l'altro vi piace?) ho rimosso l'attributto nofollow per alcuni semplici motivi.

      Fra questi, onestamente, c'è sicuramente il rendere più appetibile il commentare se si ritiene interessante la notizia o la segnalazione ma non è l'unico motivo (no dai davvero).

      Anche perchè di commenti ammetto di averne ricevuti pochi per essere ottimista sebbene google analytics mi dia abbastanza soddisfazione sul lato visite / ricerche e anzi colgo l'occasione per ringraziarvi .

      Tornando al nofollow, penso che imbottigliando il traffico all'interno del proprio sito e cercando di chiudere i link in uscita sicuramente si può ottenere una protezione maggiore dagli spammatori (anche se più da quello occasionale che quello professionista) nonchè forse un migliore pagerank ma con il rischio di snaturare quello che è il concetto di rete e di scambio reciproco di informazioni e opinioni.

      Se cercate nofollow blog sul vostro motore di ricerca troverete un sacco di posts interessanti e senza citarne nessuno mi sono reso conto che le due grandi posizioni più diffuse sono o quella di rendere il blog completamenre libero dall'attributo nofollow oppure cercare di blindare i commenti ed eliminare il più possibile la possibilità di spam.

      Secondo la mia opinione, il fatto di permettere di inserire un link fra i commenti è proprio per permettere la segnalazione del proprio sito, della propria attività, del sito di un amico ecc.. da questo punto di vista è bene quindi rimuovere il tag nofollow. Altrimenti, sarebbe come dire scrivi il tuo URL qui ma tanto è fine a se stesso, poco conta per il www che ci circonda.

      Purtroppo c'è comunque il rovescio della medaglia a rimuovere completamente il nofollow, ossia, ci sono molte persone che aggiungono commenti del tipo "wow" oppure "grazie" e questi sono difficile da soppesare e valutare come spam o meno.

      L'idea iniziale che ho maturato è stata quella di seguire una tendenza in crescendo di rimuovere il tag nofollow solo a chi postava - per esempio - più di 5 commenti (piattaforma blogger permettendo).

      Però mi sono reso conto che uno spammer accanito avrebbe comunque potuto aggirare facilmente la cosa e sarebbe stato penalizzato il singolo contributo del visitatore occasionale, che sebbene non un lettore assiduo, avrebbe potuto essere incentivato a commentare e chissà pure a seguire la discussione durante il suo evolversi.

      Una soluzione che sto maturando anche se completamente in cantiere è non negare il commento ma eventualmente moderare il link al commento, impostando per alcuni il nofollow e visualizzando un bel * che punta al link inserito segnalandolo con qualcosa tipo "sito non conforme alla notizia" oppure semplicemente rimuovere completamente il link (ma non il commento se non urta il buon gusto e la netiquette).

      In questo modo è possibile mantenere l'intero storico dei commenti ma nel contempo evitare o comunque limitare pesantemente il rischio di autopromozione di siti di cattivo gusto o che trattino argomenti a cui il blogger non vuole legarsi.

      Anche perchè è ovvio che se commentando ho la possibilità di inserire un link inserirò il mio blog o sito che sia per farmi un poco di pubblicità e vien da sè che quindi il commento deve essere interessante per attirare le persone sul mio sito ma soprattutto per tenercele anche sul mio sito.

      In questo modo si potrebbe forse avere una distribuzione omogenea della popolarità dei siti e dei blog. Cosa ne pensate? è una soluzione valida? bhè staremo a vedere, intanto buon commento a tutti!

      Continua a leggere..

      Pubblicato da: nickel il venerdì 23 gennaio 2009 alle 01:00
      Argomenti: blog, Informatica, nofollow, Varie
       

      Post più vecchi Home page
      Iscriviti a: Post (Atom)

      ondare

      là, quando ondando vanno le campane

      Link List 2

      • AdSense
      • Android
      • Apple
      • Arte
      • Attualità
      • blockUI
      • blog
      • Email
      • Fax
      • Feste
      • Festività
      • Film
      • FloatingDialog
      • Free
      • Freeware
      • Giochi
      • Google
      • Graffiti
      • idTabs
      • Impresa
      • Informatica
      • Java
      • jNice
      • jQuery
      • jTruncate
      • Libri
      • Lightbox
      • Marketing
      • Masterizzare
      • Medicina
      • Microsoft
      • nofollow
      • Notizie
      • Olocausto
      • Opensource
      • PHP
      • progressBar
      • Recensioni
      • Running
      • Salute
      • SEO
      • Sicurezza
      • Skype
      • Sports
      • Storia
      • tags
      • Torino
      • Traduttore
      • Tutorial
      • Varie
      • Video
      • Voip
      • web2.0
      • Webdesign

      Link List 1

      • AdSense
      • Android
      • Apple
      • Arte
      • Attualità
      • blockUI
      • blog
      • Email
      • Fax
      • Feste
      • Festività
      • Film
      • FloatingDialog
      • Free
      • Freeware
      • Giochi
      • Google
      • Graffiti
      • idTabs
      • Impresa
      • Informatica
      • Java
      • jNice
      • jQuery
      • jTruncate
      • Libri
      • Lightbox
      • Marketing
      • Masterizzare
      • Medicina
      • Microsoft
      • nofollow
      • Notizie
      • Olocausto
      • Opensource
      • PHP
      • progressBar
      • Recensioni
      • Running
      • Salute
      • SEO
      • Sicurezza
      • Skype
      • Sports
      • Storia
      • tags
      • Torino
      • Traduttore
      • Tutorial
      • Varie
      • Video
      • Voip
      • web2.0
      • Webdesign
      • Android AVD lento? Mettigli le ali col RAMDisk Android AVD lento? Mettigli le ali col RAMDisk
      • no image VoIP - Chiamare a basso costo, ma non solo!
      • no image Internet - Libertà e sicurezza nella rete? Amore e odio.
      • SEO - Le varie emozioni del Web(design) SEO - Le varie emozioni del Web(design)
      • no image Blog - essere o non essere nofollow questo è il dilemma!
      • no image jQuery - Il fai da te dei tags
      • no image jQuery - ProgressBar sempre pronta
      • no image jQuery - Abbelliamo i form con jNice
      • Disqus - il commento conviene Disqus - il commento conviene
      • no image Freeware - Traduzioni con Lingoes, sempre anche offline!
      • Home page

      Link List 4

      • AdSense
      • Android
      • Apple
      • Arte
      • Attualità
      • blockUI
      • blog
      • Email
      • Fax
      • Feste
      • Festività
      • Film
      • FloatingDialog
      • Free
      • Freeware
      • Giochi
      • Google
      • Graffiti
      • idTabs
      • Impresa
      • Informatica
      • Java
      • jNice
      • jQuery
      • jTruncate
      • Libri
      • Lightbox
      • Marketing
      • Masterizzare
      • Medicina
      • Microsoft
      • nofollow
      • Notizie
      • Olocausto
      • Opensource
      • PHP
      • progressBar
      • Recensioni
      • Running
      • Salute
      • SEO
      • Sicurezza
      • Skype
      • Sports
      • Storia
      • tags
      • Torino
      • Traduttore
      • Tutorial
      • Varie
      • Video
      • Voip
      • web2.0
      • Webdesign

      Link List 3

      • AdSense
      • Android
      • Apple
      • Arte
      • Attualità
      • blockUI
      • blog
      • Email
      • Fax
      • Feste
      • Festività
      • Film
      • FloatingDialog
      • Free
      • Freeware
      • Giochi
      • Google
      • Graffiti
      • idTabs
      • Impresa
      • Informatica
      • Java
      • jNice
      • jQuery
      • jTruncate
      • Libri
      • Lightbox
      • Marketing
      • Masterizzare
      • Medicina
      • Microsoft
      • nofollow
      • Notizie
      • Olocausto
      • Opensource
      • PHP
      • progressBar
      • Recensioni
      • Running
      • Salute
      • SEO
      • Sicurezza
      • Skype
      • Sports
      • Storia
      • tags
      • Torino
      • Traduttore
      • Tutorial
      • Varie
      • Video
      • Voip
      • web2.0
      • Webdesign


      In evidenza

      Ti è piaciuto qualcosa del mio blog?
      Hai trovato degli articoli interessanti?

      Allora perché non fai una donazione? ad esempio a una di queste organizzazioni:

      Ultimi articoli e commenti

      Ultimi commenti

      Argomenti

      • Arte (1)
      • Attualità (10)
      • Film (2)
      • Free (9)
      • Informatica (24)
      • Notizie (7)
      • Recensioni (10)
      • Salute (4)
      • Storia (1)
      • Tutorial (10)
      • Varie (21)

      Contattami

      Se avete suggerimenti, consigli, segnalazioni di errori o semplicemente mi volete scrivere.. potete farlo a
      QUESTO INDIRIZZO

      Oppure se volete potete leggervi qualcosa in più su questo sito e in particolare
      SU DI ME

      Da non perdere


      www.dizionariodellacorsa.it

      2008-2012 / ondare.org, theme designed and pimped by nickel / Ondare Blog

      Vuoi abbonarti tramite feed?
      Vuoi pubblicare un tuo articolo?
      Vuoi aggiornarti tramite email?
      Vuoi inviare dei suggerimenti?

      Vuoi tornare alla pagina principale?
      Vuoi collaborare con ondare?
      Vuoi scaricare l'antipixel?
      Vuoi conoscermi meglio?