3 Mayıs 2015 Pazar

Blogger Resim Galerisi Ekleme



                    Blog Sayfanızı süslemek için görsel olarak daha çok efekt ortaya çıkarmak ve bununla beraber doğru kodları kullanmanız gerekmektedir.

                      Blogger Resim Galerisi Eklemek için size vereceğim kodları;

                         - Şablon-Gadget Ekle- HTML Bölümüne yapıştırmanız gerekiyor


                  <style type="text/css">
#simplegallery2 {
//CSS for sample Gallery
position: relative;
visibility: hidden;
border: 5px solid black;
margin: auto;
}

#simplegallery2 .gallerydesctext {
//CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
font-family: calibri;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript" src="http://helperblogger.x10.mx/scripts/imagegallery.js">
</script>

<script type="text/javascript">
var mygallery2=new simpleGallery({
wrapperid: "simplegallery2", //ID of main gallery container,
dimensions: [400, 265], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [

["RESİM LINK 1 BURAYA", "#", "_new", "IMAGE AÇIKLAMASI BURAYA"],

["RESİM LINK 2 BURAYA", "#", "_new", "IMAGE AÇIKLAMASIBURAYAE"],

["RESİM LINK 3 BURAYA","#", "_new", "IMAGE AÇIKLAMASI BURAYA"],

["RESİM LINK 4 BURAYA", "#", "_new", "IMAGE AÇIKLAMASI BURAYA"],

["RESİM LINK 5 BURAYA", "#", "_new", "IMAGE AÇIKLAMASI BURAYA"]
],
autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: true,
fadeduration: 1000, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
</script>
<div id="simplegallery2"></div>
Bu kodları yerleştirdikten sonra, Artık Resim Galeriniz sizin istedikleriniz şekilde şekillenmiş olacak.

Hiç yorum yok:

Yorum Gönder