BLOGGERCİLER İÇİN YATAY RESİM SLAYT EKLENTİSİ











Blogunuza eklemek için Şablon > HTML’yi Düzenle > Devam Et yolunu izleyin ve Ctrl +F tuş kombinasyonunun yardımıyla  </head> kodunu bulun. Hemen üzerine şu kodları ekleyin.


ikinci olarak yine şablondan </body> kodunu bulun ve hemen üzerine şu kodları ekleyin.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'type='text/javascript'/>
<script type='text/javascript'> 
            
            $( &#39;#carousel&#39; ).elastislide(); 
            
        </script>

Somn olarak Yerleşim sekmesini açın ve burada Blog Kayıtlarının altındaki yatay Gadget ekleme yerine HTML/JavaScript olarak şu kodları ekleyin.

<!-- Minimal Yatay Foto Galeri Eklentisi -->
                <ul id="carousel" class="elastislide-list"> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/1.jpg" alt="image01" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/2.jpg" alt="image02" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/3.jpg" alt="image03" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/4.jpg" alt="image04" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/5.jpg" alt="image05" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/6.jpg" alt="image06" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/7.jpg" alt="image07" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/8.jpg" alt="image08" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/9.jpg" alt="image09" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/10.jpg" alt="image10" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/11.jpg" alt="image11" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/12.jpg" alt="image12" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/13.jpg" alt="image13" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/14.jpg" alt="image14" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/15.jpg" alt="image15" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/16.jpg" alt="image16" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/17.jpg" alt="image17" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/18.jpg" alt="image18" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/19.jpg" alt="image19" /></a></li> 
                    <li><a href="#"><img src="https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/images/small/20.jpg" alt="image20" /></a></li> 
                </ul> 
                <!-- Minimal Yatay Foto Galeri Eklentisi -->

Galeride göstermek istediğiniz resimlerin URL’lerini benim yazdığım .jpg uzantılı URL’lerle değiştirin.
Resme tıklayınca açılmasını istediğiniz sayfaları # işaretinin olduğu yerlere yazacaksınız.
alt="image01-20” olarak gördüğünüz yerlere ise resim hakkında bir tanım metni yazın

http://www.yazarkafe.com/icerik/470753/blogunuz-icin-minimal-fotograf-galerisi.htm

0 yorum :

Yorumunuz için teşekkür ederim