Blogger 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.
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="sidebar";
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...
Blog sahibi
Sidebardaki tüm içeriklerin değilde sadece bizim seçtiklerimizin bu şekilde olabilme imkanı var mıdır acaba?
@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...
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.
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 ;)
<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 ;)
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
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
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
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
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
writing, in my view its actually awesome designed for me.
Feel free to visit my site ... exercises for vertical leap
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
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
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
Yorum Uyarıları:
1- Yazıyı, Delicious, Stumble, FriendFeed, Facebook vb. paylaş tuşları ile arkadaşlarınızla paylaşın.2- Teşekkür etmekten ya da soru sormaktan çekinmeyin.
3- Sorularınız cevapsız kalmayacaktır. Sayfa adresini unutmayın, yeter.
4- Cevap yazma süresi değişiklik gösterebilir.
5- Yorumunuz, yorum kurallarına uygunsa yorum denetiminden sonra yayınlanacaktır.