Gadget olarak ekle


Uygulamanın kodlarını kopyalayarak blog’uğunuzun HTML kodları arasına ekleyebilir veya altta bulunan düğmeye tıklayarak blog’unuza Gadget olarak ta ekleyebilirsiniz.

 <style>
a#scrlBotm{
            background:transparent url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/32x32/rnd_br_down.png) no-repeat top left;
            position:fixed;
            bottom:5px;
            right:5px;
            width:32px;
            height:32px;
        }
  a#scrlTop{
            background:transparent url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/32x32/rnd_br_up.png) no-repeat top left;
            position:fixed;
            bottom:40px;
            right:5px;
            width:32px;
            height:32px;
        }
    </style>
 <script language='javascript' type='text/javascript'>
         $(function () {
             $(&#39;#scrlBotm&#39;).click(function () {
                 $(&#39;html, body&#39;).animate({
                     scrollTop: $(document).height()
                 },
                 1500);
                 return false;
             });

             $(&#39;#scrlTop&#39;).click(function () {
                 $(&#39;html, body&#39;).animate({
                     scrollTop: &#39;0px&#39;
                 },
                 1500);
                 return false;
             });
         });
    </script>
a.nicebox,a.btn-slide,.code-slide {
display: inline-block;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaR8D3ZE3EZr1MxQTgXOcVmspG0M1F0yVubtlTgaCilkUYySQk6xbvCWQute1TruFW0pGxZV7ZoRvulHTc2MCrU_d7dmcnhoXbzD7qdp6WEHrCYH2SMKgwUgPAKeBrM7cnzNYdIxTiNi4/s1600/2011-06-14_213251n.png) repeat-x 0px 0px;
padding:3px 5px  2px;
border:1px solid #aaa;
-moz-border-radius:3px;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
-webkit-border-radius:3px;
-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
margin:0px 0px 5px;
        color:#242424;
}

a.nicebox:hover,a.btn-slide:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCre1IoeGDwwXlVvDrlJ_HVWB4mAnZiQal0cNwCBbdlDOkZLcitxVvSFkAbV05bBmkVPunTp-L8PDFo5xd0jKuIF55vGT-YsKWdBCuNthl8QDSKLZ88EUd1OFhtHa3AvUHrZ71CjvB9nA/s400/2011-06-14_213251.png) repeat-x 0px 0px;
        color:#141414;

}

 #panel {
display: none;
padding:10px;
margin:20px 0;
border: 1px solid #e7e7e7;

}

.actions-share-head {
font-weight:bold;

}
.rsociales img { border:0px none; float:none; }
.rsociales-sobre { color:#000; margin: 0px 0px -2px; padding-right:2px; }

form#shorturl {
margin:0px 2px 10px;
padding:0px 5px 0;
color:#999;
font-size:12px;

 }

#shorturl input {
color:#777;
margin:0px 2px 2px;
border: 1px solid #BCEEFF;
padding:3px 3px;
outline:none;
}
#shorturl input:hover {
color:#000;
border: 1px solid #99CCFF;

}
.actions-share-footer{
margin:10px 2px 5px;
padding:4px 5px 5px 50px;
}

 <a href='http://twitter.com/kullanıcıadınız' style='top: 152px; left: 0px; position: fixed;' title=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSIi2roL8JQWTaS_fYAA2qkyadClIUHOvD_SIplGwJFhTyOpD9ewdexUKvn3-RNKWrU_hY0cyBHjekC4UFogpLLFDkiTcAczz5Pvj0l0F9fq4TNKTUSCPl5Cq7PHXsz1r6KJPBpFp-Hh2Q/s320/Screenshotuu.png'/></a>


<div id='backToTheTut' style='left: -410px; '>
<div class='tatu'/>

<!-- iletişim formunuzun kodları buraya gelecek –>
</div>    
        <SCRIPT src='http://tayfun.googlecode.com/files/jquery.min.js'/>
        <SCRIPT src='http://tayfun.googlecode.com/files/jquery.scrollTo-min.js'/>
        <SCRIPT src='http://tayfun.googlecode.com/files/script.js'/>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'/>


<script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
  {lang: &#39;tr&#39;}
</script>


<script type='text/javascript'>  
$(document).ready(function(){
$(&quot;.btn-slide&quot;).click(function(){
$(&quot;#share-panel&quot;).slideToggle(&quot;slow&quot;);
$(this).toggleClass(&quot;active&quot;); return false;
});
});
</script>

<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=bturls&amp;apiKey=R_37db93397f2c5d6b49a0f3d778d2e142' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
BitlyClient.addPageLoadEvent(function(){
BitlyCB.myShortenCallback = function(data) {
var result;
for (var r in data.results) {
result = data.results[r];
result[&#39;longUrl&#39;] = r;
break;
}
document.getElementById(&quot;shorturl&quot;).innerHTML = &quot;Kısa Url: &lt;input type=&#39;text&#39; value=&#39;&quot; + result[&#39;shortUrl&#39;] + &quot;&#39; name=&#39;bitlyurl&#39;/&gt;&quot;;
}
BitlyClient.shorten(document.location, &#39;BitlyCB.myShortenCallback&#39;);
});
</script>



<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='blogger-share'>
<ul id='share-menu'>
    <li><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=top_left&quot; + data:post.url + &quot;&amp;layout=button_count&amp;width=90&amp;show_faces=false&amp;height=20&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none;margin:0px 5px; width:90px;height:20px; overflow:hidden;'/></li>
 <li><a class='twitter-share-button' href='http://twitter.com/share'>Tweet</a></li>

    <li><g:plusone size='medium'/></li>
    <li style='  border:1px solid #aaa;  -moz-border-radius:3px;  -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);  -webkit-border-radius:3px;  -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);  margin:0px;    padding:3px 0px 3px 50px;      color:#242424;  float:right;  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaR8D3ZE3EZr1MxQTgXOcVmspG0M1F0yVubtlTgaCilkUYySQk6xbvCWQute1TruFW0pGxZV7ZoRvulHTc2MCrU_d7dmcnhoXbzD7qdp6WEHrCYH2SMKgwUgPAKeBrM7cnzNYdIxTiNi4/s1600/2011-06-14_213251n.png) repeat-x 0px 0px;  padding:3px 5px  2px;'><a class='btn-slide' href='#'>Paylaş</a></li>
    </ul>


<div id='share-panel'>
<div class='blogger-share-head'>
    <ul id='share-menu'>
    <li id='shorturl'><form id='shorturl'/></li>

    <li><span class='share-follow'>Takipet:</span><a class='facebook-share' href='https://www.facebook.com/pages/Facebook-hayran-sayfanız'>Facebook</a></li>
    <li><a class='twitter-share' href='http://twitter.com/#!/kullanıcı-adınız'>Twitter</a></li>
    <li><a class='google-share' href='https://plus.google.com/u/sayfası'>Google+</a></li>

    </ul>
<div style='clear: both;'/> 
</div>
<div class='blogger-share-panel'>
    <ul class='share-menu-panel'>
    <li><a class='facebook-share' expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Facebook</a></li>
    <li><a class='twitter-share' expr:href='&quot; http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank'>Twitter</a></li>
    <li><a class='google-share' expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Google+</a></li>
    <li><a class='friendfeed-share' expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Friendfeed</a></li>
    <li><a class='linkedin-share' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share this on Linkedin'>Linkedin</a></li>
    <li><a class='delicous-share' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Delicous</a></li>
    <li><a class='digg-share' expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Digg</a></li>
    <li><a class='yahoo-share' expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Yahoo</a></li>
    <li><a class='googleb-share' expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Google</a></li>
    <li><a class='livespace-share' expr:href='&quot;http://meneame.net/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Live Space</a></li>
<li><a class='myspace-share' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>MySpace</a></li>
    <li><a class='technorati-share' expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>Technorati</a></li>
    <li><a class='sutumble-share' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'>Stumble</a></li>
    </ul>


<div style='clear: both;'/> 
</div>
</div>

</div>

 </b:if>