Oxxi.net  - Birlikteliğin Gücü Bulut Sunucu

Go Back   Oxxi.net - Birlikteliğin Gücü > Client side Programlama > Jquery

Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 07-01-2015, 16:32:03
 
Trabzon Şubesi
Yaş: 27
Mesajlar: 6
iTrader: (0)
Thumbs up Blogger Sayfayı Takip Eden Jquery Duyuru Kutusu

Resim;
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...

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

Sponsor Bağlantılar
Cevapla


Bu konuyu görüntüleyen üyeler: 2 (0 kayıtlı üye ve 2 misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu açma yetkiniz yok.
Cevap yazma yetkiniz yok.
Eklenti yükleme yetkiniz yok.
Mesajınızı değiştirme yetkiniz yok.

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık



Forum Saati: 00:07:07. Zaman dilimi GMT +3 olarak ayarlanmıştır.


Powered by vBulletin™ Version 3.8.4
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Friendly URLs by vBSEO 3.6.0
İçerik sağlayıcı paylaşım sitelerinden biri olan oxxi.net Birlikteliğin Gücü Adresimizde T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur.