!YENİLENDİ! TÜRKÇE OLARAK İLK DEFA TAM BİR BLOG FARKIYLA




İnternette gezinirken çok güzel bir yazıya rastladım sosyal bookmarklarla ilgili.Hemen bloguma eklemiştim. Sizlerden de gelen yoğun talep üzerine bu yazıyı yazıyorum. Orjinalinde "paylaşmak seksidir" yazısı var ama ben "paylaşmak güzeldir" olarak çevirdim. Stil sahibi ve seksi bir eklenti...Ekran görüntüsü yukarıdaki gibidir.
Bu eklentiyi önceden yazmıştım, yanlışlıkla yakın tarihe alınca hemen yayına girdi. Kontrol etmediğimden dolayı da hatalar olmuş.
Ben de bunun Türkçesini paylaşarak kendimi affettirebilirim diye düşündüm. Türkçe sosyal ağ butonlarını güle güle kullanın::))
***Uzun diye gözünüz korkmasın sadece kodlar biraz fazla yer kaplıyor yapmanız gerekn sadece iki aşama var...


KODLARA GİRİŞ:

1.Yerleşim ----> HTMLyi Düzenle ----> (Widget şablonunu genişletin.)

Css Kodlarını Yükleme
1. Aşağıdaki kodu buluyoruz (CTRL+F) :
]]></b:skin>

2.Bu kodu bulduktan sonra hemen altına aşağıdaki kodları yapıştırıyoruz:


<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://img394.imageshack.us/img394/9527/paylasmakgl.png') no-repeat left bottom;
position:relative;
width:540px;
}
div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://img394.imageshack.us/img394/9527/paylasmakgl.png') no-repeat right bottom;
position:absolute;
right:-17px;
}
div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover, .sexy-tbb, .sexy-tbb:hover {
background:url('http://img30.imageshack.us/img30/3131/sexysprite.png') no-repeat !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}

.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}
.sexy-tbb {
background-position:-250px top !important;
}
.sexy-tbb:hover {
background-position:-250px bottom !important;
}
</style>








Kodları eklediysek Css ile işimiz bitti şimdi Html kısmına geçelim:

Html Kodlarını Yükleme:
1. Şimdi aşağıdaki kodu bulalım:

<data:post.body/>

Dikkat:

 <data:post.body/> , bu koddan blogunuzda çok fazla olabilir. Siz
bu kodun en sonuncusunu buluyorsunuz.En son <data:post.body/>
kodunu eklentinin yazılarınızın altına eklenmesini sağlayacaktır.
http://tambirblog.blogspot.com/


2. Şimdi aşağıdaki kodları <data:post.body/>; kodundan önce yapıştırıyoruz. Ama her temaya göre değişiyor. Benim temam da bu koddan sonra çalıştı. Lütfen şablonu kaydetmeden önce önizleme yapın her ikisini de deneyiniz.

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>


<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/tambirblog' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>


<li class='sexy-tbb'><a href='http://tambirblog.blogspot.com/' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>


3.Eklentiyi eğer çalıştırmayı başardıysanız, kodların içinde bulunan FEED BURNER IDNIZ
bölümüne kendi feedburner adresinizi giriniz.
4.Şablonu sonunda kaydediyoruz. İşte bu güzel butonlar artık sizin blogunuzda...
Lütfen eklentinin kredisiyle (http://tambirblog.blogspot.com/) oynamyınız, emeğe saygı duyduğunuz sürece paylaşmaya devam edeceğim...

Paylaşmak Güzeldir!



Çalışmanın Türkçe versiyonu "Tam Bir Blog" 'a aittir. Tüm hakları cc lisansıyla korunmaktadır. Türkçe versiyonunu kullanırken lütfen krediyle oynamayınız!. Yazının orjinali bir çok yabancı blog tarafından kopyalanmış. O yüzden ilk yayınlayanın kim olduğunu bulamadım. Burada da onlardan bir tanesi....

Creative Commons License
Blogger Paylaşmak Güzeldir Sosyal Ağ Butonları (İlk Kez Türkçe) by Blogger Paylaşmak Güzeldir Sosyal Ağ Butonları (İlk Kez Türkçe) is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 Unported License.
Based on a work at tambirblog.blogspot.com.
Permissions beyond the scope of this license may be available at http://tambirblog.blogspot.com/.

Yazıyı İmle
Digg Technorati Stumble This Twitthis Del.icio.us Furl Reddit

57 yorum

  1. hjhlp Dedi ki,

    çok güzeller. ama kullanmam için "friendfeed" de lazım. bunlardan en çok kullanılanları, rss, twitter, facebook, ama bunlar kadar kullanılan birisi de "friendfeed" onu da eklerseniz, memnun olurum.

    31 Mayıs 2009 13:30

     
  2. Yasin Dedi ki,

    sınavlardan sonra ekleyeceğim, friendfeed olanı da ekleyeceğim...

    31 Mayıs 2009 15:54

     
  3. Adsız Dedi ki,

    teşekkür ederiz.

    31 Mayıs 2009 21:02

     
  4. Fikrin Ne? Dedi ki,

    nasıl korurmus calısmaların aman da amannn yakında harıka bır tasarımla gelıyorummmmmmmm bekleyınn :):):)

    31 Mayıs 2009 21:15

     
  5. Yasin Dedi ki,

    bekliyoruz kardeşim yeni tasarımını sabırsızlıkla...

    31 Mayıs 2009 23:24

     
  6. Erhan Dedi ki,

    Twitter'da bi' sorun var gibi haberiniz olsun istedim.

    2 Haziran 2009 14:08

     
  7. Erhan Dedi ki,

    Yayınlamanıza gerek kalmadı iki tane twitter iconu varmış en sağda da bi tane var ve anasayfaya yönlendiriyor.

    2 Haziran 2009 14:09

     
  8. Yasin Dedi ki,

    baktım düzgün çalışıyor kardeşim... sorun yok gibi geldi bana...

    2 Haziran 2009 17:35

     
  9. Adsız Dedi ki,

    http://img46.imageshack.us/img46/3131/sexysprite.png adresindeki png açılmadığından gözükmüyor belki bana denk gelmiştir ama onu bi' kontrol edersen

    3 Haziran 2009 19:26

     
  10. Yasin Dedi ki,

    düzgün açılıyor... imageshack de olduğu için bazen hatalar olabilir...

    3 Haziran 2009 23:53

     
  11. calculus Dedi ki,

    teşekkür ederim bende de post.body den sonra daha güzel oturdu. Arkadaşın bloguna yaptım.
    odaoyunlari724 ben bu arada:)

    4 Haziran 2009 12:35

     
  12. Yasin Dedi ki,

    güle güle kullansın...

    4 Haziran 2009 17:16

     
  13. Zeus Amenos Dedi ki,

    Bende herşey olduda resimler gözükmüyor :S Bunu nasıl halledebilirim :(

    5 Haziran 2009 23:11

     
  14. Yasin Dedi ki,

    Düzeltilmiştir... Css Kodlarını silip tekrar yükler misiniz?

    5 Haziran 2009 23:37

     
  15. afacanvelet Dedi ki,

    abicim ben facanvelet en afacan destekçin.abim n2olusun bana da bir destek kodu yapsana senin ki gibi şu benim afacanvelet resmim olsun hani profilimdeki.banada destek olsunlar .lütfen abim.

    6 Haziran 2009 10:12

     
  16. afacanvelet Dedi ki,

    abim çok yoğunsundur belki ama n'olur abim ya.bir buton destek butonu bana.yok lan yapamam diyosan da canın sağolsun yine desteklerim seni abim.ben kin tutmam.sağol varol.

    6 Haziran 2009 10:13

     
  17. Yasin Dedi ki,

    biliyosunuz finallerimden dolayı bu günlerde fazlasıyla yoğunum internete zaman ayıramıyorum...
    En yakın zamanda blogumla ve isteklerinizle ilgilenmeye çalışacağım...

    6 Haziran 2009 11:57

     
  18. Onur Aydın Dedi ki,

    teşekkürler !

    6 Haziran 2009 16:36

     
  19. Yasin Dedi ki,

    Riza ederim GÜLE GÜLE KULLANIN...
    KEŞKE KULLANAN ARKADAŞLAR KREDİLERİ SİLMESE EMEĞE SAYGI GÖSTERSE:d

    6 Haziran 2009 19:49

     
  20. mehmet Dedi ki,

    ne eşşeksin

    6 Haziran 2009 21:10

     
  21. Yasin Dedi ki,

    internette linkini adresini yazmadan konuşmak kolay. Çünkü size bu özgürlüğü internet sağlıyor. Kimseyi zorlamıyorum sadece emeğe saygı duyulmasını istiyorum. Bu da en doğal hakkım...
    Bloguma destek olanlardan ve emeğe saygı duyan blog kullanıcılarına sonsuz teşekkürler.. Asıl eşşeklik emek hırsızlığına göz yummaktır...

    7 Haziran 2009 00:13

     
  22. Adsız Dedi ki,

    bencede emek hırsızlıgına göz yumanların. buarada bir sey sormak istiyorum acaba bunu wordpress'te de uyguluyabilirmiyiz? Bi fikriniz varmı yardımcı olursanız sevinirim, buarada sitenizin banner kodunu verirseniz bloguma eklemek isterim. iyi calısmalar

    8 Haziran 2009 03:42

     
  23. Yasin Dedi ki,

    tabii wordpress için http://www.eklenti.net/damn-sexy-bookmarks adresindeki eklentiyi indirip kurabilirsin...

    8 Haziran 2009 23:26

     
  24. Ferdi Gürtekin Dedi ki,

    sondaki t harfını keske koymasaydın daha güzel olurdu :) Şİmdi kaldırdım linkini fakat orda nasıl resmi değişicez onuda anlatsan sevinirim :)

    12 Haziran 2009 06:48

     
  25. Ferdi Gürtekin Dedi ki,

    Neyse gerek kalmadı buldum :) Kredi demesen hayatta bulamazdım :)

    12 Haziran 2009 07:19

     
  26. admin Dedi ki,

    html kodlar< data:post.body/ > önce yapıştırılırsa konu başlığından hemen sonra oluyor yazıların altına gelmesi lazım onun için sonra yapıştırın

    14 Haziran 2009 00:39

     
  27. klip Dedi ki,

    Ben sonunda çözebildim teşekkürler. TBB

    ( Thanks )

    20 Haziran 2009 10:15

     
  28. rCkHuSein Dedi ki,

    devamını oku için
    ' data:post.body 'kodunu değiştirdik
    şimdi sosyal ağ bağlantı eklemek için
    ' data:post.body ' kodu yok içinde ne yapacağız :D

    20 Haziran 2009 12:49

     
  29. Yasin Dedi ki,

    eğer otomatik devamını oku eklentisini kurduysanız onun içinde de data:post.body kodları var...

    20 Haziran 2009 14:00

     
  30. Adsız Dedi ki,

    Belki bununla ilgili bir yazınız vardır ama ben göremedim.Bu Kod bölümü kısmını nasıl yaptıgınızı anlatırsanzı sevinirim.

    21 Haziran 2009 17:51

     
  31. Yasin Dedi ki,

    kodlar yazı içine nasıl alınır bölümünü anlatmıştım...

    21 Haziran 2009 18:04

     
  32. paspal Dedi ki,

    eyvallah, yararlı bir bilgi.


    http://paspalizm.blogspot.com/

    13 Temmuz 2009 12:46

     
  33. Sercan Solmaz Dedi ki,

    kodları koyarken "skin" den önce değil de "head" den önce diye belirtilmesi gerekiyor sanırım uzunca bir zamandır uğraşıyordum hata kodları verdi... http://www.cssreflex.com dan baktıktan sonra koyulması gereken yeri anladım...
    belki yazınızda da belirtirseniz daha pratik olacaktır... saygılar

    14 Temmuz 2009 14:40

     
  34. irfan Dedi ki,

    iyi günler.. benim bir sorunum vardı kardeş...

    http://www.bloxoo.com/ForumDetay.aspx?discussionid=4443

    burda açtığım başlığa bi bakarsan. senin eklentini kullanmıştım. ama blog baya sarsıntı geçirdi.. başlığı okursan sanırım bana yardımcı olabilirsin...

    11 Ağustos 2009 14:15

     
  35. memurolmak Dedi ki,

    eyvallah güzel oldu


    www.memurolmak.blogspot.com

    31 Ağustos 2009 11:19

     
  36. Adsız Dedi ki,

    merhabalar,
    bunu benim bloga koydum, türkçeleştirme işini yapmışsınız teşekkürler. fakat sitenizin ismi bloga sığmadığı için çıkarmak zorunda kaldım, tema müsaade etmedi yani. sorun teşkil etmez zannediyorum. iyi günler.

    1 Eylül 2009 13:42

     
  37. fırat erdem Dedi ki,

    bende bu çalışmadı

    17 Ekim 2009 11:11

     
  38. Önder Dedi ki,

    harika oldu sagolasin sen olmasam blogum hayat bulamiyacakti..

    27 Ekim 2009 17:29

     
  39. JudgeOfnighT Dedi ki,

    Ben bunu yaptım fakat benim sorum daha farklı. Şİmdi facede paylaşa tıklayınca benim sitenin tanımı geliyor onun yerine yazının özetini çıkarabilirmiyim? Bu konuda yardımlarını bekliyorum...

    http://avsargokhan.blogspot.com/

    24 Ocak 2010 14:26

     
  40. Yusuf Dedi ki,

    Teşekkürler emeğin için ben de ekledim şimdi blog'uma. :D

    9 Şubat 2010 01:44

     
  41. Adsız Dedi ki,

    Teşekkür Ederim.

    17 Şubat 2010 16:22

     
  42. Mehmet Dedi ki,

    Teşekkürler çok Güzel Oldu :D

    15 Mart 2010 18:47

     
  43. Unknown Dedi ki,

    abi buna bir de Google Buzz'u ekleyebilir misin?

    19 Mart 2010 21:58

     
  44. Dostlar Cemaati Dedi ki,

    Merhaba, ne yaptıysam bloğuma bir türlü eklentiyi kurmayı başaramadım. Zimmag Monezine teması kullanıyorum. Temada bulunan glider script'leri bu eklentiyi engelliyor olabilir mi? Yardımcı olursanız sevinirim.

    Teşekkürler.

    http://dostlarcemaati.blogspot.com/

    8 Nisan 2010 18:42

     
  45. Dostlar Cemaati Dedi ki,

    Merhaba, ne yaptıysam bloğuma bir türlü eklentiyi kurmayı başaramadım. Zimmag Monezine teması kullanıyorum. Temada bulunan glider script'leri bu eklentiyi engelliyor olabilir mi? Yardımcı olursanız sevinirim.

    Teşekkürler.

    http://dostlarcemaati.blogspot.com/

    8 Nisan 2010 18:43

     
  46. Adsız Dedi ki,

    Peki ana sayfada değil de, bir konunun sonunda çıkması mümkün mü bu eklentinin. Çünkü diğer türlü ana sayfada her konunun altına eklemiş oluyor. Bunu yalnızca konu okunuyorken altında göstermek için bir şey yapılabilir mi. Şimdiden teşekkürler...

    14 Nisan 2010 03:04

     
  47. Adsız Dedi ki,

    Teşekkürler emeğine sağlık. Tam aradığım şekilde türkçe olarak ve gereksizleri elenmiş bir şekilde..

    6 Mayıs 2010 21:53

     
  48. Admin Dedi ki,

    çok teşekkürler denedim oldu :)

    12 Mayıs 2010 15:45

     
  49. webleme Dedi ki,

    kurdum bloguma da küçük bi sorun var devamını okunun üstünde çıkıyor onu nasıl devamını okuya tıkladıktan sonra çıkara bilirim yardımlarınız için şimdiden teşekkürler SAYGILAR...

    13 Mayıs 2010 14:28

     
  50. MeneLaoS Dedi ki,

    Devamını oku eklentisi ile beraber kullanıyorum. Ana sayfada güzüksün istemiyorum bu butonlar.. Sadece konu içinde görünsün.. nasıl yapabilirim yardımcı olur musunuz..?

    20 Mayıs 2010 14:30

     
  51. veasn Dedi ki,

    Bende paylaş butonları normal olarak gözüküyor ama üzerine gelince buton gözükmüyor.Yardım eder misin?

    3 Temmuz 2010 13:03

     
  52. hiç Dedi ki,

    çalışmıyor

    21 Eylül 2010 16:03

     
  53. admin Dedi ki,

    ben yaptm gayet gzel çlşyo ;)
    http://admin-hemenindir.blogspot.com/

    8 Aralık 2010 03:07

     
  54. Adsız Dedi ki,

    herşey tamam hata yok fakat iconlarda yok sorun ne olabilir acaba. hiç birşey görünmüyor

    27 Aralık 2010 14:25

     
  55. Adsız Dedi ki,

    hata bendeymiş düzelttim teşekkürler

    27 Aralık 2010 14:49

     
  56. Adsız Dedi ki,

    çok işime yaradı teşekkürlerr

    28 Temmuz 2011 23:40

     
  57. Nazmi Sagat Dedi ki,

    emeğin için teşekkür ederim kardeşim

    31 Temmuz 2011 00:04

     

Yorum Gönder

Son Yazılar

Son Yorumlar

Translate

İzleyiciler