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.)
Örnek için buraya bakabilirsiniz.
İşe koyulmadan önce lütfen tam şablonu kaydedin sorumluluk kabul etmiyorum
Ş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.
Temamızda yukarıdaki kodu bulduktan sonra (Ctrl+F ile kolayca bulabiliriz.) önüne aşağıdaki kodları ekliyoruz.]]></b:skin>#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.
Hemen sonuna aşağıdaki kodları ekliyoruz.<div id='sidebar-wrapper'><script type='text/javascript'>function startGallery() {var myGallery = new gallery($('myGallery'), {timed: true,showArrows: false,showCarousel: false});}window.addEvent('domready', 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;
...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.
19 yorum
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
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
çok teşekkürler harikaa
7 Mart 2009 13:05
Çok faydalı oluyorsunuz teşekkür ederim.
9 Mart 2009 09:36
ne mutlu bana...:D
9 Mart 2009 16:35
banada çok faydalı oldun teşekkürler.
Peki sendeki gibi diğer habere geçme oku nasıl ekliyebiliriz ???
28 Mart 2009 16:28
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
teşekkürler
28 Mart 2009 19:00
teşekkürler
24 Nisan 2009 04:15
@Kerimovic, @NanoStyle
Rica ederim
24 Nisan 2009 11:55
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
tekrar merhaba, bunu denedim ama 2. adımdaki kodu arattırınca hata veriyor, bu kod yok??
24 Haziran 2009 21:55
Son yazıları her seferinde elle girmek biraz zor. Otomatik yapanı var mıdır bunun?
22 Aralık 2009 17:33
yapamayan arkadaşlar widget şablonunu genişlet dediğinizden eminsiniz değil mi?
26 Aralık 2009 01:16
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
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
Sorunu çözdüm: Blog yazılarından birini kaydederken "div class="imageElement" kodunu unutmuşum :))
23 Ağustos 2010 14:39
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
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