Barisozkan

Popüler Oyunlar

Blogger Eklentisi - Zıplayan Bilgilendirme Balonu
















Birçok Blogger'ın sitesini güzelleştirmek için eklentiler aramakta ve pek azı bu eklentileri bulabilmekte. Bu yazımda sizler için sitenize giren kullanıcılara söylemek istediğiniz herhangi bir bilgilendirmeyi, uyarıyı onlara direk iletebilmeniz için bir eklenti vereceğim.

Yapacağımız işlemler gayet basit. Bloggera girdikten sonra Yerleşime Tıklıyorsunuz, tıkladıktan sonra istediğiniz herhangi bir yerde Gadget oluşturarak alt kısımda verdiğim linki HTML/JavaScript  kısmına yapıştırıyorsunuz. ( Eksik veya fazla bir şey yapıştırmayın veya yazmayın ) O kısma yapıştırdıktan sonra ise kaydederek işlemimizi sonlandırıyorsunuz.

<!--Author: ytmobilman.com-->
<!--Licence: GNU GPL V2.0-->
<!--Name: Zıplayan Duyuru Panosu Kodu YENİ-->
<div class="kddtop"> <div class="kddtut"> <p>
      
  <b>Bilgilendirme</b><br/><br/>
  Merhaba web sitemize hoş geldiniz :) Bize destek olmak isterseniz sitemizi sosyal medya hesaplarınızdan tanıtabilir ve arkadaşlarınıza sitemizi önere bilirsiniz. Şimdiden Teşekkürler.. İyi günler dileriz :)
  
  
  <style>
  .kddtop {
      left:16px;
      
      width: 300px;
  min-height:180px;
  background: transparent;
  margin: 0 auto;
  position: fixed;
  font-family:Arial, sans-serif !important;
  border-radius:3px;
  -webkit-border-radius:3px;
  bottom: 16px;
  overflow: hidden;box-shadow: 0px 1px 4px transparent;
z-index:900;}
.kdtutkdrs{
  margin:0px;padding:0px;border:none;text-decoration:none;display:block;width:90px;height:18px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW8N2PH14SmnWvhV-nVVk-zuxHZq6URp9qzzexAeYNbzlj7GxbkX6NSBtl1USEiQiBiveK2UmBCD1MFeuFdmCOa_u9iz_bo-nLiZIFYXVQCkTJh3TGNSu3kUxovJOtIlG8QV8V4BqcmOaL/s1600/kd32.png);opacity:0.4;filter:alpha(opacity=40);position:absolute;top:0px;left:-56px;z-index:60200;
}
.kddtop p{width:0px;height:0px;overflow:hidden;opacity:0;position:relative;padding:16px 0 0 20px;z-index:5;margin:0 0 0 0;
color:rgba(0,0,0,0);}
.kddtop:hover p{display:block;
width:100%;height:100%;opacity:1;color:#fff;
  transition:opacity 1s 0.4s ease;
}
.kddtop:before {
  content: "?";
  position: absolute;
  line-height: 1150px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 760px;
  z-index:1;
  width: 1100px;
  height: 1100px;
  background: #F44336;
  border-radius: 50%;
  top: 100%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0.035);
  transform: translate3d(-50%, -50%, 0) scale(0.035);
  -webkit-animation: .5s bounce infinite alternate-reverse;
  animation: .5s bounce infinite alternate-reverse;
  -webkit-transition: .5s -webkit-transform ease, .5s color ease;
  transition: .5s transform ease, .5s color ease;
}
.kddtop:after {
  content: "";
  position: absolute;
  left: 133px;
  right: 133px;
  bottom: 0;
  height: 15px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  -webkit-transition: .3s opacity ease;
  transition: .3s opacity ease;
  -webkit-animation: .5s shadow infinite alternate-reverse;
  animation: .5s shadow infinite alternate-reverse;
}
.kddtop:hover {
  box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);
  -webkit-transition: .5s all ease .25s;
  transition: .5s all ease .25s;
}
    .kddtop:hover:before { color: #F44336; top: 100%; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); -webkit-transition: .3s top ease, .5s -webkit-transform ease .25s, .5s color ease .25s; transition: .3s top ease, .5s transform ease .25s, .5s color ease .25s; } </style> <a class="kdtutkdrs" href="https://www.youtube.com/channel/UCY-fRjMYqjUuJ4BEf6mQ9vg?sub_confirmation=1" onfocus="this.blur();" target="_blank"> </a> <style> .kddtop:hover:after { opacity: 0; } .kddtop:hover .kddtut:before { width: 50px; -webkit-transition: .3s all ease 1.25s; transition: .3s all ease 1.25s; } .kddtop .kddtut { padding: 0 35px 5px 0; box-sizing: border-box; display: block; position: relative; opacity: 1; text-align: center; } .kddtop .kddtut:before { content: ""; position: absolute; top: 0; left: 150px; rigth: 150px; width: 0px; height: 1px; background: black; } @-webkit-keyframes bounce { from { top: 93%; } to { top: 50%; } } @keyframes bounce { from { top: 93%; } to { top: 50%; } } @-webkit-keyframes shadow { from { height: 5px; } to { height: 20px; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes shadow { from { height: 5px; } to { height: 20px; -webkit-transform: scale(0.3); transform: scale(0.3); } }</style>
</p> </div> </div>
<script src="https://www.youtube.com/channel/UCY-fRjMYqjUuJ4BEf6mQ9vg?sub_confirmation=1"></script>

Tebrikleeerrrr 👏🎉🎇✨🎈

Artık sizinde bir eklentiniz mevcut. Bu eklentiniz sayesinde siteniz daha profesyonel gözükecektir buna emin olabilirsiniz.

Umarım sizlere faydalı olabilmişimdir. Alt kısımdan sitemize yorum yapmayı ve arkadaşlarınıza, sevdiklerinize sitemizi tanıtmayı unutmayın. 😊

7 yorum:

  1. abi benim sitemde eklenti tam ortada gözüküyo lütfen yardımedin

    YanıtlaSil
  2. Abi sağ tarafa nasıl alabilirim

    YanıtlaSil
    Yanıtlar
    1. Kod kısmındaki left: 50%; ibaresiyle oynamayı dene, left0 yap nasıl olacak bak değişik şeyler olursa lefti sil right yaz

      Sil
    2. Kardeşim kod'un en üstünde left:16px; yazan yeri değiştir.16px yerine ben left:1080px; yaptım sağ tarafa gitti buton dene istersen.Aradan zaman geçmiş ama olsun.

      Sil
  3. Peki kapatma tuşunu nasıl ekleyebiliriz?

    YanıtlaSil