Dopo aver creato il proprio blog (sto parlando della parte tecnica), dobbiamo passare alla parte relativa alla pubblicizzazione, ovvero…essere letti!

Cosa fare per essere letti?

• leggere anche gli altri;
• farsi conoscere sul web commentando e rendendosi attivi;
• iscriversi a iFreez (gratuitamente);
• trattare argomenti molto ricercati;
• pubblicizzarsi magari in quei siti che offrono lo scambio di link/banner.

Leggere anche gli altri

Di sicuro seguire il blog di qualcun’altro può aiutare moltissimo. Un reciproco scambio è il modo migliore per essere favoriti agli occhi di quel qualcuno che leggete.

Farsi conoscere commentando e rendendosi attivi

Quando voi seguite un blog (o semplicemente passate), potete lasciare un commento, lasciando quindi l’indirizzo del vostro blog agli utenti che passeranno per quel post. Naturalmente questo metodo funziona meglio sui blog più grandi.

Potete usare anche i social network, fatevi degli amici e invitateli a visitarlo.

Iscrivetevi ad iFreez

Iscrivendovi ad iFreez, un nuovo servizio gratuito, potrete aumentare le visite del vostro blog in maniera gratuita.

Come funziona il servizio

Praticamente iscrivete il vostro blog, visitate per 10 secondi il blog degli altri utenti, e loro faranno lo stesso…con questo sistema aumenterete le visite, senza contare che alcuni utenti potrebbero fermarsi e iniziare a seguirvi!

Trattare argomenti molto ricercati

Se trattate argomenti che non interessano a nessuno, oppure usate dei titoli troppo lunghi e poco cercati, avrete poca speranza che qualcuno vi trovi nel grandissimo mondo di internet!

Pubblicizzarsi sui vari siti che hanno questa funzione

Sì esatto, ci sono dei siti/blog, che vi permettono di fare uno scambio di link/banner.

Cosa significa?

Significa che loro mettono sul proprio blog (da qualche parte) un link al vostro blog, e voi a vostra volta farete lo stesso.

Sì esatto. Snow Leopard ha un bug enorme riguardante la guest section.

Di cosa si tratta?

La guest section è la “sezione per il visitatore”, e come tale non deve avere determinati privilegi e soprattutto…dopo deve cancellare tutti i documenti creati dal “visitatore”.

Cancella i documenti ma…??

Snow Leopard cancella i documenti della guest user/section, ma tratta allo stesso modo gli altri utenti.

Ovvero…

Cancella anche i documenti degli altri utenti, non lasciandone nemmeno uno…

Come ovviare al problema?

Ma si buttiamola sullo spirito…come mi aveva detto un mio amico…in tono ovvio…basta non creare la guest section

Salve a tutti…siamo stati fermi per mooolto tempo (quasi un mese…), questo è dovuto a motivi di “servizio” (mi sono dilettato nella creazione di un tema per questo blog che però non ho intenzione di finire poichè ho trovato questo che è perfetto), e adesso sto scrivendo questo post in maniera molto veloce solo per dirvi che la nostra attività continuerà, e che cercheremo di rendervi comunque felici…spero possiate perodnarci…anche se non vedo chi possa aver sentito la nostra mancanza…:)

co. Admin Piac95

Salve a tutti.Sto scrivendo questo articolo per ricordare il famoso windows 95.Eh sì sono passati ben 14 anni quando casa Microsoft ha sviluppato win 95 , direi che è un pezzo storico , anche se per alcuni windows è spazzatura….Il primo sistema operativo che ho visto era questo , per me ha molto valore perchè  è da qui che è nata la mia passione . Come non ricordare il suono del  dial-up dei modem a 56K fino a pochi anni fa.Adesso nel 2009 siamo abituati con windows vista e xp o anche windows 7 , ma ogni tanto proviamo a vedere come funzionava win 95 , vi assicuro che è molto interessante XD , non dimentichiamoci di lui, che per anni è stato il numero uno nel campo degli S.O. .Arrivederci a tutti !

Ho letto quest’interessantissimo articolo di gizstyle su come usare gli angoli tondi nativi con i css…visto che avrei dovuto riportare tutto il codice e poi la fonte…perchè non riportare direttamente tutto il post? gustatevelo…

Poco tempo fa leggevo che il web2.0 lo si può paragonare a un angolo tondo, in effetti la caratteristica più comune tra i vari prodotti 2.0 è il layout grafico con evidenti angoli tondi per ogni box di contenuto.
In principio, creavo elementi immagine che rappresentavano l’angolo tondo attribuendoli come fondo ai div, ottenendo l’effetto “rounded-corner”. Ora con Safari e Firefox che supportano CSS3 nativi e non, dico non perchè ognuno presenta un alternativa sfruttando il proprio motore di navigazione (webkit e Gecko); possiamo usufruire degli angoli tondi per il bordo di una div semplicemente attraverso regole CSS.

Regole CSS3 native non ancora pienamente supportate:

border-radius: 5px; (tutti gli angoli)
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;

Regole Safari webkit, presentano la radice iniziale -khtml- sostituita poi da -webkit-:

-webkit-border-radius: 5px; (tutti gli angoli)
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;

-khtml-border-radius: 5px; (tutti gli angoli)
-khtml-border-top-left-radius: 5px;
-khtml-border-top-right-radius: 5px;
-khtml-border-bottom-left-radius: 5px;
-khtml-border-bottom-right-radius: 5px;

Regole Firefox:

-moz-border-radius: 5px; (tutti gli angoli)
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;

Nel realizzare una div con bordi tondi, di solito in una classe CSS vengono citate le regole per tutte le varie situazioni:

border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

Purtroppo Microsoft non si smentisce mai, e queste soluzioni CSS3 non sono neanche lontanamente supportate, Internet Explor 7 sinceramente non mi dispiace, ma io mi chiedo, windows update e tutti i suoi aggiornamenti di Sicurezza, non posso infilarci anche un aggiornamento di compatibilità?
Beh confido in IE8, certo ora se si decide di utilizzare regole CSS3 bisogna scendere al consapevole compromesso che chi vede il sito con IE non vede determinati effetti, come il mio sito che presenta angoli tondeggianti visibili solo a Firefox e Safari.

Ne approfitto, parlando di quiz, di ricordare il re dei quiz italiani Mike Bongiorno.

Oggi vedremo come creare un quiz, il mio esempio è a tre domande, ma potete creare tutte quelle che volete, per facilitarvi il compito potete trovare un file zip già pronto qui: quiz.zip.

Spiegherò solo i file principali e più complicati, allora il tutto funziona con due file ripetuti, che sono dom1.php (dom2.php e dom3.php) e risp1.php (risp2.php e risp3.php). Le domande sono aperte senza possibilità (a, b, c o d?).

Nella prima domanda, sulla capitale Francese, troveremo questo codice:

<h1>Qual'è la capitale della Francia?</h1>
<h3>Ricorda inizia la parola con la maiuscola</h3>
<form action="risp1.php" method="post">
<input name="1" type="text" value="Nome Citt&amp;agrave" />
<input type="submit" /></form>

E nel file risp1.php:

Hai scritto: <strong> </strong>
e la risposta è

Funziona con “if”, in italiano “se”, se il form è uguale a Parigi da risposta esatta e il link per la domanda successiva, sennò da un messaggio di errore

Per provarlo fate click qui: Provalo!

Intanto premetto che voglio cercare di essere il più chiaro possibile…se c’è qualcosa che non capite alzate la man…ehm…lasciate un commento

Allora, a volte capita di dover inserire un0immagine che faccia da sfondo in html. Naturalmente nell’html di “persè” è impossibile. Invece noi lo faremo, introducendo i cosiddetti “css” (lo stile).  In ogni caso non voglio perdere tempo a dirvi cosa sono i css perchè in questo momento è potenzialmente inutile, poichè è capitato anche a me di metter mano al file “style.css” con scarsi risultati.

Quindi mettiamo direttamente mano all’html. Facciamo l’esempio di avere una slider in javascript. Noi costruiamo l’ìimmagine di background, e la piazziamo sotto la slider con le opportune misure.

Quindi, nominiamo l’immagine di background dell’immagine, e mettiamola nella stessa cartella del file html che stiamo modificando in questo momento.

Quindi, la slider, avrà un “div” (si può dire contenitore), esempio:

<div id=”slider”>

codice slider

</div>

Quindi noi, apporteremo solo queste modifiche:

<div id=”slider” style=”background-image:url(immaginedibackgroundscelta.estensione); height: 000(da impostare)px; weight: 000px”>

codice slider

</div>

Quindi abbiamo detto che la slider deve avere come background un’immagine (quella che noi abbiamo creato), di altezza da definire (l’altezza del background) e di larghezza da definire (la larghezza del background). E’ ovvio che dovete modificare l’url dell’imamgine di background e la dimensione di altezza e larghezza.

Per chiarimenti…esistono i commenti!

Avete presente le pagine web come quella sopra? Nei siti web Apple sono molto comuni, vediamo come ricrearne una personale, partiremo col codice di questa pagina, quella di Genius.

Per semplificare il compito ho creato un file Zip con tutto ciò che ci serve:

DOWNLOAD

Tutto questo è possibile grazie ai CSS e a una tabella, vediamo il codice del file index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JoungerBloggers</title>
  <link rel="stylesheet" type="text/css" href="style.css"> 
  </head>
 
  <body leftmargin="0" topmargin="0" >
    <div class="box">
      <table border="0" bordercolor="#cccccc" cellspacing="0" cellpadding="0">
        <tr>
          <td width="8" height="8" valign="bottom" background="corner_top_left.gif"></td>
          <td width="684" height="8" valign="bottom" background="fill_top.gif"></td>
          <td width="8" height="8" valign="bottom" background="corner_top_right.gif"></td>
        </tr>
        <tr>
          <td width="8" height="500" align="left" background="fill_left.gif"></td>
          <td valign="top" id="content">
            <table border="0" cellpadding="0" cellspacing="0">
              <td width="193" height="136" align="left"><img width="170" height="136" alt="" border="0" src="jb logo.png"></img></td>
              <td width="444" valign="center"><h1>JoungerBloggers, il blog dei giovani bloggatori.</h1></td>
            </table>
            <h2>Che cos'&egrave  JoungerBloggers?</h2>
            Il nostro team &egrave composto da diverse persone dai 13 ai 15 anni. Chiunque volesse partecipare, pu&egrave scriverci nella pagine “richieste”, o contattarci via e-mail o Msn. Contatti: http://joungerbloggers.altervista.org/blog/contatti/            <h2>Lorem ipsum</h2>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque, massa a volutpat scelerisque, dui ipsum eleifend felis, eget viverra metus velit et ligula. Curabitur pellentesque adipiscing enim, non semper nisl aliquam vel. Aenean eu elit mauris, sit amet euismod purus. Morbi pharetra tempus erat, eu dictum lectus hendrerit id. Vivamus convallis luctus nunc at tristique. <p>Donec non leo felis, dictum vulputate ante. Vestibulum porta hendrerit mauris at iaculis. Pellentesque tortor nisi, tristique eu volutpat ut, lacinia et erat. Duis nisi neque, feugiat ut ullamcorper sit amet, condimentum eget urna. Aliquam libero augue, auctor at consequat id, sodales et lectus. Nam in urna id turpis porta luctus.</p> <p>Quisque at odio ipsum. Nam dolor risus, gravida et malesuada eu, suscipit et leo. Praesent ac ante dolor. Maecenas aliquam massa id nunc bibendum fringilla. </p><p class="last">Integer varius tellus a ante posuere porttitor. Curabitur in laoreet diam. Proin laoreet faucibus justo, id sodales odio suscipit vel. Sed vitae nibh libero, sed varius dui.  </p>
 
          </td>
          <td width="8" height="500" align="right" background="fill_right.gif"></td>
        </tr>
        <tr>
          <td width="8" height="8" background="corner_bot_left.gif"></td>
          <td width="684" height="8" background="fill_bot.gif"></td>
          <td width="8" height="8" background="corner_bot_right.gif"></td>
        </tr>
      </table>
 
    </div>
  </body>
</html>

Ovviamente possiamo personalizzarla come ci pare, sicuramente molto bella non solo per siti informatici, ma anche per i più comuni siti personali.

Potete vedere il risultato qui.

Prima di iniziare e meglio farci un’idea di cosa stiamo per creare, visitando qui, e scaricando il pacchetto zip con tutto ciò che ci serve.

Cominciano a analizzare le tre pagine:

Index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Media Gol by ric96</title>
<style type="text/css">
<!--
body {background-image: url(sfondo.png); background-repeat: no-repeat;}
/* Setting the body tag with a background-image attribute
set to background-repeat: no-repeat; will only display the image one time 
(repeat is the default setting) */
-->
</style>
</head>
<body>
<form method="post" action="post.php">
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 161px;">Competizione:</td>
<td style="width: 400;"><input name="comp" size="25" value="Champions League" type="text">
</td>
</tr>
<tr>
<td style="width: 161px;">Stagione:</td>
<td style="width: 400px;"><input name="anno" size="25" value="2008/2009" type="text">
</td>
</tr>
<tr>
<td style="width: 161px;">Nome Giocatore:</td>
<td style="width: 400px;"><input name="nome" size="25" value="Lionel Messi" type="text">
</td>
</tr>
<tr>
<td style="width: 161px;">Partite Giocate:</td>
<td style="width: 400px;"> <input name="partite" size="25" value="12" type="text">
</td>
</tr>
<tr>
<td style="width: 161px;">Gol Totali:</td>
<td style="width: 600px;"><input name="gol" size="25" value="9" type="text">
</td>
</tr>
<tr>
<td style="width: 161px;"> <input type="submit"></td>
</tr>
</tbody>
</table>
</form><br>Puoi trovare i dati sopra su Wikipedia:<br><form method="post" action="wiki.php">
<input type="text" size="25" value="Nome Cognome" name="wiki"><input type="submit"></form>
</body></html>

Post.php

<html>
<head>
<title>Media Gol by ric96</title>
<style type="text/css">
<!--
body {background-image: url(sfondo.png); background-repeat: no-repeat;}
/* Setting the body tag with a background-image attribute
set to background-repeat: no-repeat; will only display the image one time 
(repeat is the default setting) */
-->
</style>
 
</head>
<body>
<br><div align="left"><strong><?php echo $_POST['nome']; ?></strong> nella stagione <?php echo $_POST['anno']; ?> di <?php echo $_POST['comp']; ?>,<br> segnando <?php echo $_POST['gol']; ?> gol in <?php echo $_POST['partite']; ?> match,
<br>ha una media di <strong><?php echo $_POST['gol'] / $_POST['partite']; ?></strong> 
 gol per partita.</div><br><strong><a href="http://images.google.it/images?q=<?php echo $_POST['nome']; ?>">Cerca Immagini con Google</a></strong>
</body>
</html>

Wiki.php

<?PHP
   $wiki = $_POST['wiki'];
   header("location: http://it.wikipedia.org/wiki/" . $wiki . "");
?>

Il file index è molto semplice, creiamo una pagina web con vari form (competizione, stagione, nome, partite e gol) che si collegano al file post.php.
Poi abbiamo un’altro form che si collega al file wiki.php

Nel file post.php, stampiamo in un testo le variabili dell’index, che calcolano anche la media gol, ma la cosa più interessante e la funzione “Cerca immagini con Google”:

<a href="http://images.google.it/images?q=<?php echo $_POST['nome']; ?>">Cerca Immagini con Google</a>

Creiamo un collegamento a google immagini, che finisce con il valore della variabile “nome”.

Il file Wiki invece reindirizza direttamente su Wikipedia sempre con la fine dell’indirizzo come una variabile

Ovviamente questo programma non è molto funzionale, bisogna già sapere vari dati, però è molto utile per capire i vari collegamenti fra le pagine con le variabili.

Ricordiamo il link dove provarlo: http://joungerbloggers.altervista.org/gol/index.php