Geekissimo

Aggiungiamo i collegamenti ai social News sul tema del nostro blog

 
@mister6339 (Michele Laganà)
6 Agosto 2008
4 commenti

WordPress è sicuramente la piattaforma più utilizzata per creare blog. Ormai tutti possiedono un blog, per chi è alle prime armi, però, le modifiche al tema del blog diventano un problema. Come ben sapete i social news sono una forte fonte di traffico per il proprio sito, saper sponsorizzare al meglio l’iscrizione di un proprio articolo su uno di questi siti è forse una delle cose più complicate.

Geekissimo oggi vuole aiutare tutti i novizi a inserire al meglio i link per l’iscrizione ai social news. Oggi vedremo quali modifiche apportare al tema e quali apportare al file CSS. Nella guida di oggi noi inseriamo solo i link, volendo potete sostituire i link con delle mini immagini, raffiguranti il logo del social news.


La prima cosa da fare è aprire il file del tema che intendete modificare, questo è indiscrezione vostra. Dopo aver aperto il file, andremo a creare la lista dei link, per comodità ecco il codice da utilizzare:

<div id="cwc-vote">
<ul>
<li></li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</div>

A questo punto, potete salvare il file. Come vedete, noi abbiamo inserito nel codice i social news più famosi mondialmente, ovviamente, ognuno di voi potrà sostituirli con quelli che meglio crede. A questo punto andiamo a modificare il file CSS aggiungendo a fine foglio questo codice:

#cwc-vote{
/* Don't forget to change the image path */
background: #fff url(images/cwc-vote.png) no-repeat top left;
width:600px;
height:45px;
padding-top:35px;
}

#cwc-vote ul{
list-style-type:none;
margin-left:-20px;
}

#cwc-vote ul li{
display:inline;
margin-right:-10px;
}

#cwc-vote ul li a{
color:#fff;
font-size:13px;
}

Adesso, una volta salvato anche il file css del tema, possiamo anche fermarci qui, volendo però è possibile inserire anche un contatore Del.icio.us, utilizzando questo codice:

<script type='text/javascript'>
function displayURL(data) {
var urlinfo = data[0];
if (!urlinfo.total_posts) return;
document.getElementById("< ?php echo md5("http://".$_SERVER["HTTP_HOST"].$_SERVER["REQUEST_URI"]);?>").innerHTML = urlinfo.total_posts;
}
</script>

<script src='http://badges.del.icio.us/feeds/json/url/data?url=<?php the_permalink() ?>&callback=displayURL'></script>

Se avete seguito tutto alla perfezione, non dovreste avere problemi.
Potrebbe interessarti anche
Articoli Correlati
Cambiamo l’avatar di Default di Gravatar su un blog WordPress.

Cambiamo l’avatar di Default di Gravatar su un blog WordPress.

Oggi Geekissimo torna a parlare di uno dei CMS più usato per la creazione di Blog personali e non. Una delle funzioni che ha riscosso maggior successo della release 2,5 […]

Come visualizzare una lista dei post recenti nei blog WordPress anche quando il tema utilizzato non lo permette

Come visualizzare una lista dei post recenti nei blog WordPress anche quando il tema utilizzato non lo permette

Come ribadito in più di un’occasione da queste stesse pagine, uno degli elementi fondamentali di un blog, subito dopo la qualità dei contenuti, è l’aspetto grafico, che deve essere gradevole […]

Pubblicare articoli sul blog direttamente da Word 2007

Pubblicare articoli sul blog direttamente da Word 2007

Tra le mille funzioni di Word, ce n’è una per noi blogger davvero molto utile ed interessante, che fino a qualche giorno fa non conoscevo. Si tratta della possibilità di […]

Blog WordPress, come separare i commenti dai trackback

Blog WordPress, come separare i commenti dai trackback

Ed ecco che anche oggi torniamo a dare una mano a tutti coloro che, per un motivo o l’altro, hanno deciso di aprire un blog utilizzando come piattaforma l’ottimo WordPress […]

San Valentino: icone, sfondi, cartoline, temi e tanto altro gratis per festeggiare con i nostri amati!

San Valentino: icone, sfondi, cartoline, temi e tanto altro gratis per festeggiare con i nostri amati!

Ormai manca davvero poco all’arrivo di San Valentino, la festa degli innamorati, e noi non possiamo che festeggiarla in modo geek! Eccovi quindi una mega collezione di icone, sfondi, temi […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

  • #1Roberto

    Mi sembra ci sia qualche problemino nella formattazione del codice…

    6 Ago 2008, 8:55 am Rispondi|Quota
  • #2Eta

    casini forti, eh?

    6 Ago 2008, 4:58 pm Rispondi|Quota
  • #3Sergjepinka

    Prima di pubblicare un articolo, dovresti provare a leggerlo in privato.

    6 Ago 2008, 5:11 pm Rispondi|Quota
  • #4Roberto

    @ Eta:
    Come scusa?

    29 Ago 2008, 9:36 am Rispondi|Quota