BLOĞUNUZA BENZER KONULAR SLAYT GEÇİŞİ EKLEYİN

BENZER KONULAR SLAYT GEÇİŞİ
   İnternette video izlerken,yada resim galerilerine göz atarken,izlemeniz bittikten sonra sitede kalmanız için size izlediğiniz video ile ilgili benzer videoları da izlemeniz için slayt şeklinde sayfalar sunulur.
   ya da bu işlem sağ tarafta ayrı bir pencere içerisinde benzer videolar konu başlığı altında size sunulur,bunun amacı ilginizi çekmek ve sitede biraz daha vakit harcamanızdır
BLOĞUMUZA UYGULAYABİLİR MİYİZ?


   Yukarıda resimde gördüğünüz şekilde bir uygulamayı da bloğunuzda kullanabilirsiniz,bu bloğunuza görsellik katar,ayrıca okuyucularınız konulara daha rahat erişme imkanı bulur.Gelin bu uygulamayı adım adım ekleyelim.

adım-1
bu kodu bulun ,daha rahat bulmak için ctrl+f tuş bileşenini kullanın
<br /> </head><br />

adım-2
bulduğunuz kodun hemen bir üst satırına bu kodları ekleyin
<br /> <!-- featured content script begin --><br /> <style> #myGallery, #myGallerySet, #flickrGallery { width: 600px; height: 200px; margin: 5px; z-index:5; border: 1px solid #000; } .jdGallery .slideInfoZone { position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 61px; background: #000; color: #fff; text-indent: 0; overflow: hidden; } </style><br /> <br /> <!-- begin gallery scripts --><br /> <link charset='utf-8' href='http://sites.google.com/site/everythingaboutblogging/featured/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/><br /> <script src='http://sites.google.com/site/everythingaboutblogging/featured/mootools.v1.11.js' type='text/javascript'/> <script src='http://sites.google.com/site/everythingaboutblogging/featured/jd.gallery.js' type='text/javascript'/> <!-- end gallery scripts --> <script type='text/javascript'> function startGallery() { var myGallery = new gallery($('myGallery'), { timed: true }); } window.addEvent('domready',startGallery); </script><br /> <!-- featured content script end --><br />
adım-3
şimdi ise bu kodu bulun
<br /> <div id='main-wrapper'>
adım-4
bu kodu adım-3'te bulduğunuz kodun üzerine ekleyin
<br /> <br /> <br /> <br /> <!-- featured content begin--><br /> <div id='featured'><div id='myGallery'> <div class='imageElement'> <h2>BAŞLIĞINIZ</h2> <p>KAYDINIZIN KISA TANIMI...</p> <a class='open' href='KAYDINIZIN LİNKİ' title='devamını oku'/><br /> <img class='full' src='KAYIT FOTO LİNKİ'/><br /> <img class='thumbnail' src='KAYIT FOTO LİNKİ'/><br /> </div> <div class='imageElement'> <h2>BAŞLIĞINIZ</h2> <p>KAYDINIZIN KISA TANIMI...</p> <a class='open' href='KAYDINIZIN LİNKİ' title='devamını oku'/><br /> <img class='full' src='KAYIT FOTO LINKI'/><br /> <img class='thumbnail' src='KAYIT FOTO LINKI'/><br /> </div> <div class='imageElement'> <h2>BAŞLIĞINIZ</h2> <p>KAYDINIZI KISACA TANIMLAYIN...</p> <a class='open' href='KAYDINIZIN LİNKİ' title='devamını oku'/><br /> <img class='full' src='KAYIT FOTOSU LİNKİ'/><br /> <img class='thumbnail' src='KAYIT FOTOSU LİNKİ'/><br /> </div> <div class='imageElement'> <h2>BAŞLIĞINIZ</h2> <p>KAYDINIZI KISACA TANIMLAYIN...</p> <a class='open' href='KAYDINIZA LİNK VERİN' title='devamını oku'/><br /> <img class='full' src='KAYDIZIN FOTO LİNKİ'/><br /> <img class='thumbnail' src='KAYDINIZIN FOTO LİNKİ'/><br /> </div></div></div> <!-- featured content end created by ahmet tahta soru ve sorunlarınız için enjoybodrum@hotmail.com iyi bloglamalar --><br />

hepsi bu kadar eklemelerimiz bitti sonucu görmek için şablonu kaydet butonunu tıklayın,ben kendi konularınızı oluşturacağınızı düşünerek,slayt geçişlerine hiç bir link ve resim eklemedim,ancak nereye link vereceğinizi,nereye resim ekleyeceğinizi kodlar arasında belirttim,yapmanız gereken buraları kendi zevkinize göre düzenlemek,bu size kalmış

iyi bloglamalar!

bu yazıyı beğendiyseniz lütfen paylaşmayı unutmayın