Bouge ton blog !

Suite à la demande de Lionel qui avait des difficultés à insérer le code Javascript de weborama, je vous propose un exemple de script à insérer dans son blog pour y voir plus clair.

Une parenthèse technique :
Les blogs de blogSpirit utilisent la technoblogie Smarty, une solution de template Html associé au langage php. Les balises Smarty utilisent les accolades { } comme séparateur, c'est pourquoi les scripts javascript qui utilisent des accolades ne sont pas valides. Heureusement, les concepteurs de Smarty font bien les choses et la balise {literal} Script {/literal} permet de résoudre ce problème puisqu'elle a été complètement intégrée à blogSpirit.

Exemple avec un script "Ajout aux favoris" :
Je n'aime pas beacoup ce genre de scripts qui ne marchent que sur Internet Explorer, mais certains bloggueurs y trouveront surement leur bonheur :
Créez-vous une nouvelle boîte et insérez-y le code suivant :
<script type="text/javascript">

{literal}

function add_favoris() {
var nom_site = "Bouge ton blog !";
var url_site = "http://technoblog.blogspirit.com";
if ((navigator.appName.indexOf("Microsoft",0)>=0) && (parseInt(navigator.appVersion)>=4))
{
window.external.AddFavorite(url_site,nom_site );
} else {
alert("Cette fonction n'est proposée que par Internet Explorer 4+,
faîtes Ctrl+D pour ajouter"+nom_site+" à vos favoris.");
}
}
{/literal}
</script>
<a href="javascript:add_favoris();">Ajouter aux favoris</a>


NB : ce script ne marche qu'avec IE 4 ou +, si vous souhaitez l'insérer dans votre blog, n'oubliez pas de remplacer les variables nom_site et url_site par les noms et url de votre blog. Vous trouverez un exemple dans la colonne gauche de Bouge ton blog !.

Comme vous pouvez le voir les balises {literal}{/literal} englobent le code JavaScript. Si vous avez un message d'erreur du type "Votre modèle comporte des erreurs", repérez les accolades de votre script et entourez votre script des balises literal.

A chacun ses goûts ! Si vous en avez marre de la suprématie Google (bloc Google) sur le "marché" de la recherche Internet, voici un autre moteur issu de MSN Search de Microsoft. Vous pourrez l'ajouter facilement avec un bloc libre disponible dans la partie "Présentation" -> "Contenu des colonnes" :

<form method="get" action="http://search.msn.fr/results.aspx">
<input type="hidden" name="cp" value="1252" />
<input type="hidden" name="FORM" value="FREESS"/>
<input type="text" name="q" size="30" style="width:95px; background-color: #f3d9c0; color: #cc6600;" value="MSN Search" />
<input type="submit" value="Go" style="width:25px; background-color: #f3d9c0; border: 2px solid #000; color: #000;" />
<input type="hidden" name="q1" value="site:VOTRE_BLOG.blogspirit.com" />
</form>


PS: N'oubliez pas de remplacer VOTRE_BLOG par le nom de domaine de votre blog.