tag:blogger.com,1999:blog-44495787671303800612024-02-07T11:11:02.305+01:00Template x bloggerTemplate, widget e come fare per migliorare il tuo blog blogspot bloggerEnircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.comBlogger66125tag:blogger.com,1999:blog-4449578767130380061.post-73868023296341192252010-11-05T17:09:00.001+01:002010-11-05T17:43:04.537+01:00Inserire slideshow di immagini su blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDccAZsB5pVXQdOGJKrIkOikMPCntkl7v_OJJI9gT8Vb2gkSlDWc7U2DeCf7oBATebb9zwvvrDcNu7WQ5q7eURvRRCdK-LrlkrXK3rEknn9Z6uDSGi323f8H3Xt6Cx7IEP-RvE6kNgpAcW/s1600/Jquery+Slideshow.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDccAZsB5pVXQdOGJKrIkOikMPCntkl7v_OJJI9gT8Vb2gkSlDWc7U2DeCf7oBATebb9zwvvrDcNu7WQ5q7eURvRRCdK-LrlkrXK3rEknn9Z6uDSGi323f8H3Xt6Cx7IEP-RvE6kNgpAcW/s400/Jquery+Slideshow.jpg" width="400" /></a></div><br />
<br />
Per svariati motivi può essere importante inserire una slideshow di immagini nel proprio blog:<br />
<br />
-Per una migliore navigabilità del blog stesso<br />
-Per dare rilevanza e dei post specifici<br />
-Per pubblicizzare alcuni prodotti<br />
-Semplicemente per bellezza inserendo delle foto random<br />
-Ecc ecc...<br />
<div><br />
In questo post ti spiegherò come aggiungerne una al tuo blogger.com seguendo alcuni semplici passi.</div><div><br />
</div><div><b><span class="Apple-style-span" style="font-size: x-large;">Come inserirla:</span></b></div><br />
<b>1-</b> Vai su design --> modifica html<br />
<br />
<b>2-</b> Espandi i modelli widget e fai un backup del template<br />
<br />
<b>3-</b> Cerca (usando ctrl+F) il tag </head> e incolla appena prima questo codice:<br />
<br />
<blockquote><pre style="border: 1px solid #ffffff; height: 300px; overflow: auto; width: 100%;"><span style="color: black;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
//Execute the slideShow, set 6 seconds for each images
slideShow(3000);
});
function slideShow(speed) {
//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');
//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});
//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});
//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);
//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);
}
function gallery() {
//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');
//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});
//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');
}
//]]>
</script>
<style type="text/css">
ul.slideshow {
list-style:none;
width:</span><span class="Apple-style-span" style="color: red;">600</span><span style="color: black;">px;
height:</span><span class="Apple-style-span" style="color: red;">240</span><span style="color: black;">px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:</span><span class="Apple-style-span" style="color: red;">600</span><span style="color: black;">px;
height:</span><span class="Apple-style-span" style="color: red;">240</span><span style="color: black;">px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style></span></pre></blockquote><br />
<b>4-</b> Salva<br />
<br />
<b>5-</b> Vai su Design --> Elementi pagina e aggiungi un elemento tipo html/javascript<br />
<br />
<b>6-</b> Incolla all'interno questo codice:<br />
<blockquote><pre style="border: 1px solid #ffffff; height: 300px; overflow: auto; width: 100%;"><span style="color: black;"><ul class="slideshow">
<li><a href="#"><img src="</span><span class="Apple-style-span" style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrFqOF9GSsiMEX2O5-_trfNleV_oaQUCg7wsbD_mhrlk0d1Sl6RUHwnpOdPGPS3_BYQt8uFZWmCRAPyhk1u_blmq3ujhxLtNqE5sLSfKsGjLLHU7kANl9hdSzxrrVn7XKB-vYLpAImBZU/s1600/1.jpg</span><span style="color: black;">" title="</span><span class="Apple-style-span" style="color: lime;">Titolo post 1</span><span style="color: black;">" alt="</span><span class="Apple-style-span" style="color: orange;">Descrizione post 1.</span><span style="color: black;">" /></a></li>
<li><a href="#"><img src="</span><span class="Apple-style-span" style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJVVhXUkXj61LisOlSYENfVSAMs7kLseXH_9xwuBNhGJxJyUmbTZmQUmBgW8W1yDnH7E6k5oy-oGSFpVW5bGs35OjoeKecWyMPzPtWQvnH_2-hIcdso2DIYx7eMRGCS5uaKsauZTxHjg/s1600/2.jpg</span><span style="color: black;">" title="</span><span class="Apple-style-span" style="color: lime;">Titolo post 2</span><span style="color: black;">" alt="</span><span class="Apple-style-span" style="color: orange;">Descrizione post 2.</span><span style="color: black;">" /></a></li>
<li><a href="#"><img src="</span><span class="Apple-style-span" style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheT86D5Kfyym5gJvydXplYWEPrgKYVcPOfTiBL-MnK1UcCCTOHGBBMkzLdDlbWKokLYEM_Gca29Dd5nLv-7Quf1PU3pq2Q2SkO1s8KdksejgPtUECbpcryPV85sfpBcmlW4cxkEWynOts/s1600/3.jp</span><span style="color: black;">g" title="</span><span class="Apple-style-span" style="color: lime;">Titolo post 3</span><span style="color: black;">" alt="</span><span class="Apple-style-span" style="color: orange;">Descrizione post 3.</span><span style="color: black;">" /></a></li>
<li><a href="#"><img src="</span><span class="Apple-style-span" style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPW9s-9jHX4QCgTcnxfAvBphPvk7WJ9N2YQMNaozpmkupAp4IhC0hcWeGJRggO0366FHjUr5fLL1xIk7EHTLBgADi-LQyis5dLqRU7opMNIev8blrkQG2Bm1T2Uo9nKqRrDfQPwBimDJw/s1600/4.jpg</span><span style="color: black;">" title="</span><span class="Apple-style-span" style="color: lime;">Titolo post 4</span><span style="color: black;">" alt="</span><span class="Apple-style-span" style="color: orange;">Descrizione post 4.</span><span style="color: black;">" /></a></li>
</ul></span></pre></blockquote><br />
<b>7-</b> Sostituisci le parti colorate con:<br />
<br />
<span class="Apple-style-span" style="color: magenta;">-L'ur</span><span class="Apple-style-span" style="color: magenta;">l dell'iimagine che vuoi far apparire</span><br />
<span class="Apple-style-span" style="color: lime;">-Il titol</span><span class="Apple-style-span" style="color: lime;">o del post o della pagina</span><br />
<span class="Apple-style-span" style="color: orange;">-Un'in</span><span class="Apple-style-span" style="color: orange;">troduzione al post</span><br />
<br />
<b>8-</b> Salva e il gioco dovrebbe essere fatto.<br />
<br />
<b>Attenzione:</b> di default la slideshow ha una grandezza di 600px X 240px.<br />
Per modificarle cerca nella prima parte di codice le parti in rosso e cambiale con le misure che preferisci.<br />
<br />
Non esitare a chiedere qualsiasi informazione!Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com6tag:blogger.com,1999:blog-4449578767130380061.post-33436216431445218312010-11-02T19:39:00.001+01:002010-11-02T19:42:50.067+01:00Inserire una sezione social + rss + casella di ricerca in blogger<div style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6MVUxn3bpd0zTq5BAKTOi0xQuvhqz9eVF3w_4xtU4NE0Y6nXVBqXuUNr-mbhW_dJEn0hooB_A5aaHoSzYbNDUAELNVTWaoZPFQqzIhEzGMlcwc2bH3A5pIsSBHnMiof93tyTC3wmTB5vl/s1600/feed+rss+section.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6MVUxn3bpd0zTq5BAKTOi0xQuvhqz9eVF3w_4xtU4NE0Y6nXVBqXuUNr-mbhW_dJEn0hooB_A5aaHoSzYbNDUAELNVTWaoZPFQqzIhEzGMlcwc2bH3A5pIsSBHnMiof93tyTC3wmTB5vl/s1600/feed+rss+section.png" /></a></div>In questo post voglio spiegarti come inserire all'interno del tuo blog su blogger una bellissima e utilissima sezione per la ricerca, per l'iscrizione ai feed, l'iscrizione alla mail, i link al tuo profilo di Twitter e facebook e i pulsanti per la condivisione in tutti i principali social network (Digg,Twitter,Facebook,Stumbleupon,Delicious).</div><div style="text-align: left;"><br />
</div><div style="text-align: left;">Il tutto in modo quasi automatico, basta solamente cambiare qualche parte di codice.</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><b><span class="Apple-style-span" style="font-size: x-large;">Come inserirla:</span></b></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><b>1-</b> Vai su Design --> modifica HTML</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><b>2-</b> Espandi i modelli Widget e fai un backup del template</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><b>3-</b> Ora cerca il tag <span class="Apple-style-span" style="color: red;"></head></span> e incolla appena prima il codice che trovi qui:</div><br />
<blockquote><pre style="border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; height: 300px; overflow-x: auto; overflow-y: auto; text-align: left; width: 100%;"><div style="text-align: left;"><span class="Apple-style-span" style="border-collapse: collapse; color: #3333ff; font-size: 11px;"><style type="text/css"></span></div><span style="color: #3333ff;"><div style="text-align: left;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px;">.subbox{width:305px;border:0 solid #141414;overflow:hidden}</span></div><span class="Apple-style-span" style="border-collapse: collapse; font-family: monospace; font-size: 11px; white-space: pre;"><div style="text-align: left;">.addthis_toolbox{padding:15px 0 5px 0;text-align:center}</div><div style="text-align: justify;"><div style="text-align: left;">margin:0 4px 0 4px;padding:0}</div><div style="text-align: left;">.addthis_toolbox .custom_images a:hover img{opacity:1}</div><div style="text-align: left;">.</div></div><div style="text-align: left;">.addthis_toolbox .custom_images a{width:32px;height:32px</div><div style="text-align: left;">;addthis_toolbox .custom_images a img{opacity:0.85}</div><div style="text-align: justify;"><div style="text-align: left;">padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}</div>.rssbox:hover{border:1px solid #92aed1}
<div style="text-align: left;"></div>.rssbox a{c</div><div style="text-align: left;">.rssbox{background:#f7f6f6;border:1px solid #ccd1d7</div><div style="text-align: left;">;olor:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}</div>.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
<div style="text-align: justify;"><div style="text-align: left;">s:10px;border-radius:10px;width:125px}</div><div style="text-align: left;">.emailsbox:hover{border:1px solid #92aed1}</div><div style="text-align: left;">.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}</div></div>.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radi
u.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
<div style="text-align: justify;"><div style="text-align: left;">er-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}</div><div style="text-align: left;">.facebookbox:hover{border:1px solid #92aed</div></div>.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-bor
d1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
<div style="text-align: left;"></div>#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
<div style="text-align: left;"></div></style>
</span></span></pre></blockquote><br />
<div style="text-align: left;"><b>4-</b> Salva</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><b>5-</b> Ora vai su Design --> Elementi pagina e aggiungi dove preferisci un elemento tipo html/javascript</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><b>6-</b> Incollaci all'interno questo codice:</div><br />
<blockquote><pre style="border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: black; border-left-style: solid; border-left-width: 1px; border-right-color: black; border-right-style: solid; border-right-width: 1px; border-top-color: black; border-top-style: solid; border-top-width: 1px; height: 300px; overflow-x: auto; overflow-y: auto; text-align: left; width: 100%;"><div style="text-align: left;"><span class="Apple-style-span" style="color: #3333ff;"><div class="subbox"></span></div><span style="color: #3333ff;"><div style="text-align: left;"><div id='search' style='display:inline;'></div><div style="text-align: left;"><form action='/search' id='searchform' method='get'></div><div style="text-align: left;"><input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." /></div><div style="text-align: left;"><input id="searchsubmit" type="submit" value="Search" /></div></form>
</div>
<table><tr>
<td><div class="rssbox">
<div style="text-align: left;"><span style="color: #3333ff; font-size: 14px; font-weight: bold;">FEEDBURNER-ID</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4juf-jg11bZgRNPIcH8snDlE85IgUuxgDHiTTaSO9uxjWqGz9Fg7j_9XQajwlfh3Dp_RhEQGWmahHT9EuCyAhZUpXD2hZ5IgfwBtFGGx0DrSi16e2hgMoVG8cou6h7VomqvG1H1CtgBfU/" alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feeds.feedburner.com/<span style="color: #3333ff; font-size: 14px; font-weight: bold;">FEEDBURNER-ID</span>" target="_blank" rel="nofollow">RSS Feed</a></div><a href="http://feeds.feedburner.com
/
</div></td>
<td><div class="emailsbox">
<div style="text-align: left;">a/mailverify?uri=<span style="color: #3333ff; font-size: 14px; font-weight: bold;">FEEDBURNER-ID</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkUy4SxWgasWF0Yf1VZUWh7HW6pISR03UUvzkTavlMMcCWNOvBfeHdNVYkvkYTwI34pog83MWSYBUKyk0uz4lo-nco9m8xybQofMXCuuIfFoIyAdMyxpp2ja_OhoHbRre7WfOLn5kN_ATY/" alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: #3333ff; font-size: 14px; font-weight: bold;">FEEDBURNER-ID</span>" target="_blank" rel="nofollow">EMail Feed</a></div><a href="http://feedburner.google.com/fb
/
</div></td>
</tr><tr>
<div style="text-align: justify;"><div style="text-align: left;">box"></div><div style="text-align: left;"><a href="http://twitte</div></div><td><div class="twitte
<div style="text-align: left;">rr.com/<span style="color: #cc33cc; font-size: 14px; font-weight: bold;">TWITTER-USERNAME</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilIq8EfXH2e6dufs-P2_JEGrQEOu3ykY3YnFSME-R2CIYKTzdlJ8hPkcW5_-Li9qDi6CSygqJG-lERKsG8IblJEQeiIpJvMFEMACzzZBeVoGlVKtlkn4qHPhq94rEglsTbgY65ifQodDjZ/" alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a></div></div></td>
<td><div class="facebookbox">
<div style="text-align: left;"><span style="color: #009900; font-size: 14px; font-weight: bold;">FACEBOOK-USERNAME</span>" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCoXZLd6aX2gMzslDNRjWVGkLc2PgFY_mRP5IO4bu6R27Wda9ayCAoVGj-KwD8QAf05zKy_FTGMsQgO5MivYwD55Z15jCLMx4XrYrXA_BjYXn55PVLNeTvytasQtQXrqJKwviCBst0D13r/" alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;" /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a></div><a href="http://www.facebook.com
/
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<div style="text-align: justify;"><div style="text-align: left;">s' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlL9m4inWH9hvgn2ogPGPyMMVMuuxHJBzxgwHnq1CtOdXJ2FarQ3nx1HdGNxeVOtlZadMCy4eYNe2FLX7-oTSFwNbo09k3X4sMPwUySXoSsEpoavndWIUldEKW36HOXUw0vMC4hl4EDw/' width='32'/></a></div><div style="text-align: left;"><a class='addthis_button_facebook'><img alt='Fa</div></div><a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbPMj4euVArEhVxBA-YSIBScf_VJWHtN-CC6rNsyIhMboLjzVDA3waNvwn4vW2q-VBbgytlCpL39pIrVAKGavSQ-fLsbnpH-GDrmFyYNmahP_TzP-hR1HYyn1mzkp1EWNkUk4wdfNGQ9o/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicio
ucebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEQDhhcJFdjGULOEzudQxG148MKAvSw3fiJzSy3spEAsg-IMFbpWRetQW57SQwCNJSkKnwXSrWneUrhVyh13ohv3vMy3zP2bI_LF7QjexjpUaCd7MXS-W9EiovrryBIeub9p_whz7LqCs/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjemPhUuakwgpoMk_MdNaAaGYun6VkAuDitha_8q_QVKe6-Hd07d1I3JFd8JXe1_awFTBzQY0FW6MYf_1qQC5OGSxqkXAIq4JhJ4p7ghN8i6HU0WuyXZMlR8fK1xxuyRwgTXgr6tAstfHw/' width='32'/></a>
<div style="text-align: justify;"><div style="text-align: left;">U/TIb9eJ5RTWI/AAAAAAAAB9c/tYvdT6xgaLw/favorites.png' width='32'/></a></div><div style="text-align: left;"><a class='addthis_button_more'><img alt='More' height='32' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TIb9egD8XSI/A</div></div><a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgifTZybwBa6MIJRwClB00TCiyVjJ5fTO6RxX6GjPBqHyED0IvKcDZ9MdyZFyWjt1HrQGsteqDDaPzgaA70wPKUEIl2DCsF1XXYailuYWNRWayHNkCRiAKx6kzQ0DGlLAtDvmYrEmdqLBk/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_
2AAAAAAAB9k/rZY5eofO2SY/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
<div style="text-align: left;"></div></div></span></pre></blockquote><br />
<div style="text-align: left;"><b>7-</b> Sostituisci queste parti con i tuoi dati:</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><span style="color: #3333ff; font-weight: bold;">FEEDBURNER-ID</span> con il tuo ID di feedburner.(Devi farlo 4 volte).</div><div style="text-align: left;"><span style="color: #cc33cc; font-weight: bold;">TWITTER-USERNAME</span> con il tuo username di Twitter.</div><div style="text-align: left;"><span style="color: #009900; font-weight: bold;">FACEBOOK-USERNAME</span> con il tuo username di Facebook. Se non sai come trovarlo entra sul tuo profilo e copia l'URL; se vuoi puoi anche inserire l'URL ad una pagina specifica che hai creato tu.</div><div style="text-align: left;"><br />
</div><div style="text-align: left;"><b>8-</b> Salva ed il lavoro è completo.</div><div style="text-align: left;"><br />
</div><div style="text-align: left;">Se hai delle difficoltà scrivi un commento e ti risponderò in tempo record! :)</div><div style="text-align: left;"><br />
</div><div style="text-align: left;">Nel frattempo... condividi l'articolo!</div><div style="text-align: justify;"><br />
</div><div style="text-align: justify;"><br />
</div>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-69222940132647466952010-08-09T02:47:00.001+02:002010-11-01T12:03:40.918+01:00Inserire immagini random come annunci pubblicitari nella sidebarNella maggior parte dei blog che ospitano annunci pubblicitari vi sarà capitato di vedere i banner che cambiano ad ogni aggiornamento di pagina. Ti sei mai chiesto come mostrare banner pubblicitari casuali in Blogger?<br />
<br />
Nel tutorial di oggi ti spiegherò come creare un Banner Random Widget per Blogger che mostrerà i banner pubblicitari in sequanza casuale quando un visitatore visita una nuova pagina sul tuo blog.<br />
<br />
Questo widget è possibile aggiungerlo in qualsiasi posizione all'interno del tuo bloge il risultato sarà simile a quello in questa immagine<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihOgIlZSx6IVgsqRyb08xmZ6zY6k7UfyZvKYBHW4EAVXapKZ48BJypBEZdt4nFkBwOwu02ZjHVMLVc64ASufXylxep88TDoUOX0C8j2Il88zdwHLh_k6OXLdiym-n4uFJ-0sKUzI8c2th4/s1600/125-pixel-ads.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihOgIlZSx6IVgsqRyb08xmZ6zY6k7UfyZvKYBHW4EAVXapKZ48BJypBEZdt4nFkBwOwu02ZjHVMLVc64ASufXylxep88TDoUOX0C8j2Il88zdwHLh_k6OXLdiym-n4uFJ-0sKUzI8c2th4/s1600/125-pixel-ads.jpg" /></a></div><br />
<br />
<span style="font-size: large;"><b>Come installarla:</b></span><br />
<br />
<b>1-</b> Vai su Design --> Elementi pagina<br />
<br />
<b>2-</b> Aggiungi un elemento HTML/Javascript<br />
<br />
<b>3-</b> Incolla il codice che trovi qui sotto<br />
<blockquote><pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><div align="center">
<table border="0" cellpadding="2" cellspacing="6" <span style="color: red;">width="265</span>" bgcolor="#ffffff">
<tbody><tr>
<td><center>
<!-- BANNER#1 -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = '<span style="color: purple;">URL OF ADVERTISER</span>' rel='nofollow' ><img src='<span style="color: lime;">URL OF BANNER’S IMAGE-1</span>' border='0' height='125' width='125' alt='<span style="color: orange;">AD DESCRIPTION</span>'></a>";
images[1] = "<a href = '<span style="color: purple;">URL OF ADVERTISER</span>' rel='nofollow' ><img src='<span style="color: lime;">URL OF BANNER’S IMAGE-2</span>' border='0' height='125' width='125' alt='<span style="color: orange;">AD DESCRIPTION</span>'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
<td><center>
<!-- BANNER#2 -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = '<span style="color: purple;">URL OF ADVERTISER</span>' rel='nofollow' ><img src='<span style="color: lime;">URL OF BANNER’S IMAGE-1</span>' border='0' height='125' width='125' alt='<span style="color: orange;">AD DESCRIPTION</span>'></a>";
images[1] = "<a href = '<span style="color: purple;">URL OF ADVERTISER</span>' rel='nofollow' ><img src='<span style="color: lime;">URL OF BANNER’S IMAGE-2</span>' border='0' height='125' width='125' alt='<span style="color: orange;">AD DESCRIPTION</span>'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
</tr>
<tr>
<td><center>
<!-- BANNER#3 -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = '<span style="color: purple;">URL OF ADVERTISER</span>' rel='nofollow' ><img src='<span style="color: lime;">URL OF BANNER’S IMAGE-1</span>' border='0' height='125' width='125' alt='<span style="color: orange;">AD DESCRIPTION</span>'></a>";
images[1] = "<a href = '<span style="color: purple;">URL OF ADVERTISER</span>' rel='nofollow' ><img src='<span style="color: lime;">URL OF BANNER’S IMAGE-2</span>' border='0' height='125' width='125' alt='<span style="color: orange;">AD DESCRIPTION</span>'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
<td><center>
<!-- BANNER#4 -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = '<span style="color: purple;">URL OF ADVERTISER</span>' rel='nofollow' ><img src='<span style="color: lime;">URL OF BANNER’S IMAGE-1</span>' border='0' height='125' width='125' alt='<span style="color: orange;">AD DESCRIPTION</span>'></a>";
images[1] = "<a href = '<span style="color: purple;">URL OF ADVERTISER</span>' rel='nofollow' ><img src='<span style="color: lime;">URL OF BANNER’S IMAGE-2</span>' border='0' height='125' width='125' alt='<span style="color: orange;">AD DESCRIPTION</span>'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</td></center>
</tr>
</tbody></table>
<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" <span style="color: blue;">width="265</span>" bgcolor="#ffffff">
<tbody>
<tr>
<td><center><a href="<span style="color: purple;">URL OF ADVERTISER</span>" rel="nofollow"><img width="265" height="37" border="0" alt="Advertise Now!" src="file:///C:/Documents%20and%20Settings/Mohammad/Desktop/ADVERTISE-HERE.gif" /></a></center></td>
</tr>
</tbody></table>
</div></span></pre></blockquote><br />
<b>4-</b> Fai le seguenti modifiche:<br />
<br />
<span style="color: purple;">URL OF ADVERTISER</span>: sostituiscili con i link delle tue pubblicità<br />
<br />
<span style="color: lime;">URL OF BANNER’S IMAGE-1</span>: sostituiscili con i link delle immagini dei banner relativi alla pubblicità<br />
<br />
<span style="color: orange;">AD DESCRIPTION</span>: sostituisci con le parole che vuoi far apparire in caso l'immagine non venga visualizzata<br />
<br />
<span style="color: red;">width="265</span>: modificala per cambiare la distanza tra gli annunci.<br />
<br />
<b>5-</b> SalvaEnircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-16913248159832597432010-08-04T17:52:00.002+02:002010-08-04T18:30:13.860+02:00Inserire una slideshow di immagini in homepage su bloggerPer rendere il tuo blog più accattivante consiglio sempre di mettere una bella slideshow degli articoli più letti e più interessanti del tuo blog in homepage. Ne ho già proposte diverse e anche questa non è niente male; a differenza delle altre questa propone solamente un'immagine e non dà la possibilità di aggiungere parte di testo.<br />
Interessante se le immagini hanno un forte impatto.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMiLPR2ak21IabPk3qNkjMwY2AkuSdJ1_z1yQ76hWgLv49_V7YC4DmvWDP7gy3RFbsGbq1j8iT_1LvfLQsTahqkduMSbNG7ylAvMWvE9uWxjzA3bNVEb3PEqWYaxTaByFD6q31Isvz0Odb/s1600/Slider2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMiLPR2ak21IabPk3qNkjMwY2AkuSdJ1_z1yQ76hWgLv49_V7YC4DmvWDP7gy3RFbsGbq1j8iT_1LvfLQsTahqkduMSbNG7ylAvMWvE9uWxjzA3bNVEb3PEqWYaxTaByFD6q31Isvz0Odb/s400/Slider2.jpg" width="400" /></a></div><br />
<br />
Puoi vedere una demo del suo funzionamento <a href="http://jqueryslider.blogspot.com/" target="_blank">qui</a> <br />
<br />
<a name='more'></a><br />
<br />
<span style="font-size: large;"><b>Come installarla:</b></span><br />
<br />
<b>1-</b> Per prima cosa scarica i file da <a href="http://www.box.net/shared/v7ice36ghk" target="_blank">qui </a> e caricali sul tuo hosting. In questo modi non ci saranno problemi di visualizzazione in futuro.<br />
<br />
<b>2-</b> Vai su design --> Modifica HTML, espandi i modelli widget e fai un backup del template.<br />
<br />
<b>3-</b> Cerca il tag <span style="color: red;"></head></span> e incolla appena prima il codice sottostante. Sostituisci i <span style="color: purple;">link in viola</span> con quelli dei tuoi file appena caricati.<br />
<br />
<blockquote><pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><script src='<span style="color: purple;">http://bnote.googlecode.com/files/jquery-1.2.6.min.js</span>' type='text/javascript'></script>
<script src='<span style="color: purple;">http://bnote.googlecode.com/files/jquery.jcarousel.pack.js</span>' type='text/javascript'></script>
<script src='<span style="color: purple;">http://bnote.googlecode.com/files/jquery-ui-personalized-1.5.2.packed.js</span>' type='text/javascript'></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
wrap:"both",
scroll:2,
animation:"slow"
});
function mycarousel_initCallback(carousel) {
jQuery('#featured-next-button').bind('click', function() {
carousel.next();
return false;
});
jQuery('#featured-prev-button').bind('click', function() {
carousel.prev();
return false;
});
jQuery('.button-nav span').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
};
jQuery('#feature-carousel').jcarousel({
wrap:"both",
scroll:1,
auto:10,
initCallback: mycarousel_initCallback,
buttonNextHTML: null,
buttonPrevHTML: null
});
});
</script>
<style type="text/css">
.jcarousel-skin-tango .jcarousel-container {-moz-border-radius: 10px;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 941px;margin: 0 auto;padding:0 20px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 941px;height: 254px;}
.jcarousel-skin-tango .jcarousel-item {width: 307px;height: 254px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
.jcarousel-skin-tango .jcarousel-next-horizontal {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg33rgQ6cPBh0xM1obFCM8szeWs4CC5m5piDAePFlCP3NlfD_XeNDjuS6cMcC2N0gPgyp6DVbXPUMIdhryz0-Pjc4-3ExVK_oklHf22jus2XaR7OZcvykrkgKRDv1di7fDzB4hNxTWVaapK/s1600/image-slider-button.png) no-repeat scroll -46px 0;
cursor:pointer;
height:254px;
right:20px;
position:absolute;
top:0;
width:46px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg33rgQ6cPBh0xM1obFCM8szeWs4CC5m5piDAePFlCP3NlfD_XeNDjuS6cMcC2N0gPgyp6DVbXPUMIdhryz0-Pjc4-3ExVK_oklHf22jus2XaR7OZcvykrkgKRDv1di7fDzB4hNxTWVaapK/s1600/image-slider-button.png) no-repeat scroll 0 0;
cursor:pointer;
height:254px;
left:20px;
position:absolute;
top:0;
width:46px;
}
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;width: 75px;height: 75px;}
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
#news-slider{background-color:#FFFFFF;padding:20px 0;}
#news-slider img{border:none;height:254px;width:307px;}
</style></span></pre></blockquote><b>4-</b> Salva<br />
<br />
<b>5-</b> Ora vai su Layout --> Elementi pagina<br />
<br />
<b>6-</b> Aggiungi un gadget di tipo HTML/Javascript e aggiungi il codice sottostante<br />
<blockquote><pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><div id='news-slider'>
<ul class='jcarousel-skin-tango' id='mycarousel'>
<li><a href='<span style="color: purple;">SLIDE-1-LINK-HERE</span>'><img src='<span style="color: red;">SLIDE-1-IMAGE-ADDRESS-HERE</span>'/></a></li>
<li><a href='<span style="color: purple;">SLIDE-2-LINK-HERE</span>'><img src='<span style="color: red;">SLIDE-2-IMAGE-ADDRESS-HERE</span>'/></a></li>
<li><a href='<span style="color: purple;">SLIDE-3-LINK-HERE</span>'><img src='<span style="color: red;">SLIDE-3-IMAGE-ADDRESS-HERE</span>'/></a></li>
<li><a href='<span style="color: purple;">SLIDE-4-LINK-HERE</span>'><img src='<span style="color: red;">SLIDE-4-IMAGE-ADDRESS-HERE</span>'/></a></li>
<li><a href='<span style="color: purple;">SLIDE-5-LINK-HERE</span>'><img src='<span style="color: red;">SLIDE-5-IMAGE-ADDRESS-HERE</span>'/></a></li>
</ul>
</div></span></pre></blockquote>7- Sostituisci i vari <span style="color: purple;">SLIDE-X-LINK-HERE</span> con il link dei tuoi post e i <span style="color: red;">SLIDE-X-IMAGE-ADDRESS-HERE</span> con i link delle tue immagini.<br />
<br />
<span style="color: red;">IMPORTANTE: </span>Se vuoi ottentere un risultato perfetto le immagini devono avere una dimensione di <span style="color: blue; font-weight: bold;">307px width</span> e <span style="color: blue; font-weight: bold;">254px</span><span style="color: blue;"> </span><span style="color: blue; font-weight: bold;">height</span><br />
<br />
<span style="color: blue; font-weight: bold;"><span style="color: black;">8- </span></span><span style="color: blue;"><span style="color: black;">Salva </span></span><span style="color: blue; font-weight: bold;"><br />
</span>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com5tag:blogger.com,1999:blog-4449578767130380061.post-80595131787634060112010-07-28T18:10:00.001+02:002010-08-04T16:43:13.451+02:00Aggiungere immagini random come header su bloggerSe hai molta fantasia e ti appassiona la grafica sicuramente avrai avuto difficoltà nel scegliere l'intestazione perfetta tra tutte quelle che hai creato...<br />
Con questa semplice modifica del template questo non sarà più un problema in quanto potrai caricare diverse immagini e, ogni volta che qualcuno si sposta da una pagina all'altra del tuo blog, vedrà l'header cambiare.<br />
<br />
E' una modifica molto interessante, in quanto crea un effetto "dinamico" e di cambiamento ai navigatori che rimarrà sicuramente impresso.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfqdUCALCj8-3UhZ9Ue14kcwaLLfv0RnHWlIbh9NXeKqk_W33GVjOvymsZljYOwYUio_eZGyHo0Coj-QH1WSruRAuqqz3S7iO33XzZtN4AynpMuEYsy4oIilD_pQeBxDLB-wyrdKKFObz7/s1600/question-mark1a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfqdUCALCj8-3UhZ9Ue14kcwaLLfv0RnHWlIbh9NXeKqk_W33GVjOvymsZljYOwYUio_eZGyHo0Coj-QH1WSruRAuqqz3S7iO33XzZtN4AynpMuEYsy4oIilD_pQeBxDLB-wyrdKKFObz7/s320/question-mark1a.jpg" width="240" /></a></div><br />
<br />
Attenzione però a non caricare troppe immagini, rischieresti di rallentare di molto la velocità di apertura delle pagine.<br />
<br />
<a name='more'></a><br />
<b><span style="font-size: large;">Come modificare il template: </span></b><br />
<br />
<b>1-</b> Vai su Design --> Modifica HTML<br />
<br />
<b>2-</b> Fai un backup del template ed espandi i modelli widget<br />
<br />
<b>3-</b> Cerca il tag <span style="color: red;"><body></span><br />
<br />
<b>4-</b> Incolla appena dopo questo codice:<br />
<blockquote><pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><script type='text/javascript'>
var HeaderImage= new Array()
HeaderImage[0]=&quot;<span style="color: lime;">URL-IMMAGINE-1</span>&quot;
HeaderImage[1]=&quot;<span style="color: lime;">URL-IMMAGINE-2</span>&quot;
HeaderImage[2]=&quot;<span style="color: lime;">URL-IMMAGINE-3</span>&quot;
HeaderImage[3]=&quot;<span style="color: lime;">URL-IMMAGINE-4</span>&quot;
HeaderImage[4]=&quot;<span style="color: lime;">URL-IMMAGINE-5</span>&quot;
var random=Math.round(<span style="color: orange;">4*Math.random</span>());
document.write(&quot;<style>&quot;);
document.write(&quot;<span style="color: purple;">#header-wrapper</span> {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);
</script></span></pre></blockquote><b>5-</b> Inserisci glu URL delle tue immagini al posto delle scritte in verde<br />
<br />
Se non dovesse funzionare cambia <span style="color: purple;">#header-wrapper</span> con <span style="color: purple;">#header.</span><br />
<br />
Se vui inserire più di 5 immagini inserisci un'ulteriore riga inserendo il numero progressivo all'interno delle [ ] e cambia "<span style="color: orange;">4*Math.random</span>" mettendo sempre un numero in meno rispetto al numero delle immagini:un'sempio con 8 immagini lo trovi qui sotto:<br />
<br />
<blockquote><pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><script type='text/javascript'>
var HeaderImage= new Array()
HeaderImage[0]=&quot;<span style="color: lime;">URL-IMMAGINE-1</span>&quot;
HeaderImage[1]=&quot;<span style="color: lime;">URL-IMMAGINE-2</span>&quot;
HeaderImage[2]=&quot;<span style="color: lime;">URL-IMMAGINE-3</span>&quot;
HeaderImage[3]=&quot;<span style="color: lime;">URL-IMMAGINE-4</span>&quot;
HeaderImage[4]=&quot;<span style="color: lime;">URL-IMMAGINE-5</span>&quot;
HeaderImage[5]=&quot;<span style="color: lime;">URL-IMMAGINE-6</span>&quot;
HeaderImage[6]=&quot;<span style="color: lime;">URL-IMMAGINE-7</span>&quot;
HeaderImage[7]=&quot;<span style="color: lime;">URL-IMMAGINE-8</span>&quot;
var random=Math.round(<span style="color: orange;">7*Math.random</span>());
document.write(&quot;<style>&quot;);
document.write(&quot;<span style="color: purple;">#header-wrapper</span> {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);
</script></span></pre></blockquote><br />
<b>6-</b> Salva e la tua intestazione dovrebbe essere tutta un'altra cosa!Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com4tag:blogger.com,1999:blog-4449578767130380061.post-37515268302210188122010-04-19T17:10:00.004+02:002010-07-24T13:05:36.765+02:00Inserire barra dei social alla fine di ogni singolo postPer tutti quelli che volgiono inserire alla fine di ogni singolo post di blogger dei pulsanti di condivisione sui social più conosciuti, propongo un'ottima soluzione.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXR8FnhIc77LJ7L8fFerhriwMdKkMEI4YLll-pevlHBwFhRYNhLeahQUbYUWcTlE1LYlfFsisqcYkt2SEH-OCg3oNJwruGQeUZlEft3I_J24Hc6kYuojH_4ReITbfITu4ZjRTwnQ9w9L-Q/s1600/social-media-waste-of-time.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXR8FnhIc77LJ7L8fFerhriwMdKkMEI4YLll-pevlHBwFhRYNhLeahQUbYUWcTlE1LYlfFsisqcYkt2SEH-OCg3oNJwruGQeUZlEft3I_J24Hc6kYuojH_4ReITbfITu4ZjRTwnQ9w9L-Q/s400/social-media-waste-of-time.jpg" width="400" /></a></div><br />
<br />
Il risultato è come quello che trovi alla fine dei miei post, una sequenza di immagini che si illuminano al passaggio del mouse.<br />
<br />
<span style="font-size: large;"><b>Come inserirla:</b></span><br />
<br />
<b>1-</b> Vai su Layout --> Modifica html ed espandi i modelli widget<br />
<br />
<b>2-</b> Fai un backup del template<br />
<br />
<a name='more'></a><br />
<br />
<b>3-</b> Cerca il tag <span style="color: red;"></head></span> e appena<b> prima</b> incollaci il seguente codice di stile <br />
<blockquote><br />
<pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;">/* Social Bookmarks
--------------------------------------------------- */
.title{
color: #363636;
font-family:Georgia, Times New Roman;
font-size: 20px;
font-weight: normal;
margin-bottom:5px;
}
.rsociales, .subs{
color: #666;
font-weight: normal;
font-size:0.9em;
border: 1px solid #cfcfcf;
width: 583px;
padding: 10px 10px 10px 10px;
margin-bottom:0px;
}
.rsociales ul, .connect ul, .subs ul {
display:inline;
margin-top:0pt!important;
padding:0pt !important; }
.rsociales li, .connect li, .subs li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px; }
.rsociales img, .connect img, .subs img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt; }
.rsociales-sobre { opacity:0.4; }
.rsociales-sobre:hover { opacity:1; }</span></pre><br />
</blockquote><b>4-</b> Ora cerca il tag <span style="color: red;"><data:post.body/></span> e incolla subito dopo questo codice:<br />
<blockquote><br />
<pre style="border: 1px solid black; color: blue; height: 250px; overflow: auto; width: 90%;"><span style='font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;'>Se ti è piaciuto l&#39; articolo... condividilo!</span>
<div><a expr:href='&quot;http://feeds.feedburner.com/IL_TUO_ID&quot;' target='_blank'><img alt='Iscriviti ai feed' border='0' class='rsociales-sobre' src='http://i256.photobucket.com/albums/hh174/mozzy9/RSS-5-1.png'/></a>
<a expr:href='&quot;http://feedburner.google.com/fb/a/mailverify?uri=IL_TUO_ID&quot;' target='_blank'><img alt='Iscriviti via mail' border='0' class='rsociales-sobre' src='http://i256.photobucket.com/albums/hh174/mozzy9/EmailRSS-1-1.png'/></a>
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' target='_blank'>
<img alt='Buzz It' border='0' class='rsociales-sobre' src='http://i256.photobucket.com/albums/hh174/mozzy9/25yy8pd-1.png'/></a>
<a expr:href='&quot;http://oknotizie.alice.it/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='vota su OKNotizie' border='0' class='rsociales-sobre' src='http://i256.photobucket.com/albums/hh174/mozzy9/oknotizie-1.jpg'/></a>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'><img alt='Agregar a Technorati' border='0' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMskWCBzQBsY1619ueZ5jfpZ9lCXl5RNGQPAWi2pebc-9XvJeKlvab-q6qEUeTs9vgTB2Vp898HM-XQ5PSGnOPAW-lzxfJ9eTkAge7TwNddjZPCCqWoeyzzHDJhVDBz1Z24sNbvGKAIn_/s1600/technorati_32.png'/></a>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Del.icio.us' border='0' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBWuxh6xwoAEFQXMvHNElivgIn-lLdMTUIuXz12gjpjw7WAVHlVLC2BmK4cohChKp8N2aedKZHlx2mruFicWPaRB_mmlWOeVj6_vRpic-ncYWJfA1Ig5ZQGc183Nah5JCYtL0tNZ_0yib5/s1600/delicious_32.png'/></a>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url' target='_blank'><img alt='Agregar a DiggIt!' border='0' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPFF74ZlWrmdqjIbH4wI_8T9OMSNYe2uJabCTt8OvnjRPScIyCw2RibFFxRlGag-xNvPoA0WJyHgKQOOJDRfsZLiO-KXuVtjAKe65XpJ1jQXvkSxRH0xRSyyCBD5xgoZXhD9_GaR5xx4fN/s1600/digg_32.png'/></a>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a Yahoo!' border='0' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhncrx8r6oZlbK2Z8RpWnus0wNYA9DB8MjSDoRt3WIAayjrotg0DqilhyphenhyphenASjI67vnlECdZkb3jHqMHWPZ6fC7dqe4jEnAWBhyphenhyphenJC1DoHqSsxfg1lATzAx5DslslRliOxuaSdOdtHi3foMLyQ/s1600/yahoo_32.png'/></a>
<a href='#' target='_blank'><img alt='Agregar a Google' border='0' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXRrdGZ-rC8Jcn1NhYNttSRcEMSYdJcqTSHElvaBzdqqCrGZvbOFMM3hfSNAAR_LVsIzlLOV5zE5Udjl9O_0avmbhU-LLP2jqZCAHQBY9lHFJMPSJdjBAqZNAr-f8xUjVIBH0o2e3fGcQI/s1600/google_32.png'/></a>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' target='_blank'><img alt='Agregar a facebook' border='0' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju0Zwbg0eKbiQP3UGQJBbxDa3_a7Mkf_rJW33X6TKAoZyeIrEgladLk7yYZo8c0Uj5yGkjYkTV7Wd_tiKOzMefX941Cs_xxRb7HxVM2VGEeK9-FvhKZySYZfgC03pre2rETUA9wBySkNkw/s1600/facebook_32.png'/></a>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Agregar a twitter' border='0' class='rsociales-sobre' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm33P5AB6_t8zwQaEL1yPaij2O_XfjYdcDZPHFswfC4OeSF0D8Hx4dtU-h9GXz5PfEJeUU38HNP1Luljjl5AV1QsXXoUC2TKr7X3vTolxtLKRy92Y8bgn4zsNiRWEAIVftqrYfcrnpAcK4/s1600/twitter_32.png'/></a></div>
</pre><br />
</blockquote><b>5-</b> Sostituisci i tuoi link per i feed e salvaEnircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com7tag:blogger.com,1999:blog-4449578767130380061.post-44054634096293518632010-03-11T15:21:00.001+01:002010-07-24T13:07:32.449+02:0020 Set di icone social da aggiungere al blogNavigando tra i vari siti alla ricerca di icone per i pulsanti social mi sono imbattuto in alcune veramente belle ed ho quindi deciso di condividerle con te.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgnjh4g0urW_pLFsy9GqZLh1cYXy4vPhtYA8JZAbk4idepGy8MuKVgLvM1H5PpxsqkpIrHqiubO3GSCGA2eibXsTzN7HEEztngehQGQJTKQVlkyWgu651y_SliIVksLpdH7zUtGzM8F564/s1600-h/27%20Circular%20Social%20Media%20Icons%20in%203%20Sizes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgnjh4g0urW_pLFsy9GqZLh1cYXy4vPhtYA8JZAbk4idepGy8MuKVgLvM1H5PpxsqkpIrHqiubO3GSCGA2eibXsTzN7HEEztngehQGQJTKQVlkyWgu651y_SliIVksLpdH7zUtGzM8F564/s400/27%20Circular%20Social%20Media%20Icons%20in%203%20Sizes.jpg" width="400" /></a></div><div style="text-align: center;"><a class="tdemo" href="http://www.blogperfume.com/new-27-circular-social-media-icons-in-3-sizes/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlX2icMJ-bheVaaAVa8KaG_77CJY75rOBl8pA0Mxx08zLJW94ewHnnL5hLTu5A9H4FFEG4uaNj_gmygXZVJh2D9IpBkuLpzmK-w-Ww6fYBT3sVOPT-vR_B1-oPM3EE4Llw2LhZ3qS2DOti/s1600-h/A%20Life%20in%20Pixels.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlX2icMJ-bheVaaAVa8KaG_77CJY75rOBl8pA0Mxx08zLJW94ewHnnL5hLTu5A9H4FFEG4uaNj_gmygXZVJh2D9IpBkuLpzmK-w-Ww6fYBT3sVOPT-vR_B1-oPM3EE4Llw2LhZ3qS2DOti/s400/A%20Life%20in%20Pixels.jpg" width="400" /></a></div> <a class="tdemo" href="http://sixrevisions.com/freebies/icons/free-social-media-icons-for-designers-a-life-in-pixels/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRz7ty5_60hokOXXNuQS70CXfWuhlVpNgkNzGRfqIbN_aeD6qUiZuKfFCXG5jCmxA3gdHjbuBT_FctG-3R1xmls0NXAqcqRLQWfVP9O8_U2o_KjZa_vMxMfjp4d_WThG4QUZ98w2gGlNHR/s1600-h/Free%20%20Social%20Media%20Bookmark%20Icon%20pack.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRz7ty5_60hokOXXNuQS70CXfWuhlVpNgkNzGRfqIbN_aeD6qUiZuKfFCXG5jCmxA3gdHjbuBT_FctG-3R1xmls0NXAqcqRLQWfVP9O8_U2o_KjZa_vMxMfjp4d_WThG4QUZ98w2gGlNHR/s400/Free%20%20Social%20Media%20Bookmark%20Icon%20pack.jpg" width="400" /></a></div> <a class="tdemo" href="http://www.nouveller.com/general/free-social-media-bookmark-icon-pack-the-ever-growing-icon-set/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFIZYE_Nd8eVAaEiZNW526OLjhpyvbC1SMf9FWrObr6Bh5aQB0oJng9wMCh4QtNyg4H5SMjv5CuDpabfNQ2akpP4plq1SHyVJAC1ZOeLsByG8qM2GtoQiCnnkJxuUKagigiVrlw35-rqOh/s1600-h/Free%20glossy%20social%20icons.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFIZYE_Nd8eVAaEiZNW526OLjhpyvbC1SMf9FWrObr6Bh5aQB0oJng9wMCh4QtNyg4H5SMjv5CuDpabfNQ2akpP4plq1SHyVJAC1ZOeLsByG8qM2GtoQiCnnkJxuUKagigiVrlw35-rqOh/s400/Free%20glossy%20social%20icons.jpg" width="400" /></a></div><a class="tdemo" href="http://webtoolkit4.me/2009/06/10/icon-set-free-glossy-social-icons/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHfANLjwtugDzzHvOCoLOgPiOpsQ3ED6OWy_lGvhRCYjM98N1iOs6RAobUdwzGQJ0FaDzVhCd_bKp8NIjgsNlAOOHKAdPZwTpvRQ68TiclGbgOVg6-Mstx8arOrShN4tmOZIQirafLtmjb/s1600-h/Free%20Set%20of%20Social%20Media%20Icons%20%E2%80%93%20Rivet%20Social.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHfANLjwtugDzzHvOCoLOgPiOpsQ3ED6OWy_lGvhRCYjM98N1iOs6RAobUdwzGQJ0FaDzVhCd_bKp8NIjgsNlAOOHKAdPZwTpvRQ68TiclGbgOVg6-Mstx8arOrShN4tmOZIQirafLtmjb/s400/Free%20Set%20of%20Social%20Media%20Icons%20%E2%80%93%20Rivet%20Social.jpg" width="400" /></a></div> <a class="tdemo" href="http://sixrevisions.com/freebies/free-set-of-social-media-icons-rivet-social/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtlIgwcIrfiBYwC5kUfRJM0H8QT8ZZmm0G5ik1GPg3Wyz8FCSkdEGfkMXNxNDYtkN5yGlMMY7tWhI8v3X9NSXg0M9-CWQKNNxuL6uYeGNMXRkVk_sLS3IaLe5jbTh7rrS1z2iCabVeEMZ/s1600-h/Free%20Vectors%20Icon%20Sets.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtlIgwcIrfiBYwC5kUfRJM0H8QT8ZZmm0G5ik1GPg3Wyz8FCSkdEGfkMXNxNDYtkN5yGlMMY7tWhI8v3X9NSXg0M9-CWQKNNxuL6uYeGNMXRkVk_sLS3IaLe5jbTh7rrS1z2iCabVeEMZ/s400/Free%20Vectors%20Icon%20Sets.png" width="400" /></a></div> <a class="tdemo" href="http://thinkdesignblog.com/free-vectors-20-free-social-bookmarking-icons.htm" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyu8a6Pot6cqYHXX5tyVupb6KbGXT3CDM36j1z1_nM_yg6MHPpQY9D0UyZYfBcQVM-O6ZlQau6n70fdB86qMGPuNfvhXb6DyT8xus9gWaH9Xalo-mnyBmW9XO5j4gwyQulDKmPdFzdkJ2Y/s1600-h/Google%20and%20Facebook.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyu8a6Pot6cqYHXX5tyVupb6KbGXT3CDM36j1z1_nM_yg6MHPpQY9D0UyZYfBcQVM-O6ZlQau6n70fdB86qMGPuNfvhXb6DyT8xus9gWaH9Xalo-mnyBmW9XO5j4gwyQulDKmPdFzdkJ2Y/s400/Google%20and%20Facebook.jpg" width="400" /></a></div> <a class="tdemo" href="http://csi.nfshost.com/goodies/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznqKqLxddZKN2vp9SEF4IJbiFop9VKU12mV4wyKu_z5PcbT_ZfGNJQpahjiWsehuwmhgMT9YHAhTFwnC5cyRjtq6Z_kjOnAtiQ8-8Vo2kocaigsnbxgQbbmeShIIqnMfl15xa2dktQpe/s1600-h/icon-packs08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzznqKqLxddZKN2vp9SEF4IJbiFop9VKU12mV4wyKu_z5PcbT_ZfGNJQpahjiWsehuwmhgMT9YHAhTFwnC5cyRjtq6Z_kjOnAtiQ8-8Vo2kocaigsnbxgQbbmeShIIqnMfl15xa2dktQpe/s400/icon-packs08.jpg" width="400" /></a></div> <a class="tdemo" href="http://www.wallpapersforall.com/google-tango-icon-pack-vol2/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9zkaPVGlj1EbITA_M6bgDY6rBj9zIxX5Jl-6JAN69gZj6cGWmjGX7W8dzGo_elBQ24SPO5OxlMzbGXeaYtxN8A0V2hpZAoTX3MnkrEYFM74fFviiL6ZPVr_AmovyOjxrx8_6LfYKyIXGN/s1600-h/Matte_White_Square_Soc__Media_by_We.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9zkaPVGlj1EbITA_M6bgDY6rBj9zIxX5Jl-6JAN69gZj6cGWmjGX7W8dzGo_elBQ24SPO5OxlMzbGXeaYtxN8A0V2hpZAoTX3MnkrEYFM74fFviiL6ZPVr_AmovyOjxrx8_6LfYKyIXGN/s400/Matte_White_Square_Soc__Media_by_We.jpg" width="400" /></a></div> <a class="tdemo" href="http://webtreats.mysitemyway.com/108-free-matte-white-square-social-networking-icons/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdyVIeD81yjLXP9lGstW3LBQ7rBmA1bJm8P9UwFM-ILQpInbpaYsOhNVcHqzbA5W0dMdUtgJgDsvQaMKTl3ovZjvslc58POXXKzL5gYfNhgKpbffBx_D5ouJcCBYKUTXD8Ge-wrHR9zDxe/s1600-h/socialmedia%20set.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdyVIeD81yjLXP9lGstW3LBQ7rBmA1bJm8P9UwFM-ILQpInbpaYsOhNVcHqzbA5W0dMdUtgJgDsvQaMKTl3ovZjvslc58POXXKzL5gYfNhgKpbffBx_D5ouJcCBYKUTXD8Ge-wrHR9zDxe/s400/socialmedia%20set.jpg" width="400" /></a></div> <a class="tdemo" href="http://www.noupe.com/freebie/new-free-social-media-icon-set-for-your-blog.html" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM5yS9yTlvGP8cpwXl-Lt-eQaLiyctnrW0ZTv-41obklrGbV7WPevNHHnVNrLS8xYVEa0Vj0VW_guIDxYFL5IV01sJ-10rlXJOyXRqb14erKuFFmUGg89PlISn_isOrAB_MxAnPyxEnKyq/s1600-h/Social_media_icons_by_plechi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM5yS9yTlvGP8cpwXl-Lt-eQaLiyctnrW0ZTv-41obklrGbV7WPevNHHnVNrLS8xYVEa0Vj0VW_guIDxYFL5IV01sJ-10rlXJOyXRqb14erKuFFmUGg89PlISn_isOrAB_MxAnPyxEnKyq/s400/Social_media_icons_by_plechi.jpg" width="400" /></a></div> <a class="tdemo" href="http://plechi.deviantart.com/art/Social-media-icons-118416641" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ7Hq_aKrp3jkM_Q_V0bEYXy7GKVtoHhuWtga-17U21ahpm9UbFRAdBbl9hEg1cY2tKaBIhYGnhf9SOcW21uuxyxF3BjKgJe-T7_Uc8keBxOQYd8OPW5F77dGLwNdcYHkFQnQOZ_dwVdAM/s1600-h/Polaroid%20icon%20set.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ7Hq_aKrp3jkM_Q_V0bEYXy7GKVtoHhuWtga-17U21ahpm9UbFRAdBbl9hEg1cY2tKaBIhYGnhf9SOcW21uuxyxF3BjKgJe-T7_Uc8keBxOQYd8OPW5F77dGLwNdcYHkFQnQOZ_dwVdAM/s400/Polaroid%20icon%20set.jpg" width="400" /></a></div> <a class="tdemo" href="http://webtoolkit4.me/2009/03/17/polaroid-icon-set/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4_J-A2bqH5cKUTTQhD8q0ly7KUGxLwK4G1VzYJ1iJ8ixnuBO6wwBTMiRaVcp6s-6LfTZEJefftUlhU2sw5R7Ziru4O7k3-YvkSWJLmIykW7O108AbPlB47z6NrahySg67pN_tRVKr5rOF/s1600-h/Red%20Pearl%20Social%20Media%20Icons.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4_J-A2bqH5cKUTTQhD8q0ly7KUGxLwK4G1VzYJ1iJ8ixnuBO6wwBTMiRaVcp6s-6LfTZEJefftUlhU2sw5R7Ziru4O7k3-YvkSWJLmIykW7O108AbPlB47z6NrahySg67pN_tRVKr5rOF/s400/Red%20Pearl%20Social%20Media%20Icons.jpg" width="400" /></a></div> <a class="tdemo" href="http://webtreatsetc.deviantart.com/art/108-Red-Pearl-Soc-Media-Icons-123745270" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikUQW_y4wDQamwHZ0Q1pMFYWJDGUwgBfHNCYsbdEx42ovNWKTxilpkld5Tb8v9KT7FRfterBoQOtRsF8eUEozv__I74BLCdsl4gDxF1yDyM1rPU-7DoLSIjhci_3tMfKuFKlcTSf4xHGY7/s1600-h/icon-packs16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikUQW_y4wDQamwHZ0Q1pMFYWJDGUwgBfHNCYsbdEx42ovNWKTxilpkld5Tb8v9KT7FRfterBoQOtRsF8eUEozv__I74BLCdsl4gDxF1yDyM1rPU-7DoLSIjhci_3tMfKuFKlcTSf4xHGY7/s400/icon-packs16.jpg" width="400" /></a></div> <a class="tdemo" href="http://theg-force.deviantart.com/art/Social-Icons-hand-drawned-109467069" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5nV9Rr0ODsTw0RHFH-iWtetY3nO70FCLrhMx3nqj3rPVuPgl1-DkzhRqLupIEepCC9V1s-t7GNbdHif-KaqLKQiC4YFTVbonGn5bmZec6blAYnJrjz-zmLVIz-aP2La1_2WPpjg_jKq_b/s1600-h/Blog_and_Photo_Social_Icons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5nV9Rr0ODsTw0RHFH-iWtetY3nO70FCLrhMx3nqj3rPVuPgl1-DkzhRqLupIEepCC9V1s-t7GNbdHif-KaqLKQiC4YFTVbonGn5bmZec6blAYnJrjz-zmLVIz-aP2La1_2WPpjg_jKq_b/s400/Blog_and_Photo_Social_Icons.png" width="400" /></a></div> <a class="tdemo" href="http://sawb.deviantart.com/art/Social-Icons-Pack-123247215" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3okCsk2mihVr9vLnfy0XM0Szf9ZiyW42UIRuHLWqeOxDvZ4r464XZIPn_x_OYYYZ-CwGQRV01Y5YpYSgcXNmTrC5nY_23o9OI6h4-h6OlR7nGJNm60cQzouB4qWNLBBFrGjhKJEy4hszj/s1600-h/Social%20Media%20Mini%20Iconpack.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3okCsk2mihVr9vLnfy0XM0Szf9ZiyW42UIRuHLWqeOxDvZ4r464XZIPn_x_OYYYZ-CwGQRV01Y5YpYSgcXNmTrC5nY_23o9OI6h4-h6OlR7nGJNm60cQzouB4qWNLBBFrGjhKJEy4hszj/s400/Social%20Media%20Mini%20Iconpack.jpg" width="400" /></a></div> <a class="tdemo" href="http://www.komodomedia.com/blog/2008/12/social-media-mini-iconpack/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNCmN1r3_75xONNojQMtPCNjXXVeltWs1WFEE3BE7bXuT8ChaLWjL1dUGi3WMNf7XdtK4PH7yz8B6jFr6G1PvdvrlP4-b19u_E1O4_qhexerY34PuZ4rvQe86AD68JKJE0rFinnaaA1VbD/s1600-h/Social%20Network%20Icon%20Pack.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNCmN1r3_75xONNojQMtPCNjXXVeltWs1WFEE3BE7bXuT8ChaLWjL1dUGi3WMNf7XdtK4PH7yz8B6jFr6G1PvdvrlP4-b19u_E1O4_qhexerY34PuZ4rvQe86AD68JKJE0rFinnaaA1VbD/s400/Social%20Network%20Icon%20Pack.jpg" width="400" /></a></div> <a class="tdemo" href="http://www.freeiconsdownload.com/Free_Downloads.asp?id=661" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjduyQ9MVuPQkFEbT-8GTqE7ifkMcHmaaV-ZvxraaH15zFT53a_BkILikCaqBDlTJqVDMcK7fgqYMi8J8fPIJpuOpuBEB-fflPETfWE_2KHHDPA6YJQ3ZsXKbWutGhzzc39Ez5GOtgyAs_b/s1600-h/SocioLEGO%20Lego%20Social%20Icon%20Set.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjduyQ9MVuPQkFEbT-8GTqE7ifkMcHmaaV-ZvxraaH15zFT53a_BkILikCaqBDlTJqVDMcK7fgqYMi8J8fPIJpuOpuBEB-fflPETfWE_2KHHDPA6YJQ3ZsXKbWutGhzzc39Ez5GOtgyAs_b/s400/SocioLEGO%20Lego%20Social%20Icon%20Set.jpg" width="400" /></a></div> <a class="tdemo" href="http://littleboxofideas.deviantart.com/art/SocioLEGO-Lego-Social-Icon-Set-130121656" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlaACJJoTqpds4Bhzuy9OlvgXoFNb8fKdSMpXphhlgr_JeTMRup42iFLZGbLhabPCW5dPbUuBbsOUTdOfDGorgCM3beCluBdsDL9Zu8WkJiUSJ1h17cFadM_qb6DNahaD1V3_hqcyyD84b/s1600-h/weby-icons-free-download.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlaACJJoTqpds4Bhzuy9OlvgXoFNb8fKdSMpXphhlgr_JeTMRup42iFLZGbLhabPCW5dPbUuBbsOUTdOfDGorgCM3beCluBdsDL9Zu8WkJiUSJ1h17cFadM_qb6DNahaD1V3_hqcyyD84b/s400/weby-icons-free-download.png" width="400" /></a></div> <a class="tdemo" href="http://blog.iconspedia.com/icons/100-free-icons-weby-icon-set-192/" rel="nofollow" target="_blank">DOWNLOAD</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwDE0J2_PFUiCU2ml0hFw6DlFE8NYD8cfrPnpY3PKEvMlT6V-kccxhUCbo0Jn4IpIkHEjHKtYuDH8fZJkHoZmdxYQpqySZMbpM-sEnF9lULrTU-UvRHpf4u8wCXekz-hojBXNQFQAhbOOl/s1600-h/Wood_Social_Networking_Icons_by_Web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwDE0J2_PFUiCU2ml0hFw6DlFE8NYD8cfrPnpY3PKEvMlT6V-kccxhUCbo0Jn4IpIkHEjHKtYuDH8fZJkHoZmdxYQpqySZMbpM-sEnF9lULrTU-UvRHpf4u8wCXekz-hojBXNQFQAhbOOl/s400/Wood_Social_Networking_Icons_by_Web.jpg" width="400" /></a></div> <a class="tdemo" href="http://webtreatsetc.deviantart.com/art/Wood-Social-Networking-Icons-123137849" rel="nofollow" target="_blank">DOWNLOAD</a> </div>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com1tag:blogger.com,1999:blog-4449578767130380061.post-14818491113623751042010-03-01T00:53:00.003+01:002010-07-24T13:07:46.682+02:008 facebook widget per il tuo blogFacebook è omai il più gran social network mondiale e conta più di 400 milioni di utenti attivi. Quasi tutti i blogger hanno anche un account facebook e far interagire il blog con il social è quasi d'obbligo.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij776RSYFmmeZ8CviR6ghn7KWf6yHa0f3I2At503DtZrgMCDwi7dCK-rAVPxVYlxE9ibepswaRkaE1EZ9bazQOdtZKI37f21xO7tQk16WVVo1Bx1ewDeyTQ9QLFKHk5XSWSYp34xj5rvFH/s1600-h/msn_facebook.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij776RSYFmmeZ8CviR6ghn7KWf6yHa0f3I2At503DtZrgMCDwi7dCK-rAVPxVYlxE9ibepswaRkaE1EZ9bazQOdtZKI37f21xO7tQk16WVVo1Bx1ewDeyTQ9QLFKHk5XSWSYp34xj5rvFH/s400/msn_facebook.jpg" width="400" /></a></div><br />
Di seguito troverai otto widget che mette a disposizione facebook che puoi aggiungere al tuo blog o sito<br />
<br />
<a name='more'></a><br />
<br />
<span style="font-size: small;"><b>Widget personali</b></span><br />
<br />
<a href="http://www.facebook.com/facebook-widgets/profilebadges.php?creating" target="_blank">Badge del profilo</a><br />
Crea un piccolo badge del tuo profilo dove appariranno le informazioni personali che vuoi far vedere.<br />
<br />
<a href="http://www.facebook.com/facebook-widgets/photobadges.php?creating" target="_blank">Badge delle foto</a><br />
Crea un badge dove appariranno delle foto scelte a random dal tuo profilo<br />
<br />
<a href="http://www.facebook.com/facebook-widgets/fanbadges.php?page_id=305954903007" target="_blank">Badge dei fan</a><br />
Crea un badge di una pagina alla quale sei fan o di una pagina che hai creato tu<br />
<br />
<b>Widget Busines</b>s<br />
<br />
<a href="http://www.facebook.com/facebook-widgets/share.php" target="_blank">Pulsante condividi</a><br />
Crea un pulsante che permette di condividere una determinata pagina con i pripri amici di facebook<br />
<br />
<a href="http://www.facebook.com/facebook-widgets/fanbox.php" target="_blank">Widget del riquadro dei fan</a><br />
Crea un widget con i fan che seguono la tua pagina<br />
<br />
<a href="http://www.facebook.com/twitter/" target="_blank">Twitter link</a><br />
Collega la tua pagina facebook a twitter<br />
<br />
<b>Developers widget</b><br />
<br />
<a href="http://developers.facebook.com/tools.php?connect_wizard&wizard=stream_publish" target="_blank">Pubblicazione su facebook</a><br />
Permette di inserire post nella tua bacheca direttamente dal tuo blog o sito<br />
<br />
<a href="http://developers.facebook.com/tools.php?connect_wizard&wizard=livestream" target="_blank">Riquadro stream live</a><br />
Riporta nel tuo blog quello che appare nella tua bacheca o in una qualsisai pagina con gli aggiornamenti in real timeEnircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com2tag:blogger.com,1999:blog-4449578767130380061.post-13300550033007002882010-02-28T00:24:00.003+01:002010-07-24T13:08:05.794+02:00Blogger template: DesignPile (green, blu e pink)<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJqjXv9lTkb09QTxIoxcICL3D_CkO5eEQUWwzKJrLicedQ2y8eZPK3Q1POLqZKDXIC3-aWILAIlwApMBOOw0a3WYxquFhuVEZQx-9k8o4EOmhw7mgVwDzUe0NMtnBGzWcpyInuBCwG-JDa/s1600-h/dp%20green.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJqjXv9lTkb09QTxIoxcICL3D_CkO5eEQUWwzKJrLicedQ2y8eZPK3Q1POLqZKDXIC3-aWILAIlwApMBOOw0a3WYxquFhuVEZQx-9k8o4EOmhw7mgVwDzUe0NMtnBGzWcpyInuBCwG-JDa/s400/dp%20green.jpg" width="400" /></a></div><div style="text-align: center;"><a href="http://designpile-green.blogspot.com/" target="_blank">DEMO</a> / <a href="http://www.box.net/shared/z7zhmqgus7" target="_blank">DOWNLOAD</a></div><br />
<br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8RfNdf95JSkLmmKdFChEzYxlsZ4lXuZYXLpwuA6MfKiOgCZY_rBavv3GHhEL2uWXSWQ9YIRIhjGdTCMHa1-wkisIjvhAyEbapuUQrwMTBk0fxTR0lBaQkPYb5dVX1Hx5Kr1VEZBAdI3SW/s1600-h/dp%20blue.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8RfNdf95JSkLmmKdFChEzYxlsZ4lXuZYXLpwuA6MfKiOgCZY_rBavv3GHhEL2uWXSWQ9YIRIhjGdTCMHa1-wkisIjvhAyEbapuUQrwMTBk0fxTR0lBaQkPYb5dVX1Hx5Kr1VEZBAdI3SW/s400/dp%20blue.jpg" width="400" /></a></div><div style="text-align: center;"><a href="http://designpile-blue.blogspot.com/" target="_blank">DEMO</a> / <a href="http://www.box.net/shared/4hy71qbuuq" target="_blank">DOWNLOAD</a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDoYOn0M9frEu0aS9s6PUuiBh1r8WN5Dl_gr5Lmfu15lU4MoPLSVWelmwbdT209wiIeD0vBFf5IEqoRa7XT-S-xw8Oi0m4q2JOtZVAhohWm2PoNd-M0NR5C002p9OR3uaZSidHt0UPNK_f/s1600-h/dp%20pink.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="281" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDoYOn0M9frEu0aS9s6PUuiBh1r8WN5Dl_gr5Lmfu15lU4MoPLSVWelmwbdT209wiIeD0vBFf5IEqoRa7XT-S-xw8Oi0m4q2JOtZVAhohWm2PoNd-M0NR5C002p9OR3uaZSidHt0UPNK_f/s400/dp%20pink.jpg" width="400" /></a></div><div style="text-align: center;"><a href="http://mydesignpile.blogspot.com/" target="_blank">DEMO</a> / <a href="http://www.box.net/shared/0mmu86h05v" target="_blank">DOWNLOAD</a></div><br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<br />
<div class="separator" style="clear: both; text-align: left;"><span style="font-size: large;"><b>Caratteristiche principali:</b></span></div><ul><li>Layout a 2 colonne</li>
<li>Sidebar a destra</li>
<li>Casella di ricerca</li>
<li>Spazio annunci pubblicitari</li>
<li>Footer a 3 colonne</li>
</ul><span style="font-size: large;"><b>Designer:</b></span><br />
<br />
<a href="http://www.site5.com/in.php?id=81811" rel="nofollow" target="_blank">Site5</a><br />
<br />
<span style="font-size: large;"><b>Autore:</b></span><br />
<br />
<a href="http://www.bloggerthemes.net/" rel="nofollow" target="_blank">Bloggerthemes</a>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com2tag:blogger.com,1999:blog-4449578767130380061.post-41547174150985542972010-02-27T00:01:00.002+01:002010-07-24T13:08:51.503+02:00Inserire barra icone dei social più conosciuti<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-NWHsbaQuon-jWHjnsRJ84cGzdp-0376AYkndkpYv11RsJTaX3lnePC24IvzNDwXC49VgqLLH1975VvU70eNOz9FGLaavUmfn2e_9TzmMuvErB3cqfS8ZQZYnm3iwi_ofIQ0sJelJaoVD/s1600-h/social_networking.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-NWHsbaQuon-jWHjnsRJ84cGzdp-0376AYkndkpYv11RsJTaX3lnePC24IvzNDwXC49VgqLLH1975VvU70eNOz9FGLaavUmfn2e_9TzmMuvErB3cqfS8ZQZYnm3iwi_ofIQ0sJelJaoVD/s640/social_networking.jpg" /></a></div><br />
Creare un blog che sia <b>intutitivo </b>e <b>pratico</b> per più utenti possibile è un compito dal quale qualsiasi blogger che vuole crearsi il suo nome on-line non può astenersi.<br />
Intuitivo e pratico significa che <b>chiunque</b> abbia la possibilità di <b>continuare a seguirlo</b> con la massima <b>facilità</b>. Ti faccio un esempio che mi è capitato:<br />
Studiando le statistiche di <a href="http://myarchiwindow.blogspot.com/">questo</a> blog, che gestisco io ma nel quale scrive la mia ragazza, non riuscivo a capacitarmi delle poche iscrizioni ai <b>feed rss </b>e a<b> google friend connect</b> rispetto ai visitatori che tornavano spesse volte nel blog.<br />
<br />
<a name='more'></a><br />
<br />
Diverso tempo dopo nel dormiveglia (è sempre il momento migliore...) ho capito tutto e l'<b>analisi</b> fatta il giorno seguente mi ha dato conferma. Dalle statistiche, che evidentemente non avevo studiato a sufficenza fino aquel momento, si evinceva come la <b>maggior parte</b> dei visitatori <b>"abituali"</b> arrivassero da google usando come parola chiave il nome del blog; questo sta a significare che si ricordano il nome del sito ma le loro <b>abitudini di navigazione</b> sono quelle appena descritte.<br />
Perchè? Perche la <b>nicchia</b> di quel blog non è una nicchia di persone che masticano bene di internet come possono essere quelli che navigano in <a href="http://templatexblogger.blogspot.com/"><b>templatexblogger</b></a>!<br />
<br />
Ho quindi immediatamente dato la possibilità di <b>iscriversi alla newsletter,</b> servizio molto più conosciuto rispetto ai <b>feed</b> e... miracolo! Le iscizioni hanno cominciato ad aumentare vertiginosamente. <b>Bingo!</b><br />
Tutto questo lungo esempio per farti capire che non tutti gli utenti navagano allo stesso modo e in base alla tua nicchia devi creare un blog in <b>relazione alle persone</b> che lo visiteranno.<br />
<br />
Per assurdo un blog che spiega nel dettaglio il CSS può anche non mettere l'escrizione ai feed, tanto la maggior parte dei visitatori sa che lo trova nella barra dell'URL, mentre se parli di lavori con l'uncinetto inserire una barra per i bookmark alla fine del post non servirà a niente!<br />
<br />
<br />
Ma ci sono le vie di mezzo e in questi casi una <b>barra con le icone</b> più conosciute e d'obbligo; in questo post te ne propongo una veramente bella, come quella qui sotto:<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHwk-j7l7lsCvsXhsUCu3ul4hKfpSV-011oKbwSCiTU_hyu935zcPpOpgifRUMlEkMp2ryuCoqvCxbMNn7fL6Kl3QV0kgx9rTohMHxlG55H0Q9DCycYzwC_ah5EIzl4-6Pa0DOZJ09IePZ/s1600-h/ScreenShot001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="108" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHwk-j7l7lsCvsXhsUCu3ul4hKfpSV-011oKbwSCiTU_hyu935zcPpOpgifRUMlEkMp2ryuCoqvCxbMNn7fL6Kl3QV0kgx9rTohMHxlG55H0Q9DCycYzwC_ah5EIzl4-6Pa0DOZJ09IePZ/s400/ScreenShot001.jpg" width="400" /></a></div><br />
<span style="font-size: large;"><b>Come installarla:</b></span><br />
<br />
<b>1- </b>Vai su Luyout --> Modifica HTML<br />
<br />
<b>2-</b> Fai un backup del template ed espandi i modelli widget<br />
<br />
<b>3-</b> Cerca il tag <span style="color: red;"><data:post.body/></span> (che stà sempre a rappresentare il corpo del post) e incolla appena <b>dopo,</b> se vuoi inserirla alla <b>fine</b> del post, o appena <b>prima</b> se vuoi inserila <b>tra il titolo e il pos</b>t questo codice:<br />
<blockquote><br />
<pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><div align='left'>
<span class='post-icons'>
<span style="color: red;"><!-- Widget Title , Share This Start, Remove Or Leave--></span><p align='left'>
<img alt='' border='0' id='' src='<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzZXcqaMJow9BGE31CVYwp-rXYNmLUZUg_DT19GIUoF_akxiavnis7PsmgjPDK22_ljOpgtDAGA3wAU7UUYSA5BlZtiQb0qVwkMvI5nZrzRtcSCxVFcfuHB0j5ChfiBsSg9xd1FBB0-ezg/s400/share-this.png</span>'/></p>
<span style="color: red;"><!-- Widget Title , Share This End, Remove Or Leave--></span>
<span style="color: red;"><!-- Stumbleupon Button Start, Remove Or leave --></span>
<a expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This'><img alt='Stumble This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr14rmm1FMocRNXESuqyWRzZ4ofG05zSxjnodjmd4OCTq-jdS5kTopAPBe2oy3FAw_ZwH1d_kvPGQVlpBj5znxg96qfgAWTdcaIpyeIQOpArqyv90rAjtn5DyXFb7SdKzi2YWs2yW0mYs/s200/stumbleupon.png'/></a>
<span style="color: red;"><!-- Stumbleupon Button End, Remove Or leave --></span>
<span style="color: red;"><!-- Technorati Button Start, Remove Or leave --></span>
<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Fav This With Technorati'><img alt='Fav This With Technorati' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjarr1cy5L0SGHR4CYbVFudk6q5GGF-88-f-6ewMzXRkpkPP6X1JPIEhQvm9636CPdTgGq1eaEaG6M5QezAn5pphiTpRBsD5nwM38tIMma6igDvpCZLbfo-SVrgIbwMOpqtdDhMgkUFsMs/s200/technorati.png'/></a>
<span style="color: red;"> <!-- Technorati Button End, Remove Or leave --></span>
<span style="color: red;"><!-- Delicious Button Start, Remove Or leave --></span>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'><img alt='Add To Del.icio.us' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNu9QZe75xBkNJVfaHZWyY-FidQpnykgMFfrqb6e0b4GWe0YBOPuGN9ZN0hd_mSyI4xGbVCPDaaOs8h0hS5q90esZLF1P7hpiEAWCFPOsNzy0bjM_M0Y8alPoQ3bF2orJjCBpljNWOHo/s200/delicious.png'/></a>
<span style="color: red;"> <!-- Delicious Button End, Remove Or leave --></span>
<span style="color: red;"><!-- Digg Button Start, Remove Or leave --></span>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This'><img alt='Digg This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQu8PPGaS_rLz9ZB5k-YzxgIfjBOCfHwpaYVuR1V5T5Esrr_NGwibWLQSbvfBHAQBRnggrFUyQCPHMcd8Ke8ZDwqtP0Y_WBFTMvjHgN6vc861dqDL7EEbfi4-yCfbPHqXP6BVBrUelNtg/s200/digg.png'/></a>
<span style="color: red;"> <!-- Digg Button End, Remove Or leave --></span>
<span style="color: red;"><!-- Reddit Button Start, Remove Or leave --></span>
<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Reddit'><img alt='Add To Reddit' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirnaTbht6YS24nuQZ0uhRE9fVW1mrdQ8OVvMinJaZrBevWa1tSCKS_uCOmboU6u2dyccEUqtoFbASFilBPlWsNpvbYSpub0xJbjNxmdRhf7eJJwcAKFdn63bsHtgCAsyKSI_axvpeblCY/s200/reddit.png'/></a>
<span style="color: red;"> <!-- Reddit Button End, Remove Or leave --></span>
<span style="color: red;"><!-- FaceBook Button Start, Remove Or leave --></span>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Facebook'><img alt='Add To Facebook' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOe0x9_YwzZmebkxLg4wNEkHWjjB9KUBxMnG325j9pV5TmIgZXwuIioX6ihIGcn2wr5T5kOmrRfjOZVw-BV0PJFEWKxWawRp6-M95lAmhGFYIqv7DXF-BJW4FpKCxxLG5Y0uEov58l_LY/s200/facebook.png'/></a>
<span style="color: red;"> <!-- FaceBook Button End, Remove Or leave --></span>
<span style="color: red;"><!-- Yahoo Button Start, Remove Or leave --></span>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Yahoo'><img alt='Add To Yahoo' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs6u9AfCaP-CjdBsL1MEmyQW063Gy0SvzVNzgQvVeGmCTjsaW3ipjJ3S39kpBwxnAw6Y68XnKBxNU_dhWm8Mosp-xkvFgtJ1xQoSjGyMAP1wBOFWXmuZ-Wc2HsvBQWXWUAUZqN4jC5rQs/s200/yahoo.png'/></a>
<span style="color: red;"> <!-- Yahoo Button End, Remove Or leave --></span>
<span style="color: red;"><!-- Twitter Button Start, Remove Or leave --></span>
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='&quot;return TweetAndTrack.open(this, &quot;&quot; + data:post.url + &quot;&quot;);&quot;' href='#'>
<span style='display:none;'>I&#39;m reading: <data:post.title/></span><img alt='Add To Yahoo' border='0' class='icon-action' src='http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png'/></a>
<span style="color: red;"><!-- Twitter Button End, Remove Or leave --></span>
</span>
</div></span></pre></blockquote><b>Modifiche:</b><br />
<ul><li>Ogni social è delimitato dalle scritte in <span style="color: red;">rosso</span>, puo toglierlo semplicemente cancellando il codice compreso tra le due righe</li>
<li>Puoi cambiare anche la scritta "share this" semplicemente creando la tua immagine, hostandola e inserendo l'indirizzo al posto del link in <span style="color: magenta;">rosa</span>.</li>
</ul><b>4-</b> SalvaEnircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-73779542897334917752010-02-25T00:23:00.002+01:002010-07-24T13:09:09.140+02:00Blogger template: Wgray<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoxR_qpbVvHpMM3lmnwSqkNHKoenAlm9NY1lCRFoBw2hLXZJ75SDOTid7dzdg4pOkyB6dLpCoU8U3hMXogEKWvOpiBiQ9GUB8YNaBnV7c8VNc1jEtVXDrXW8nfAjOjs87kGo6l4515o7L1/s1600-h/wgrey.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoxR_qpbVvHpMM3lmnwSqkNHKoenAlm9NY1lCRFoBw2hLXZJ75SDOTid7dzdg4pOkyB6dLpCoU8U3hMXogEKWvOpiBiQ9GUB8YNaBnV7c8VNc1jEtVXDrXW8nfAjOjs87kGo6l4515o7L1/s400/wgrey.jpg" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://wgrey-theme.blogspot.com/" target="_blank">DEMO</a> / <a href="http://www.box.net/shared/jsx1vfdio1" target="_blank">DOWNLOAD</a></div><div class="separator" style="clear: both; text-align: center;"></div><a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;"><span style="font-size: large;"><b>Caratteristiche principali:</b></span></div><ul><li>Layout a 2 colonne</li>
<li>Sidebar a destra</li>
<li>Ottimizzato per i motori di ricerca</li>
<li>Ottimizzato per adsense</li>
<li>Spazio annunci pubblicitari</li>
</ul><span style="font-size: large;"><b>Designer:</b></span><br />
<br />
<a href="http://www.webhostingreport.com/" rel="nofollow" target="_blank">Web Hosting Report</a><br />
<br />
<span style="font-size: large;"><b>Autore:</b></span><br />
<br />
<a href="http://themecraft.net/" rel="nofollow" target="_blank">Themecraft</a>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-6641926224106351122010-02-24T00:20:00.002+01:002010-07-24T13:09:29.871+02:00Come aggiornare automaticamente Twitter e FacebookE' ormai nota l'importanza per i blogger di estendere la propria rete utilizzando anche tutti i vari social a disposizione. In Italia i più utilizzati al momento sono Twitter e Facebook e probabilmente google buzz tra qualche tempo entrerà a far parte di questa "cerchia ristretta".<br />
Come cita anche <a href="http://blog.tagliaerbe.com/2010/02/facebook-sostituisce-google-come-fonte-di-traffico.html" target="_blank">tagliaerbe</a> in un suo post di qualche tempo fa se usati nel modo giusto questi servizi possono diventare anche la prima fonte di traffico per un blog o sito e addirittura sopravanzare l'ormai leader indiscusso Google.<br />
Ma gestire tutti i vari social, oltre al blog stesso, per chi ha poco tempo non è un'impresa facile. Ci viene quindi in aiuto un ottimo servizio, <a href="http://twitterfeed.com/" target="_blank">Twitterfeed.com</a>, un servizio nato inizialmente per automatizzare i post su Twitter e poi esteso anche ad altri social network.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgscN93veHTC_Y5WxjnQM0gw1HP13dmI2WxZPci8XO-ARSNCXUgEYij0cyGT7an51xOw2sB-Wmo8LrDXFxgIyd-VzyqQO6Cgz36tjz0CNWTImGQ5B3sVB0_j2-NRTo3Y1M3vX_KV2-Uf4uz/s1600-h/ScreenShot001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgscN93veHTC_Y5WxjnQM0gw1HP13dmI2WxZPci8XO-ARSNCXUgEYij0cyGT7an51xOw2sB-Wmo8LrDXFxgIyd-VzyqQO6Cgz36tjz0CNWTImGQ5B3sVB0_j2-NRTo3Y1M3vX_KV2-Uf4uz/s400/ScreenShot001.jpg" width="400" /></a></div><br />
<br />
<a name='more'></a><br />
<br />
<b><span style="font-size: large;">Come automatizzare</span> Twitter e Facebook con il nostro blogger </b><br />
<br />
<b>1-</b> Vai sul sito di <a href="http://twitterfeed.com/" target="_blank">Twitterfeed.com</a><br />
<br />
<b>2-</b> Crea un account e fai il log in<br />
<br />
<b>3- </b>Ora clicca su Create feed<br />
<br />
<b>4-</b> Inserisci il nome e l'URL del feed e clicca su <i>"continue to step 2"</i><br />
<br />
<b>5-</b> Scegli i servizi che vuoi aggiungere ed inserisci i tuoi account affiche Twitterfeed si colleghi<br />
<br />
<b>6-</b> Clicca su <i>"all done"</i><br />
<br />
Ora non devi più preoccuparti di niente. Ogni ora Twitterfeed controllerà il tuo blog e aggiornerà i servizi che gli hai collegato.<br />
<br />
<b>P.s:</b> In facebook verrà aggiornata automaticamente la tua bacheca. Per aggiornare una pagina basta aprire il menu a tendina che appare appena sotto l'autenticazione dell'account e cercare la pagina che si vuole aggiornare.Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-1635511742070606432010-02-23T14:22:00.002+01:002010-07-24T13:10:33.518+02:00Blogger template: iEducation<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPLRM6OjHdF5-36cn0T4f8DG2oRiGy1giDbhYPJZlThFhnc1SOaQbEzvLcnMvlM73kZaWQ1mOe-rLxhlssAIJhEOnowq3RkWhzgdUCZrKW41Sk8iqDsC-HrWombQymunWsfcMoS66T686T/s1600-h/ieducation.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPLRM6OjHdF5-36cn0T4f8DG2oRiGy1giDbhYPJZlThFhnc1SOaQbEzvLcnMvlM73kZaWQ1mOe-rLxhlssAIJhEOnowq3RkWhzgdUCZrKW41Sk8iqDsC-HrWombQymunWsfcMoS66T686T/s400/ieducation.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://ieducation-theme.blogspot.com/" target="_blank">DEMO</a> / <a href="http://www.box.net/shared/cvb83o91f6" target="_blank">DOWNLOAD</a></div><div class="separator" style="clear: both; text-align: center;"></div><a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;"><span style="font-size: large;"><b>Caratteristiche principali:</b></span></div><ul><li>Layout a 2 colonne</li>
<li>Sidebar a destra</li>
<li>Casella di ricerca</li>
<li>Ottimizzato per adsense</li>
<li>Spazio annunci pubblicitari</li>
<li>Spazio dedicato social</li>
</ul><span style="font-size: large;"><b>Designer:</b></span><br />
<br />
<a href="http://newwpthemes.com/preview" rel="nofollow" target="_blank">New WP Themes</a><br />
<br />
<b><span style="font-size: large;">Autore:</span></b><br />
<br />
<a href="http://themecraft.net/" rel="nofollow" target="_blank">Themecraft</a>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-17796193202709565932010-02-22T00:13:00.001+01:002010-07-24T13:11:15.707+02:00Slideshow di immagini da aggiungere a bloggerQuesta <a href="http://templatexblogger.blogspot.com/search/label/Slideshow">slideshow</a> crea un effetto dinamico al tuo sito e lascia sicuramente un buon ricordo ai tuoi lettori. E' molto facile da gestire e si possono aggiungere e togliere degli articoli in modo molto semplice.<br />
Apparirà una foto e una porzione del testo, come puoi vedere in <a href="http://featured-post-slider.blogspot.com/">questa </a>demo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4FZ5qrOufkENAi9eYYUH2UjV86NaaWFgYffyKwpHAjsp5XS8UlkxlhIQLP97Rw10mR5CLOT1gv4g7e1_J8AZn4fDqTHZ0me7crGjuxvEG8ZNj8QnUegMuTpzaPUlYZJ2hA6IJ6-74I-GV/s1600-h/featured%20post%20content%20slider.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4FZ5qrOufkENAi9eYYUH2UjV86NaaWFgYffyKwpHAjsp5XS8UlkxlhIQLP97Rw10mR5CLOT1gv4g7e1_J8AZn4fDqTHZ0me7crGjuxvEG8ZNj8QnUegMuTpzaPUlYZJ2hA6IJ6-74I-GV/s400/featured%20post%20content%20slider.png" width="400" /></a></div><br />
<a name='more'></a><br />
<br />
<span style="font-size: large;"><b>Come installarla:</b></span><br />
<br />
<b>1-</b>Vai su Layout --> Modifica html<br />
<br />
<b>2-</b> Espandi i modelli widget e fai un backup del template<br />
<br />
<b>3-</b> Cerca il tag <span style="color: red;"></head></span><br />
<br />
<b>4-</b> Incolla appena <b>prima</b> questo codice<br />
<blockquote><pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c]);return p}('(6($){$.1g.1w=6(o){o=$.1f({r:n,x:n,N:n,17:q,J:n,L:1a,16:n,y:q,u:12,H:3,B:0,k:1,K:n,I:n},o||{});8 G.R(6(){p b=q,A=o.y?"15":"w",P=o.y?"t":"s";p c=$(G),9=$("9",c),E=$("10",9),W=E.Y(),v=o.H;7(o.u){9.1h(E.D(W-v-1+1).V()).1d(E.D(0,v).V());o.B+=v}p f=$("10",9),l=f.Y(),4=o.B;c.5("1c","H");f.5({U:"T",1b:o.y?"S":"w"});9.5({19:"0",18:"0",Q:"13","1v-1s-1r":"S","z-14":"1"});c.5({U:"T",Q:"13","z-14":"2",w:"1q"});p g=o.y?t(f):s(f);p h=g*l;p j=g*v;f.5({s:f.s(),t:f.t()});9.5(P,h+"C").5(A,-(4*g));c.5(P,j+"C");7(o.r)$(o.r).O(6(){8 m(4-o.k)});7(o.x)$(o.x).O(6(){8 m(4+o.k)});7(o.N)$.R(o.N,6(i,a){$(a).O(6(){8 m(o.u?o.H+i:i)})});7(o.17&&c.11)c.11(6(e,d){8 d>0?m(4-o.k):m(4+o.k)});7(o.J)1p(6(){m(4+o.k)},o.J+o.L);6 M(){8 f.D(4).D(0,v)};6 m(a){7(!b){7(o.K)o.K.Z(G,M());7(o.u){7(a<=o.B-v-1){9.5(A,-((l-(v*2))*g)+"C");4=a==o.B-v-1?l-(v*2)-1:l-(v*2)-o.k}F 7(a>=l-v+1){9.5(A,-((v)*g)+"C");4=a==l-v+1?v+1:v+o.k}F 4=a}F{7(a<0||a>l-v)8;F 4=a}b=12;9.1o(A=="w"?{w:-(4*g)}:{15:-(4*g)},o.L,o.16,6(){7(o.I)o.I.Z(G,M());b=q});7(!o.u){$(o.r+","+o.x).1n("X");$((4-o.k<0&&o.r)||(4+o.k>l-v&&o.x)||[]).1m("X")}}8 q}})};6 5(a,b){8 1l($.5(a[0],b))||0};6 s(a){8 a[0].1k+5(a,'1j')+5(a,'1i')};6 t(a){8 a[0].1t+5(a,'1u')+5(a,'1e')}})(1x);',62,96,'||||curr|css|function|if|return|ul|||||||||||scroll|itemLength|go|null||var|false|btnPrev|width|height|circular||left|btnNext|vertical||animCss|start|px|slice|tLi|else|this|visible|afterEnd|auto|beforeStart|speed|vis|btnGo|click|sizeCss|position|each|none|hidden|overflow|clone|tl|disabled|size|call|li|mousewheel|true|relative|index|top|easing|mouseWheel|padding|margin|200|float|visibility|append|marginBottom|extend|fn|prepend|marginRight|marginLeft|offsetWidth|parseInt|addClass|removeClass|animate|setInterval|0px|type|style|offsetHeight|marginTop|list|jCarouselLite|jQuery'.split('|'),0,{}))
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
/*
* Copyright (c) 2009 Simo Kinnunen.
* Licensed under the MIT license.
*
* @version 1.02
*/
var Cufon=(function(){var m=function(){return m.replace.apply(null,arguments)};var x=m.DOM={ready:(function(){var C=false,E={loaded:1,complete:1};var B=[],D=function(){if(C){return}C=true;for(var F;F=B.shift();F()){}};if(document.addEventListener){document.addEventListener("DOMContentLoaded",D,false);window.addEventListener("pageshow",D,false)}if(!window.opera&&document.readyState){(function(){E[document.readyState]?D():setTimeout(arguments.callee,10)})()}if(document.readyState&&document.createStyleSheet){(function(){try{document.body.doScroll("left");D()}catch(F){setTimeout(arguments.callee,1)}})()}q(window,"load",D);return function(F){if(!arguments.length){D()}else{C?F():B.push(F)}}})(),root:function(){return document.documentElement||document.body}};var n=m.CSS={Size:function(C,B){this.value=parseFloat(C);this.unit=String(C).match(/[a-z%]*$/)[0]||"px";this.convert=function(D){return D/B*this.value};this.convertFrom=function(D){return D/this.value*B};this.toString=function(){return this.value+this.unit}},addClass:function(C,B){var D=C.className;C.className=D+(D&&" ")+B;return C},color:j(function(C){var B={};B.color=C.replace(/^rgba((.*?),s*([d.]+))/,function(E,D,F){B.opacity=parseFloat(F);return"rgb("+D+")"});return B}),fontStretch:j(function(B){if(typeof B=="number"){return B}if(/%$/.test(B)){return parseFloat(B)/100}return{"ultra-condensed":0.5,"extra-condensed":0.625,condensed:0.75,"semi-condensed":0.875,"semi-expanded":1.125,expanded:1.25,"extra-expanded":1.5,"ultra-expanded":2}[B]||1}),getStyle:function(C){var B=document.defaultView;if(B&&B.getComputedStyle){return new a(B.getComputedStyle(C,null))}if(C.currentStyle){return new a(C.currentStyle)}return new a(C.style)},gradient:j(function(F){var G={id:F,type:F.match(/^-([a-z]+)-gradient(/)[1],stops:[]},C=F.substr(F.indexOf("(")).match(/([d.]+=)?(#[a-f0-9]+|[a-z]+(.*?)|[a-z]+)/ig);for(var E=0,B=C.length,D;E<B;++E){D=C[E].split("=",2).reverse();G.stops.push([D[1]||E/(B-1),D[0]])}return G}),hasClass:function(C,B){return RegExp("(?:^|\s)"+B+"(?=\s|$)").test(C.className)},quotedList:j(function(E){var D=[],C=/s*((["'])([sS]*?[^\])2|[^,]+)s*/g,B;while(B=C.exec(E)){D.push(B[3]||B[1])}return D}),recognizesMedia:j(function(G){var E=document.createElement("style"),D,C,B;E.type="text/css";E.media=G;try{E.appendChild(document.createTextNode("/**/"))}catch(F){}C=g("head")[0];C.insertBefore(E,C.firstChild);D=(E.sheet||E.styleSheet);B=D&&!D.disabled;C.removeChild(E);return B}),removeClass:function(D,C){var B=RegExp("(?:^|\s+)"+C+"(?=\s|$)","g");D.className=D.className.replace(B,"");return D},supports:function(D,C){var B=document.createElement("span").style;if(B[D]===undefined){return false}B[D]=C;return B[D]===C},textAlign:function(E,D,B,C){if(D.get("textAlign")=="right"){if(B>0){E=" "+E}}else{if(B<C-1){E+=" "}}return E},textDecoration:function(G,F){if(!F){F=this.getStyle(G)}var C={underline:null,overline:null,"line-through":null};for(var B=G;B.parentNode&&B.parentNode.nodeType==1;){var E=true;for(var D in C){if(!k(C,D)||C[D]){continue}if(F.get("textDecoration").indexOf(D)!=-1){C[D]=F.get("color")}E=false}if(E){break}F=this.getStyle(B=B.parentNode)}return C},textShadow:j(function(F){if(F=="none"){return null}var E=[],G={},B,C=0;var D=/(#[a-f0-9]+|[a-z]+(.*?)|[a-z]+)|(-?[d.]+[a-z%]*)|,/ig;while(B=D.exec(F)){if(B[0]==","){E.push(G);G={};C=0}else{if(B[1]){G.color=B[1]}else{G[["offX","offY","blur"][C++]]=B[2]}}}E.push(G);return E}),textTransform:(function(){var B={uppercase:function(C){return C.toUpperCase()},lowercase:function(C){return C.toLowerCase()},capitalize:function(C){return C.replace(/b./g,function(D){return D.toUpperCase()})}};return function(E,D){var C=B[D.get("textTransform")];return C?C(E):E}})(),whiteSpace:(function(){var B={inline:1,"inline-block":1,"run-in":1};return function(E,C,D){if(B[C.get("display")]){return E}if(!D.previousSibling){E=E.replace(/^s+/,"")}if(!D.nextSibling){E=E.replace(/s+$/,"")}return E}})()};n.ready=(function(){var B=!n.recognizesMedia("all"),E=false;var D=[],H=function(){B=true;for(var K;K=D.shift();K()){}};var I=g("link"),J=g("style");function C(K){return K.disabled||G(K.sheet,K.media||"screen")}function G(M,P){if(!n.recognizesMedia(P||"all")){return true}if(!M||M.disabled){return false}try{var Q=M.cssRules,O;if(Q){search:for(var L=0,K=Q.length;O=Q[L],L<K;++L){switch(O.type){case 2:break;case 3:if(!G(O.styleSheet,O.media.mediaText)){return false}break;default:break search}}}}catch(N){}return true}function F(){if(document.createStyleSheet){return true}var L,K;for(K=0;L=I[K];++K){if(L.rel.toLowerCase()=="stylesheet"&&!C(L)){return false}}for(K=0;L=J[K];++K){if(!C(L)){return false}}return true}x.ready(function(){if(!E){E=n.getStyle(document.body).isUsable()}if(B||(E&&F())){H()}else{setTimeout(arguments.callee,10)}});return function(K){if(B){K()}else{D.push(K)}}})();function s(C){var B=this.face=C.face;this.glyphs=C.glyphs;this.w=C.w;this.baseSize=parseInt(B["units-per-em"],10);this.family=B["font-family"].toLowerCase();this.weight=B["font-weight"];this.style=B["font-style"]||"normal";this.viewBox=(function(){var E=B.bbox.split(/s+/);var D={minX:parseInt(E[0],10),minY:parseInt(E[1],10),maxX:parseInt(E[2],10),maxY:parseInt(E[3],10)};D.width=D.maxX-D.minX;D.height=D.maxY-D.minY;D.toString=function(){return[this.minX,this.minY,this.width,this.height].join(" ")};return D})();this.ascent=-parseInt(B.ascent,10);this.descent=-parseInt(B.descent,10);this.height=-this.ascent+this.descent}function f(){var C={},B={oblique:"italic",italic:"oblique"};this.add=function(D){(C[D.style]||(C[D.style]={}))[D.weight]=D};this.get=function(H,I){var G=C[H]||C[B[H]]||C.normal||C.italic||C.oblique;if(!G){return null}I={normal:400,bold:700}[I]||parseInt(I,10);if(G[I]){return G[I]}var E={1:1,99:0}[I%100],K=[],F,D;if(E===undefined){E=I>400}if(I==500){I=400}for(var J in G){if(!k(G,J)){continue}J=parseInt(J,10);if(!F||J<F){F=J}if(!D||J>D){D=J}K.push(J)}if(I<F){I=F}if(I>D){I=D}K.sort(function(M,L){return(E?(M>I&&L>I)?M<L:M>L:(M<I&&L<I)?M>L:M<L)?-1:1});return G[K[0]]}}function r(){function D(F,G){if(F.contains){return F.contains(G)}return F.compareDocumentPosition(G)&16}function B(G){var F=G.relatedTarget;if(!F||D(this,F)){return}C(this)}function E(F){C(this)}function C(F){setTimeout(function(){m.replace(F,d.get(F).options,true)},10)}this.attach=function(F){if(F.onmouseenter===undefined){q(F,"mouseover",B);q(F,"mouseout",B)}else{q(F,"mouseenter",E);q(F,"mouseleave",E)}}}function u(){var C=[],D={};function B(H){var E=[],G;for(var F=0;G=H[F];++F){E[F]=C[D[G]]}return E}this.add=function(F,E){D[F]=C.push(E)-1};this.repeat=function(){var E=arguments.length?B(arguments):C,F;for(var G=0;F=E[G++];){m.replace(F[0],F[1],true)}}}function A(){var D={},B=0;function C(E){return E.cufid||(E.cufid=++B)}this.get=function(E){var F=C(E);return D[F]||(D[F]={})}}function a(B){var D={},C={};this.extend=function(E){for(var F in E){if(k(E,F)){D[F]=E[F]}}return this};this.get=function(E){return D[E]!=undefined?D[E]:B[E]};this.getSize=function(F,E){return C[F]||(C[F]=new n.Size(this.get(F),E))};this.isUsable=function(){return !!B}}function q(C,B,D){if(C.addEventListener){C.addEventListener(B,D,false)}else{if(C.attachEvent){C.attachEvent("on"+B,function(){return D.call(C,window.event)})}}}function v(C,B){var D=d.get(C);if(D.options){return C}if(B.hover&&B.hoverables[C.nodeName.toLowerCase()]){b.attach(C)}D.options=B;return C}function j(B){var C={};return function(D){if(!k(C,D)){C[D]=B.apply(null,arguments)}return C[D]}}function c(F,E){var B=n.quotedList(E.get("fontFamily").toLowerCase()),D;for(var C=0;D=B[C];++C){if(i[D]){return i[D].get(E.get("fontStyle"),E.get("fontWeight"))}}return null}function g(B){return document.getElementsByTagName(B)}function k(C,B){return C.hasOwnProperty(B)}function h(){var B={},D,F;for(var E=0,C=arguments.length;D=arguments[E],E<C;++E){for(F in D){if(k(D,F)){B[F]=D[F]}}}return B}function o(E,M,C,N,F,D){var K=document.createDocumentFragment(),H;if(M===""){return K}var L=N.separate;var I=M.split(p[L]),B=(L=="words");if(B&&t){if(/^s/.test(M)){I.unshift("")}if(/s$/.test(M)){I.push("")}}for(var J=0,G=I.length;J<G;++J){H=z[N.engine](E,B?n.textAlign(I[J],C,J,G):I[J],C,N,F,D,J<G-1);if(H){K.appendChild(H)}}return K}function l(C,J){var B=n.getStyle(v(C,J)).extend(J);var D=c(C,B),E,H,G,F,I;for(E=C.firstChild;E;E=G){H=E.nodeType;G=E.nextSibling;if(H==3){if(F){F.appendData(E.data);C.removeChild(E)}else{F=E}if(G){continue}}if(F){C.replaceChild(o(D,n.whiteSpace(F.data,B,F),B,J,E,C),F);F=null}if(H==1&&E.firstChild){if(n.hasClass(E,"cufon")){z[J.engine](D,null,B,J,E,C)}else{arguments.callee(E,J)}}}}var t=" ".split(/s+/).length==0;var d=new A();var b=new r();var y=new u();var e=false;var z={},i={},w={enableTextDecoration:false,engine:null,forceHitArea:false,hover:false,hoverables:{a:true},printable:true,selector:(window.Sizzle||(window.jQuery&&function(B){return jQuery(B)})||(window.dojo&&dojo.query)||(window.Ext&&Ext.query)||(window.$$&&function(B){return $$(B)})||(window.$&&function(B){return $(B)})||(document.querySelectorAll&&function(B){return document.querySelectorAll(B)})||g),separate:"words",textShadow:"none"};var p={words:/[^Su00a0]+/,characters:"",none:/^/};m.now=function(){x.ready();return m};m.refresh=function(){y.repeat.apply(y,arguments);return m};m.registerEngine=function(C,B){if(!B){return m}z[C]=B;return m.set("engine",C)};m.registerFont=function(D){var B=new s(D),C=B.family;if(!i[C]){i[C]=new f()}i[C].add(B);return m.set("fontFamily",'"'+C+'"')};m.replace=function(D,C,B){C=h(w,C);if(!C.engine){return m}if(!e){n.addClass(x.root(),"cufon-active cufon-loading");n.ready(function(){n.addClass(n.removeClass(x.root(),"cufon-loading"),"cufon-ready")});e=true}if(C.hover){C.forceHitArea=true}if(typeof C.textShadow=="string"){C.textShadow=n.textShadow(C.textShadow)}if(typeof C.color=="string"&&/^-/.test(C.color)){C.textGradient=n.gradient(C.color)}if(!B){y.add(D,arguments)}if(D.nodeType||typeof D=="string"){D=[D]}n.ready(function(){for(var F=0,E=D.length;F<E;++F){var G=D[F];if(typeof G=="string"){m.replace(C.selector(G),C,true)}else{l(G,C)}}});return m};m.set=function(B,C){w[B]=C;return m};return m})();Cufon.registerEngine("canvas",(function(){var b=document.createElement("canvas");if(!b||!b.getContext||!b.getContext.apply){return}b=null;var a=Cufon.CSS.supports("display","inline-block");var e=!a&&(document.compatMode=="BackCompat"||/frameset|transitional/i.test(document.doctype.publicId));var f=document.createElement("style");f.type="text/css";f.appendChild(document.createTextNode((".cufon-canvas{text-indent:0;}@media screen,projection{.cufon-canvas{display:inline;display:inline-block;position:relative;vertical-align:middle;"+(e?"":"font-size:1px;line-height:1px;")+"}.cufon-canvas .cufon-alt{display:-moz-inline-box;display:inline-block;width:0;height:0;overflow:hidden;text-indent:-10000in;}"+(a?".cufon-canvas canvas{position:relative;}":".cufon-canvas canvas{position:absolute;}")+"}@media print{.cufon-canvas{padding:0;}.cufon-canvas canvas{display:none;}.cufon-canvas .cufon-alt{display:inline;}}").replace(/;/g,"!important;")));document.getElementsByTagName("head")[0].appendChild(f);function d(p,h){var n=0,m=0;var g=[],o=/([mrvxe])([^a-z]*)/g,k;generate:for(var j=0;k=o.exec(p);++j){var l=k[2].split(",");switch(k[1]){case"v":g[j]={m:"bezierCurveTo",a:[n+~~l[0],m+~~l[1],n+~~l[2],m+~~l[3],n+=~~l[4],m+=~~l[5]]};break;case"r":g[j]={m:"lineTo",a:[n+=~~l[0],m+=~~l[1]]};break;case"m":g[j]={m:"moveTo",a:[n=~~l[0],m=~~l[1]]};break;case"x":g[j]={m:"closePath"};break;case"e":break generate}h[g[j].m].apply(h,g[j].a)}return g}function c(m,k){for(var j=0,h=m.length;j<h;++j){var g=m[j];k[g.m].apply(k,g.a)}}return function(ah,H,Z,D,L,ai){var n=(H===null);if(n){H=L.alt}var J=ah.viewBox;var p=Z.getSize("fontSize",ah.baseSize);var X=Z.get("letterSpacing");X=(X=="normal")?0:p.convertFrom(parseInt(X,10));var K=0,Y=0,W=0,F=0;var I=D.textShadow,U=[];if(I){for(var ag=I.length;ag--;){var O=I[ag];var T=p.convertFrom(parseFloat(O.offX));var R=p.convertFrom(parseFloat(O.offY));U[ag]=[T,R];if(R<K){K=R}if(T>Y){Y=T}if(R>W){W=R}if(T<F){F=T}}}var al=Cufon.CSS.textTransform(H,Z).split(""),B;var o=ah.glyphs,E,r,ac;var h=0,v,N=[];for(var ag=0,ae=0,ab=al.length;ag<ab;++ag){E=o[B=al[ag]]||ah.missingGlyph;if(!E){continue}if(r){h-=ac=r[B]||0;N[ae-1]-=ac}h+=v=N[ae++]=~~(E.w||ah.w)+X;r=E.k}if(v===undefined){return null}Y+=J.width-v;F+=J.minX;var C,q;if(n){C=L;q=L.firstChild}else{C=document.createElement("span");C.className="cufon cufon-canvas";C.alt=H;q=document.createElement("canvas");C.appendChild(q);if(D.printable){var ad=document.createElement("span");ad.className="cufon-alt";ad.appendChild(document.createTextNode(H));C.appendChild(ad)}}var am=C.style;var Q=q.style;var m=p.convert(J.height);var ak=Math.ceil(m);var V=ak/m;var P=V*Cufon.CSS.fontStretch(Z.get("fontStretch"));var S=h*P;var aa=Math.ceil(p.convert(S+Y-F));var t=Math.ceil(p.convert(J.height-K+W));q.width=aa;q.height=t;Q.width=aa+"px";Q.height=t+"px";K+=J.minY;Q.top=Math.round(p.convert(K-ah.ascent))+"px";Q.left=Math.round(p.convert(F))+"px";var A=Math.ceil(p.convert(S))+"px";if(a){am.width=A;am.height=p.convert(ah.height)+"px"}else{am.paddingLeft=A;am.paddingBottom=(p.convert(ah.height)-1)+"px"}var aj=q.getContext("2d"),M=m/J.height;aj.scale(M,M*V);aj.translate(-F,-K);aj.lineWidth=ah.face["underline-thickness"];aj.save();function s(i,g){aj.strokeStyle=g;aj.beginPath();aj.moveTo(0,i);aj.lineTo(h,i);aj.stroke()}var u=D.enableTextDecoration?Cufon.CSS.textDecoration(ai,Z):{};if(u.underline){s(-ah.face["underline-position"],u.underline)}if(u.overline){s(ah.ascent,u.overline)}function af(){aj.scale(P,1);for(var x=0,k=0,g=al.length;x<g;++x){var y=o[al[x]]||ah.missingGlyph;if(!y){continue}if(y.d){aj.beginPath();if(y.code){c(y.code,aj)}else{y.code=d("m"+y.d,aj)}aj.fill()}aj.translate(N[k++],0)}aj.restore()}if(I){for(var ag=I.length;ag--;){var O=I[ag];aj.save();aj.fillStyle=O.color;aj.translate.apply(aj,U[ag]);af()}}var z=D.textGradient;if(z){var G=z.stops,w=aj.createLinearGradient(0,J.minY,0,J.maxY);for(var ag=0,ab=G.length;ag<ab;++ag){w.addColorStop.apply(w,G[ag])}aj.fillStyle=w}else{aj.fillStyle=Z.get("color")}af();if(u["line-through"]){s(-ah.descent,u["line-through"])}return C}})());Cufon.registerEngine("vml",(function(){var e=document.namespaces;if(!e){return}e.add("cvml","urn:schemas-microsoft-com:vml");e=null;var b=document.createElement("cvml:shape");b.style.behavior="url(#default#VML)";if(!b.coordsize){return}b=null;var g=(document.documentMode||0)<8;document.write(('<style type="text/css">.cufon-vml-canvas{text-indent:0;}@media screen{cvml\:shape,cvml\:rect,cvml\:fill,cvml\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}.cufon-vml-canvas{position:absolute;text-align:left;}.cufon-vml{display:inline-block;position:relative;vertical-align:'+(g?"middle":"text-bottom")+";}.cufon-vml .cufon-alt{position:absolute;left:-10000in;font-size:1px;}a .cufon-vml{cursor:pointer}}@media print{.cufon-vml *{display:none;}.cufon-vml .cufon-alt{display:inline;}}</style>").replace(/;/g,"!important;"));function c(h,i){return a(h,/(?:em|ex|%)$|^[a-z-]+$/i.test(i)?"1em":i)}function a(k,l){if(/px$/i.test(l)){return parseFloat(l)}var j=k.style.left,i=k.runtimeStyle.left;k.runtimeStyle.left=k.currentStyle.left;k.style.left=l.replace("%","em");var h=k.style.pixelLeft;k.style.left=j;k.runtimeStyle.left=i;return h}var f={};function d(o){var p=o.id;if(!f[p]){var m=o.stops,n=document.createElement("cvml:fill"),h=[];n.type="gradient";n.angle=180;n.focus="0";n.method="sigma";n.color=m[0][1];for(var l=1,i=m.length-1;l<i;++l){h.push(m[l][0]*100+"% "+m[l][1])}n.colors=h.join(",");n.color2=m[i][1];f[p]=n}return f[p]}return function(aj,K,ad,G,O,ak,ab){var o=(K===null);if(o){K=O.alt}var M=aj.viewBox;var q=ad.computedFontSize||(ad.computedFontSize=new Cufon.CSS.Size(c(ak,ad.get("fontSize"))+"px",aj.baseSize));var aa=ad.computedLSpacing;if(aa==undefined){aa=ad.get("letterSpacing");ad.computedLSpacing=aa=(aa=="normal")?0:~~q.convertFrom(a(ak,aa))}var C,r;if(o){C=O;r=O.firstChild}else{C=document.createElement("span");C.className="cufon cufon-vml";C.alt=K;r=document.createElement("span");r.className="cufon-vml-canvas";C.appendChild(r);if(G.printable){var ag=document.createElement("span");ag.className="cufon-alt";ag.appendChild(document.createTextNode(K));C.appendChild(ag)}if(!ab){C.appendChild(document.createElement("cvml:shape"))}}var ap=C.style;var V=r.style;var m=q.convert(M.height),am=Math.ceil(m);var Z=am/m;var T=Z*Cufon.CSS.fontStretch(ad.get("fontStretch"));var Y=M.minX,X=M.minY;V.height=am;V.top=Math.round(q.convert(X-aj.ascent));V.left=Math.round(q.convert(Y));ap.height=q.convert(aj.height)+"px";var v=G.enableTextDecoration?Cufon.CSS.textDecoration(ak,ad):{};var J=ad.get("color");var ao=Cufon.CSS.textTransform(K,ad).split(""),B;var p=aj.glyphs,H,s,af;var h=0,P=[],W=0,x;var z,L=G.textShadow;for(var ai=0,ah=0,ae=ao.length;ai<ae;++ai){H=p[B=ao[ai]]||aj.missingGlyph;if(!H){continue}if(s){h-=af=s[B]||0;P[ah-1]-=af}h+=x=P[ah++]=~~(H.w||aj.w)+aa;s=H.k}if(x===undefined){return null}var A=-Y+h+(M.width-x);var an=q.convert(A*T),ac=Math.round(an);var S=A+","+M.height,n;var N="r"+S+"ns";var y=G.textGradient&&d(G.textGradient);for(ai=0,ah=0;ai<ae;++ai){H=p[ao[ai]]||aj.missingGlyph;if(!H){continue}if(o){z=r.childNodes[ah];while(z.firstChild){z.removeChild(z.firstChild)}}else{z=document.createElement("cvml:shape");r.appendChild(z)}z.stroked="f";z.coordsize=S;z.coordorigin=n=(Y-W)+","+X;z.path=(H.d?"m"+H.d+"xe":"")+"m"+n+N;z.fillcolor=J;if(y){z.appendChild(y.cloneNode(false))}var al=z.style;al.width=ac;al.height=am;if(L){var u=L[0],t=L[1];var F=Cufon.CSS.color(u.color),D;var R=document.createElement("cvml:shadow");R.on="t";R.color=F.color;R.offset=u.offX+","+u.offY;if(t){D=Cufon.CSS.color(t.color);R.type="double";R.color2=D.color;R.offset2=t.offX+","+t.offY}R.opacity=F.opacity||(D&&D.opacity)||1;z.appendChild(R)}W+=P[ah++]}var Q=z.nextSibling,w,E;if(G.forceHitArea){if(!Q){Q=document.createElement("cvml:rect");Q.stroked="f";Q.className="cufon-vml-cover";w=document.createElement("cvml:fill");w.opacity=0;Q.appendChild(w);r.appendChild(Q)}E=Q.style;E.width=ac;E.height=am}else{if(Q){r.removeChild(Q)}}ap.width=Math.max(Math.ceil(q.convert(h*T)),0);if(g){var U=ad.computedYAdjust;if(U===undefined){var I=ad.get("lineHeight");if(I=="normal"){I="1em"}else{if(!isNaN(I)){I+="em"}}ad.computedYAdjust=U=0.5*(a(ak,I)-parseFloat(ap.height))}if(U){ap.marginTop=Math.ceil(U)+"px";ap.marginBottom=U+"px"}}return C}})());
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
/*
* jQuery Easing v1.1 - http://gsgd.co.uk/sandbox/jquery.easing.php
*
* Uses the built in easing capabilities added in jQuery 1.1
* to offer multiple easing options
*
* Copyright (c) 2007 George Smith
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*/
jQuery.easing = {
easein: function(x, t, b, c, d) {
return c*(t/=d)*t + b; // in
},
easeinout: function(x, t, b, c, d) {
if (t < d/2) return 2*c*t*t/(d*d) + b;
var ts = t - d/2;
return -2*c*ts*ts/(d*d) + 2*c*ts/d + c/2 + b;
},
easeout: function(x, t, b, c, d) {
return -c*t*t/(d*d) + 2*c*t/d + b;
},
expoin: function(x, t, b, c, d) {
var flip = 1;
if (c < 0) {
flip *= -1;
c *= -1;
}
return flip * (Math.exp(Math.log(c)/d * t)) + b;
},
expoout: function(x, t, b, c, d) {
var flip = 1;
if (c < 0) {
flip *= -1;
c *= -1;
}
return flip * (-Math.exp(-Math.log(c)/d * (t-d)) + c + 1) + b;
},
expoinout: function(x, t, b, c, d) {
var flip = 1;
if (c < 0) {
flip *= -1;
c *= -1;
}
if (t < d/2) return flip * (Math.exp(Math.log(c/2)/(d/2) * t)) + b;
return flip * (-Math.exp(-2*Math.log(c/2)/d * (t-d)) + c + 1) + b;
},
bouncein: function(x, t, b, c, d) {
return c - jQuery.easing['bounceout'](x, d-t, 0, c, d) + b;
},
bounceout: function(x, t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
},
bounceinout: function(x, t, b, c, d) {
if (t < d/2) return jQuery.easing['bouncein'] (x, t*2, 0, c, d) * .5 + b;
return jQuery.easing['bounceout'] (x, t*2-d,0, c, d) * .5 + c*.5 + b;
},
elasin: function(x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
elasout: function(x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
elasinout: function(x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
},
backin: function(x, t, b, c, d) {
var s=1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
},
backout: function(x, t, b, c, d) {
var s=1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
backinout: function(x, t, b, c, d) {
var s=1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
linear: function(x, t, b, c, d) {
return c*t/d + b; //linear
}
};
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function() {
Cufon.replace('.blogname h2', { fontFamily: 'MankSans-Medium' });
Cufon.replace('.sidetitl,.blogname h1', { fontFamily: 'ChunkFive' });
});
//]]>
</script>
<style type='text/css'>
#slidearea{
height: 230px;
overflow: hidden;
position: relative;
width:680px;
background:#242424;
}
#gallerycover{
overflow: hidden;
margin:0px 0px;
}
.mygallery{
overflow: hidden;
position:relative;
}
.mytext img{
position:absolute;
left:10px;
top:10px;
padding:5px;
background:#515252;
border:1px solid #5e5e5e;
}
.mytext{
position:relative;
margin:0px 0px;
height:200px;
width:680px;
float:left;
display:inline;
line-height:20px;
color:#c4c4c4;
font-family: Tahoma,Georgia,century gothic,Verdana, sans-serif;
}
.mytext ul li{
height:200px;
}
.mytext a:link, .mytext a:visited {
color:#fff;
}
.mytext h2 {
font: 18px Georgia,century gothic,Verdana, sans-serif;
margin:15px 0px 5px 310px;
font-weight:normal;
width:350px;
height:24px;
overflow:hidden;
}
.mytext p {
width:350px;
margin:0px 0px 5px 310px;
color:#6f6f6f;
}
.mytext h2 a:link, .mytext h2 a:visited {
color:#fff;
}
.slnav{
padding:3px 0px;
background:#000;
}
.prev{
float:left;
width:24px;
height:24px;
z-index:200;
margin-left:5px;
background:url(<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTXx2nwR1oBbFzUtz2Kn_CbmYguI4d8BJh2uJO9OY5cG6XtqBsOXbHR09hZV-zAJTCRg74nrDOTDpMq5hqntE3TjirWVk1OIKcuLsnE4pFIwQ_PondVjhg5199GeBObSJpAHkUd4ALPpmt/</span>);
}
.next{
float:right;
width:24px;
height:24px;
z-index:200;
background:url(<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOxXMt7LRyfR1kvkBkaEBIolGDVTU0l6IaHfDBmPyUmB4x9Y5mIhh83jKX26sxCgWKCDSq1vbrp5jSBvWJ0zIVd2_t2E1Exde0xEbhhpoC5tsIJ4M-yiBgWb-u-1RYlAuI0RS4F6wYkfhF/</span>);
display:block;
}
</style></span></pre></blockquote><b>p.s.</b> Scarica è carica le <span style="color: magenta;">immagini</span> nel tuo sito di hosting<br />
<br />
<b>5-</b> Vai su layout --> Elementi pagina e aggiungi un elemento tipo html/java<br />
<br />
<b>6-</b> Incolla questo codice<br />
<blockquote><pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><script type="text/javascript">
var $jx = jQuery.noConflict();
$jx(function() {
$jx(".mygallery").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible: 1,
easing: "backout",
speed: 1000
});
});
</script>
<div id="slidearea">
<div id="gallerycover">
<div class="mygallery">
<ul>
<li>
<div class="mytext">
<h2><a href="<span style="color: red;">URL-Post-1</span>" title="#"><span style="color: #6aa84f;">Titolo-Post-1</span></a></h2>
<p><span style="color: magenta;">Descrizione Slide 1</span> [...]</p>
<img src="<span style="color: orange;">Indirizzo-immagine-Slide-1</span>" alt="" />
</div>
</li>
<li>
<div class="mytext">
<h2><a href="<span style="color: red;">URL-Post-2</span>" title="#"><span style="color: #6aa84f;">Titolo-Post-2</span></a></h2>
<p><span style="color: magenta;">Descrizione Slide 2</span> [...]</p>
<img src="<span style="color: orange;">Indirizzo-immagine-Slide-2</span>" alt="" />
</div>
</li>
<li>
<div class="mytext">
<h2><a href="<span style="color: red;">URL-Post-3</span>" title="#"><span style="color: #6aa84f;">Titolo-Post-3</span></a></h2>
<p><span style="color: magenta;">Descrizione Slide 3</span> [...]</p>
<img src="<span style="color: orange;">Indirizzo-immagine-Slide-3</span>" alt="" />
</div>
</li>
<li>
<div class="mytext">
<h2><a href="<span style="color: red;">URL-Post-4</span>" title="#"><span style="color: #6aa84f;">Titolo-Post-4</span></a></h2>
<p><span style="color: magenta;">Descrizione Slide 4</span> [...]</p>
<img src="<span style="color: orange;">Indirizzo-immagine-Slide-4</span>" alt="" />
</div>
</li>
<li>
<div class="mytext">
<h2><a href="<span style="color: red;">URL-Post-5</span>" title="#"><span style="color: #6aa84f;">Titolo-Post-5</span></a></h2>
<p><span style="color: magenta;">Descrizione Slide 5</span>[...]</p>
<img src="<span style="color: orange;">Indirizzo-immagine-Slide-5</span>" alt="" />
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="slnav">
<a href="#" class="prev"></a>
<a href="#" class="next"></a>
<div class="clear"></div>
</div>
</div></span></pre></blockquote><b>7-</b> Sosttituisci le parti colorate:<br />
<ul><li><span style="color: red;">URL-post-1:</span> inserisci qui l'url del post</li>
<li><span style="color: #6aa84f;">Titolo-Post-1:</span> Inserisci il titolo del post</li>
<li>Descrizione Slide 1: Inserisci il testo che vuoi far apparire a fianco all'immagine</li>
<li>indirizzo-immagini-slide-1: insirisci l'url dell'immagine</li>
</ul><b> 8- </b>Ripeti il tutto per i post 2-3-4-5<br />
A meno che tu non vada a cambiare i css per modificare le dimensione della slideshow carica immagini con queste dimensioni: <span style="color: #993399; font-weight: bold;">width=270px</span> and <span style="color: #993399; font-weight: bold;">height=170px</span><br />
<br />
<b>9- </b>SalvaEnircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com3tag:blogger.com,1999:blog-4449578767130380061.post-41564506516399398442010-02-19T00:32:00.002+01:002010-07-24T13:11:33.105+02:00Come disabilitare il tasto destro in un blog o sitoQuando un sito è ben fatto può capitare che altri blogger, o gestori dei tantissimi aggregatori di notizie, copino tali e quali i nostri articoli nei loro siti. Fin qui niente di apparentemente tanto malvagio ma quando non viene riportata nemmeno la fonte non è per niente simpatico.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Wbzy2hu6WFIUV203WhybmQS9VqoZ6Lho0QVE1Yp8Q8EKseFRmz2MOPnkXIASo5KgXBG6rdcMsYJH2K33dcMoSC9ANBlCbngg4YNJUcEAkzdU9o0I1PjEHoGtjEKXDczmrDFWhXbuPMv2/s1600-h/Copyright.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Wbzy2hu6WFIUV203WhybmQS9VqoZ6Lho0QVE1Yp8Q8EKseFRmz2MOPnkXIASo5KgXBG6rdcMsYJH2K33dcMoSC9ANBlCbngg4YNJUcEAkzdU9o0I1PjEHoGtjEKXDczmrDFWhXbuPMv2/s320/Copyright.jpg" width="320" /></a></div><br />
<a name='more'></a><br />
<br />
Perdere tempo per dare dei contenuti originali e unici al nostro blog per poi vederli copiati alla lettera da altre parti può essere molto frustrante.Questo problema si può risolvere in un unico modo: disabilitando il tasto destro in modo che non si possa usare la funzione "copia". Inserire la classica dicitura <i>"è vietato copiare ...."</i> può rivelarsi inutile; se qualcuno vuole copiare copia lo stesso.<br />
<br />
Vediamo quindi <span style="font-size: large;"><b>come disabilitare il tasto destro</b></span> del mouse:<br />
<br />
<b>1-</b> Vai su Layout --> Modifica html<br />
<br />
<b>2-</b> Espandi i modelli widget<br />
<br />
<b>3-</b> Cerca il tag <span style="color: red;"></head></span><br />
<br />
<b>4-</b> Incolla appena <b>prima</b> questo codice<br />
<br />
<blockquote><pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
//]]>
</script></span></pre><br />
</blockquote><b>5-</b> Salva<br />
<br />
Ora i tuoi contenuti sono al sicuro e, salvo autorizzazioni, non li troverai in nesun altro blog!Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com8tag:blogger.com,1999:blog-4449578767130380061.post-48742128055765266282010-02-17T00:56:00.002+01:002010-07-24T13:11:46.585+02:00Come inserire una firma alla fine di ogni post in blogger<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiD8Qst4v9gBW_jYwz4hyphenhyphenKbKVgirbq4K6555H7R9_kEMU18okNKMRVjtpnPeVjBqT789VbWYWzsasRTKauO8255looObN1Oro5yossosW1IOD0rFeUBdWGKYCBBCxv79jo8VY0LyzCJHw/s1600-h/firma.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifiD8Qst4v9gBW_jYwz4hyphenhyphenKbKVgirbq4K6555H7R9_kEMU18okNKMRVjtpnPeVjBqT789VbWYWzsasRTKauO8255looObN1Oro5yossosW1IOD0rFeUBdWGKYCBBCxv79jo8VY0LyzCJHw/s200/firma.png" width="200" /></a></div> Se ti sei mai chiesto come inserire una tua firma alla fine di ogni post questo è il posto giusto per capire come fare. Con questo sistema puoi anche inserire diverse firme, una per ogni autore, nel caso tu faccia parte di un team di persone che scrivono allo stesso blog.<br />
L'effetto di questa piccola modifica è senza dubbio gradevole, dà un senso di unicità ad ogni singolo post inserito.<br />
<br />
<a name='more'></a><br />
<br />
<b><span style="font-size: large;">Come inserirla</span></b><br />
<br />
<b>1-</b> Crea la tua firma. Puoi crearla con un qualsiasi programma di grafica (ti consiglio di scaricare <a href="http://rapidshare.com/files/313020876/Photoshop_Portable_11.0.1_En-Fr-De-It-Es.paf.exe" target="_blank">photoshop portable</a> gratis nella sezione <a href="http://templatexblogger.blogspot.com/search/label/Download">download</a>) oppure con <a href="http://www.mylivesignature.com/mls_menu.php" target="_blank">MyliveSignature</a> (in <a href="http://templatexblogger.blogspot.com/2010/02/fare-limmagine-di-una-firma-con.html">questo post</a> spiego come usarlo)<br />
<br />
<b>2-</b> carica l'immagine in qualsiasi servizio di hosting<br />
<br />
<b>3-</b> Ora vai su layout --> modifica html ed espandi i modelli widget<br />
<br />
<b>4-</b> Cerca questa porzione di codice<br />
<br />
<blockquote><pre style="border: 1px solid black; height: 50px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><div class='post-footer-line post-footer-line-1'></span></pre></blockquote>se non la trovi prova a cercare questa<br />
<blockquote><pre style="border: 1px solid black; height: 50px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><p class='post-footer-line post-footer-line-1'></span></pre></blockquote>oppure questa<br />
<blockquote><pre style="border: 1px solid black; height: 50px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><data:post.body/></span></pre></blockquote><b>5-</b> Ora inserisci subito <b>dopo</b> questo codice<br />
<br />
se sei l'unico autore del tuo blog:<br />
<blockquote><pre style="border: 1px solid black; height: 50px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><img src='url_della_tua_immagine' style='border:0px;'/></span></pre></blockquote>se ci sono più autori:<br />
<blockquote><pre style="border: 1px solid black; height: 120px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><b:if cond='data:post.author == &quot;<span style="color: magenta;">nomeautore1</span>&quot;'>
<img src='<span style="color: magenta;">url_dell'immagine_del_1°_autore</span>' style='border:0px;'/>
</b:if>
<span style="color: #38761d;"><b:if cond='data:post.author == &quot;<span style="color: magenta;">nomeautore</span>2&quot;'></span>
<span style="color: #38761d;"><img src='<span style="color: magenta;">url_dell'immagine_del_2°_autore</span>' style='border:0px;'/></span>
<span style="color: #38761d;"></b:if></span></span></pre></blockquote>Sostituisci gli <span style="color: magenta;">url</span> e i <span style="color: magenta;">nomi degli autori</span> con i tuoi. Avrai notato che in questo ultimo codice ho usato due colori di base. Se ci sono più di 2 autori non devi fare altro che copiare e aggiungere un'altra parte colorata.<br />
<br />
<b>6-</b> Salva e la tua firma appariràEnircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com5tag:blogger.com,1999:blog-4449578767130380061.post-68635469499935776222010-02-16T15:10:00.001+01:002010-07-24T13:11:59.820+02:00Blogger template: the gazette edition<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF5h1VWa5GLBvgJ0kjFPSRSlljgsercNnTd4oxOFQDLmyxEFV_oQf2VVHLx5rJX6LQx6v6bRnpjPzT2zAQNajd-0nj8ohjlEb8SrDsI7bmhrVq_yUZp7aa6w1OOzspnCqzAxdjrPOEeS7B/s1600-h/gazette-edition-blogger-template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF5h1VWa5GLBvgJ0kjFPSRSlljgsercNnTd4oxOFQDLmyxEFV_oQf2VVHLx5rJX6LQx6v6bRnpjPzT2zAQNajd-0nj8ohjlEb8SrDsI7bmhrVq_yUZp7aa6w1OOzspnCqzAxdjrPOEeS7B/s400/gazette-edition-blogger-template.jpg" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://the-gazette-edition-blogger.blogspot.com/" target="_blank">DEMO</a> / <a href="http://www.bloganol.com/2009/11/download-woothemes-gazette-edition-converted-blogger-free.html" target="_blank">DOWNLOAD</a></div><div class="separator" style="clear: both; text-align: center;"></div><a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;"><span style="font-size: large;"><b>Caratteristiche principali:</b></span></div><ul><li>Layout a 2/3 colonne</li>
<li>Sidebar a destra</li>
<li>2 minisidebar a destra</li>
<li>Slideshow futured post in homepage </li>
<li>Casella di ricerca</li>
<li>2 menu</li>
<li>Ottimizzato per i motori di ricerca</li>
<li>Ottimizzato per adsense</li>
<li>Spazio annunci pubblicitari</li>
<li>menu multitab in sidebar</li>
<li>Stile giornale</li>
<li>Post espandibili</li>
</ul><span style="font-size: large;"><b>Designer:</b></span><br />
<br />
<a href="http://www.bloganol.com/2009/11/download-woothemes-gazette-edition-converted-blogger-free.html" rel="nofollow" target="_blank">Red Evolution</a>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-77936960648417351622010-02-15T00:10:00.005+01:002010-07-24T13:12:22.244+02:00Widget per gli ultimi commenti di bloggerSpesso capita che un <a href="http://templatexblogger.blogspot.com/search/label/Widget">widget</a> ben fatto venga apprezzato e installato da molti utenti con la conseguente possibilità di pesanti disagi.<br />
<br />
Questo succede quando gli script vengono caricati su dei servizi di hosting che non hanno banda sufficente ad accontentare tutti; il nostro widget quindi rallenta molto il caricamenteo della pagina e a volte non viane neanche visualizzato.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekyOY93_whATykL3Sa_z9fDtU-Il-CDmRyVQUXrp7tIsCBKg0c8FVQiZCzZ_J7ih2Bm2Ut6Jzmjb5zJpfyqEZqGNqb3Eo6Ml_4IZS6iqb3rdFcE3I2L6pDDDGDSMbLmWWFtY-DP3kL-m8/s1600-h/ScreenShot001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhekyOY93_whATykL3Sa_z9fDtU-Il-CDmRyVQUXrp7tIsCBKg0c8FVQiZCzZ_J7ih2Bm2Ut6Jzmjb5zJpfyqEZqGNqb3Eo6Ml_4IZS6iqb3rdFcE3I2L6pDDDGDSMbLmWWFtY-DP3kL-m8/s320/ScreenShot001.jpg" width="320" /></a></div><br />
<a name='more'></a><br />
<br />
Per ovviare a questo problema l'unica soluzione è cercare script che non hanno bisogno di essere caricati da nessuna parte, se non nel nostro blog e il risultato sarà quello dell'immagine qui sopra.<br />
<br />
Vediamo <span style="font-size: large;"><b>come installare</b></span> quello relativo agli ultimi commenti inseriti. <br />
<br />
<b>1-</b> Vai su layout --> Elementi pagina e aggiungi un gadget tipo html/java<br />
<blockquote><pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><script style="text/javascript">
//Ultimi Commenti by Parsifal32
function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Gen";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="Mag";k_rc[6]="Giu";k_rc[7]="Lug";k_rc[8]="Ago";k_rc[9]="Set";k_rc[10]="Ott";k_rc[11]="Nov";k_rc[12]="Dic";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write(''+j_rc+' '+k_rc[parseInt(i_rc,10)]+': ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> ');if(n_rc==true)document.write(' ha commentato il post '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('&#8220;');document.write(l_rc);document.write('&#8221;<br/><br/>');}else{document.write('&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;');document.write('<br/><br/>');}}document.write('<div style="font-size:50%;text-align:center"><p><a href="http://goo.gl/gI6g">Installa il widget</a></div>');}
</script>
<script style="text/javascript">
var a_rc=<span style="color: magenta;">6</span>;
var m_rc=true;
var n_rc=true;
var o_rc=<span style="color: magenta;">100</span>;</script>
<script src="http://<span style="color: magenta;">templatexblogger.blogspot.com</span>/feeds/comments/default?
alt=json-in-script
&callback=showrecentcomments">
</script></span></pre><br />
</blockquote><b>2- </b>Sostituisci le parti colorate e il nome del blog:<br />
<ul><li><span style="color: magenta;">6</span> indica il numero di commenti da visualizzare</li>
<li><span style="color: magenta;">100</span> indica il numero di caratteri da visulaizzare</li>
</ul><b>3-</b> Salva<br />
<br />
Script dei <a _blank="" href="http://parsifal32.blogspot.com/2010/02/il-widget-degli-ultimi-commenti-per.html" target="">commenti recenti</a> by <a _blank="" href="http://parsifal32.blogspot.com/2010/02/il-widget-degli-ultimi-commenti-per.html" target="">Parsifal3</a>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-77488066613273236972010-02-13T00:01:00.002+01:002010-07-24T13:12:40.171+02:00Blogger Template: emperors<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLfbqp5yNSyPEsBDcEJysFn1x50Bfr__RHS22eA4y8ddeW0ZyMY2m6a0TORZ0iBooAyn0q_brwLB3Gi547PfL-g4OpDY_HYPfdHYpPFJNXl2KWTZ5VT52S0xxSLQ5xA9ISDYcif0aeuTuo/s1600-h/Emperors.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLfbqp5yNSyPEsBDcEJysFn1x50Bfr__RHS22eA4y8ddeW0ZyMY2m6a0TORZ0iBooAyn0q_brwLB3Gi547PfL-g4OpDY_HYPfdHYpPFJNXl2KWTZ5VT52S0xxSLQ5xA9ISDYcif0aeuTuo/s400/Emperors.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://emperors-template.blogspot.com/" target="_blank">DEMO</a> / <a href="http://www.box.net/shared/mbg491yj2m" target="_blank">DOWNLOAD</a></div><br />
<a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;"><span style="font-size: large;"><b>Caratteristiche principali:</b></span></div><ul><li>Layout a 2 colonne</li>
<li>Sidebar a destra</li>
<li>Spazio per annunci pubblicitari </li>
<li>ottimizzato adsense</li>
<li>2 menu sopra al titolo</li>
<li>Perfetto per siti come questo o di fotografia</li>
</ul><span style="font-size: large;"><b>Designer:</b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><a href="http://www.wpthemedesigner.com/" rel="nofollow" target="_blank">Wpthemedesigner</a><br />
<br />
Autore:<br />
<br />
<a href="http://www.anshuldudeja.com/" rel="nofollow" target="_blank">Anshul</a>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-3055056963527601992010-02-11T18:03:00.005+01:002010-07-24T13:13:12.947+02:00Fare l'immagine di una firma con MyLiveSignatureCon questo tutorial ti spiego come usare <a href="http://www.mylivesignature.com/mls_menu.php" target="_blank">MyLiveSignature</a>, un ottimo strumento che ti aiuta a creare una bella firma senza saper usare programmi di grafica.<br />
<br />
<a name='more'></a><br />
<br />
<b><span style="font-size: large;">Come creare la tua firma:</span></b><br />
<br />
<b>1-</b> Vai nel sito di <a href="http://www.mylivesignature.com/mls_menu.php" target="_blank">MyLiveSignature</a><br />
<br />
<b>2-</b> Per prima cosa scegli se vuoi seguire la procedura guidata cliccando su <i>Create Signature</i> oppure scrivere latua firma con il mouse cliccando su <i>Draw a Signature</i><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2smcDcwqnn9_wF3LWSViQY3aB2g4dVGpGSQRzlyzENAy9C9NzJkRLTAP_V0ZHJEwH7RItNq_R912ACJ_jjkDNxB7_bh44FuQ-2u5gDM_hT0dhYyEd09uyhxeJadaqOtrQcyxAXwXBKa9t/s1600-h/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2smcDcwqnn9_wF3LWSViQY3aB2g4dVGpGSQRzlyzENAy9C9NzJkRLTAP_V0ZHJEwH7RItNq_R912ACJ_jjkDNxB7_bh44FuQ-2u5gDM_hT0dhYyEd09uyhxeJadaqOtrQcyxAXwXBKa9t/s400/1.jpg" /></a></div><b>3-</b> Nel caso tu abbia scelto di scriverla con il muose devi solamente scriverla, cliccare su <i>Create Signature</i> e infine salvare l'immagine<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTM2z-6qEmVFJwLjbZqtVTfhAf9qpEhzGIMCTOuSK6RGs56nX6ijoItNjZeIqqdchoAHZ0TozmF8C7ayQb5IQcqm5Nfyn42GM7ZfRWMNFtR_QEK6ZAWwl6pU_GHv9EqpYVynPsvJqT-1Nc/s1600-h/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTM2z-6qEmVFJwLjbZqtVTfhAf9qpEhzGIMCTOuSK6RGs56nX6ijoItNjZeIqqdchoAHZ0TozmF8C7ayQb5IQcqm5Nfyn42GM7ZfRWMNFtR_QEK6ZAWwl6pU_GHv9EqpYVynPsvJqT-1Nc/s400/2.jpg" /></a></div><br />
<br />
<b>4-</b> Nel caso tu voglia seguire la procedura guidata inserisci il tuo nome e clicca su <i>Next Step</i><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcibBj2a47oQFWSeIUmY2WPH1vCW1wje_sGGBP76Gdc1-UaX2_Sz6wqPb4u6ryWELk-pZRbf-VR3j75HjWznW-z4kQV6uY7UTmqXZrX7fuUri5AQW44luGHJDtKyebbkPMRCA6ZwCNj4ff/s1600-h/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcibBj2a47oQFWSeIUmY2WPH1vCW1wje_sGGBP76Gdc1-UaX2_Sz6wqPb4u6ryWELk-pZRbf-VR3j75HjWznW-z4kQV6uY7UTmqXZrX7fuUri5AQW44luGHJDtKyebbkPMRCA6ZwCNj4ff/s400/3.jpg" /></a></div><b>5-</b> Scegli tra i 120 font proposti quello che preferisci e clicca sempre su <i>Next Step</i><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP1_3ZLY8K02taFwn8BP2MRDANUwG3EyGw03XQ7qfK61BIxDt_z4lMFY-deXgPpV6iz_Jed8EtJEs2SmbIxfuQDTKuwru-yfKH7SK0qCmI0bUDwrIyCPBgHA3C7MmCFxpQWe2nvD0IRNKS/s1600-h/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP1_3ZLY8K02taFwn8BP2MRDANUwG3EyGw03XQ7qfK61BIxDt_z4lMFY-deXgPpV6iz_Jed8EtJEs2SmbIxfuQDTKuwru-yfKH7SK0qCmI0bUDwrIyCPBgHA3C7MmCFxpQWe2nvD0IRNKS/s400/4.jpg" /></a></div><br />
<b>6-</b> Scegli la grandezza della tua firma e clicca su <i>Next Step</i><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIPnqS2elk1p2jSWwBpDmFW6TPs1q04M33WigeVE_gBbEK9NjW50XcCVtQIkm1HuxCZ3PidoWHgVdDakb1b6CmPvZ5Le2YojnwG85DmjsS9XW44ta6GeE8whOUbfhDR_D3itAWq0KyC1yn/s1600-h/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIPnqS2elk1p2jSWwBpDmFW6TPs1q04M33WigeVE_gBbEK9NjW50XcCVtQIkm1HuxCZ3PidoWHgVdDakb1b6CmPvZ5Le2YojnwG85DmjsS9XW44ta6GeE8whOUbfhDR_D3itAWq0KyC1yn/s400/5.jpg" /></a></div><br />
<b>7-</b> Ora devi decidere i colori. Puoi aitarti con la <a href="http://templatexblogger.blogspot.com/2010/02/generatore-codici-e-ruota-colori-per.html" target="_blank">ruota colori</a>. <i></i><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK8XaxX46MxHakdoO1jiBjem1mgy9z-gxd0BOw4oIqXnKg0Lt6ieYExn6tBMJYRAMAlFDabgy8eIvF-WjMxxDfdIwB3thYDPvKuUmUixW7daZjiLmMYVsaqMovv8T0Ghwx2ZFr6GvL5AKQ/s1600-h/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK8XaxX46MxHakdoO1jiBjem1mgy9z-gxd0BOw4oIqXnKg0Lt6ieYExn6tBMJYRAMAlFDabgy8eIvF-WjMxxDfdIwB3thYDPvKuUmUixW7daZjiLmMYVsaqMovv8T0Ghwx2ZFr6GvL5AKQ/s400/6.jpg" /></a></div><b>8-</b> Scegli l'inclinazione<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBQbIDcBY_H3uaD1OcTmmkerEElsFYauG76SIuQJM8n1vRO6D5Nq4UKOIjq022ixZ3-u0rb7bQz4wHcGbJlqTEdpTYkD8Wk8OHTpebeEpwFO6THl4iP9Q2b7GUThvU3qNM-gp3ZXPA6KO0/s1600-h/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBQbIDcBY_H3uaD1OcTmmkerEElsFYauG76SIuQJM8n1vRO6D5Nq4UKOIjq022ixZ3-u0rb7bQz4wHcGbJlqTEdpTYkD8Wk8OHTpebeEpwFO6THl4iP9Q2b7GUThvU3qNM-gp3ZXPA6KO0/s400/7.jpg" /></a></div><b>9-</b> Il lavoro è completo. Clicca su <i>Want to download this signature</i> e la tua firma è pronta per essere usata <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuEuaWE-FMj_5eIfckmcIvSCixwDfZp8QrUtqfdk5lUIP8TD1ww89nJ_BdY3Rbb04AFqbymX423oljsbCgl2NdV1rCOKTNbvPF7Jz-f_vVO0vt2CnopVzsHK3WkPGGVoApneLhsMCCfLng/s1600-h/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuEuaWE-FMj_5eIfckmcIvSCixwDfZp8QrUtqfdk5lUIP8TD1ww89nJ_BdY3Rbb04AFqbymX423oljsbCgl2NdV1rCOKTNbvPF7Jz-f_vVO0vt2CnopVzsHK3WkPGGVoApneLhsMCCfLng/s400/8.jpg" /></a></div>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-84895841029163149712010-02-11T00:19:00.003+01:002010-07-24T13:24:35.611+02:00Come inserire un bel widget per l'iscrizione ai feed in bloggerTra i vari gadget che blogger propone di default c'è anche quello che permette diiscriversi ai feed rss sia dei post che dei commenti; devo però ammettere che è un pò bruttino.<br />
Eppure la sezione delle iscrizioni trovo che sia molto importante e deve avere possibilmente un bel impatto visivo, in modo che i lettori siano interessati ad iscriversi.<br />
<br />
In quesa pagina troverai una bella sezione già pronta per l'iscrizione tramite i feed, tramite mail e, sempre più richiesta, anche la possibilità di seguirci tramite twitter. Il risultato è come quello che vedi in questa foto<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-YpxU6ZTeXc3SfGi1lEOkhyphenhyphensSlAxO5G9OtENEKBM_Hj3FVqF3jOeZRC_MbADqAqHqSky4ijzRpLkT5pftMHXr0ez6AMgj-fr-MPv03bLSjmDhAJp4axRv87XyYY9e1w2S5Bkg15uzrVC/s1600-h/Subscribe%20Section%20to%20blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0-YpxU6ZTeXc3SfGi1lEOkhyphenhyphensSlAxO5G9OtENEKBM_Hj3FVqF3jOeZRC_MbADqAqHqSky4ijzRpLkT5pftMHXr0ez6AMgj-fr-MPv03bLSjmDhAJp4axRv87XyYY9e1w2S5Bkg15uzrVC/s320/Subscribe%20Section%20to%20blogger.png" width="320" /></a></div><br />
<a name='more'></a><br />
<br />
oppure quello che vedi nella sidebar qui a fianco dopo alcune modifiche.<br />
<br />
Il bello di questo widget è che lo puoi installare ovunque, è chiaro e non ha la casella della mail in vista, ma viene aperta in un'altra pagina. E' consigliabile usare Feedburner per ottimizzare la massimo le sue funzioni.<br />
<br />
<span style="font-size: large;"><b>Come installarlo:</b></span><br />
<br />
<b>1-</b> Vai su Layout --> Modifica html<br />
<br />
<b>2-</b> Espandi i modelli widget e fai un backup del template<br />
<br />
<b>3-</b> Cerca il tag <span style="color: red;"></head></span> e incolla appena <b>prima</b> questo codice<br />
<blockquote><br />
<pre style="border: 1px solid black; height: 200px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><style type='text/css'>
#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}
#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}
#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }
#sectionmy .sectionmy2 h2.rss { background:url(<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZTGOhzj_A6eyo9V1Ug90Mis40_tMySRWhkYAr9tK_OpCRZbDJ02n1Ieu46I3H5s30zDJjPCP1wGP_ee9C2Tn3gMlfE4wgLWUlkpLPf2uebpAwKa8QT7NRK766DHMtf9QNscuRl2LYwAcc/</span>) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhld_85W-U-3OEAiv6Ws3q2mvYSXPu5vCcXA3Ao-U3SqE8zr4SJnD8GNpjvvYL9mwS24T8dLRRVrur_mvSPNEFJVp_iD_G7oFAtEYZmI_-UCWewOAyc_vMU3N3XKq3FHu7ZHYv9gIoRDDtz/</span>) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(<span style="color: magenta;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi95zqeP3aC_h_aR44mrsTl4Slht6HjgUagJUgC3-7jaTzpl13i0K1okothsvEE5yfDxUcT1POiqNvCbAwyZ8BHGVug6QyF9UmvKOnhGaNswY_o3GAQYsYO3dYOQayAIdn8Mg0ClrtNG7ye/</span>) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style></span></pre><br />
</blockquote><b>4-</b> Copian e incollan glil url <span style="color: magenta;">colorati</span> nella tua barra di navigazione e con il tasto destro salva le immagini. Ora hostale nel tuo servizio di hosting, io uso <a href="http://photobucket.com/" target="_blank">photobucket</a>.<br />
<br />
<b>5-</b> Sostituisci gli URL <span style="color: magenta;">colorati</span> con quelli delle immagini hostate da te<br />
<br />
<b>6-</b> Salva<br />
<br />
<b>7-</b> Vai su Layout --> Elementi pagina e inserisci un elemento tipo html/java<br />
<br />
<b>8-</b> Incolla questo codice<br />
<blockquote><pre style="border: 1px solid black; height: 200px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">
<h2 class="subscription rss"><a href="<span style="color: red;">YOUR-RSS-FEED-URL</span>"><span style="color: #38761d;">SUBSCRIBE VIA RSS</span></a></h2>
<h2 class="subscription email"><a href="<span style="color: red;">YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL</span>"><span style="color: #38761d;">SUBSCRIBE VIA EMAIL</span></a></h2>
<h2 class="subscription twitter"><a href="<span style="color: red;">YOUR-TWITTER-URL</span>"><span style="color: #38761d;">FOLLOW ON TWITTER</span></a></h2>
</div></div>
</div></span></pre><br />
</blockquote><b>9- </b>Sostituisci gli <span style="color: red;">URL in rosso</span> con i tuoi e cambia le parole in <span style="color: #38761d;">verde</span> con quello che vuoi venga visualizzato nel blog.<br />
<br />
<b>10- </b>Salva<br />
<br />
11- Per modificare i colori del testo e dello sfondo cerca nella prima porzione di codice i vari codici colore e cambiali a tuo piacimento usando <a href="http://templatexblogger.blogspot.com/2010/02/generatore-codici-e-ruota-colori-per.html" target="_blank">questo</a> strumento.Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-70861712009620390032010-02-10T00:09:00.002+01:002010-07-24T13:24:49.954+02:00Inserire una slideshow di immagini in bloggerHo già proporsto in altri casi delle <a href="http://templatexblogger.blogspot.com/search/label/Slideshow">slideshow</a>, che danno un tocco veramente particolare a qualsiasi blog o sito.<br />
In questo post te ne presento una molto carina, che cambia immagine principale al passaggio del mouse sulla miniatura. <a href="http://images-slideshow.blogspot.com/" rel="nofollow" target="new">Qui</a> puoi vedere una demo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKYD8FJqDpirl5Sd7-86wS4qhGQ0wBfiXh6QgLYiNwxgEUVTzJutk1NXvxKEbvUirVxcTdEwKcxHtB0W1KXgv3zCTWDbtTvSdtevocbPzrGCtu7tTdhuXDGQrLcIDKwYNfj4o6gxNgMXRk/s1600-h/Featured%20Images%20Slideshow-Slider.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKYD8FJqDpirl5Sd7-86wS4qhGQ0wBfiXh6QgLYiNwxgEUVTzJutk1NXvxKEbvUirVxcTdEwKcxHtB0W1KXgv3zCTWDbtTvSdtevocbPzrGCtu7tTdhuXDGQrLcIDKwYNfj4o6gxNgMXRk/s400/Featured%20Images%20Slideshow-Slider.jpg" width="400" /></a></div><br />
<a name='more'></a><br />
<br />
<span style="font-size: large;"><b>Come installarla:</b></span><br />
<br />
1-vai su Layout --> modifica html ed espandi i modelli widget<br />
<br />
2- fai un backup del template<br />
<br />
3- cerca il tag <span style="color: red;"></head></span> e incolla appena <b>prima</b> questo codice<br />
<blockquote><br />
<pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><script type='text/javascript'>
//<![CDATA[
//** Featured Content Slider script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** May 2nd, 08'- Script rewritten and updated to 2.0.
//** June 12th, 08'- Script updated to v 2.3, which adds the following features:
//1) Changed behavior of script to actually collapse the previous content when the active one is shown, instead of just tucking it underneath the later.
//2) Added setting to reveal a content either via "click" or "mouseover" of pagination links (default is former).
//3) Added public function for jumping to a particular slide within a Featured Content instance using an arbitrary link, for example.
//** July 11th, 08'- Script updated to v 2.4:
//1) Added ability to select a particular slide when the page first loads using a URL parameter (ie: mypage.htm?myslider=4 to select 4th slide in "myslider")
//2) Fixed bug where the first slide disappears when the mouse clicks or mouses over it when page first loads.
var featuredcontentslider={
//3 variables below you can customize if desired:
ajaxloadingmsg: '<div style="margin: 20px 0 0 20px"><img src="loading.gif" /> Fetching slider Contents. Please wait...</div>',
bustajaxcache: true, //bust caching of external ajax page after 1st request?
enablepersist: true, //persist to last content viewed when returning to page?
settingcaches: {}, //object to cache "setting" object of each script instance
jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually.
this.turnpage(this.settingcaches[fcsid], pagenumber)
},
ajaxconnect:function(setting){
var page_request = false
if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else
return false
var pageurl=setting.contentsource[1]
page_request.onreadystatechange=function(){
featuredcontentslider.ajaxpopulate(page_request, setting)
}
document.getElementById(setting.id).innerHTML=this.ajaxloadingmsg
var bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', pageurl+bustcache, true)
page_request.send(null)
},
ajaxpopulate:function(page_request, setting){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
document.getElementById(setting.id).innerHTML=page_request.responseText
this.buildpaginate(setting)
}
},
buildcontentdivs:function(setting){
var alldivs=document.getElementById(setting.id).getElementsByTagName("div")
for (var i=0; i<alldivs.length; i++){
if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv"
setting.contentdivs.push(alldivs[i])
alldivs[i].style.display="none" //collapse all content DIVs to begin with
}
}
},
buildpaginate:function(setting){
this.buildcontentdivs(setting)
var sliderdiv=document.getElementById(setting.id)
var pdiv=document.getElementById("paginate-"+setting.id)
var phtml=""
var toc=setting.toc
var nextprev=setting.nextprev
if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){
for (var i=1; i<=setting.contentdivs.length; i++){
phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'</a> '
}
phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev[0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+nextprev[1]+'</a>' : '')
pdiv.innerHTML=phtml
}
var pdivlinks=pdiv.getElementsByTagName("a")
var toclinkscount=0 //var to keep track of actual # of toc links
for (var i=0; i<pdivlinks.length; i++){
if (this.css(pdivlinks[i], "toc", "check")){
if (toclinkscount>setting.contentdivs.length-1){ //if this toc link is out of range (user defined more toc links then there are contents)
pdivlinks[i].style.display="none" //hide this toc link
continue
}
pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc link
pdivlinks[i][setting.revealtype]=function(){
featuredcontentslider.turnpage(setting, this.getAttribute("rel"))
return false
}
setting.toclinks.push(pdivlinks[i])
}
else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next"
pdivlinks[i].onclick=function(){
featuredcontentslider.turnpage(setting, this.className)
return false
}
}
}
this.turnpage(setting, setting.currentpage, true)
if (setting.autorotate[0]){ //if auto rotate enabled
pdiv[setting.revealtype]=function(){
featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
}
sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked on
featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
}
setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) //add time to run fade animation (roughly) to delay between rotation
this.autorotate(setting)
}
},
urlparamselect:function(fcsid){
var result=window.location.search.match(new RegExp(fcsid+"=(\d+)", "i")) //check for "?featuredcontentsliderid=2" in URL
return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
},
turnpage:function(setting, thepage, autocall){
var currentpage=setting.currentpage //current page # before change
var totalpages=setting.contentdivs.length
var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage)
turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjust
if (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedly
return
setting.currentpage=turntopage
setting.contentdivs[turntopage-1].style.zIndex=++setting.topzindex
this.cleartimer(setting, window["fcsfade"+setting.id])
setting.cacheprevpage=setting.prevpage
if (setting.enablefade[0]==true){
setting.curopacity=0
this.fadeup(setting)
}
if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete)
setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
setting.onChange(setting.prevpage, setting.currentpage)
}
setting.contentdivs[turntopage-1].style.visibility="visible"
setting.contentdivs[turntopage-1].style.display="block"
if (setting.prevpage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
this.css(setting.toclinks[setting.prevpage-1], "selected", "remove")
if (turntopage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
this.css(setting.toclinks[turntopage-1], "selected", "add")
setting.prevpage=turntopage
if (this.enablepersist)
this.setCookie("fcspersist"+setting.id, turntopage)
},
setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
var targetobject=setting.contentdivs[setting.currentpage-1]
if (targetobject.filters && targetobject.filters[0]){ //IE syntax
if (typeof targetobject.filters[0].opacity=="number") //IE6
targetobject.filters[0].opacity=value*100
else //IE 5.5
targetobject.style.filter="alpha(opacity="+value*100+")"
}
else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
targetobject.style.MozOpacity=value
else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
targetobject.style.opacity=value
setting.curopacity=value
},
fadeup:function(setting){
if (setting.curopacity<1){
this.setopacity(setting, setting.curopacity+setting.enablefade[1])
window["fcsfade"+setting.id]=setTimeout(function(){featuredcontentslider.fadeup(setting)}, 50)
}
else{ //when fade is complete
if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run)
setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
setting.onChange(setting.cacheprevpage, setting.currentpage)
}
},
cleartimer:function(setting, timervar){
if (typeof timervar!="undefined"){
clearTimeout(timervar)
clearInterval(timervar)
if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown div
setting.contentdivs[setting.cacheprevpage-1].style.display="none"
}
}
},
css:function(el, targetclass, action){
var needle=new RegExp("(^|\s+)"+targetclass+"($|\s+)", "ig")
if (action=="check")
return needle.test(el.className)
else if (action=="remove")
el.className=el.className.replace(needle, "")
else if (action=="add")
el.className+=" "+targetclass
},
autorotate:function(setting){
window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.turnpage(setting, "next")}, setting.autorotate[1])
},
getCookie:function(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null
},
setCookie:function(name, value){
document.cookie = name+"="+value
},
init:function(setting){
var persistedpage=this.getCookie("fcspersist"+setting.id) || 1
var urlselectedpage=this.urlparamselect(setting.id) //returns null or index from: mypage.htm?featuredcontentsliderid=index
this.settingcaches[setting.id]=setting //cache "setting" object
setting.contentdivs=[]
setting.toclinks=[]
setting.topzindex=0
setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1)
setting.prevpage=setting.currentpage
setting.revealtype="on"+(setting.revealtype || "click")
setting.curopacity=0
setting.onChange=setting.onChange || function(){}
if (setting.contentsource[0]=="inline")
this.buildpaginate(setting)
if (setting.contentsource[0]=="ajax")
this.ajaxconnect(setting)
}
}
//]]>
</script>
<style>
#slider4{
border: 2px solid #181818;
background: #ffffff;
margin-left: 9px;
}
#paginate-slider4{
border-color: #181818;
margin-left: 9px;
margin-top: 4px;
}
#paginate-slider4 a img{
width: 80px;
height: 60px;
border: 2px solid #181818;
margin-top: 5px;
}
#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid #ffc04e;
}
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
width: 500px; /*width of featured content slider*/
height: 325px;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
padding: 5px;
background: white;
width: 500px; /*width of content DIVs within slider. Total width should equal slider&#39;s inner width */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.pagination{
width: 500px; /*Width of pagination DIV. Total width should equal slider&#39;s outer width */
text-align: right;
background-color: #ffffff;
padding: 0px 5px;
}
.pagination a{
padding: 0 5px;
text-decoration: none;
color: #181818;
background: #ffffff;
}
.pagination a:hover, .pagination a.selected{
color: #181818;
background-color: #ffffff;
}
</style></span></pre><br />
</blockquote>4- Salva<br />
<br />
5- Vai su layout --> Elementi pagina e aggiungi un gadget html/java<br />
<br />
6- Incolla questo codice:<br />
<blockquote><br />
<pre style="border: 1px solid black; height: 250px; overflow: auto; width: 90%;"><span style="color: #3333ff;"><div style="float:left;">
<div id="slider4" class="sliderwrapper">
<div style="background: url('<span style="color: magenta;">IMAGE-1-LINK</span>') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('<span style="color: magenta;">IMAGE-2-LINK</span>') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('<span style="color: magenta;">IMAGE-3-LINK</span>') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('<span style="color: magenta;">IMAGE-4-LINK</span>') center left no-repeat" class="contentdiv">
</div>
<div style="background: url('<span style="color: magenta;">IMAGE-5-LINK</span>') center left no-repeat" class="contentdiv">
</div>
</div>
<div id="paginate-slider4">
<a href="#" class="toc"><img alt="IMAGE-1" src="<span style="color: lime;">IMAGE-1-THUMBNAIL-LINK</span>"/></a>
<a href="#" class="toc"><img alt="IMAGE-2" src="<span style="color: lime;">IMAGE-2-THUMBNAIL-LINK</span>"/></a>
<a href="#" class="toc"><img alt="IMAGE-3" src="<span style="color: lime;">IMAGE-3-THUMBNAIL-LINK</span>"/></a>
<a href="#" class="toc"><img alt="IMAGE-4" src="<span style="color: lime;">IMAGE-4-THUMBNAIL-LINK</span>"/></a>
<a href="#" class="toc"><img alt="IMAGE-5" src="<span style="color: lime;">IMAGE-5-THUMBNAIL-LINK</span>"/></a>
</div>
<script type="text/javascript">
featuredcontentslider.init({
id: "slider4", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.1], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div></span></pre><br />
</blockquote>7- Sostituisci i vari <span style="color: magenta;">IMAGE-1-LINK</span> con i link delle tue immagini e i <span style="color: lime;">IMAGE-1-THUMBNAIL-LINK</span> con i link delle immagini piccole.<br />
<br />
8- SalvaEnircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com1tag:blogger.com,1999:blog-4449578767130380061.post-52281902115076448912010-02-09T00:49:00.002+01:002010-07-24T13:25:05.306+02:00Blogger Template: boroughBorough è un simpaticissimo template adatto a chi ha un blog "giocoso"e divertente. Questo template usa pagine statiche (in questo post trovi maggiori informazioni)<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVUcr4p6J5hIPrJGDSJXGdIOWUHMvf5QjdBjdR23MV7BuUFJWySI15dBjRfLqbxLU30DlGiWUqkGYSWJFZWo3pgcZwtrW9_3n7-lkCNimBQBA9UbrsAZ5wwkiJ0IWTknUHH6bcoamryYaU/s1600-h/boro.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVUcr4p6J5hIPrJGDSJXGdIOWUHMvf5QjdBjdR23MV7BuUFJWySI15dBjRfLqbxLU30DlGiWUqkGYSWJFZWo3pgcZwtrW9_3n7-lkCNimBQBA9UbrsAZ5wwkiJ0IWTknUHH6bcoamryYaU/s320/boro.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="http://borough-deluxe.blogspot.com/" target="blank">DEMO</a> / <a href="http://www.box.net/shared/bl8cte6pyz" target="blank">DOWNLOAD</a></div><div class="separator" style="clear: both; text-align: center;"></div><a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;"><span style="font-size: large;"><b>Caratteristiche principali:</b></span></div><ul><li>Layout a 2 colonne</li>
<li>Sidebar a destra</li>
<li>Casella di ricerca</li>
<li>Funny design </li>
<li>Pagine statiche<br />
</li>
</ul><span style="font-size: large;"><b>Designer:</b></span><br />
<br />
<a href="http://www.deluxetemplates.net/" target="blank">Deluxe Template</a>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-43396911706454545842010-02-09T00:48:00.002+01:002010-07-24T13:26:31.910+02:00Blogger Template: greymag<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl7As6yTD0R3ggiOa_uYpq9v9eoi1MZ5GJNu2_0kTIX2WgUYLO8jFwjd16r3FAc2_8wg9aPGqWNlSMIxmnHFN_jOzG1SvGP_RcF3vgTgce3gzr2tSumw_xz8fwpqAdRt4wJlrpBwx5-kj0/s1600-h/grey%20mag.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl7As6yTD0R3ggiOa_uYpq9v9eoi1MZ5GJNu2_0kTIX2WgUYLO8jFwjd16r3FAc2_8wg9aPGqWNlSMIxmnHFN_jOzG1SvGP_RcF3vgTgce3gzr2tSumw_xz8fwpqAdRt4wJlrpBwx5-kj0/s400/grey%20mag.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://greymag-theme.blogspot.com/" target="_blank">DEMO</a> / <a href="http://www.box.net/shared/848llon5yx" target="_blank">DOWNLOAD</a></div><div class="separator" style="clear: both; text-align: center;"></div><a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;"><span style="font-size: large;"><b>Caratteristiche principali:</b></span></div><ul><li>Layout a 2 colonne</li>
<li>Sidebar a destra</li>
<li>Spazio per annunci pubblicitari </li>
<li>ottimizzato adsense</li>
<li>Menu sopra al titolo</li>
<li>Spazio social</li>
</ul><span style="font-size: large;"><b>Designer:</b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><a href="http://www.webhostingreport.com/" rel="nofollow" target="_blank">webhostingreport</a><br />
<br />
Autore:<br />
<br />
<a href="http://themecraft.net/" rel="nofollow" target="_blank">Themecraft</a>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0tag:blogger.com,1999:blog-4449578767130380061.post-65066543458802417302010-02-08T15:20:00.001+01:002010-07-24T13:26:39.600+02:00Blogger template: forestgreen<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwri9lBDneWzCzNK2YZl3OnTo0JK9WS5eOijkPoPVWIWCUURBoSDKJnLsGTfFfBlQgUlL6Ag38UYBlUkA4WZck7LbIM68_zjjPlUpS7mkcfdzyEI-gWXlHhcXjaMFVH2vpuM97pyQ_n9M_/s1600-h/forest%20green.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwri9lBDneWzCzNK2YZl3OnTo0JK9WS5eOijkPoPVWIWCUURBoSDKJnLsGTfFfBlQgUlL6Ag38UYBlUkA4WZck7LbIM68_zjjPlUpS7mkcfdzyEI-gWXlHhcXjaMFVH2vpuM97pyQ_n9M_/s400/forest%20green.jpg" width="400" /></a> </div><div class="separator" style="clear: both; text-align: center;"><a href="http://forestgreen-theme.blogspot.com/" target="_blank">DEMO</a> / <a href="http://www.box.net/shared/yxpfb66z3o" target="_blank">DOWNLOAD</a></div><div class="separator" style="clear: both; text-align: center;"></div><a name='more'></a><br />
<br />
<div class="separator" style="clear: both; text-align: left;"><span style="font-size: large;"><b>Caratteristiche principali:</b></span></div><ul><li>Layout a 2 colonne</li>
<li>Sidebar a destra</li>
<li>Spazio per annunci pubblicitari </li>
<li>Caselle di ricerca</li>
<li>Menu sotto al titolo</li>
<li>Bottone per feed rss</li>
</ul><span style="font-size: large;"><b>Designer:</b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><a href="http://www.skinpress.com/" rel="nofollow" target="_blank">Skinpress</a>Enircohttp://www.blogger.com/profile/05231061058669876509noreply@blogger.com0