Slayt Blog İzleme Düğmesi

5/01/2016
Blog kulanıcılarının blog sitelerinde kullandığu "Bu blogu takip et" gibi bir çok tasarıma sahip olan blog takip düğmesini slayt olarak da blogunuzda kullanabilirsiniz.

Slayt Blog İzleme Düğmesi

Slayt Blog İzleme Düğmesi Nasıl Eklenir? - Blog izleme düğmesini eklemek için blogger hesabınızda bulunan blogunuzun kumanda panelinden Yerleşim > Gadget Ekle ve HTML/JavaScript içerisine aşağıdaki kodları kopyalayıp yapıştırın.
<style scoped='' type="text/css">
/*<![CDATA[*/
#bloggereklentileritakipSubscribe{background:#FFBE45;width:200px;color:#fff;position:fixed;z-index:999;right:10px;bottom:0}
.bloggereklentileritakipButton{background:#fff;color:#fff;font-size:13px;line-height:28px;padding:0 10px;text-decoration:none;position:absolute;top:-28px;right:0;display:block;border-radius:2px 2px 0 0;height:28px;font-weight:600}
.bloggereklentileritakipButton span{background:url("https://4.bp.blogspot.com/-pSk7ASuDkZI/VyX6wI3AQpI/AAAAAAAAA7k/Y182I5SkLq0ofPB-bMgA7YB2LQ7ZJ6b0ACLcB/s1600/takip-blogger.png") no-repeat scroll 0 3px transparent;padding-left:15px}
.bloggereklentileritakipButton:hover,.bloggereklentileritakipButton:focus,.takipActive,.takipActive:hover{color:#fff}
.bloggereklentileritakipButton:hover span,.takipActive span{background-position:0 -37px!important}
.takipactive{background-color:#333}
.bloggereklentileritakipForm{padding:15px;margin:auto;text-align:center;font-size:13px}
.bloggereklentileritakipForm p{color: #FFF;font-weight: 600;margin:10px 0}
.bloggereklentileritakipFooter{text-align:center;font-size:10px;padding:8px 0;margin:0 0 -15px;border-top:1px solid #ddd}
.bloggereklentileritakipFooter a{color:#666;background:none;text-decoration:none}
.bloggereklentileritakipFooter a:hover{color:#fff;background:none}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
!function(e){e(document).ready(function(){e.extend(e.easing,{easeOutCubic:function(e,o,t,a,n){return a*((o=o/n-1)*o*o+1)+t}});var o=e("#bloggereklentileritakipSubscribe"),t="-"+o.outerHeight()+"px";o.hide().css({bottom:"-510px"}),setTimeout(function(){o.show().animate({bottom:t})},500),e(".bloggereklentileritakipButton").click(function(a){o.hasClass("takipOpened")?(e(this).removeClass("takipActive"),o.removeClass("takipOpened").stop().animate({bottom:t},{duration:300,easing:"easeOutCubic"})):(e(this).addClass("takipActive"),o.addClass("takipOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})),a.preventDefault()})})}(jQuery);
/*]]>*/
</script>
<div id="bloggereklentileritakipSubscribe" style="bottom: -971px;">
  <div class="bloggereklentileritakipForm">
    <a class="bloggereklentileritakipButton" href="#" title="Takip"><b>+ Takip</b></a>
    <br />
    <a href="http://www.Blogger.com/takip-blog.g?blogID=000017194000083056" title="Bu siteye katıl" onclick="window.open(this.href, 'dmtakip', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;"><img src="https://4.bp.blogspot.com/-D1H534dNXlM/VyX66IJOcFI/AAAAAAAAA7o/otGZnxcCBokO3ICcryV68HSgliKBsWxDwCLcB/s1600/takiper.png" alt="Bu siteye katil" /></a>
    <br />
    <p>Google ile Arkadalarına Bağlan</p>
  </div>
</div>
NOT: Kod içerisinde bulunan renkli alana blogunuzun ID (blog kimliği) numarasını yazı. Blog ID numarası nerededir?

Blog ID numaranız aşağıda resimdeki gibi blog hesabınıza giriş yaptığınızda tarayıcı URL kısmında yer alır.

Slayt Blog İzleme Düğmesi

extension Blogger Eklentileri
Slayt Blog İzleme Düğmesi hakkında daha fazla bilgi için iletişim sayfasından yada yorum bölümünden bize ulaşabilirsiniz.

Kategori İçerikleri



Blogger
Disqus
Yorum Ekle

Hiç yorum yok