05 Mart 2010

akordiyon-sütunBlogger sütun ve Akordiyon nasıl olurda bir başlıkta toplanabilir? Sütunlar bir nevi akordiyon gibi hareket ederse neden olmasın.

Marco van Hylckama Vlieg tarafından oluşturulan Simple JQuery Accordion Menu, Abu Farhan tarafından bloggera uyarlanmıştır. The Best Accordion for blogger user ismiyle yayınlanan yazısında da görülebileceği gibi temaya eklenecek basit bir kod dizini ile sütunlarda (sidebar) yer alan her gadget açılır kapanır hale dönüşecektir. Nasıl göründüğünü merak ediyorsanız, alttaki demo linkine tıklayın.

demo

Blogger Akordiyon Sütunlar Uygulama
Simple JQuery Accordion Menu uygulamasını bloglarda kullanmak için altta belirtilen kodu, temanızdaki var olan </head> kodunun bir üst satırına yapıştırmanız yeterli.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
var sidebarnameacc1=&quot;sidebar&quot;;
var accordionside1=true;
var sideshow1=new Array(0,0);
</script>
<script src='http://all-in-one-blogger-widget.googlecode.com/files/accordionscriptv101-min.js' type='text/javascript'/>

Temanızı kaydedin. Eğer temanızda herhangi değişiklik yoksa temanızda blogger sütun adı olarak kullanılan sidebar yerine farklı bir isim kullanılmış olabilir. Sidebar yerine hangi isim verildiyse, onu bulun ve yukarıdaki kodda kırmızı ile renklendirilmiş kısmı değiştirin. 

Hepsi bu kadar. Blogger akordiyon sütunlar uygulaması, kısa ve güzel bir özellik. Akordiyon gibi hareketli sütunlar özelliğini uygulama kısında herhangi bir sorun ile karşılaşırsanız lütfen yorumlar kısmında belirtin.

Kolay Gelsin...
Yorum
cosar dedi ki...
çok güzel oldu. çok sıradan iddiasız bir blog açmıştım. tamamen "bu işler nasıl oluyor,nasıl yapılıyor?" merakından. sizin blogunuz sayesinde çok konu gördüm elinize sağlık.
Nur dedi ki...
Denedim, süper bir eklenti teşekkür ederim. Yalnız, sağ kısımda ki o kalabalığa öyle alışmış ki gözüm, bomboş geldi bana.
Sidebardaki tüm içeriklerin değilde sadece bizim seçtiklerimizin bu şekilde olabilme imkanı var mıdır acaba?
Sade dedi ki...
@Cosar: yazıları beğenmene sevindim, zaten amaçta bu yardımcı olabilmek.

@Nur: Bu sorunun gelmesini bekliyordum ve sorulmasına da sevindim. Böyle bir seçenek var. Bunun için kodda bulunan;
var sideshow1=new Array(0,0);
kodunda ufak bir değişiklik yapılması gerekiyor. Sayılar şunları ifade eder;

0 = sidebardaki ilk eklenti

1 = sidebardaki ikinci eklenti

bu böyle uzar gider.

Sadece ilk eklentiyi göstermek için şu şekilde kullanılır;

var sideshow1=new Array(0,0);

Sadece ikinci eklentiyi göstermek için şu şekilde;

var sideshow1=new Array(1,1);

İlk iki eklentiyi için şu şekilde;

var sideshow1=new Array(0,1);

Çoklu eklenti göstermek içinde

var sideshow1=new Array(0,1,2,3,4,5);

kodlarını kullanabilirsiniz.

Son olarak;
var sideshow1=new Array(1,3,5);
şeklinde kullanırsanız. Sidebarda yer alan eklentilerinizden 2., 4. ve 6. eklentiler açık diğerleri kapalı olacaktır.

Kolay gelsin...
.:gelincik:. dedi ki...
Merhabalar, hayırlı cumalar.

Demo sayfanızı inceledim, sadece başlıklar gözükmesi kişinin tercihi elbet ama, bu özellği bilmeyen o başlığa bile yönelmeden sayfadan çıkanlar oluyor, başlık yanında "tıklayın" der gibi bir işaret ve benzeri bir şey varmı,olabilirmi,

ikincisi, açılan başlık, bir diğeri açılınca eski haline dönüyor, bunun dudrdurma imkanı varmı, yani, nerde ne vardı diyerek, gelen için bir kolaylık olabilrimi, yani eski haline dönme bizim seceneğimiz olabilrmi. açılan başlık bir başka başlığa tıklayıncada açık kalabilrimi, tyoksa bu, bu özelliği ortadanmı kaldırır.

Sayfası fazla kalabalık olanlar için (mesela ben)ideal bir eklenti, çok teşekkür ediyorum.
Nur dedi ki...
Teşekkür ederim çok, akşam yeniden düzenleyeceğim :)
Adsız dedi ki...
bu çok güzel eklenti çok saol...
Nrh dedi ki...
Teşekkürler.
Sade dedi ki...
@Gelincik:
Temanıza alttakine benzer şekilde bir ekleme yaparsanız ve bu eklediğiniz kodlarda arka plan resmi olarak istediğiniz şekilde resimleri arka plan resmi yaparsanız istediğiniz özellik devreye girecektir;

.sidebar h2.headactive {
background:transparent url(http://istenen-resim-linki-ok-alta.jpg) no-repeat scroll left center;
padding:5px 5px 5px 30px;
margin-top:10px;
color:#ECEFF5;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}

.sidebar2 h2.headactive {
background:transparent url(http://istenen-resim-linki-ok-yukarı.jpg) no-repeat scroll left center;
padding:5px 5px 5px 30px;
margin-top:10px;
color:#ECEFF5;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}


Ayrıca bunu yaparken "Blogger Sütun Başlıklarına Simge Ekle" konusundan da yardım alabilirsiniz.

Umarım yardımcı olmuştur. Saygılarımla ;)
.:gelincik:. dedi ki...
Çok teşekkürler, yardımcı olmak nedemek, o kadar faydalı ki bunlar, emeğinize zamanınıza sağlık.
GÖK-TÜRK dedi ki...
Bu ipucu için teşekkürler.Ben de uygulamaya çalıştım ama herhangi bir değişiklik olmadı.Siz de yazınızda ''Eğer temanızda herhangi değişiklik yoksa temanızda blogger sütun adı olarak kullanılan sidebar yerine farklı bir isim kullanılmış olabilir.'' demişsiniz fakat söylediğiniz şeyi bulamadım...Bu dediğiniz nerde acaba teşekkürler...
Sade dedi ki...
@Gök-Türk: Bu söylediğim yer temanızda sidebar için tanımlanmış kelimedir. Örneğin Sidebar yerine sidebar1 veya sidebar2 kullanılabilir. Bunu nasıl bulacağınızı da şöyle anlatayım; temanda sidebar-wrapper şeklinde arama yap. Alttakine benzer bir kod bulunacaktır.

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'>

bu kodda id='sidebar' kısmı sidebarı tanımlayan kısımdır ;)
senemcabuk dedi ki...
çok güzel bilgiler vermişsiniz çok teşekkür ederi.Ben blog arşivinde tüm konu başlıklarının hepsinin gözüksün istiyorum ama yapamıyorum yani yemek boglarında çorbalar,makarnalar,ana yemekler diye başlıklar oluyor ya bunları tıkladığımızda alt alta sıralanıyorlar ya öyle yapmak istiyorum yapamadım yardımcı olursanız sevinirim
Adsız dedi ki...
Generally I do not learn post on blogs, but I
would like to say that this write-up very forced me to check out and do
it! Your writing style has been surprised me.
Thank you, quite nice post.

Also visit my homepage; vertical leap exercises
Adsız dedi ki...
hey there and thank you for your info – I've certainly picked up something new from right here. I did however expertise some technical issues using this web site, as I experienced to reload the site a lot of times previous to I could get it to load properly. I had been wondering if your web host is OK? Not that I'm complaining, but sluggish loading instances times will sometimes affect your
placement in google and could damage your
high-quality score if advertising and marketing with Adwords.
Well I'm adding this RSS to my e-mail and could look out for a lot more of your respective interesting content. Make sure you update this again soon.

Have a look at my page; settlement annuities
Adsız dedi ki...
I know this if off topic but I'm looking into starting my own blog and was wondering what all is required to get set up? I'm assuming having a blog like yours would cost a pretty penny?
I'm not very web smart so I'm not 100% sure. Any tips or advice would be greatly appreciated. Thank you

Stop by my webpage balance transfer credit cards 0 apr
Adsız dedi ki...
Does your website have a contact page? I'm having a tough time locating it but, I'd like to send
you an email. I've got some recommendations for your blog you might be interested in hearing. Either way, great website and I look forward to seeing it expand over time.

Stop by my homepage - workouts to improve vertical leap
Adsız dedi ki...
The other day, while I was at work, my sister stole my iPad and tested to
see if it can survive a thirty foot drop, just so she can be a youtube sensation.
My apple ipad is now destroyed and she has 83 views.
I know this is totally off topic but I had to share it
with someone!

Look into my website; http://perfectsoul.com/IrvingFre
Adsız dedi ki...
Hi mates, how is all, and what you desire to say about this piece of
writing, in my view its actually awesome designed for me.



Feel free to visit my site ... exercises for vertical leap
Adsız dedi ki...
Heya i am for the first time here. I found this board and
I in finding It truly useful & it helped me out a lot. I'm hoping to provide something again and help others like you helped me.

Feel free to surf to my blog post ... vertical jump exercises
Adsız dedi ki...
My brother suggested I might like this blog. He was entirely right.
This post actually made my day. You cann't imagine just how much time I had spent for this info! Thanks!

My web blog :: exercises for vertical leap
Adsız dedi ki...
Hello there, I found your blog by means of Google while
searching for a comparable subject, your site came
up, it looks great. I've bookmarked it in my google bookmarks.
Hi there, simply changed into alert to your blog thru Google, and located that it's
really informative. I am gonna watch out for
brussels. I will appreciate for those who proceed this in future.
Many other people will be benefited out of your writing.
Cheers!

my homepage ... vertical leap Workouts