Güncellenmiştir...
Manşet, Slide Menü, Featured Content isminin değil işlevinin önemli olduğu bu eklentiyi blogum da görebilirsiniz.
Bloggera featured content eklentisiyle renk katmak istemez misiniz? Bu eklentiyle birlikte kullanıcılar rahatlıkla son yazılarınıza ulaşabilirler, slide efektiyle de ilgilerini çekebilirsiniz. Sizde yazılarınızı manşete taşımak istiyorsanız aşağıdaki adımları takip edin. (Bir çok arkadaş bu menüyü sormuştu bunun da cevabını vermiş oluyorum.)

slide menü yapımıÖrnek için buraya bakabilirsiniz.



İşe koyulmadan önce lütfen tam şablonu kaydedin sorumluluk kabul etmiyorumnerd Şaka bir yana temanıza yazık olmasın.
1. Adım:Evet ilk olarak bloggera giriş yapıyoruz. Yerleşim>Html'yi Düzenle ye gelip
Widget Şablonlarını Genişlet'in.



]]></b:skin>
Temamızda yukarıdaki kodu bulduktan sonra (Ctrl+F ile kolayca bulabiliriz.) önüne aşağıdaki kodları ekliyoruz.


#myGallery{width: 600px !important;height: 200px !important;overflow: hidden;}

Kırmızı kodlar (600, 200) menünün boyutunu gösteriyor. Temanıza göre bu ayarı yapmanız gerekiyor. Ekleyeceğiniz resimlerde yaptığınız ölçülere uymalı. Örneğin menünün boyutu 600x200'lük ise eklediğiniz resimlerinde boyutu 600x200 olmalı.
Sonuna ise aşağıdaki kodları ekliyoruz.

<script src='http://taytanikblog.googlepages.com/mootools.v1.11.js' type='text/javascript'/><script src='http://taytanikblog.googlepages.com/jd.gallery.js' type='text/javascript'/><link href='http://taytanikblog.googlepages.com/jd.gallery.css' media='screen' rel='stylesheet' type='text/css'/>


2. Adım: Şimdi ise aşağıdaki kodu buluyoruz.

<div id='sidebar-wrapper'>
Hemen sonuna aşağıdaki kodları ekliyoruz.
<script type='text/javascript'>function startGallery() {var myGallery = new gallery($(&#39;myGallery&#39;), {timed: true,showArrows: false,showCarousel: false});}window.addEvent(&#39;domready&#39;, startGallery);</script>

(Yukarıdaki kodu bulamayanlar < /body> kodunun hemen önüne koyabilirsiniz.)

3. Adım: Şablonumuzu önizleme yapıyoruz eğer bir sorun yoksa html'yi düzenleden ayrılmanın vakti geldi. Şablonu kaydedelim. Şimdi "Sayfa Öğeleri" kısmına gelelim. Gadget ekle>Html/javascript ekleyelim.

Html/javascript gadget'ına aşağıdaki kodları yapıştıralım ve kendimize göre düzenleyelim:

<div id="myGallery"><div class="imageElement"><a class="open" href=" href=”http://tambirblog.blogspot.com/ "/><img src=" http://img140.imageshack.us/img140/1153/image1q.jpg" class="full"/><h3>Tam Bir Blog</h3><p>Yeni Blog Adresiniz...</p></a></div><div class="imageElement"><a class="open" href=" http://tambirblog.blogspot.com/ "/><img src=" http://img140.imageshack.us/img140/1153/image1q.jpg " class="full"/><h3>Tam Bir Blog</h3><p>Yeni Blog Adresiniz...</p></a></div><div class="imageElement"><a class="open" href=" http://tambirblog.blogspot.com/ "/><img src=" http://img140.imageshack.us/img140/1153/image1q.jpg " class="full"/><h3>Tam Bir Blog</h3><p>Yeni Blog Adresiniz...</p></a></div><div class="imageElement"><a class="open" href="http://tambirblog.blogspot.com/ "/><img src=" http://img140.imageshack.us/img140/1153/image1q.jpg" class="full"/><h3>Tam Bir Blog</h3><p>Yeni Blog Adresiniz...</p></a></div><div class="imageElement"><a class="open" http://tambirblog.blogspot.com/ "/><img src=" http://img140.imageshack.us/img140/1153/image1q.jpg" class="full"/><h3>Tam Bir Blog</h3><p>Yeni Blog Adresiniz...</p></a></div></div>

(Kendini tekrarlayan kodları kullanarak istediğiniz kadar ekleme ya da çıkarma yapabilirsiniz.)

Yukarıdaki kodda renkli bölümleri siliyoruz, değişiklik yapılması gereken yerleri aşağıda açıkladım:




http://tambirblog.blogspot.com/ yerine yazınızın linkini;
http://img140.imageshack.us/img140/1153/image1q.jpg yerine resminizin Url'si ;
Tam Bir Blog yerine yazınızın başlığı ;
Yeni Blog Adresiniz... yerine ise yazınızdan kısa bir bölüm verebilirsiniz.


...Ve kaydediyoruz.

Bugünlük bu kadar....
http://tambirblog.blogspot.com/

Yazı güncellendi ve şu anda çalışıyor. Tekrar sorun çıkarsa yardımcı olmaya çalışırım. Eklenti için taytanik'e tekrar teşekkürler.


Yazıyı İmle
Digg Technorati Stumble This Twitthis Del.icio.us Furl Reddit

20 yorum

  1. Bilgiport Dedi ki,

    bende işe yaramadı verdiğiniz ikinci kodlar sitenin üstünde görünüyor.Acaba bi yerde yanlışlık mı yapıyorum.

    6 Mart 2009 17:48

     
  2. dropofblood Dedi ki,

    yok bir yerede yanlışlık yapmamışsın...
    bi kaç kodda hata var bir de eklemen gereken bir kod var fazladan..
    umarım şimdi çalışıyordur...

    6 Mart 2009 23:07

     
  3. error Dedi ki,

    çok teşekkürler harikaa

    7 Mart 2009 13:05

     
  4. DÜN-BUGÜN Dedi ki,

    Çok faydalı oluyorsunuz teşekkür ederim.

    9 Mart 2009 09:36

     
  5. dropofblood Dedi ki,

    ne mutlu bana...:D

    9 Mart 2009 16:35

     
  6. Kerimovic Dedi ki,

    banada çok faydalı oldun teşekkürler.
    Peki sendeki gibi diğer habere geçme oku nasıl ekliyebiliriz ???

    28 Mart 2009 16:28

     
  7. dropofblood Dedi ki,

    ok eklmeli olanı
    http://www.techknowl.com/2008/12/gallery-with-sliding-featured-content.html bu adresten bakabilirsin... İleri zamanlarda Türkçe çevirisini blogumda belki yayınlarım...

    28 Mart 2009 17:57

     
  8. Kerimovic Dedi ki,

    teşekkürler

    28 Mart 2009 19:00

     
  9. NanoStyle Dedi ki,

    teşekkürler

    24 Nisan 2009 04:15

     
  10. dropofblood Dedi ki,

    @Kerimovic, @NanoStyle
    Rica ederim

    24 Nisan 2009 11:55

     
  11. dark road Dedi ki,

    Teşekkürler ama yapmaya korktum, temama uymaz diye :D

    *Nanostyle, etiket bulutunu çok beğendim nasıl yaptın acaba??

    24 Haziran 2009 05:55

     
  12. dark road Dedi ki,

    tekrar merhaba, bunu denedim ama 2. adımdaki kodu arattırınca hata veriyor, bu kod yok??

    24 Haziran 2009 21:55

     
  13. efe Dedi ki,

    şu slide şovun otomatik olarak son yazıları gösterenini yapsalar süper olurdu (=

    16 Aralık 2009 17:10

     
  14. torbam.com Dedi ki,

    Son yazıları her seferinde elle girmek biraz zor. Otomatik yapanı var mıdır bunun?

    22 Aralık 2009 17:33

     
  15. Adsız Dedi ki,

    yapamayan arkadaşlar widget şablonunu genişlet dediğinizden eminsiniz değil mi?

    26 Aralık 2009 01:16

     
  16. Adsız Dedi ki,

    merhaba benim sorunum şu bunun sadece ana sayfada çıkmasını istiyorum yazıları okumak için girince çıkmasın istiyorum, tam olarak çıksa sorun yok fakat eni boyu bozularak çıkıyor sadece ana sayfada görünmesini nasıl sağlarım

    21 Ocak 2010 17:15

     
  17. Bugüne kadar gayet güzel çalışan bu sistem, yeni yazı eklediğimde şaftı kaymış bir halde çıkıyor. Bir yardım etseniz?
    Adres: http://guncemain.blogspot.com

    21 Ağustos 2010 18:44

     
  18. Sorunu çözdüm: Blog yazılarından birini kaydederken "div class="imageElement" kodunu unutmuşum :))

    23 Ağustos 2010 14:39

     
  19. . Dedi ki,

    Herşeyi düzgün yaptım fakat resimler çıkmıyor.resmin url sini doğru yere giriyorum ama yine de gözükmüyor

    18 Eylül 2010 22:37

     
  20. hiç Dedi ki,

    aynı sorun bende de var, herşey doğru ama resimler çıkmıyor, yönetici arkadaşımız sayfaya olan ilgisini yitirmiş, artık çalışmıyor, o kadar da uğraşmıştık, bir de "emeğe saygı!!!" diyor... nereye gitti bizim emek?

    21 Eylül 2010 16:40

     

Yorum Gönder

Son Yazılar

Son Yorumlar

Translate

İzleyiciler