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/AVvXsEhh-hnnJl6AlKWmBID-N1bUUf5UK9phOqAd7DNuhSzgCyHOVzjUnVVypS59zpNbzfTuxiu8mHsVS6qQBAX449oSuay0_y8n_v_xhytBORDzdbsoM7isEh3Cwgxsbg66g_RAYtvxwXd8ahjT/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. 😊