Gadget articoli più popolari

Qualcuno potrebbe voler inserire nel proprio blog blogger il gadget degli articoli più popolari...

Questo proposto da Blogger Buster, mostra i 10 articolo più popolari in base al numero di commenti che ha avuto.

L'installazione è molto semplice, basta inserire il nome che vuoi dare all'elemento, l'url del tuo blog (senza http:// davanti), cliccare su "customize" e poi su "Add to blog" e il gioco è fatto.


Lo script si collegerà automaticamente al tuo blog, e te non rimane che spostarlo nel punto che più ti piace!!

Read rest of entry

Gadget Top commentatori in blogger

Come ben sapranno i blogger più esperti, uno dei tanti metodi per incentivare altri blogger a lasciare un commento è quello di inserire il gadget dei top commentatori.

Nei blog più importanti e famosi, molte volte si scatena una vera e propria competizione tra blogger per accaparrasi i primi posti nella classifica del widget per beneficiare di un po' di visibilità... inoltre, questo potrebbe essere un metodo carino per dire grazie a quelli più assidui e costanti che contribuiscono alla crescita del tuo spazio personale!!

Come faccio ad inserire il Gadget Top commentatori in blogger?
Non preoccuparti, è veramente semplicissimo, e io sono qui per guidarti passo passo in questa operazione.

Il widget è stato creato da "Blogger Buster", ed è possibile implementarlo sul tuo blog attraverso una semplice procedura guidata.

Prima cosa; clicca qui, e ti troverai davanti a questa schermata:


I dati richiesti sono:
Titolo del widget: top commentatori
url: risorse-blogger.blogspot.com (attenzione, non inserire http:// iniziale!!)
filtro del tuo nome: yurj nel mio caso, tu, naturalmente, devi inserire il tuo nik su blogger.

Clicca su "Customize" e poi su "Add to blog".

Già fatto!! Ora devi solo posizionarlo con il drag and drop!! ;)

Nota: il widget mostra i primi dieci commentatori, e prende in esame gli ultimi 500 commentati.

Read rest of entry

Gadget: numero di post e di commenti

Ti piacerebbe inserire nel tuo blog un piccolo widget che mostra il numero dei post scritti e il numero di commenti? Se la risposta è si, allora sei capitato nel posto giusto.

Il widget in questione si chiama: BloggerStat ed è stato scritto da Weblogin, un bravissimo blogger italiano.

L'istallazione è veramente molto semplice, bastano 2 minuti di orologio.

Per prima cosa, dalla bacheca di blogger vai su Layout->Elementi pagina, poi clicca su "aggiungi un gadget", tra quelli elencati scegli il tipo "HTML/JavaScript".

Infine copia e incolla questo codice:

<!-- BloggerStat: Inizio -->
<style>

.gadget_stat {
width: 110px;
height: auto !important;
min-height: 25px;
padding: 4px;
background: #CC0000; // Sfondo della parte superiore del gadget
border: 2px solid #CC0000;
}

.gadget_stat li {
clear: both;
font-family: Verdana, Arial, Sans-serif;
font-size: 0.75em;
text-align: left;
color: #fff;
}

.credit {
width: 110px;
padding: 2px 4px 2px 4px;
clear: both;
background: transparent; // Sfondo della parte inferiore del gadget
border: none;
font-family: Verdana, Arial, Sans-serif;
font-size: 0.75em;
text-align: center;
color: #000;
}

.credit a:hover {
text-decoration: underline;
color: #CC0000;
}

</style>

<script style="text/javascript">

function numberOfPosts(json) {
document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b>');
}

function numberOfComments(json) {
document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b>');
}

</script>

<div class="gadget_stat">
<ul>
<li>
<span style="float:left;">Post:</span>
<span style="float:right;">
<script src="http://nome_blog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts">
</script>
</span>
</li>
<li>
<span style="float:left;">Commenti:</span>
<span style="float:right;">
<script src="http://nome_blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments">
</script>
</span>
</li>
</ul>
</div>
<div class="credit">
<a href="http://web-login.blogspot.com/2008/12/bloggerstat-mostra-il-numero-dei-post-e.html" target="_blank">Gadget per Blogger</a>
</div>
<!-- BloggerStat: Fine -->


Naturalmente al posto di http://nome_blog.blogspot.com devi inserire l'url del tuo blog.

Infine salvate e posizionate il widget dove più vi piace!! Puoi sbirciare BloggerStat in "azione" qui sul mio blog.

Per i più bravi, potete anche personalizzare il gadget (sfondo, carattere, dimensioni...) variando i css!! ;)

Read rest of entry

Scatta una foto con trombiblog

Guarda la tua cam... sorridi e fai click!! Ecco, finalmente posso vedere i miei lettori!! :)

Il widget che oggi voglio recensire si chiama trombiblog e permette ai visitatori di un blog di lasciare una foto, un saluto, una linguaccia... catturati attraverso la webcam!!

Il servizio è completamente gratuito, e tutte le foto verranno pubblicate in una galleria online visibile da tutti e senza nessun limite di spazio.

Come faccio ad inserire trombiblog su mio blogger?
Semplice, prima di tutto ti dovrai registrare sul sito. Una volta registrato, puoi personalizzare il widget. Infatti, se lo desideri, puoi:

• modificare il messaggio del bottone,
• essere avvisato ogni volta che qualcuno scatta una foto,
• attivare i commenti
• cambiare il colore del testo del pulsante
• cambiare il colore dello sfondo del pulsante
• cambiare il colore intorno al pulsante
• cambiare il colore intorno al frame della foto
• cambiare il colore del link della galleria
• cambiare lo sfondo del widget
• cambiare il colore intorno alla foto

Trovata la combinazione ideale di colori, clicca su "Confirm your configuration" per confermare le modifiche.

Ultimo passaggio, copia e incolla il codice trombiblog che trovi in alto a desta:



E incollalo in un nuovo elemento html/javascript che trovi nella sezione layout/elementi pagina di blogger.

Complimenti, adesso hai anche tu hai un trombiblog sul tuo blog, non ti rimane che attendere i primi lettori, quelli meno restii e più intraprendenti.

Il mio lo trovate a metà circa della barra laterale... chi vuole essere il primo a testarne il funzionamento? Coraggio, non siate timidi...

Read rest of entry

Traduttore per Blogger

Ti piacerebbe inserire un piccolo e pratico traduttore per il tuo blog? Si, esatto, un widget da inserire nelle barra laterale!!

Tra i tanti che si possono trovare nella rete, io ti consiglio quello scritto dai miei amici Passione pesca e cAp !! Occhio che si tratta di una novità... lo script è fresco fresco di creazione inoltre è poco invasivo!!



Ok, allora procedi come da manuale:
- Vai su layout/elementi pagina.
- Scegli l'elemento html/javascript

Adesso copia e incolla questa porzione di codice:

<table cellpadding="14px">
<tr>
<td><a href="http://www.google.com/translate?u=http%3A%2F%2Fwww.momentopesca.blogspot.com%2F&hl=it&ie=UTF8&langpair=it%7Cen&langpair.x=0&langpair.y=3&langpair=it%7Cen"><img src="http://img354.imageshack.us/img354/8886/americanmt0.png"/>
<td><a href="http://www.google.com/translate?u=http%3A%2F%2Fwww.momentopesca.blogspot.com%2F&hl=it&ie=UTF8&langpair=it%7Cen&langpair.x=0&langpair.y=3&langpair=it%7Cen"><img src="http://img134.imageshack.us/img134/9210/ingleseiv3.jpg"/></a></td>
<td><a href="http://translate.google.com/translate?u=http%3A%2F%2Fwww.momentopesca.blogspot.com%2F&hl=en&ie=UTF8&sl=it&tl=fr"><img src="http://img217.imageshack.us/img217/6425/franciayp1.png"/> </a></td>
<td><a href="http://translate.google.com/translate?u=http%3A%2F%2Fwww.momentopesca.blogspot.com%2F&hl=en&ie=UTF8&sl=it&tl=es"><img src="http://img361.imageshack.us/img361/1568/spagnoloae1.gif"/> </a></td>
<td><a href="http://translate.google.com/translate?u=http%3A%2F%2Fmomentopesca.blogspot.com%2F&hl=en&ie=UTF8&sl=it&tl=de"><img src="http://img380.imageshack.us/img380/1908/germannp1.gif"/> </a></td>
<td></td>
<td></td>
</a></td></tr>
</table>

Naturalmente al posto di www.momentopesca.blogspot.com (ve lo scritto in grassetto) dovete inserire l'url del vostro blog

E posiziona l'elemento nel punto del blog che più ti piace!!

Fatto? Bene, adesso anche i lettori stranieri ti potranno leggere, infatti gli articoli potranno essere tradotti in inglese, in americano (O_o), in francese, in spagnolo e in tedesco!!

Il servizio si appoggia al traduttore di Google, quindi come tutti i siti di questo tipo la traduzione non è perfetta al 100%, anzi... però meglio capire anche solo una piccola parte del testo, invece che niente!! ;)

Read rest of entry

Problema "elementi pagina"

A volte, quanto modifichiamo le dimensioni del template oppure quando carichiamo un template fatto da terze persone, la pagina "elementi pagina" può presentarsi in queste condizioni:



Orrore!!!
Gli elementi pagina sono spariti o si vedono a metà... il nostro blog è ingestibile, non possiamo più modificare o spostare i widget a nostro piacimento, a meno che non si intervenga nel codice html!!

Come possiamo risolvere?
Prima di tutto spostiamoci su layout/modifica html

Nel codice html cerchiamo questa riga:

]]></b:skin>

E immediatamente prima inseriamo questo codice:

body#layout #outer-wrapper {
width:760px;
margin-$startSide: 0px;
margin-$endSide: 0px;
}

Esattamente come vi mostro in questo screenshot:



Infine salvate le modifiche

Adesso, la dashboard degli elementi pagina dovrebbe essere molto più gestibile e soprattutto modificabile!!



Fonte betabloggerfordummies, da cui ho preso in prestino anche due screenshot!! :)

Read rest of entry

Perchè usare Widget criteo

Conoscete il widget di criteo? No? Male, perché è un'ottimo strumento per pubblicizzare e far conoscere alla "massa" il tuo blog e per attirare traffico.

Tecnicamente l'iscrizione è molto semplice, compili il form con i dati personali, inserisci il nome e l'url del blog, i tag e dopo pochi minuti comparirà sui blogroll degli altri utenti registrati.

Ma perché dovrei utilizzare il widget Criteo?
Ti darò ben 6 buoni motivi:

1 - traffico: il tuo blog comparirà nel blogroll di molti altri blogger, anche quelli che generano molto traffico. Quindi il tuo link sarà molto visibile e sicuramente qualcuno ci cliccherà sopra!! (poi sta a te riuscire a tenerlo! ;))

2 - blogger: come ti ho specificato al punto 1, il widget è usato da molti blogger, anche da quelli famosi e conosciuti!! Pensa, potresti finire nel blogroll di una "blogstar" gratis, senza "sporcarti le mani" proponendogli scambi link!

3 - target: il tuo link comparirà solo su blog a tema, questo significa traffico di qualità di visitatori realmente interessati agli argomenti del tuo blog e tuoi potenziali affezionati lettori , e non di semplici curiosi.

4 - a tema: anche il tuo blogroll diventerà a tema, in questo modo potresti offrire risorse utili ai tuoi lettori.

5 - classifiche: periodicamente, lo staff di critero pubblica la classifica dei blog più cliccati del suo network... OK, delle classifiche non ce ne importa nulla, ma dei backlink si ;). Inoltre, ho visto nella blogsfera che molti blog, anche importanti, "riprendono" la classifica... e vai con altri backlink!!

6 - statistiche: puoi sapere in ogni momento quali sono i blog che ti hanno portato più traffico e quelli che il tuo widget visualizza più di frequente.

Come faccio ad inserire il widget nel mio blog blogger?
Una volta che ti sarai registrato, non dovrai far altro che copiare il codice html che il sito ti mette a disposizione e incollarlo in un nuovo elemento html/java di blogger

A tutto il resto ci pensa lo script!! ;)

PS, la prossima volta pubblicherò alcuni trucchetti per "attirare" traffico tramite criteo, quindi, se non ti vuoi perdere il prossimo post, ti consiglio di sottoscrivere i miei feed!! :D

Read rest of entry

Widget: Un articolo a caso

Articolo veloce veloce, per segnalarvi un nuovo widget, il random post.

Questo widget aggiunge un breve link sulla barra laterale del blog, e se per caso viene cliccato questo mostra un post a caso tra quelli scritti!! Potrebbe essere un'idea simpatica, divertente e utile per i lettori, in questo modo potrebbero scoprire nuovi articoli interessanti che magari non hanno avuto il tempo o la voglia di leggerli!!

Come fare per aggiungere il widget?
Credimi, è veramente facile!! Vai in questa pagina e al posto "Are ya feeling lucky, punk?" scrivi una frase ad effetto del tipo "un post a caso" e poi clicca sul pulsante "Add. to Blogger"



E poi segui le semplicissime istruzioni, clicca su "aggiungi widget" e voilà, adesso il widget "random post" è inserito nel tuo blog! Te l'avevo detto che era facile facile!

Se vuoi vedere il widget "random post" in azione, puoi dare un'occhiata al mio blog Scambio link gratis!! A proposito, hai segnalato il tuo sito nella mia blog directory? No? E cosa aspetti... ;)

Read rest of entry

Script: vota il post

Ti piacerebbe inserire nel tuo blog blogger un widget (chiamiamolo così :P) per far votare, ai tuoi visitatori, ogni tuo articolo?

Potrebbe essere una cosa simpatica per i tuoi lettori e utile per te! Pensa, in questo modo, potresti sapere quali sono gli articoli che piacciono di più, quelli più apprezzati dai tuoi visitatori e "muoverti" di conseguenza...

E semplicissimo, ti servono solo pochi minuti di "lavoro". Basta inserire un piccolo script all'interno del codice html di blogger, tra i tanti oggi ho scelto quello fornito da http://js-kit.com/ il js-ratings.

Per prima cosa recati su Layout\Modifica Html e clicca su "Espandi modelli widgets".

Cerca questa riga:

<div class='post-footer'>

E immediatamente prima inserisci questo codice:

<div style="float:left; margin-right:3px;"><div class="js-kit-rating" expr:path="data:post.url" expr:permalink="data:post.url" expr:title="data:post.title"></div></div>

Proprio come in questo screen soht:



Adesso cerca il tag </body> (si trova in fondo al template) e immediatamente prima inserisci questa riga:

<script src="http://js-kit.com/ratings.js"></script>

Questa riga serve a richiamare lo script!!
Ed il gioco è fatto, abbiamo già finito, e questo è il risultato finale:



Allora? Lo userete nel vostro blog il "widget" "vota il post"?

Read rest of entry

Widget, i post più letti

Volete inserire un widget sul vostro blog "blogger" che mostri ai vostri lettori gli articoli più letti? Bene, perché oggi voglio parlarvi proprio di questo.

Il widget si chiama "most popular post" ed è stato creato dal sito affiliatebrand.com. procediamo...

1- andiamo sulla home del sito e clicchiamo su "Blog Window-Create/Edit" a sinistra della sidebar.

2- su "Add URL for your blog to configure for Blog Window" inseriamo l'url del nostro blog e poi clicchiamo su "add blog", infine su "configure" (in basso).



3- Adesso non ci rimane che copiare il codice e incollarlo in un nuovo elemento pagina.

Domanda: possiamo personalizzare il widget? Si, andate su "Customize" e iniziate a modificare la varie opzioni, anche se, a dire il vero, le modifiche sono un tantino limitate.

Cosa possiamo modificare? Il template del modello, la lunghezza, la larghezza, il periodo "d'analisi", il numero massimo di post, il titolo del widget, e la distanza dal bordo a destra e a sinistra.

La mia "creatura" la potete vedere qui a lato, così, se volete, potete testare il suo funzionamento.

Fonte.

Read rest of entry

Commenti recenti in italiano

(Foto di Claudio Ciccali)

Qualche giorno fa' avevo pubblicato come fare ad aggiungere il widget dei commenti recenti su blogger, ricordate?

Bene, allora facciamo qualche passo indietro, perché ci sono delle belle novità, infatti il bravissimo ildebe aka bebeto ha tradotto in italiano lo script!! :-D

Allora vediamo la procedura per implementarlo nel nostro blog: come al solito ci rechiamo su modello/ elementi pagina e dalla barra laterale clicchiamo su "aggiungi un elemento pagina", tra i vari widget proposti scegliamo "HTML/JavaScript". Come titolo possiamo scrivere "Commenti recenti" o qualcosa del genere, dipende dalla nostra fantasia, e nel corpo copiamo e incolliamo questo codice:

<script style="text/javascript"
src="http://www.saguarovideo.it/blog/comments.js">
</script><script style="text/javascript">
var a_rc=5;
var m_rc=true;
var n_rc=true;
var o_rc=100;</script>
<script src="http://tuoblog.blogspot.com/feeds/comments/default?
alt=json-in-script
&callback=showrecentcomments">
</script>

Dove al posto di tuoblog (scritta in rosso) dovete inserire il nome del vostro blog, nel mio caso risorse-blogger.

Ora veniamo alla personalizzazione:
La stringa var a_rc=5; indica il numero dei commenti visibili, se sostituiamo il 5 con il 10, il widget visualizzerà 10 commenti.

La stringa var o_rc=100; indica il numero di caratteri del commento che il widget visualizzerà, se vogliamo visualizzare 200 caratteri, basta sostituire 100 con 200, ecosì via.

Se nella variabile dei commenti (var o_rc=100;</script>) impostiamo il valore zero, il widget visualizzerà questi caratteri "...", alcuni lo potranno ritenere sgradevole (io sinceramente no, a me invoglierebbe a cliccarci sopra per leggere il commento, ma sono gusti e pareri personali). Ebbene quel geniaccio di ildebe aka bebeto ha risolto anche questo, ecco il codice alternativo per non vedere "...":

<script style="text/javascript"
src="http://www.saguarovideo.it/blog/comments2.js">
</script><script style="text/javascript">
var a_rc=5;
var m_rc=true;
var n_rc=true;
var o_rc=0;</script>
<script src="http://tuoblog.blogspot.com/feeds/comments/default?
alt=json-in-script
&callback=showrecentcomments">
</script>

Se non sono stato molto chiaro, potete sempre vedere il post originale dell'autore, a cui rinnovo i miei complimenti!! ;-)

Read rest of entry

Aggiungere e organizzare i widget di blogger

Dopo la guida sul pannello di scrittura, oggi vi voglio parlare del pannello "elementi pagina" raggiungibile da modello/ elementi pagina. Questa è una passo molto importante per personalizzare e rendere unico il nostro blog, il pannello si presenta in questo modo:



1 - cambia il colora della navbar: (la barra di navigazione sopra il nostro post), possiamo scegliere tra 4 diversi colori: blu (preimpostato), marrone, nero e argento.

2 - Intestazione: per cambiare il titolo del blog o aggiungere una breve descrizione dello stesso. Inoltre, tramite questo elemento, possiamo aggiungere un'immagine al header del nostro blog, possiamo caricarla da nostro pc oppure, se si trova già online, possiamo inserire l'url. Una volta caricata l'immagine, ci comparirà un piccolo box che ci chiederà se vogliamo sovrapporre il titolo all'immagine oppure no! A voi la scelta.

3 - post sul blog: attraverso questo elemento possiamo personalizzare la parte bassa di ogni singolo post, in particolare:
Possiamo impostare il numero di post per pagine
La data
L'autore
l'ora
I commenti
Il permalink
Le etichette
Il pulsante Quick Edit
Il pulsante link Post per email
Ci basterà, spuntare o modificare le relative caselle!

Se sbarriamo la casella "adsense" possiamo aggiungere i nostri annunci in fondo al post... Basterà scegliere quello che pensiamo possa rendere di più!!

Poi possiamo anche modificare l'ordine dei vari elementi, infatti in fondo al widget troviamo l'area "Corpo del post", con il semplice drag and drop possiamo spostare gli elementi nella posizione che ci aggrada di più!

4 - Aggiungi un elemento pagina: ci permette di aggiungere un widget al nostro blog, come potete cedere le opzioni sono veramente tante:

Slideshow: aggiunge un slideshow al nostro blog, le foto possono essere perse da picassa web album, flickr, photobucket a partire da una tag o da un utente.
Sondaggio: permette di creare divertenti sondaggi d'opinione, dovrai solo aggiungere la domanda e le relative domande.
Elenco: aggiungi un elenco di libri, film preferiti o altre in ordine alfabetico.
Elenco link: ideale per creare il nosto blogroll.
Foto: aggiungi una sola immagine partendo da un link o direttamente dal nostro PC.
Adsense: procedura guidata per inserire gli annunci adsense all'interno del nostro blog, e guadagnare qualche euro!! ;-)
Testo: aggiungiamo un semplice testo, una didascalia o un pensiero.
HTML/JavaScript: se vogliamo include un widget di un servizio esterno che blogger non include, questo è l'elemento adatto!
Feed: ti permette di sapere quando un tuo amico blogger pubblica un nuovo articolo, direttamente sul tuo blog!
Etichette: mostra tutte le etichette, o label, da te utilizzate.
Newsreel: Aggiungi automaticamente titoli tratti da Google News nel tuo blog.
Barra video: aggiunge dei video sul tuo blog tratti da youtube o google video, basta precisare le parole chiave.
Logo: mostra il logo di blogger.
Profilo: mostra il nostro profilo.
Archivio blog: mostra un archivio con i post più vecchi.
Intestazione pagina: aggiunge il titolo del blog, giù aggiunto automaticamente da blogger

5 - Aggiungi un elemento pagina: stessa cosa del punto 4, soltanto che i widget verranno aggiunti al footer e non alla barra laterale.

Tutti i widget possono essere modificati, basta cliccare sulla scritta "modifica"del relativo elemento... inoltre possono essere tranquillamente spostati tramite il drag and drop (il trascinamento)

Una volta aggiunti ed organizzati tutti gli elementi non ci rimane che salvare il tutto tramite il pulsante arancione "Salva" in alto a sinistra. Naturalmente possiamo fare anche delle prove tramite "l'anteprima" o cancellare il tutto tramite "cancella modifiche".

Read rest of entry

Mostrare i commenti recenti

(immagine tratta da Daniel F. Pigatto)

Una grave mancanza per blogger è che, tra i vari widget preimpostati, manca uno molto importante (almeno secondo me), quello dei commenti recenti!! non a caso molte piattaforme blogging offrono uno strumento simile, ma stranamente blogger ancora no!! La domanda sorge spontanea, come possiamo risolvere?

Semplice, con un widget scritto da terzi! Il migliore, finora che ho trovato è quello offero da Blogger Templates, niente paura la sua implementazione al blog è veramente semplicissima.

Vi vengono richieste solo poche informazioni, in particolare:

• Il titolo del widget (Widget title).
  
• L'indirizzo del blog (Blog address).
  
• Il numero dei commenti da visualizzare (Comments to display)
  
• Se far vedere la data nei commenti (Show comment date)
  
• Se mostrare il titolo del post (Show post title)
  
• Se mostrare un anticipo del commento (Summary size)
  

Completato il form, non vi resta che cliccare su "Apply" e "Add widget to my blog", infine su "aggiungi widget".

Ora non dovete far altro che posizionare il widget nel punto desiderato, ed il gioco è fatto!!

Read rest of entry