30 Nisan 2012 Pazartesi

28 Nisan 2012 Cumartesi

Google Translate Widget with Flags For Blogger

The Google Translate Widget for Blogger allows the visitors to translate your site or blog in their own language.
This widget also auto-detect your blog language and then translate it to the readers chosen language.

It supports 12 different languages:
English, French, German, Spanish, Italian, Dutch, Portuguese, Russian, Japanese, Korean, Arabic And Chinese.
google translate for blogger, blogger gadgets, blogger tricks

How To Add The Google Translate Widget To Blogger

Step 1. Go to your Blogger Dashboard >> Layout and click on "Add A Gadget" link



Step 2. From the pop-up window, scroll down and choose HTML/JavaScript


 Step 3. Paste the code below in the empty box:

<script type="text/javascript">
function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
            document.getElementById(shID).style.display = 'block';
        }
        else {
            document.getElementById(shID+'-show').style.display = 'inline';
            document.getElementById(shID).style.display = 'none';
        }
    }
}
</script>

<style>

 .google_translate img {
margin: 10px 20px 0px 20px;
    height: 24px;
    width: 24px;
        }
        .google_translate:hover img {
filter:alpha(opacity=0.30);
        -moz-opacity: 0.30;
        opacity: 0.30;
        border:0;
        }

.more {
    display: none;
a.showLink, a.hideLink {
    text-decoration: none;
    color: #0880C4;
    padding-left: 18px;
    background: transparent('down.gif') no-repeat left; }

a.hideLink {
    background: transparent url('up.gif') no-repeat left;
color: #0880C4;}

a.showLink:hover, a.hideLink:hover {
color: #0880C4;
 }

 </style>

 <div>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcMBVKFoNNCfIaNluopIXZMGGzixB0oFrRqs36KXjgj7tutZA9StnsgLqPlcsJTHlsNAmPzEMiYjB1dSztSvYAjByIv7u-Hc4ltezWcoi0TOIkRydqWDJhIqUAA4t2TfoXDfV-5gzfaBGc/s1600/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSgiTE4ZjNekW8-P09O8Uqfu3ketb28sd5OfjAvfUWbWxrSBobRV0Zr5tDjIZT0y82tdrpfZKVC5z12_acpI1KZJcCOM2_pyPfUat98WuDV24w1zgcoJwu0zzt2KuKOtdP12oXeqcmLmm3/s1600/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAwyK6ZQI-O0uWYPsc3UET1ByRD792t5IOwMGDeFfah5kX6WGaC3x6Dbnfav9hTZr1PHKY0OHV6Nq7hHnxt5zvFJ0sTxHfJ4ah77A9IgZz0AYq6cVyCi4bDTx_nLHuvORkUpcF_aqylthU/s1600/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW3HGMJQS0ZzXKHcjicYWq2CDKg8VLTrxJAwUM99XfFVUIRhk9Kfs7X33gZypARRX-Kyyi9YEOOLvA_lg9MQngFsoeuhkhhg9ekZqdf4Ds97837cMwsRa131MBOLJQRcTv9bEMcOyUP6Dj/s1600/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a href="#" id="example-show" class="showLink"
onclick="showHide('example');return false;">More</a>
<div id="example" class="more">
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1aVYE2C1NDn7Ih6_ge-yzBGxT1FZ-DRp3rI2xzaSUEc_96VVq9G1DY3JrCcFq73DoJs5hlhL_ZxhXRehv2pqAnGkhJUVsnmjkflmv6ZHKRqwo-Vq-xGLQT2xt2RcrnJlUgLDny9uwCe8x/s1600/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_pYlJe9fCoSO91aipfgtMOufPk4LC3ikh3ewUoRMgnnw7ETxEoDHz4RjQC59dOVzXDjKLsiofOX7lJUQt8sMhFYUT7JPFepzJvP0kQB3SWRJ2wf68s4nE_LKtg1mY_S95z03_lUCLJHiO/s1600/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
      <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidqCCEROJuH8iXa5Q1mvMKJQjsCwL52x3EoBFCVvRqjI3Qa15Vut6-tie89_NxBfVTiQYoQuEerKIP_LlnJ40tWSMp117k5X_qkPknngrNggAqAIcp4ZKRM8rRRXBdXlObwlW533jZlwWi/s1600/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxda74mXEwrm_WVYj95UX9DpvSBkqUuPlMaBeTJjvl_VVtXYfE0Dvk5MpIT_yEPOSrgPvJmtF0OktdxBk9AeZ3iUZZpCSphI8PaxB99y8cJHzF8TC5ZyIs95C_MVh-WmbdbBR1dR_ojbsE/s1600/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<br />
 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHS8rK6_VNPp_lk-PG7kOt-QS4xmVdvL3vZY6UxDZ3ST_XJR5HqjAEBgLjwOMCcmsLpsTfJ694oCybRwwK558FU-kMysQgRP6R8jfYpd9CdocBUmUqGi2m3kNnlmLbyygrOnJfCewh0qFm/s1600/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimTgwqbnY7MjZAnYe12fZQTUfN_O_xa5inNC7xdq85ANfrpulDlnlDVnW33Sn2B_4O0bCYoVhJTkVF5zzrmydYNp5y_amJW_lwe6pAfG4QglA-wUGMOFF10FNq0kW7j20JQ3OIZcXvFzBQ/s1600/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQhg_wncDCCChRLQ5WIGHpWv7o6wbdIiOM4jQuE5uRaLXBntiWkb9oxhXw3qljs38s0Uzhs8OpNX6LqHTZxn4q2Hsm25_lSDC4wVfcVu22vgSspNfL1yrLfhyphenhyphen2C1y9y4QJkAPi_0cTojnH/s1600/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>

 <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC5zQhE1d90rBx9FM9J_d5ZGq-Dk_cghdX8cAvda-Qi4LkELINvNiRWakkFTlw8m54OTId5JdtXn61STNIOTN_XR6fF2zQLLp0dQVgY-vgwfPCN41KlIHH6p4YrLnoW4xP738A5ZoGWB7M/s1600/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
    <p><a href="#" id="example-hide" class="hideLink"
    onclick="showHide('example');return false;">Hide</p>
</div>
     </div>

Step 4. Now click on Save

google translate, blogger widgets, gadgets for blogspot
And you're done! Enjoy (:

Simple Recent Posts Widget for Blogger/Blogspot

The main advantage on this Recent Posts widget is that it will show not only post titles, but also post excerpts or snippets, and it's easy to customize or apply different style on it. To make it fit your own design, you will need to modify the CSS style - you can change the link or background color, the size and color of text/links.

What you can do with this widget:
- display post titles only
- change the number of posts
- change the number of characters of the post snippet/excerpt
- show the post dates

See the screenshot below:

How to add Recent Posts Widget to Blogger

Step 1. Log in to your Blogger Dashboard > go to "Layout" and click the "Add a Gadget" link


Step 2. From the pop-up window, scroll down and choose HTML/JavaScript


Step 3. Select & Copy the code from one of the options below and paste it into the new HTML/JavaScript:

Option 1: Recent Posts Widget with Snippets

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

Option 2: Recent Posts Widget Showing Post Titles Only

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>
Step 4. Customize it:
- Change 5 (option 1) and 10 (option 2) with the number of posts that you want to display.
- Change false to true if you want the posts dates to appear
- Change 100 (option 1) if you want more characters to be displayed.
- To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
- To change the style of posts summary, modify the values in green (color) and orange (font size)
- Replace the http://blog-address.com text with your URL

Step 5. Save your widget. And that's it! Enjoy!

27 Nisan 2012 Cuma

The taming of the wolf

Front cover
Emily Gravett is one of my favourite illustrators. I featured three of her picturebooks in January 2011. She published two titles in 2011, Wolf won't bite and Again. The former is a cracker of a picturebook and I've had lots of fun sharing it with my pre-school groups over the last week.  
"The three little pigs" they all shout as I show the front cover. And what other animal do we associate with the three little pigs?  "A wolf " they faithfully call out ... not reading yet, so they didn't pick up on the title of our story! Open out the book and just as they guessed, we see the wolf on the back cover. 
Back and front covers
The illustration only fits their predictions in the sense that we see the three little pigs and the big bad wolf.  Several children point out that things aren't quite right, as the pigs have the wolf on a chain; he doesn't look very fierce and ... what are the pigs wearing? There's a good deal of giggling as they begin to notice that the pigs are wearing clothes, one's in a tutu.  I wonder what kind of story it will be, maybe the title will help us? They all agreed that the wolf did look rather tame, so maybe he doesn't bite any more. 
With one group I asked if any of them had been to the circus, very few hands went up.  Maybe visiting the circus just isn't part of being a kid anymore?  But several knew what could be seen at the circus, wild animals did tricks, tigers jumped through flaming hoops, dogs stood on their hind legs, danced or stood on stools. Clowns told jokes and did silly things, horses pranced around the ring with ballerinas on their backs and there were acrobats who jumped and did somersaults. 
Let's open the book and see if these pigs take the wolf to the circus.
Front endpapers
Typical of Emily Gravett her endpapers play a part in the narrative, and the front endpapers show the three pigs chasing a wolf and pulling a circus cage on wheels.  
Dedication, copyright and title page
This spread is cleverly uses the idea of circus posters, the title page is a poster advertising the performance we are able to see. The copyright information can be read (with a magnifying glass) on the two rolled up posters!  Once you've read this picturebook to a group of children remember to go back to these pages and talk about them. 
Opening 1
Be ready as you turn the page to call out loudly, "Roll up!"  And there we have it, the wolf, a wild wolf, in a cage.  Note the gold leaf pigs decorating the outside.  And so upon each page turn we are shown what the little pigs are able to do to the wild wolf.  Their feats go in threes, each little pig declares , "I can ..." trying to improve on what the first one was able to do.   This is the first little pig's trick...
Opening 2
Then, the second little pig ...
Opening 3
She's a girl pig, so she does girlie things to the poor wolf!  The third little pig ...
Opening 4
... he can ride him like a horse. The verbal text is salient through out. You will have noticed that the words on each page are large, using different fonts. But here we are also confronted with a chunk of text in capitals "WOLF WON'T BITE!" This repeated pattern occurs three times, the frightened looking wolf is put through his paces, the little pigs proudly showing what they are able to do with him and to him. Their flat snouts turned up in triumph,  the wolf's eyes always open wide in fright.  
The final set of three tricks show the poor wolf having knives thrown at him, being shot from a canon (my favourite spread!)
Opening 9
... and even being cut in half. But then, the three little pigs together get super brave. 
Opening 11
"We can even place our heads between his mighty jaws but wolf won't ..."  now look at our wolf, he's not got that tamed look about him, and those little piggies look so confident.  Can you guess what the next spread shows and tells us?  
Opening 12
Finally the wolf gets his own back.  But that's not the end, we've still got the back endpapers to go!  
Back endpapers
"Ahh ha ha ha ha!"  Those pre-school kids just loved it and we had to read it again.  They had even more fun joining in with the refrain, "Wolf won't bite!" the second time round. A brilliant picturebook, and what fun I had sharing it.  You will too!