Blogger Resimli Slayt Menüsü

RESİMLİ SLAYT eklentisi

Resimli slayt Menüsü Blogger Sitenize ekleyerek farkli Bir slayt eklentisi Elde edebilirsiniz.

Bu eklentimiz diğerlerinden farkli olmakdadır.

Eklentimize kullanmak blogger Sitenize Eklemek oldukca kolaydır, Sitenize Eklemek Click Gadget ekleme Yöntemi Ile ekleyebilirsiniz VEYA sayfa olarakda ekleyebilirsiniz.Dilerseniz hazırladığınız konu icinde konu İle İlgili Resimleri paylasabilirsiniz A.Ş. Diğer kullanabilenecek yolu imkb oğlu Yazılarınız olarakda slayt Şeklinde ekleyebilirsiniz.

Uygulamak İçin Aşağıdaki analtımı konumundadır edebilirsiniz;

Kumanda Paneli & gt; residential & gt; Gadget Ekle & gt; Html / Javascript yolunu Izleyin
DAHA SONRA aşağıdaki kodları gadgetin icine ekleyın ce kaydedin.
Kodların icinde kırmızı Ile Yazılı Olan kısımları siz Kendinize GÖRE uyarlayıp değiştirebilirsiniz.

& Lt; style = "text / css" & gt tipi;
.slider kutu {
    arka plan: yok tekrar kaydırma 0 0 #fafafa;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px # 333333;
    margin: 0 auto;
    genişliği: 675px;
 taşma: hidden;
}
# Kaymak-sarıcı {
    margin: 0 auto;
    padding: 10px;
}
# Jslider-konteyner {
    border: 2px solid #FFFFFF;
    max-width: 550px;
    position: relative;
    text-align: left;
    z-index: 90;
}
& Lt; / style & gt;
& Lt; link href = "http://project.dimpost.com/image-slider/wowslider/css/wow-slider.css" rel = "stylesheet" type = "text / css" & gt;
& Lt; script type = "text / javascript" src = "http://code.jquery.com/jquery-latest.min.js" & gt; & lt; / script & gt;

& Lt; div class = "kaymak-box" & gt;
& Lt; div id = "kaymak-sarıcı" & gt;
& Lt; div id = "jslider-konteyner" & gt;
 & Lt; div class = "jslider_images" & gt;
      & Lt; ul & gt;
  & Lt; li & gt; & lt; a href = "http://dimpost.com" & gt;
  & Lt; img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6wy8gXoD8JhgHCJlOOuBmmm5OHuyBtBLpshT9s6svdGZ6jLy6fSLa0s2BDeqmgHmLxq5hyphenhyphenzBBv0aQYdi1wgSOnZwulKNqk9YODil_ei_yMFdy1aTdZTueiNmGNVat0BImRWxAfG6zqOwO/s550/sample1.jpg" title = " Günbatımı "/ & gt;
  & Lt; / a & gt; . güzel günbatımı bir tekne & lt; / li & gt;
  & Lt; li & gt; & lt; a href = "#" & gt;
  & Lt; img src = "http://2.bp.blogspot.com/ - GmwV2nAsUQ/Uc2oEd7wNBI/AAAAAAAAB40/ETmQqqlBgvk/s550/sample2.jpg" title = " Gökkuşağı "/ & gt;
  & Lt; / a & gt; & lt; / li & gt;
  & Lt; li & gt; & lt; a href = "#" & gt;
  & Lt; img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI4Ql5rbuX14b9s2tSi7dsI1S-roJaAcXPa6cSBwHr7cHm1jQ6GIVyp8gyitgyqXJb3_6LejBTaWPNyk639GJqVG-n2sZBYJqWaEttHtMmbF4yPy_Oxzub6PzG7ZqDFz6bgDkz6tNpZQZd/s550/sample3.jpg" title = " Gerçeği "/ & gt;
  & Lt; / a & gt; Ağacı alanında mavi gökyüzünün. & lt; / li & gt;
  & Lt; li & gt; & lt; a href = "#" & gt;
  & Lt; img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjveFbW9vsYPrSesjh4wFIKoMq0JcV2BckDVl1qretrb6rY6ByxqnRmW-dLxCq61zijdZhccTVQ0SUzYmy2GDiM6B4SNSYuPCyTSwqjf38iRsGqZFLOD1opcQDJrD52v5est0bMfVOEs92H/s550/sample4.jpg" title = " Sunrise "" / & gt;
  & Lt; / a & gt; Amaizing gündoğumu anı & lt; / li & gt;
  & Lt; li & gt; & lt; a href = "#" & gt;
  & Lt; img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNsQx7yYNXD9qx1LeZVi7AhQdRivGzFtusqVxCHtzZ6NMmmoIMz2POTaptwYttQukt11VCXjdx0erFPHYEuwG-d2btMqNKI__gmHD2jv98OKqjvQuiX6sfCoBBCWmJliOEatKDmetxfKaS/s550/sample5.jpg" title = " CAR HDR Nature "/ & gt;
  & Lt; / a & gt; & lt; / li & gt;
  & Lt; li & gt; & lt; a href = "#" & gt;
  & Lt; img src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuiyMQqzON3kCdeGiW1SXXCND6z6baaOolIufYa9l2KxghlzqZvtfP_tG4Br_uAnwv9uUDvubLbFLizT_V6_gdGgK0TkKbCYpBvculVMkuI9LENbImY9AQAUzhuHtyiynkRz8L2G7FQSnW/s550/sample6.jpg" title = " Sunshine "/ & gt;
  & Lt; / a & gt; & lt; / li & gt;
   & Lt; / ul & gt;
    & Lt; / div & gt; 
    
 & Lt; div class = "jslider_thumbs" & gt;
        & Lt; div & gt;
  & Lt; a href = "#" title = "Günbatımı" & gt; & lt; img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRU2nXLDDrzxk1W7YvxHPRKO_x2rzudHk61kHVHG1_O34S1rvxPxvM1YzyeBO2rXB4MYGDctRmZ0d-I0iE-VBTX3YYAbB6wYoZG9JgSvDQ35qYq1_PoJgvABtsL4ybG4o5lhkrgDcOXDOC/s85/sample1.jpg"/>

& Lt; a href = "#" title = "Gökkuşağı" & gt; & lt; img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj71iOVWs-yetw67vjziuIC3zdu2FgnFf6dFfXLTRWuiYuNUTyEfaqqctWZ_lAA1NOiZwY2QzFJd_MFGYKNvgmxEjEuXHsKOzvpUFnE3hKXJvizkuPQSbgCAQ-Us082AY8EWJrAO3KN_0AV/s85/sample2.jpg"/> & Lt; a href = "#" title = "Gerçeği" & gt; & lt; img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvAyO5awJRCUQOf8Gz_5mNODMmLkfa7QBjKgm-4gRBZpdK9mdiE48Yv1rmnWr3ZGfb26MqROCKuObXJrJC3HPBCtjPVQls_8RZLTpXppH2_ckg1ix6vsxVjlvKrfbQYp7KCxO7td83Y2VL/s85/sample3.jpg"/> & Lt; a href = "#" title = "Sunrise" & gt; & lt; img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrfYiD0CAQ32vpWsVK1MhRqq2b_C3Qb3pzkXOvJORsxExFnaBrtRJpRSh0IgLTDrxz5YRqUT7QOD4I7HOww8l51LYaSq7nSpQ_iiRvuAOnCAHX0hG8Jx3Z5ML2Up72msmP5u9_lGhbtnZh/s85/sample4.jpg"/> & Lt; a href = "#" title = "CAR HDR Nature" & gt; & lt; img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlAeyQ3HMFcB3xvsuMu6m079FVBPA1O903WLLzoV74Naz3ayidsqXINf3LPc7LlLiFN8Rb9_2kViXzaEkkAf3rpqd23sTF069WUMKy3C3nZZDoqUBRkjXc4gS_ct75aWX0PdNF5g-YdV9O/s85/sample5.jpg"/> & Lt; a href = "#" title = "Sunshine" & gt; & lt; img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNaH6ttaqEKJhJXC0wa5alLLaZTnDmYvplqnyxYUQoRpKv6ws9zAv-lr36KRXQF5SRNbQoYK73Apha8QlQhAkF_Ib1JL4WGL_YZQFvB2GS2rYXoIkdTEzg0grwDWE-bPYS8KAyye8Msbab/s85/sample6.jpg"/> & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; script type = "text / javascript" src = "http://dimpost.googlecode.com/files/wow-slider.js" & gt; & lt; / script & gt; Kod Sonunda bulunan resim kodlarını siz değiştirebilirsiniz ...

DEMO GÖRÜNÜMÜ