Blogger' da smiley kullanmak normal şartlarda mümkün olmamaktadır. Ama herşey size bağlı, bunu birkaç javascript tricki ile aşıcağız.
Jquery kullanarak entrylerimizde ki ":)", ":D" gibi kendi belirlediğimiz özel karakterleri smileylere çevireceğiz.
Öncelikle jquery' nin sıkıştırılmış halini sayfamıza yerleştirelim. Hemen "</head>" kodunun üstünde bir yere yerleştirelim
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
Şimdi de karakterleri smileyler ile replace edicek fonksiyonumuzu yazalım.
<script type='text/javascript'>
function smileyyap(){
var x;
var smileyler = new Array();
smileyler[0] = ":J"; // terleyen
smileyler[1] = ":("; // mutsuz
smileyler[2] = ";)"; //;)
var resimler = new Array();
resimler[0] = "http://i16.tinypic.com/6kft3ys.png";
resimler[1] = "http://i10.tinypic.com/6qdi8wn.png";
resimler[2] = "http://i17.tinypic.com/6wq08s6.png";
$('.post-body%20entry-content').each(function(el) {
for(x in smileyler){
jQuery(this).html(jQuery(this).html().replace(smileyler[x],'<img src="'+resimler[x]+'" border=0>'));
}
});
}
</script>
Burada dikkat etmemiz gereken şey
$('.post-body%20entry-content').each(function(el) {
bu satırdaki "post-body%20entry-content" classına sahip div in entry nin içeriğine sahip div olmasıdır. Blogunuzun kaynak kodlarında bulabilirsiniz.
Devam edelim.
Son olarak da fonksiyonumuzu sayfa yüklenince çağırmak için <body> etiketinin onload eventine ekliyelim.
şu şekilde olucak body etiketimiz.
<body onload="smileyyap();">
smileyler dizisinden karakterleri, resimler dizisinden de hangi karakter de hangi smileyin çıkıcağını ayarlıyabilirsiniz.
Hepsini yaptıktan sonra yazılarınızda siz ":)", ":D" gibi karakterleri yazsanız dahi, blogunuzda bunlar smileyler ile değişmiş olucaktır.
7 yorum:
bunu str_replace ilede yapamazmıyız ?
blogger php kodlarına izin vermiyor aşırım.
Aslında çok güzel bişi ama şu var google ajax ile kodlanmış bişi bloggerde ondan dolayımıdır php kodlarına izin vermiyorda ajax'a izin veriyor ?
blogger aslında sadece html'e değilde bazı düzenlemeler için html kodlarının yanında javascript'te de kullanmamıza izin veriyor. Biz de bundan yararlanarak javascript ile blogger üzerinde bazı şeyleri mümkün kılabiliyoruz.
Bu türden şeyleri google da "blogger hacks","blogger tricks" arayarak bulabiliriz.
hmm eyw h4 ama keşke php çalıştırmada olabilseydi süper eklentiler ortaya çıkardı bide temalar
Php olsaydı cidden çok farklı tema , eklenti cart curt çok daha farklı olabilirdi...
Gerçi Xml patentide şimdi el değiştrdi ama bakalım neler olacak..
Phpden aşırı derecede bi farkı yok.Aynı mantık.resimleri tek bi değişkene ifadeleri de ayrı bi değişkene aktarıp sonrada iki değişkeni ifade=resim şeklinde denkleştirme meselesi.
Yorum Gönder
Yorumlarınızı adsız olarak yapmamanız konuya olan ilgi ve samimiyetinizi göstericektir