Greencity

முதலில்  உங்கள் பிளாக் கணக்கில் நுழைந்து  Dashboard >Design > Add a gadget > Choose html/javascript. செல்லுங்கள்.

<ul class="spicesocialwidget">
    <li class="facebook">
    <a rel="nofollow" href="http://www.facebook.com/" target="_blank" title="facebook">
    </a></li>
    <li class="googleplus">
    <a rel="nofollow" href="https://plus.google.com/" target="_blank" title="googleplus">
    </a></li>
    <li class="pinterest">
    <a rel="nofollow" href="http://pinterest.com/" target="_blank" title="pinterest">
    </a></li>
    <li class="twitter">
    <a rel="nofollow" href="http://twitter.com/" target="_blank" title="twitter">
    </a></li>
    <li class="rss">
    <a rel="nofollow" href="http://feedburner.com/" target="_blank" title="rss">
    </a></li>
    <li class="skype">
    <a rel="nofollow" href="http://www.skype.com/" target="_blank" title="Skype">
    </a></li>
    <li class="vimeo">
    <a rel="nofollow" href="http://www.vimeo.com/" target="_blank" title="vimeo">
    </a></li>
    <li class="dribbble">
    <a rel="nofollow" href="http://www.dribbble.com/" target="_blank" title="dribble">
    </a></li>
    <li class="flickr">
    <a rel="nofollow" href="http://www.flickr.com/" target="_blank" title="flickr">
    </a></li>
    <li class="linkedin">
    <a rel="nofollow" href="http://www.linkedin.com/" target="_blank" title="linkedin">
    </a></li>
    <li class="youtube">
    <a rel="nofollow" href="http://www.youtube.com/" target="_blank" title="youtube">
    </a></li>
    </ul>
    <style>
    ul.spicesocialwidget {float:right;}
    ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}
    ul.spicesocialwidget li a{background-color:transparent;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHDQBQL0u8wV0hO-9PYhfH8kkKRhADM2kQyr7hNPMtd0brJBemn5Uw3B_XzBT33DOnCiGIOTd6o2Pg4taHMUxDKwty7XkA-V_KIz7FcNMWDQzlJKvUGebguB-97SkXzXylvHrmlOzE0152/s1600/spice-social-gadget-sprite.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
    .ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHDQBQL0u8wV0hO-9PYhfH8kkKRhADM2kQyr7hNPMtd0brJBemn5Uw3B_XzBT33DOnCiGIOTd6o2Pg4taHMUxDKwty7XkA-V_KIz7FcNMWDQzlJKvUGebguB-97SkXzXylvHrmlOzE0152/s1600/spice-social-gadget-sprite.png' )}
    ul.spicesocialwidget li.facebook a{ background-position:0 0}
    ul.spicesocialwidget li.flickr a{ background-position:-32px 0}
    ul.spicesocialwidget li.dribbble a{ background-position:-64px 0}
    ul.spicesocialwidget li.googleplus a{ background-position:-96px 0}
    ul.spicesocialwidget li.linkedin a{ background-position:-128px 0}
    ul.spicesocialwidget li.pinterest a{ background-position:-160px 0}
    ul.spicesocialwidget li.rss a{ background-position:-192px 0}
    ul.spicesocialwidget li.skype a{ background-position:-224px 0}
    ul.spicesocialwidget li.twitter a{ background-position:-256px 0}
    ul.spicesocialwidget li.vimeo a{ background-position:-288px 0}
    ul.spicesocialwidget li.youtube a{ background-position:-320px 0}
    ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px}
    ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -32px}
    ul.spicesocialwidget li.dribbble a:hover, #sidebar ul.spicesocialwidget li.dribbble a:hover{ background-position:-64px -32px}
    ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px}
    ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px}
    ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -32px}
    ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px}
    ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -32px}
    ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px}
    ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -32px}
    ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}
    </style>

முதலில்  உங்கள் பிளாக் கணக்கில் நுழைந்து  Dashboard >Design > Add a gadget > Choose html/javascript. செல்லுங்கள்.

<script type='text/javascript'>
var jnWidth="100";
var jnScrollAmount="10";
var jnScrollDelay="50";
var jnDirection="left";
var jntargetlink="yes";
var jnnumPosts="10";
var jnBulletchar =">>>";
var jnimagebullet="yes";
var jnimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigW6PXmDbUbWf0qEB1QTyCg_5ZSMBzI06LaAHMwMahCW0uF7w5YShytFcgV0jlveo1-lIa93fGFf6UVZz1R8MSgILMqEBP_dmIBWeQt_iL0aBu_FTJZIXHE1ampA6uKMfL6VOw-lPO5hVZ/s1600/arrowe.gif";
var jnfontsize="16";
var jnbgcolor="FFFFFF";
var jnlinkcolor="FF0000";
var jnlinkhovercolor="3366CC";
</script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<script type='text/javascript' src='http://dl.dropboxusercontent.com/s/fqy9x54r0lgaomx/scrolling-recent-v3-ycode.js' ></script>
<script type='text/javascript' src="http://tamilbloggercity.blogspot.in/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=10" ></script>