Yorum formunuza smile ikonlar ekleyin

Blog ziyaretçilerinizin yaptıkları yorumlara, smile diye tabir edilen hareketli ifadeler ekleyebilmelerini sağlayan bu eklenti  sayesinde

yorumlarınıza biraz eğlence katabilirsiniz.

      smile-ekle

Eklentinin demosu için buraya ,kendi blog’unuza eklemek içinse sırası ile aşağıdaki adımları takip edebilirsiniz

 

1.Adım Sırası ile Blogger kumanda paneli —> Tasarım - -> HTML’yi düzenle yolunu takip edin burada bulunan "Widget şablonlarını genişlet" yazan seçeneği işaretledikten sonra, klavyenizdeki "Ctrl ve F" tuşlarına aynı anda bastıktan sonra ]]></b:skin> ifadesini bulup aşağıdaki CSS kodlarını hemen üzerine gelecek şekilde ekleyin.

 

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}

 

2.Adım Tekrar klavyenizdeki "Ctrl ve F" tuşlarına aynı anda bastıktan sonra </body> ifadesini bulup aşağıdaki Javscript kodlarını hemen üzerine gelecek şekilde ekleyin.

 

 

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("emocomments");
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>");
theText = theText.replace(/=d&gt;/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>");
theText = theText.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>");
theText = theText.replace(/:p/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>");
theText = theText.replace(/\[\-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>");
theText = theText.replace(/:-t/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>");
theText = theText.replace(/@-\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

 

 

 

 

 

 

 

3.Adım Javascript kodlarını ekledikten sonra <b:loop values='data:post.comments' var='comment'> hemen üzerine gelecek şekilde aşağıda bulunan kodlarını ekleyin.

 

 

<div id='emocomments'>

 

4.Adım  Yukarıdaki kodu ekledikten sonra bu koddan sonraki ilk  </b:loop> codunun hemen altına gelecek şekilde aşağıdaki kodu ekleyin.

 

</div>

 

5.Adım Kodlardaki Gerekli düzenlemeleri yapıp Javascript kodlarını ekledikten sonra artık sıra hemen yorum formunun üzerinde görüntülenecek ikonların eklenmesine geliyor, bunun içinde <data:blogTeamBlogMessage/>  kodunu bulup(bu kod şablonunuzda 4 adet bulunabilir siz çıkan sonuçlardan 2.sini bulun) hemen üzerine gelecek şekilde aşağıda bulunan kodlarını ekleyin.

 

<script type="text/javascript"> 
//<![CDATA[
function moreSmilies() {     document.getElementById('smiley-more').style.display = 'inline';     document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">&#8592;</a></span>';
}
function lessSmilies() {     document.getElementById('smiley-more').style.display = 'none';     document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">&#8594;</a>';
}
//]]>
</script>
<div class='emoticons'>
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>:) 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>:( 
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>:)) 
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>:(( 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>=)) 
<span id='smiley-more' style='display: none;'>
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>=D&gt; 
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>:D 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>:P 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>:-O 
<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>:-? 
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>:-SS 
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>:-t 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>[-( 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>@-) 
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>b-(
</span>
<span id='smiley-toggle'><a href="javascript:moreSmilies()">&#8594;</a></span>
</div>

 

Tüm işlemleri doğru yaptıysanız kaydedin.

Paylaş !

17 yorum:

  1. Doğru yaptım, ama olmadı.
    Header'ın en üstüne emotion svb yazan kod'tan parçalar geldi...
    Şimdi onca şeyi nasıl temizleyeceğiz bakalım :(

    YanıtlaSil
  2. @Zeugma arkadaşlar bu tarz uygulamalrı blog'unuza eklerken ilk yapacağınız işlem şablonunuzu blog'unuza yedeklemek olmalı ve peşin kararlı olmayın doğru yaptım diyorsun hayır doğru yapmamışsın..

    Yazıyı doğru okuyarak tekrar dene..
    " ]]></b:skin> ifadesini bulup aşağıdaki CSS kodlarını hemen üzerine gelecek şekilde ekleyin."

    YanıtlaSil
  3. Doğru uygulamışım...
    Silerken de kontrol ettim tek tek...

    En iyisi vazgeçeyim ben..
    Teşekkürler...

    YanıtlaSil
  4. @Zeugma tamam arkadaşım doğru uygulamışsın sen bildiğin gibi yap :))

    YanıtlaSil
  5. Olur ya, belki bir yerinde siz de hata yapmış olabilirsiniz..
    Siz de bir kontrol edin bence..

    Kimler başaracak merak ediyorum gerçekten..

    YanıtlaSil
  6. @Zeugma uygulamaları yayınlamadan önce , demo hazırlıyoruz yani kontrol edip yayınlıyoruz , tabi büyük konuşmamak gerekir dediğin gibi bizde hata yapabiliriz .

    YanıtlaSil
  7. @Zeugma zaten bu seri halde hazırladığım bir yazının parçasıydı , diğer uygulamalrıda tamamladımmı tek te tekrar kodntrol edicem ve demo bloguna ekleyecem , diğer uyguamalar içerisinde ilgini çekecek olanlar çıkacaktır onlardan birini eklersin.

    YanıtlaSil
  8. Mutlu,sağlıklı güzel günlerle dolu bir yıl dilerim.

    YanıtlaSil
  9. @mehtap Teşekkürler mehtap hanım , bizde siz ve tüm blog ziyaretçilerimizin 2012 boyunca hayal ettiğinden bile çok daha iyi bir yıl geçirmelerini diliyoruz

    YanıtlaSil
  10. Yanıtlar
    1. yukarıdaki anlatım daha önce blogger da kullanılan klasik yorum formu içindi, fakat sizin kullandığınız yorum formu, blogger'ın yenilenmiş yorumlara cevap(yanıt) yazılabilen yorum formu olduğu için çalışmaması normal.

      İlerleyen günlerde boş kalırsam yeni yorum formu içinde bir anlatım hazırlarım.

      Sil
  11. Yanıtlar
    1. Yorum formunda yeni blogger sitemine, yani dişli yorumlara geçtiysen çalışmaz eki bir anlatım olduğu için eski yorum formuna göre anlatıldı vakit bulursam yeni yprum formu içinde bir anlatım hazırlarım.

      Sil
  12. BU KODUN İLKİNİN ÜZERİNE EKLEYİN CÜNKÜ BENİM SAYFADA İLKİNDE İŞLEM YAPTI İYİ CALISMALAR

    YanıtlaSil
  13. güzel bir çalışma.bu eklenti ben de var.fakat.son yorumlr eklentimde.yorum ekindeki smileyler.son yorumlar eklentimde kod olarak gözüküyor.smiley olarak değil.ne yapabilirim.teşekkür ederim.

    YanıtlaSil
  14. Cok tesekkürler, süper calisiyor, benim gibi acemi yaptiysa herkes yapar, ellerinize saglik http://lifestylesieda.blogspot.de/

    YanıtlaSil
  15. html ve css herseyı bılıyorum fakat jquery sıkıntılı en yakın zamanda onuda ogrenınce gerisi kendiliğinden gelir. bu arada eklenti için teşekkürler! :)

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz