Blogger - İstediğiniz Miktarda Rastgele Yazıyı Listeleme (-72-Yorum-)


Ne zamandır böyle birşey istiyordum. Blogger için böyle bir eklenti olmadığını öğrenince kendim yapmaya karar verdim ve 3-4 eklentiden faydalanarak kendim bir eklenti yazdım. Javascript, Action Script 3'e çok benziyormuş. Kısa sürede gerekli teknikleri kavradım.

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>


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 &lt , >'leri &gt 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.
admin

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.

Yunus Yalçınkaya

Çok sağol erman paylaşımın için teşşekkürler.

Bu eklenti blogcu için de olur mu? (isimsiz yorum)

Erman Haskan

olmaz

İdris Cin

Teşekkürler Erman, emeğine sağlık, gayet hoş bir eklenti olmuş.

Sevgiler, Saygılar.

kubio

Teşekkürler Erman.

gestapo

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.

Erman Haskan

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...

gestapo

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?

Erman Haskan

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.

gestapo

Ö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?

Erman Haskan

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.

gestapo

Çok teşekkür ederim.

gestapo

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..

Erman Haskan

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.

gestapo

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.

Erman Haskan

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?

gestapo

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.

Erman Haskan

Ö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.

gestapo

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..

Erman Haskan

#etiket{ display:none; }

gestapo

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?

Erman Haskan

Benim bulup kullandığımi ayrıntılı anlatan yeri bulamadım ama şuradan da aynı eklenti kurulabiliyor.

gestapo

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ı?

Erman Haskan

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

Mapavrili

Teşekkür ederim harika olmuş.daha öncede buna benzer birkaçtane eklenti denemiştim ama bu en iyisi.ellerine sağlık

gestapo

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.

gestapo

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.

Erman Haskan

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.

Piskopat-Yazar

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 .

Erman Haskan

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.

Piskopat-Yazar

kodlama konusunda bir bilgim yok ve eğerki yapabilirseniz resimli şekilde gösterebilir miyiz çok şık gözükür kanatimce.

Piskopat-Yazar

başlıkları renkli yapmam konusunda yardımcı olucakmısınız ?

Erman Haskan

Ş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)

gestapo

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

Erman Haskan

Bilgileri direk blogun rss beslemesinden çektiği için bazen böyle sorunlar oluyor.

gestapo

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

Unknown

bu konuda çok bilinçsizim :(( http://alirizaeren.blogspot.com

fatih

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.

fatih

Pardon ya,bahsettiğim gadget sadece içerik için :)

Unknown

Teşekkürler güzel oldu...

M.Sami

Ç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)

Unknown

Çok teşekkürler. Gerçekten çok aradığım bir widget'tı.

Ömer ÇAKARCA

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?

Erman Haskan

Blogunuza az önce girdim, ekletiyi kullanmıyorsunuz. Eklentiyle ilgili kodlar dahil hiçbir şey yok.

Ömer ÇAKARCA

Evet açılmayınca kaldırmak zorunda kaldım... temamla ilgili bir problem olabilirmi ?

Erman Haskan

Hiçbir fikrim yok.

Acaba bunu yatay olarak nasıl listeleyebiliriz ? (isimsiz yorum)

Erman Haskan

Kodlardaki <br/> yerine başka bir şey getirerek.

Adı Belirsiz Olan Bir Blog Işte

Bunun "Son Yazılar" için olanını da verirmisiniz?

Erman Haskan

Google'da "blogger latest posts" "recent posts" gibi aramalar yaparak ulaşabilirsiniz. Ben öyle bulmuştum. Olmazsa blogumun kodlarından alırsınız.

Ömer

Kodlardan pek anlamıyorum acaba bunu etiketlere göre yapabilirmiyiz?

Hakan Akpak

Erman bey acaba bunu liste halinde sunabilirmiyiz. Liste biçimi ul li falan...

Erman Haskan

@Ö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 ;)

Adı Belirsiz Olan Bir Blog Işte

Bunun başlıklarının arkaplanını nasıl değiştiriyoruz?

Erman Haskan

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 ;)

Adı Belirsiz Olan Bir Blog Işte

Tabiiki de gördüm kaynak kodlardan ama div'i nereye koyacağımızı soruyorum.

Zahmet olmazsa söylermisin?

Erman Haskan

2. adımda verdiğim kodları div'in içine koyacaksın.

Adı Belirsiz Olan Bir Blog Işte

Tamamdır. Oldu. Çok teşekkür ederim Erman abi zamanını ayırdığın için :)

bYdUyGuSaL

Bunun resimli olmaz ihtimali warmı :))

Erman Haskan

Eklentiyi o yönde düzenlersen niye olmasın ;)

ahmet

erman bey konu başlığını altı çizili göstermek istiyorum.Bunu nasıl yapabilirim

Erman Haskan

css ile yapabilirsiniz.

Eftal Gezer

Şablon kodlarına eklerken ?orderby=published&max-results=999999&alt=json-in-script&callback=rastgele kısmı sorun yaratıyor.

Erman Haskan

& işaretlerini &amp; olarak yazarsan çözülmesi lazım.

Eftal Gezer

Teşekkür ederim, blogumun yeni temasını sırf bu yüzden uzun süredir bitiremiyordum. (:

Eftal Gezer

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?

Erman Haskan

Dediğiniz şekilde olması lazım ama denemeler yapmak lazım.

Eftal Gezer

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'/>

Eftal Gezer

Bu eklenti tabanlı benzer yazılar eklentisi için blog yazısı http://ufalt.co.tv/a26DuP

Yorum Gönder

Daha Yeni Yazılar Daha Eski Yazılar Ana Sayfa