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.
