1 Ağustos 2015 Cumartesi

Blogger Yorumlara Yüz İfadesi, Smiley Ekleme

Bu yazımda şuanda blogumda kullandığım ve ekleyerek sizlerinde blogunuza renk katabileceğiniz bir eklenti olan yorumlarda yüz ifadesi, smiley kullanmayı anlatacağım. Hem de bu eklenti genişleyebilir bir eklenti yani şuanda blogumda olduğu gibi blogunuza bu eklemeyi yaptıktan sonra yazılarınızın sonunda İfadeleri Göster  şeklinde olan bir buton belirecektir ve butona tıklayarak açılan yüz ifadelerinin kodlarını alıp yorumlarda siz ve okuyucularınız kullanabileceksiniz. Yazımın devamında bu eklentiyi nasıl ekleyebileceğiniz vardır blogunuza.




Bu Özelliği Nasıl Bloguma Eklerim?



NOT : Bu eklentiyi blogunuza eklerken blogunuzun şablonunda birkaç ekleme, çıkarma yapacağız ve bu düzenlemeleri yaparken yanlış bir şey yaptığınız taktirde sıkıntı olmaması ve rahat bir şekilde düzenleme yapabilmek için şablondan şablon yedeğini almayı unutmayınız.


1. yapılacak : Şablondan HTML'yi Düzenleye tıklayın ardından Ctrl + F yardımıyla  </body> kodunu bulun ve bir satır üzerine alttaki kodu yapıştırın.

kod:

<script src='https://helplogger.googlecode.com/svn/trunk/kolobok threaded.js' type='text/javascript'/>


2. yapılacak : Şimdi ise Ctrl + F yardımıyla  <b:loop values='data:post.comments' var='comment'> kodunu bulup bir satır üzerine <div id='smileys'> kodunu yapıştırın sonra bu adımda paylaştığım ilk kodun altında olmasına dikkat ettiğiniz </b:loop> kodunu bulun ve hemen bir satır altına </div> kodunu ekleyip Şablonu Kaydet butonuna tıklayın.


3. yapılacak : bu adımda Ctrl + F yardımıyla <div class='post-footer-line post-footer-line-3'> kodunu bulun eğer bulamazsanız alternatif olarak <data:blogTeamBlogMessage/> kodunu bulun ikinci kodda biraz daha aşağıda olacaktır ve dediğim kodlardan bulduğunuzun hemen bir satır altına alttaki kodu ekleyin ve alternatife ilave olarak şunu söylemek isterim bu koddan 4 tane oluyor genellikle ve 3.'nün altı doğrudur büyük ihtimalle eğer alternatifi deneyip sonuç alamazsanız bu adıma tekrar dönüp bu 4 veya fazlasının altına olana dek teker teker alttaki kodu yapıştırarak denemenizi tavsiye ederim.

kod:
<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>
//<![CDATA[
function moreSmilies() {
    document.getElementById('smiley-more').style.display = 'inline';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()"><div style="font-size:small; font-weight:bold;color:#000000;">İfadeleri Gizle</div></a>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()"><div style="font-size:small; font-weight:bold;">Show Emoticons</div></a>';
}
//]]>
</script>
<div class='emoticons'>
<span id='smiley-more' style='display: none;'>
<img src='http://4.bp.blogspot.com/-k4ujC23cSgI/UTIq7eUkmuI/AAAAAAAABAQ/YUNL9_RhDB0/s1600/smile3.gif'/>:)
<img src='http://2.bp.blogspot.com/-XSBJ7zBZKZs/UTIrT-hMYyI/AAAAAAAABAY/6B26_8Ttwj4/s1600/sad.gif'/>:(
<img src='http://2.bp.blogspot.com/-Ph2wxEvy2mc/UTIr8-fdHjI/AAAAAAAABAo/3use2PsPhMA/s1600/taunt.gif'/>:))
<img src='http://3.bp.blogspot.com/-pcE-4ot-gjk/UTIsLRff6SI/AAAAAAAABAw/LYvZ8__88Ak/s1600/cry2.gif'/>:((
<img src='http://1.bp.blogspot.com/-lNNTReQVc0A/UTIrjDhVLAI/AAAAAAAABAg/BsVMYnr54pI/s1600/rofl.gif'/>=))
<img src='http://1.bp.blogspot.com/-8C5UH12mxf0/UTIzmsxczDI/AAAAAAAABDA/2seHdqLVQ6Q/s1600/suicide.gif'/>=D&gt;
<img src='http://4.bp.blogspot.com/-lhTywmMZ58E/UTI04kjJ3WI/AAAAAAAABDY/qNgtijEr_E8/s1600/biggrin.gif'/>:D
<img src='http://1.bp.blogspot.com/-gG_Wn6D6Ux4/UTIyqFyfKbI/AAAAAAAABCo/qEmU8s8ndVI/s1600/tongue.gif'/>:P
<img src='http://3.bp.blogspot.com/-Zb5g0OWHx4c/UTIsuPLt90I/AAAAAAAABA4/cmP1ltBmVF0/s1600/shock.gif'/>:-O
<img src='http://1.bp.blogspot.com/-TSIzPWeGBwk/UTI0S-nw5tI/AAAAAAAABDQ/xyHPCFZH4fI/s1600/think.gif'/>:-?
<img src='http://1.bp.blogspot.com/-qpnD1BYon5w/UTI0AIeKX6I/AAAAAAAABDI/HsllV7NYTqk/s1600/unsure.gif'/>:-SS
<img src='http://4.bp.blogspot.com/-SpvC8mHHwhg/UTIzQMUVGKI/AAAAAAAABCw/_NKKVyQtulk/s1600/flowers1.gif'/>:-f
<img src='http://3.bp.blogspot.com/-qlyn_deOhFw/UTIzY8aRgqI/AAAAAAAABC4/pfSojMdD33s/s1600/doh.gif'/>d(
<img src='http://2.bp.blogspot.com/-H4e_O5BFVP8/UTIumwhVmKI/AAAAAAAABBw/SKhY4DDxKkk/s1600/air_kiss.gif'/>:-*
<img src='http://3.bp.blogspot.com/-h4yNmhdKUVU/UTIwUKpvVOI/AAAAAAAABCY/B0FEZVRGHe4/s1600/threaten.gif'/>b-(
<img src='http://4.bp.blogspot.com/-veVoDPEc7I4/UTIv9wCS0jI/AAAAAAAABCQ/4c5FgCHAiU4/s1600/help.gif'/>h-(
<img src='http://2.bp.blogspot.com/-_ttAcnBbAaw/UTIvKtxfWvI/AAAAAAAABCA/X2JLEShhOQU/s1600/good.gif'/>g-)
<img src='http://2.bp.blogspot.com/--o9jZ1nMcec/UTIuyCBgS_I/AAAAAAAABB4/Jf03oz5yKrU/s1600/beee.gif'/>5-p
<img src='http://2.bp.blogspot.com/-6-BTJcVpwY0/UTIvhF_PL-I/AAAAAAAABCI/SS-LDADTSls/s1600/yahoo.gif'/>y-)
<img src='http://3.bp.blogspot.com/-khAwhIYbgvQ/UTItD_PfNyI/AAAAAAAABBI/HMpRMQh5Uak/s1600/crazy.gif'/>c-)
<img src='http://2.bp.blogspot.com/-fsTXhXl10Gg/UTIs7Ll01AI/AAAAAAAABBA/QkWgWAAFG3g/s1600/spiteful.gif'/>s-)
<img src='http://2.bp.blogspot.com/-CIuUuJeuyGI/UTIueHgTxOI/AAAAAAAABBo/BzXkTEEDlhw/s1600/drinks.gif'/>d-)
<img src='http://2.bp.blogspot.com/-Mc5ed3Ymk7s/UTI1GIXMAMI/AAAAAAAABDg/PyDOfoXgsl0/s1600/cheer.gif'/>w-)
<img src='http://2.bp.blogspot.com/-JOgaMRI61Jk/UTItsGc5KdI/AAAAAAAABBY/6UDCabfZQbg/s1600/hi+2.gif'/>:-h
<img src='http://2.bp.blogspot.com/-wmOB_Z6LPp4/UTIt9FhZiwI/AAAAAAAABBg/7VoefgIQjEs/s1600/give_heart.gif'/>:X
</span>
<span id='smiley-toggle'><a href='javascript:moreSmilies()'><div style='font-size:small;font-weight:bold;'>İfadeleri Göster <img src='http://4.bp.blogspot.com/-k4ujC23cSgI/UTIq7eUkmuI/AAAAAAAABAQ/YUNL9_RhDB0/s1600/smile3.gif'/></div></a></span>
</div></b:if>


4. yapılacak : Son olarak  Ctrl + F yardımıyla  ]]></b:skin> kodunu bulup bir satır üzerine alttaki kodu ekleyin.

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


Bu düzenlemelerden sonra blogunuza bu yüz iadeleri eklenecektir. Yapamadığınız veya hata aldığınız yerleri yorumdan belirterek yardım alabilirsiniz. Blogger Yorumlara Resim Ekleme adlı yazım da ilginizi çekebilir bu düzenlemenin faydasını görmeniz dileğiyle...
                                                                                          Kolay gelsin, iyi bloglar!
author

Yazar Hakkında

Merhaba ben Onur Gücer, hobi olarak uzun zamandır blog yazmaktayım ve bu blogda sizlere deneyimlerimi paylaşıyorum.. İyi günler, iyi bloglar.. (:

6 yorum:

  1. Mehmet Yılmaz1 Ağustos 2015 11:37

    Bloguma ekledim çalışıyor tıklayıp bakabilirsiniz - http://www.jeetkaraokes4u.blogspot.com.tr/

    YanıtlaSil
  2. iyi iş :-h

    YanıtlaSil
  3. peki bu ifadeleri nasıl biraz daha yukarıda gösterebiliriz :-? benimki çok aşağıda kaldı yardım lütfen :D>

    YanıtlaSil
    Yanıtlar
    1. Üçüncü adımdaki alternatifi kodu deneyebilirsiniz - üçüncü yapılacağa bakın

      Sil
  4. Bu yorum yazar tarafından silindi.

    YanıtlaSil

Yorum Kuralları
1. Dediklerinizde kimseye kırıcı olmayınız.
2. Lütfen konu dışı şeyleri iletişim sayfamızdan yazmaya çalışınız.
3. Sorularınıza en kısa sürede cevap verilmeye çalışılacaktır.