Eklenti; Blogger tabanlı blogunuzdaki tüm yazılardan, istediğiniz sayıda rastgele yazıyı listelemeye yarıyor. Belirlediğiniz karakter sayısı kadar da özet göstertebiliyorsunuz. Resimdeki gibi.
Devamını Okuyun
Kurulum
1- Öncelikle alttaki sarı kutunun içindeki tüm kodları kopyalayın ve blogunuzun HTML kodlarına (html düzenleme kısmından); </head>'in hemen öncesine yapıştırın.
<script type='text/javascript'>
//<![CDATA[
function rastgele(json){
for (var ix = 0; ix <sayi; ix++){
var say=Math.floor(Math.random()*json.feed.openSearch$totalResults.$t);for (var i = say; i <=say; i++){ var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate'){posturl = entry.link[k].href;break;}}posttitle = posttitle.link(posturl);document.write(posttitle);
if(karakter>0 && listele){
document.write("<br/>")
var postcontent = entry.summary.$t;
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re,"");
if (postcontent.length<karakter){
document.write(postcontent);
}else{
postcontent = postcontent.substring(0, karakter);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);document.write(postcontent + '...' );
}
}else{
if(ix!=(sayi-1)){document.write(" , ")}
}
if(listele){ document.write("<br/>");document.write("<br/>");
}}}}
//]]>
</script>
//<![CDATA[
function rastgele(json){
for (var ix = 0; ix <sayi; ix++){
var say=Math.floor(Math.random()*json.feed.openSearch$totalResults.$t);for (var i = say; i <=say; i++){ var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate'){posturl = entry.link[k].href;break;}}posttitle = posttitle.link(posturl);document.write(posttitle);
if(karakter>0 && listele){
document.write("<br/>")
var postcontent = entry.summary.$t;
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re,"");
if (postcontent.length<karakter){
document.write(postcontent);
}else{
postcontent = postcontent.substring(0, karakter);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);document.write(postcontent + '...' );
}
}else{
if(ix!=(sayi-1)){document.write(" , ")}
}
if(listele){ document.write("<br/>");document.write("<br/>");
}}}}
//]]>
</script>
2- Sayfa Düzeni kısmından, rastgele yazıları görüntülemek istediğiniz yere bir HTML/JavaScript widgeti eklememiz gerekiyor. Widget'in kodları şunlar olsun:
<script type="text/javascript">
var sayi = 5;
var karakter = 150;
var listele = true
</script>
<script src="http://*BLOGUNUZ*.com/feeds/posts/summary?orderby=published&max-results=999999&alt=json-in-script&callback=rastgele"></script>
var sayi = 5; değeri kaç tane yazı görüntüleneceğini belirliyor.
var karakter = 150; değeri her yazı başlığının altındaki özet kısmındaki özetin kaç karakterli olacağını belirliyor. 0 yaparsanız, hiç özet gösterilmez.
var listele = true değeri, yazıların dizilişini belirliyor. Değer true olarak kalırsa yazılar alt alta listelenir. false yaparsanız, özetler görüntülenmez ve yazılar yan yana virgülle ayrılarak görüntülenir.
*BLOGUNUZ* kısmını blogunuz Custom Domain kullanmıyorsa, yani adresi http://ahmetinblogu.blogspot.com gibi ise; kendi blogunuza göre BLOGADI.blogspot.com yapın. Blogunuz Custom Domain kullanıyorsa, yani adresi http://www.tuncayınblogu.com gibi ise bu kısmı subdomain.domain.com yapın. O kısım http://www.ermanhaskan.com/feeds/posts/summary?ord...... veya http://ermanhaskan.blogspot.com/feeds/posts/summary?ord...... gibi gözüksün yani.
Widget olarak kullandığınız bu kodları, aynı blogda farklı görünüş ve sayılarda gözükecek biçimde istediğiniz kadar kullanabilirsiniz. Blogunuzun HTML kodlarına eklediğiniz kodun sadece 1 kere bulunması yetiyor.
Daha ileri seviye Blogger kullanıcıları için: Bu kodları Widget olarak eklemek yerine, HTML düzenleme kısmından ihtiyacınıza göre ekleyerek çok değişik şeyler yapabilirsiniz (<'leri < , >'leri > yapın yeter). Blogun en üstünde "Rastgele Yazı: XXXXX" şeklinde bir bar, blog yazılarının altında "bu yazıyı beğendiyseniz bir de şunları deneyin: xxx xxx xxx" şeklinde bir liste veya istediğiniz herhangi bir şey...
Güle güle kullanın.
böyle bir eklenti vardı ama gösterilecek materyali elle girmek zorundaydın. bu daha kullanışlı olmuş ayrıca dediğin gibi biraz daha oynanarak çok daha değişik kullanılabilir. eline sağlık oldukca kullanışlı bir şey çıkmış ortaya.
Çok sağol erman paylaşımın için teşşekkürler.
Bu eklenti blogcu için de olur mu? (isimsiz yorum)
olmaz
Teşekkürler Erman, emeğine sağlık, gayet hoş bir eklenti olmuş.
Sevgiler, Saygılar.
Teşekkürler Erman.
Erman bey peki en çok izlenen 5 yazıyı koyacagız diyelim kodlarda nasıl bir değişiklik yaparsak bunu sağlarız cevabınız için teşekkürler.
Blogger; yazıların görüntülenme sayılarının istatistiğini tutmadığı veya bize sunmadığı için bu mümkün değil. Hangi yazının ne kadar görüntülendiğini gösteren bir değer yok ki biz bu doğrultuda eklentiye yeni bir şekil verebilelim.
Keşke Blogger'da böyle bir sistem olsa...
Mehmet bey bir sorum daha olacak yeni aldıgımız domaine blogger stemizi geçireceğiz diyelim. Yalnız domaine yönlendirme değilde domaine geçirmeyi nasıl yapıyoruz. Ayarlardan denedim fakat olmadı. Bir de arama motoruna Türkçe dil desteği eklemek ve kendi etiketlerimizi yaratmak konusunda bilgilendirirseniz sevinirim. Örneğin ben Film sitesi hazırlıyorum etiketleri kategori olarak kullanıyorum çünkü bloggerin bir kategori sistemi yok. Fakat her kaydın sonunada tıklandıgında o kaydı açan etiketler eklemek istiyorum yardımcı olur musunuz?
Mehmet bey mi? Erman demek istediniz sanırım.
Blogger'da Custom Domain adında, Blogger'daki blogunuzu kendi alan adınızla birlikte kullanmaya yarayan (bu blog gibi) bir özellik var. İnternette bununla ilgili çok bilgi var. Benim de ilgili bir yazım vardı, arama kutusundan ararsanız bulabilirsiniz.
Türkçe dil desteği işini anlamadım ama etiketle kategori aynı şeydir. Etiketlerin listelediği widget'in başlığını kategori yaparsan onlar kategori olur. Blogger'ın yazıların altında veya üstünde o yazının etiketlerini gösterme özelliği zaten var. Sayfa düzeninden blog kayıtları ögesinin düzenleme kısmından ayarlanabiliyor.
Özür dilerim, Mehmet bey ile konuşurken dikkatsiz yazdım bilinçaltımın bana atmış olduğu bir kazıktır bu kusura bakmayın.
Arama motorunun tek eksiği Türkçe karakter desteğinin olması mesela sitemde "eğreti gelin" filmini arayanlar "ğ" kullandıgından ötürü film sitede oldugu halde aramadan ulaşamıyor.
Kodlarını buradan yollayamıyorum nasıl yollayabilirim?
Bu koda nasıl bir ekleme yapmalıyım sizce?
Blogundaki arama bölümünün kodu yanlış. Sonuç sayfası search?s=XXXX diye açılıyor ama search?q=XXXX olması gerekir. O zaman Türkçe karakter vs. de farketmiyor zaten. Doğru kodu benim kullandığım arama kutusunun kodlarından alabilirsin.
Çok teşekkür ederim.
Erman bey, kusura bakmayın rahatsız ediyorum. Kendi etiketimizi hazırlama konusunda yardımcı olabilir misiniz acaba?
Örneğin Bir gönderinin içeriğinin en altına elle etiket gireceğim "etiketler bölümünden bağımsız"
Fakat konunun en altına elle eklemiş oldugum etiketler link şeklinde olacak ve etiketin bulundugu sayfaya gidecek yani tabi oldugu konuya.
Bunu konunun adresine link vererekte yapabiliriz fakat her bir etikete o konunun linkini vermek yazarları uğraştıracagından "bulundugun sayfayı aç" özelliği taşıyan bir html kodu oluşturup. Her konuya aynı kodu yapıştırıldıgında çalışması gerekli.
Bu özelliğe sahip kod nedir? Teşekkürler..
Yazı hazırlarken eklediğin etiketlerden bazılarının etiketler bölümünde gözükmemesini istiyorsan, etiketlerin sidebarda dizilmesini sağlayan kodu düzenlemek gerekiyor.
Hayır anlamadınız sanırım. Eklediğim etiketlerden bazılarının görünmesi değil. Elle etiket hazırlayıp yeni atacagım kayda eklemek istiyorum ve o etiketlerin tıklandıgında o kaydı açmasını istiyorum.
Etiketler bölümü ile alakam yoktur Erman Bey, nedenini sorarsanız ben etiketler bölümünü kategori bölümü olarak kullanıyorum. Dolayısıyla yazıyı yayınlarken etiket bölümüne sadece kategorisini yazıyorum.
Buna mütevellik kaydın içine de tıklandıgında bulundugu kaydı açan etiket eklemek istiyorum.
Yazdıklarını uzun uzun okudum inceledim. Hiçbir şey anlamadım. Blogunuzu, chat bölümünden sürekli çıkan "zın zın" seslerinden fırsat bulduğumca gezdim. Blogunuzun sağ tarafında etiketlerin (kategorilerin) listelendiği bir bölüm var. Bu bölümde yazılara eklediğiniz etiketler listeleniyor.
Yeni yayınlayacağınız yazıya bir etiket eklemek istiyorsunuz ve bu etiket de yayınlayacağınız yazıya mı gitsin istiyorsunuz?
Evet yeni yayınlayacagım yazıya ((içeriğine)) etiket eklemek istiyorum ve bu etiketin yayınlayazagım yazıya gitmesini istiyorum.
Chat bölümünün sesi "default" olarak kapalıdır. Ses geldiğini ilk sizden duydum fakat bildirdiğiniz için teşekkür ederim. Kutunun hemen altına not düşerim.
Öyle bir etiket eklemek mümkün değil. Ama yazıyı yayınladıktan sonra yazının altına, yazıya giden bir link ekleyebilirsin. Ya da daha karışık yöntemler var.
Mesela yazıların hernagi bir yerine; <div id="etiket" />etiket ismi</div> diye o yazının etiketleri arasında yer almasını ve yazıya gitmesini istediğin etiketi belirtip; daha sonra css ile bu div'i görünmez yapıp; javascript ile de, temadaki her yazının altındaki etiketlerin listelendiği yerde, yazıların içindeki bu özel div'in içeriği isminde ve yazıya giden bir etiketin eklenmesini sağlayabilirsin.
Hmm sonucu istediğim şeye çıkıyor o kısmı anladım fakat css ile divi nasıl görünmez yapıyoruz onu anlamadım..
#etiket{ display:none; }
Erman bey yardım amaçlı böyle bir site hazırlamışsınız öncelikle tebrik ve yardımlarınız için teşekkürlerimi bildirmek isterim.
İstediğimiz miktarda rastgele yazıyı listeleme konusunda bizi oldukça aydınlattınız. Peki sitenizde mevcut oldugu üzere; istediğimiz miktarda son eklenen yazıyı listeleme konusunda da bizi bilgilendirir misiniz acaba?
Benim bulup kullandığımi ayrıntılı anlatan yeri bulamadım ama şuradan da aynı eklenti kurulabiliyor.
Teşekkürler, evet denedim kendi siteme kurdum fakat hiç hoşnut kalmadım. sizin hazırladığınız daha hoş bir eklenti. Rastgele kayıt eklemeyi gösterdiğiniz şekilde son kayıtları da sizinki gibi anlatan kaynağı umarım bulur ve paylaşırsınız.
Bir sorum daha olacak;
Bildiğiniz gibi adsense kayıtlarında sitenin arama motorunda kaynak belirtecek etiketler büyük önem taşıyor.
bloggerde ise etiketleri aktif ettiğimizde kayıt ve buna paralel olarak etiket sayısı arttığında hiç te hoş bir görüntü olmuyor. Hem sayfa uzuyor hem de site kasmaya başlıyor.
"www.sinemagaleri.blogspot.com" Bu sitede olduğu gibi belirli sayıda etiketi renk geçişli olarak anasayfa ve kaynak kodlarında görünecek şekilde bir etiket bulutu oluşturmak istiyorum. Araştırdım fakat anlatımını bulamadım. bu konuda bilginiz var mı?
Ben de şu an verdiğim son yazılar eklentisi kullanıyorum ama biraz değiştirdim.
Etiket bulutu için:
http://phydeaux3.blogspot.com/2006/09/code-for-beta-blogger-label-cloud.html
Teşekkür ederim harika olmuş.daha öncede buna benzer birkaçtane eklenti denemiştim ama bu en iyisi.ellerine sağlık
Evet verdiğiniz link sayesinde etiket bulutunu da hallettim. Anlatan arkadaş iyi anlatmış. Özelleştirmeler için; RGB renk kodu paleti dahi koymuş. Ayrıca bahsettiğiniz üzere 3 önemli meta taglarınıda HTML kısmına ekledim. title, description ve keywords taglarıda mevcut artık. Teşekkürler.
Erman bey anlık ileti adresiniz bende ekliydi. Başında olmadığım bir vakitte kim oldugumu sormuşsunuz. Geldiğimde çevrimdışıydınız ve sanırım adresimi sildiniz. Daha önce bazı eksiklerden bahsetmiştiniz. Meta tagları, RSS ler, SiteMap gibi. bunları ben kodlarıma ekledim umarım doğru şekilde eklemişimdir. Sizden ricam site kaynağıma bir göz atıp yorumunuzu bildirir misiniz? Teşekkürler.
Sizi silmedim, anlık ileti programlarını fazla kullanmıyorum. E-posta adresim jedierman-et-gmail.com
Bu adres üzerinde e-posta ile benimle konuşabilirsiniz. Yorum bölümlerinde düzgün düzgün ve hızlı konuşulmuyor.
merhaba peki başlıkları renkli örneğin kırmızı şekilde nasıl gösteririz böyle yazıyla iç içe gözüküyor sanki .
CSS ile. Bağlantıları bir div içinde göster ve o div'e bir id ver. O div'in içindeki linklerin görünümlerini CSS ile değiştirebilirsin.
kodlama konusunda bir bilgim yok ve eğerki yapabilirseniz resimli şekilde gösterebilir miyiz çok şık gözükür kanatimce.
başlıkları renkli yapmam konusunda yardımcı olucakmısınız ?
Şu an bunu anlatan bir metin hazırlayacak zamanım yok ama css bilen biri size yardımcı olacaktır.
Sorunsuz çalışıyor, teşekkürler. (isimsiz yorum)
Anlatılan şekilde sisteme kurdum. Neden halen bu kadar yavaş açılıyor anlamıyorum. (bazen hiç açılmadığı, sadece içi boş bir vidget başlığı gördüğüm de oluyor) www.kesfivizyon.com
Bilgileri direk blogun rss beslemesinden çektiği için bazen böyle sorunlar oluyor.
Bazen olsa amenna fakat kurduğumdan beridir hiç düzgün bir şekilde açıldıgını görmedim. Açılmadığı gibi siteyi aşırı kasıyor. Gayet hızlı olan site bu eklenti akabinde kasmaya başladı. Sizin sitenizdeki Pembe renkte olan rastgele yazılar kısmı tak diye açılıyor oysa ki her girdiğimde :S
bu konuda çok bilinçsizim :(( http://alirizaeren.blogspot.com
Emeğin için teşekkürler. Aslında bloggerın gadget ekle bölümünde var bu özellik. Örnek olarak benim blogta var.
Pardon ya,bahsettiğim gadget sadece içerik için :)
Teşekkürler güzel oldu...
Çok güzel. sağlıklı bi biçimde çalışıyor. Teşekkürler... (visnehosafi)
resimli yapma şansımız yok mu bunu hocam daha şık olur bence (isimsiz yorum)
Çok teşekkürler. Gerçekten çok aradığım bir widget'tı.
Anlattıklarınızı tamamen uygulamama rağmen rastgele yazılar çoğu zaman gözükmüyor, bazen gözüktüğü de oluyor..
www.hakkinda-bilgi.com
sorun nerde olabilir?
Blogunuza az önce girdim, ekletiyi kullanmıyorsunuz. Eklentiyle ilgili kodlar dahil hiçbir şey yok.
Evet açılmayınca kaldırmak zorunda kaldım... temamla ilgili bir problem olabilirmi ?
Hiçbir fikrim yok.
Acaba bunu yatay olarak nasıl listeleyebiliriz ? (isimsiz yorum)
Kodlardaki <br/> yerine başka bir şey getirerek.
Bunun "Son Yazılar" için olanını da verirmisiniz?
Google'da "blogger latest posts" "recent posts" gibi aramalar yaparak ulaşabilirsiniz. Ben öyle bulmuştum. Olmazsa blogumun kodlarından alırsınız.
Kodlardan pek anlamıyorum acaba bunu etiketlere göre yapabilirmiyiz?
Erman bey acaba bunu liste halinde sunabilirmiyiz. Liste biçimi ul li falan...
@Ömer; dediğinizi yapmak için eklentiyi düzenlemek gerekiyor ve istediğiniz şey çok zor.
@Hakan Akpak; zaten listele etiketi listeliyor fakat <br /> kullanarak. Dediğiniz gibi yapmak için kodu düzenlemeniz gerekiyor ;)
Bunun başlıklarının arkaplanını nasıl değiştiriyoruz?
Yazıları bir div'in içinde göster ve sadece başlıklar link olduğu için sadece CSS ile
#kutu a{ background:#f2f2f2; }
diye başlıkların arkaplanını değiştirebilirsin. Benim yaptığım şey de bu, kaynak kodunu incele ;)
Tabiiki de gördüm kaynak kodlardan ama div'i nereye koyacağımızı soruyorum.
Zahmet olmazsa söylermisin?
2. adımda verdiğim kodları div'in içine koyacaksın.
Tamamdır. Oldu. Çok teşekkür ederim Erman abi zamanını ayırdığın için :)
Bunun resimli olmaz ihtimali warmı :))
Eklentiyi o yönde düzenlersen niye olmasın ;)
erman bey konu başlığını altı çizili göstermek istiyorum.Bunu nasıl yapabilirim
css ile yapabilirsiniz.
Şablon kodlarına eklerken ?orderby=published&max-results=999999&alt=json-in-script&callback=rastgele kısmı sorun yaratıyor.
& işaretlerini & olarak yazarsan çözülmesi lazım.
Teşekkür ederim, blogumun yeni temasını sırf bu yüzden uzun süredir bitiremiyordum. (:
Bana bununla benzer yazılar da gösterilebilir gibi geldi, etiketlerdeki yazıları rastgele gösterme mantığı ile. Bunu yapabilmek için src="http://*BLOGUNUZ*.com/feeds/posts/summary?orderby=published&max-results=999999&alt=json-in-script&callback=rastgele" kısmını expr:src=""http://*BLOGUNUZ*.com/feeds/posts/summary/" + data:label.name + "?orderby=published&max-results=999999&alt=json-in-script&callback=rastgele"" ile değiştirdim ama işe yaramadı. Acaba yazıları çağırmak için kullandığımız "rastgele" yalnızca bir şey için mi kullanılıyor?
Dediğiniz şekilde olması lazım ama denemeler yapmak lazım.
Benzer yazılar için kod budur:
<script type='text/javascript'>
var sayi = 5;
var karakter = 50;
var listele = true
</script>
<script expr:src='"http://*BLOGUNUZ*.com/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=rastgele&max-results=999999"' type='text/javascript'/>
Bu eklenti tabanlı benzer yazılar eklentisi için blog yazısı http://ufalt.co.tv/a26DuP
Yorum Gönder