Members | Sign In
Nerd zone Forum > Nerd zone
avatar

Casella di ricerca personalizzata

posted Aug 19, 2013 15:04:02 by Wanesia

Mi piace condividere lezioni di blogging
oggi andiamo ad aggiungere nel nostro blog la casella di ricerca, un gadget molto importante che permette al visitatore di cercare parole chiavi spulciando in automatico i vari post che abbiamo scritto sotto quella parola. La casella di ricerca che ci fornisce la piattaforma Blogger e´ troppo minimalista allora andiamo a mettere accanto alla casella una piccola immagine di 50x50px che richiama la grafica del nostro blog. Potete lavorare con clipart o con brushes o qualunque cosa vi suggerisce la vostra fantasia.
Prendiamo attenti (al coprighrit) o creiamo un immagine che piu´ si addice, attenzione alle dimensioni che sono importanti senno´ sbalza tutta la dimensione della casella.

Prendiamo la nostra immagine e carichiamola su un hosting tipo TinyPic
Aggiungere a un gadget HTLM/Javascript sul layout del nostro blog questo codice sotto
<div style="background:url(URL_immagine) no-repeat;padding-right:5px;padding-left:50px;padding-top:10px;padding-bottom:20px;">
<form action="/search" class="search" method="get">
<input class="searchbar" id="s" name="q" type="text" value="Cerca nel blog" />
<input class="searchbut" type="submit" value="" />
</form></div>


La scritta URL_immagine verra´ sostituita con l´indirizzo della nostra immagine.
La scritta Cerca nel blog e´ facoltativa.

Buon divertimento!
[Last edited Aug 19, 2013 15:13:33]
Login below to reply: