Blogger Sayfayı Takip Eden Jquery Duyuru Kutusu

kaanapaydn

Unsurpassed Сasual Dating Living Women
İyinet Üyesi
Onaylı Üye
Katılım
17 Haziran 2013
Mesajlar
83
Reaction score
8
Konum
GB
Resim;
konu.png
Merhaba arkadaşlar,

Temada şuan ufak tefek sorunlar yaşıyorum konu paylaşma editörü ile ilgili o yüzden konuyu fazla uzun tutamayacağım.Paylaşacağım html kod, blogger siteleri için yapılmış bir kod olup,etkileyici,dikkat çekici bir tasarıma sahiptir.Ayrıca jquery bir koddur.

Sitenize eklediğinizde, önemli duyurularınızı artık çok daha kolay bir şekilde paylaşabileceksiniz.

Sitenize bu eklentiyi çok basit bir şekilde ekleyebilirsiniz.

Önizleme

İlk olarak ;
  1. Şablon > Html'yi Düzenle
  2. Aşağıdaki kodu buluyorsunuz
Kod:
<head>
  1. Hemen ardından bulduğunuz kodun bir satır altına aşağıdaki kodu ekliyorsunuz.
Kod:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Sonra ;
  1. Yerleşim > Gadget Ekle
  2. Html/Javascript'e tıklıyoruz ve karşımıza çıkan alana aşağıdaki kodu ekliyoruz.
Kod:
<div class="zamaneblog-yazi">
Buraya Herhangi Bir Duyuru.-Zamaneblog</div>
<img class="zamaneblog-resim" src="http://2.bp.blogspot.com/-eTxRnjvGkdQ/VKxA33lWhPI/AAAAAAAABZw/q4t8zZw1RAk/s1600/duyuru.png" onmousemove="this.src='http://4.bp.blogspot.com/-EeVfIqgpNGw/VKxBoM0vy3I/AAAAAAAABZ0/tsNvJOroUlY/s1600/duyuru2.png'" onmouseout="this.src='http://2.bp.blogspot.com/-eTxRnjvGkdQ/VKxA33lWhPI/AAAAAAAABZw/q4t8zZw1RAk/s1600/duyuru.png'"/>


    <style type="text/css">
    .zamaneblog-resim{bottom: 2%;
        position: fixed;
        right: 1%;}
        .zamaneblog-yazi {background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 0%, #0a0e0a 0%, #0a0809 0%); background: -webkit-linear-gradient(top, #d1d1d1 0%, #d1d1d1 0%, #d1d1d1 0%, #d1d1d1 0%);
        background-color:#cccccc;
        border: 1px solid;
        border-radius: 6px 6px 6px 6px;
        bottom: 10%;
        padding: 4px;z-index:999;
        position: fixed;
        right: 5%;
        font:18px Arial;
        text-shadow: 1px 1px 0 #ffffff;
        width: 21%;
        box-shadow:0 0 2px;
    }

    </style>

<script type="text/javascript">
$(function(){
    $(".zamaneblog-yazi").hide(0);
$(".zamaneblog-resim").hover(function(){
    $(".zamaneblog-yazi").show("slow");
},function(){$(".zamaneblog-yazi").hide("medium");
});});
</script>
Son Olarak ;
  1. " Buraya Herhangi Bir Duyuru.-Zamaneblog " kısmını kod içerisinde bulup yazmak istediğimiz duyuruyu yazıyoruz.
  2. Kaydet'e tıklıyoruz.
Bana zaman ayırıp ayrıca katlandığınız için teşekkür ederim..

-Saygılar...

Anlatacağım bu kadardır arkadaşlar sorusu olan yorum alanından sorabilir...
KAYNAK : Blogger Sayfayı Takip Eden Jquery Duyuru Kutusu
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Elektronik Sigara
pubg mobile uc
Üst