Blogger Resimli Rastgele Yazılar Eklentisi
Daha önce blogunuzda daha önce yayınladığınız yazılardan belirlediğiniz kadarını, kenar çubuğunda rastgele gösteren bir eklenti paylaşmıştım.O eklentiyi incelerseniz, çok sade olduğunu ve sadece rastgele yazı başlıklarını gösterdiğini göreceksiniz.Paylaştığım bu eklenti de ise blogunuzda yazılardan belirlediğiniz sayıda yazı resimli olarak gözükeceğinden blogunuza işlevselliğin yanı sıra görsellik de katacaktır.
Eğre bazı yazılarımda resim kullanmıyorum diyorsanız, resim olmayan yazılarında varsayılan bir resim gözüküyor ve o yazıda resim olmadığını simgeliyor.
Resimli rastgele yazılar eklentisini blogunuza eklemek için ilk olarak Şablon > HTML’yi Düzenle > Devam Et yolunu izleyerek ]]></b:skin> kodunu bulun ve hemen üstüne şu kodları ekleyin.
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:70px;height:70px;padding:3px}
İkinci olarak, Blogger kumanda panelinize girdikten sonra Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek şu kodları ekleyin.
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comentarios';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJ7B4QEqnXx7bTuL2GPbrGczz5E0lnfCLEI8zj8ZIAz51RP-3D6AOnf8lTTSqAey0KmzM2ErH_SFjIjhyphenhyphenkVzdV1WwhBwrTQkS2hrWEi0N-7LN8B2b-IyD1_oDizBaSsnpNVNXUNrdOIUo/s48/resim-yok.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
- Kırmızı rekle gösterdiğim 5 yerine kaç yazı gözükmesini istiyorsanız onu yazın.
Serdar abi sadece widget kısmına ekleye bileceğimiz kodlar yok mu bazen sorun yapıyor temamda da ?
YanıtlaSilKeşke üşenmeyip yazıyı okusaydın, sorunun cevabı orada yazıyor zaten.
YanıtlaSilhemen uyguladım teşekkürler :)
YanıtlaSilYazıyı okur okumaz ekledim, elinize sağlık çok güzel oldu, sayenizde bir çok şey öğreniyorum teşekkür ederim.
YanıtlaSilwalla bende keledım ama hocam tek resim yok oysaki hepsi resimli ebat sorunumu var acaba
YanıtlaSilBUNDADA RESİM GÖZÜKMEDİ NEDEN ACABA
YanıtlaSilhocam yanındaki nokta işaretlerini kaldırmak istiyorum nereyi değiştirmeliyim.yani resmin yanındaki nokta işaretini :)
YanıtlaSil@annelikokulum
YanıtlaSil]]></b:skin> kodunun üstüne şunu ekleyin:
.sidebar ul {
list-style: none;
}
Var olun hocam ::)Ayrıca "commentaros" yazan yeri de "yorum" olarak değiştirdim çok güzel oldu.Bunu yapabilmek bile benim için büyük başarı size küçük bir şey gibi gözükebilir bilgilerinizle dogru orantılı olarak.Ama sayenizde blogum adama benzedi...
YanıtlaSilhocammm birşey daha istesem.Buradaki comentarius yazısını ve tarihi görmek istemiyorum. nereyi değiştirmeliyim :))sadece resim ve yazı başlıgı olsun istiyorum.
YanıtlaSil@annelikokulum
YanıtlaSilKodlardaki var rdp_info='yes'; satırında yes olan yere no yazarsanız tarih ve yorum gözükmez.
Var olun sağ olsun hocam:))
YanıtlaSilben de uyguladım bloguma Serdar bey çok teşekkür ederim yanlız bazı bloglarda önceki kayıtlar yatay görünüyor her kayıtın altında sizin anlatımımnızla yaptım dikey yan tarafa aldı ?
YanıtlaSilbunun benzer yazılar gibi yan yana olanı yokmu
YanıtlaSilçalışmıyor.panel adeta donuyor.koddaki hatayı düzelltim şimdi çalışmaya başladı.
YanıtlaSilsağolasın hocam...
YanıtlaSilben diklemesini değilde yatayına olmasını istiyorum.. nasıl olacak ?
YanıtlaSilSerdar bey resimler cikmiyor. yayinlarda en az 2ser tane resim var halbuki. Yardimci olurmusunuz. tesekkurler.
YanıtlaSilTeşekkur ettim kardeşim işime yaradı
YanıtlaSilGüzelmiş teşekkürler.
YanıtlaSilBloguma ekledim ve dondu !
YanıtlaSilben ekledim ancak ressimlerim çıkmıyor. zaten bendeki problem popüler yaınlarımdada ressim çıkmıyor. düzeltemedim gitti
YanıtlaSilsablonla ugrasmakdan biraz korktugum icin emin olmadan yapmak istemedim. burda iki secenek vermissiniz birisi sablon üzerine digeri ise Yerleşim > Gadget Ekle > HTML/JavaScript üzerine bunlarin ikisinide birmi yapmamiz lazim yoksa birini yapsak yeterlimi.
YanıtlaSilYerleşim > Gadget Ekle > HTML/JavaScript üzerine yaptim sadece ama tüm resimler cikmiyor.
sablon üzerinede sormak istedigim ]]> kodunu bulun ve hemen üstüne şu kodları ekleyin.)) yazmissiniz nasil üzerine bu yazinin basinami yada bu yazilar silincekmi ??
Cok soru sordugum icin özür dilerim ama baska türlü anlayamadim :(
cevap icin simdiden cok tsk.ederim
@PaSaSofraM
YanıtlaSilÖncelikle ]]></b:skin> kodunu bulun ve verdiğim ilk kodları bunun üzerinde bir yere ekleyin. Daha sonra HTML/JavaScript gadget olarak ikinci verdiğim kodları ekleyin.
cok tsk.ler aynen söylediginiz gibi herseyi yaptim ama resimlerin hepsi cikmiyor biryerde yanlismi yaptimki ??
YanıtlaSilSadece kendi eklediğiniz resimler çıkar. Resmi başka bir siteden kullanıyorsanız çıkmaz.
YanıtlaSilYok kendi eklediklerimde cikmadi yinede tsk.ler
YanıtlaSilHocam Merhaba;
YanıtlaSilDediklerinizin tümünü yaptım ancak Haydi Rastgele başlığını getiriyor ancak altına hiçbir yazı gelmiyor. Sebebi ne olabilir acaba ?
Sitem: www.gezelimgorelimbilelim.com
Teşekkürler
Eren Evren
bunu popüler yazılar olarak nasıl ayarlayabiliriz yada belli bir etiketteki yazı olarak atıyorum teknoloji etiketi
YanıtlaSilTeşekkürler...
YanıtlaSilSorunsuz çalışıyor :)
teşekkürler
YanıtlaSiliki bloğum var birinde çalıştı diğerinde bazı yayınların resmi çıkmıyor.ayrıca ikiside aynı şablon.ilginç.
YanıtlaSilMerhaba,
YanıtlaSilen başta verdiğiniz kodu şablonumda bulamıyorum. ctrl+f ile arıyorum fakat yok. bir ara çok kurcalamıştım silmişim sanırım :)) bu sorunu nasıl düzelteblirim??
birkatrepinar.blogspot.com
Merhaba,
YanıtlaSilO kodun olmadığı bir şablon olamaz. Ctrl F ile arama yapmadan önce kodların olduğu pencerenin içerisine 1 kez tıklayın.
harika
YanıtlaSilSerdar Bey başka siteden eklediğimiz resimleride göstermesini sağlayamaz mıyız?
YanıtlaSilserdar hocam ben ekliyorum ama ekleyince çalışmıyor panel donuyor..site donuyor.. acaba sebebi ne?
YanıtlaSilHocam bu resim yok resminden bir değil de birkaç tane yapamazmıyız?
YanıtlaSilmerhaba ben bu eklentiyi yatay olarak kullanmak istiyorum nasıl bir değişiklik yapmam lazım, yani yazılar yan yana dizilsin var mı bir yolu.. ??
YanıtlaSilYan Yana divlerle yaptım yani hallettim, ama bu yazıların altına küçükde olsa bir yazı nsaıl çekerim, her tarifin altına kendi yazısından mesela 50 karakter ??
YanıtlaSilMerhaba Serdar bey;
YanıtlaSilTam istediğim bir eklenti. Tek isteğim yatay olarak kullanabilmek. Bu kodlarla mümkün mü? Değilse hangi eklenti ile bu görevi gören bir gadget edinebilirim?
Teşekkür ederim çok güzel.
YanıtlaSilBu yorum yazar tarafından silindi.
YanıtlaSilGüzel bir makale. Tebrik ederim.
YanıtlaSilsağol hocam gerçekten çok güzel bir paylaşım ve cevaplarınızda bizi mutlu ediyor sağolun
YanıtlaSilGüzel oldu ama bu pop up şeklinde olmasını istiyorum ne yapmam gerekli
YanıtlaSil