Blogger Yatay Slayt Eklentisi

ads

ads

Blogger için vaz geçilmez olan eklentilerden bir taneside slayt  alanı eklemektir. Bu yazımda üstteki resimde gördüğünüz  gibi yatay bir slayt alanı oluşturacağız. Blog'unuz bu sayede hem daha şık bir görünüme ve profosyonel bir tasarıma sahip olacak.

Bu eklentiyi sitenizin hemen hemen her tarafında kullanabilirsiniz   üstte, altta veya ortada seçim sizin zevkinize kalmış bir olay.

Kurulumu:

Blogger kumanda paneli şablon HTML'yi düzenle Ctrl + F yardımı ile  aşağıdaki kodu bulunuz.

</head>

Yukarıda bulduğunuz kodun üstüne gelecek şekilde aşağıdaki kodları ekleyiniz.

<link href='https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/css/elastislide.css' rel='stylesheet' type='text/css'/> <br /> <script src='https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/js/modernizr.custom.17475.js'/>


Üstteki işlemi yaptıysanız  </body> kodunu bulun ve üstüne aşağıdaki kodları ekleyin..

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/> <script src='https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/js/jquerypp.custom.js' type='text/javascript'/> <script src='https://dl.dropbox.com/u/60346665/BlogHocam-MinimalSlayt/js/jquery.elastislide.js' type='text/javascript'/> <script type='text/javascript'> $( '#carousel' ).elastislide(); </script><br />

Ve son aşamaya geldik blogger kumanda paneli yerleşim gadget ekle html javascript seçeneğinden aşağıdaki kodu ekleyiniz.

<!-- Blog Hocam Minimal Yatay Foto Galeri Eklentisi --> <br /> <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> <!-- Blog Hocam Minimal Yatay Foto Galeri Eklentisi --><br />

Bütün işlemleri doğru yaptıysanız, sorunsuz çalışacaktır..

Kaynak >> http://bloghocam.blogspot.com/2012/12/minimal-yatay-slayt-eklentisi.html

ads