En yeni: Dünyanın en iyi 10 video düzenleme programı Trending: İnternetten para kazanmak, Ekgelir, En iyi Tıkla Kazan (PTC) Siteleri

Yandan açılır sosyal medya takipçi Kutusu 3 in 1

Yandan açılır sosyal medya takipçi Kutusu 3 in 1

Bu eklenti sayesinde Facebook hayran sayfanızı beğenenleri, Twitter hesabınızı ve hazırladığınız Google + sayfasını veya hesabınızı takip edenleri, blogunuzun sağ veya soluna sabitlediğiniz butonların üzerine gelince açılan pencereler sayesinde sergileyebileceksiniz.

● 3 in 1 Sağdan-Soldan Açılır sosyal medya takipçi Kutusu
● Hareketli sosyal medya takipçi pencereleri
● Yandan Açılır Facebook, Twitter ve Google+ Kutusu
● Sliding Facebook, Twitter, Google+ Followers Box

Not: Bu eklenti 09 Ocak 2014 tarihinde yenilenmiştir. Mark carey tarafından geliştirilen twitter eklentisi son bulduğu ve çalışmadığı için yeni eklenti entegre edilerek değiştirilmiştir. Twitter eklentisinin çalısmaşı için lütfen Yeni Twitter Takipçi kutusu yazımı okuyun ve uygulayın!

Blogger'a Ekleme:

1. Blogger Kumanda Panelinize gidin.
2. Yerleşim sekmesine tıklayın.
3. İstediginiz bölümde Gadget/Widget Ekle'ye basın.
4. Açılan pencerede HTML/JavaScript seçeneğini seçin.
5. Aşağıdaki kodu isteğinize göre ayarlayarak, kopyalayın ve yapıştırın.

Sağdan açılan versiyon

<link rel="stylesheet" href="https://googledrive.com/host/0B_mWl6W88no4VXIxOGhzQWNob2c" type="text/css"/> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript" src="http://social-media-dosyalari.googlecode.com/files/social-js-right.js"></script> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript" src="http://social-media-dosyalari.googlecode.com/files/jquery.followbox.min.js"></script> <div id="box-content"> <div id="pointer"><div id="facebook_box" ><img id="facebook_box_img" src="http://3.bp.blogspot.com/-Jq9lTn5fYv0/T8e0elUEyTI/AAAAAAAAA84/OtnnBEeC4oA/s1600/smtabs_facebook_box.png" alt="" /><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fmeftunmede.blogger&tabs=timeline&width=290&height=240&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="290" height="240" style="border:none;overflow:hidden" scrolling="no" frameborder="0" data-show-posts="false" allowTransparency="true"></iframe></div></div> <div class="clear"></div> <div id="pointer"><div id="twitter_box" ><img id="twitter_box_img" src="http://1.bp.blogspot.com/-esdxMFwxFMw/T8e6aTX5DeI/AAAAAAAAA9E/tpBocKYm1gY/s1600/smtabs_twitter_box-1.png" alt="" /><div id="mytwitterfollowbox" class="follow-box-container"><iframe src="http://googledrive.com/host/0B_mWl6W88no4Ml8tcmF0UTN3V2c?user=MeftunMEDE&no=20&h=239&t=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:239px;" allowTransparency="true"> </iframe> </div> </div></div> <div class="clear"></div> <div id="pointer"><div id="google_box" ><img id="google_box_img" src="http://2.bp.blogspot.com/-T0lFE0_GQgk/T8e6ku1ki_I/AAAAAAAAA9M/gBa_fcPBGjU/s1600/smtabs_googleplus_right-1.png" alt="" /><div class="g-plus" data-href="https://plus.google.com/111555326072108216342"></div></div></div> <div class="clear"></div></div></div>

ÖNİZLEME

Soldan açılan versiyon

<link rel="stylesheet" href="https://googledrive.com/host/0B_mWl6W88no4YmZqUTNrMHRfekE" type="text/css"/> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript" src="http://meftun-mede.googlecode.com/files/social-js-left.js"></script> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript" src="http://social-media-dosyalari.googlecode.com/files/jquery.followbox.min.js"></script> <div id="box-content"> <div id="pointer"><div id="facebook_box" ><img id="facebook_box_img" src="http://2.bp.blogspot.com/-23ju-IscaUQ/UDb2JpcB-sI/AAAAAAAAALo/uvh9TC9H-Q0/s1600/facebook_left.png" alt="facebook_left" /><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fmeftunmede.blogger&tabs=timeline&width=290&height=240&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="290" height="240" style="border:none;overflow:hidden" scrolling="no" frameborder="0" data-show-posts="false" allowTransparency="true"></iframe></div></div> <div class="clear"></div> <div id="pointer"><div id="twitter_box" ><div id="twitter_div"><img id="twitter_box_img" src="http://2.bp.blogspot.com/-QT109xV0VTs/UDb2K4FiKfI/AAAAAAAAAL0/YYqjb3VCFWs/s1600/twitter_left.png" alt="twitter_left" /><iframe src="http://googledrive.com/host/0B_mWl6W88no4Ml8tcmF0UTN3V2c?user=MeftunMEDE&no=20&h=239&t=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:293px; height:239px;" allowTransparency="true"></iframe></div></div></div> <div class="clear"></div> <div id="pointer"><div id="google_box" ><div id="google_plus_div"><img id="google_box_img" src="http://4.bp.blogspot.com/-pTc2-YABAQ8/UDb2KKtnEmI/AAAAAAAAALs/Z3_8Hm5fjNU/s1600/google_left.png" alt="google_left" /><div class="g-plus" data-href="https://plus.google.com/111555326072108216342"></div></div></div></div> <div class="clear"></div></div></div>

ÖNİZLEME

Kod içinde kırmızı ile belirtdiğim yerlere , Facebook, Twitter ve google+ adreslerinizi yazın. Kodu kopyalayıp bloğunuza yada websitenizin istediğiniz bölümüne yapıştırın. Kodu denemek için Online html editor'ü kullanabilirsiniz. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.iyi bloglamalar...

10 yorum:

  1. Bana yorum kutusu kodu lazım şuan yorum yaptığım yorum kutusunu nerden siteme ekleye bilirim ?

    YanıtlaSil
  2. Merhaba arkadaşım. Senin verdiğin kodu kullandım, ancak sorunlar var. Sağdan kullanılan kodu kullandığımı belirteyim öncelikle. Verdiğiniz kodlarla yanda PNG lerin duruşu ve animasyonlu açılış çalışıyor ancak Facebook ve Twitter kutusu bomboş olarak geliyor. Online HTML editöründe test ettiğimde facebook kutusu tek gözöküyor. Bu arada koddaki sizin Facebook sayfası yani Metun Afartta çalışmıyor. Yardımcı olursanız sevinirim. Gerçekten güzel bir Sosyal Medya Eklentisi. Ancak şu sorunu çözmem gerek.

    Yerel bilgisayarımda HTML olarak deniyorum. XHTML standarlarını kulanıyorum. WampServer kurulu PCmde. Yardımlarınızı bekliyorum.

    YanıtlaSil
  3. Tekrar ben yazıyorum arkadaşım. Yarım saat önce bir sorun belirtmiştim. Sorunu çözdüm. Kodlar sadece servere atınca çalışıyormuş. Ancak siz kodda Twitter hesabı eklememişsiniz sanırım Twitter hesabım var ancak hangi taglar arasına ekleyeceğimi bir türlü bulamadım. Yardımcı olursan sevinirim. Çok yararlı bir paylaşım bu arada Teşükkür ederim.

    YanıtlaSil
  4. Merhabalar.Facebook,twitter, google+ sayfalariniz herkeze acik ve web sayfalarinizla baglantili olmalidir.Twitter haric kodlar calisiyor.Twitter Mark Carey isimli bir uzmanin yazdigi kodlar.Sanirim durdurdu yada iptal etti.WampServer joomla tarzi asp ve php kodlari kullanan localhost programıdir.Bu kodlari ben yerel bilgisayarimda joomla ile kullanigimda Yazi editörünü html moduna aldigim zaman sorunsuz calisti.WampServer kullanmadigim icin programin calisma prensiplerini bilmiyorum.internette bu konu hakkinda arastirma yapip html kodlarini ekleyebilirsiniz.Kolay gelsin.

    YanıtlaSil
    Yanıtlar
    1. Bu eklentide Twitter kullanılamaz mı acaba. Bu eklentide bu biçimde kullanabilmek için ne yapmamız gerekiyor. Yardımcı olursan sevinirim. hocam. Biraz ipucu istiyorum. Eklenti hoşuma gitti. ama Twitter bu kodda kullanılamaz diye anladım ben. Bu arada entegre yönteminde google + gibi yaptım. Ama olmadı.b

      Sil
  5. Bana facebbok eklentisinde dosya dizin hatası demektedir sürekli.Nasıl kodu yerleştireceğimizi tam açıklama şansınız var mı ?

    YanıtlaSil
  6. Emre Alacücük, Facebook sayfanız herkeze açık olmalı. Facebook adresinizi ve eklentiyi kullanmak istediğiniz websayfanızı yazın. Bakmadan bişey söylemem yanlış olur.

    YanıtlaSil
  7. sag tarafa tm oturmadı nedense site az bişey sola kaydı nasıl düzeltiriz acaba ?

    YanıtlaSil
    Yanıtlar
    1. Blogger panelinize giriş yapın Yerleşim Gadget Ekle HTML/JavaScript yolunu takip edin. Kodları sidebarınızda uygun biyere kopyalayıp yapıştırın. Herhangi bir kayma olmayacaktır. Eğer tekrar aynı problemi yaşarsanız; blogunuzun adresini yazın, problem nedir bakalım.

      Sil
  8. paylaşım çok güzel teşekkür ederim facebook profilimiz herkese açık olmasına rağmen facebook iconuna geldiğimizde Hata: Geçerli bir Facebook Sayfası adresi değil. uyarısı alıyoruz

    YanıtlaSil

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

 
  • Meftun Apart

    Meftun Apart Fethiye

    Apartlarımız deniz ve plaja 50 metre mesafede olup, klimalı, full eşyalı 2+1, 1+1, 4-6 kişilik ve havuzlu apartlardan oluşmaktadır.

  • Meftun Mede Blogger

    MEDE Blogger Tema Yardım

    Blogger şablonuzda, temanızda yardımamı ihtiyacınız var? Hertürlü blogger tema yardımı ücretsiz yapılır...

  • Sitemap sayfası oluşturma

    Sitemap sayfası oluşturma

    Sitemap bir web sitesinin haritasıdır.Arama motorlarının web sitelerini hızlı, daha çabuk ve tam olarak indexlemesi için oluşturulurlar.

  • hit arttırma

    Sitenizin hitini arttırın!

    Kaliteli hit arttırma sitemi ile ücretsiz hit kazanın, sitenizi Google'da yükseltin! Sitenizi ekleyin ve binlerce ziyaretçi kazanın!

  • internetten para kazan

    İnternetten para kazan !

    Boş zamanınızı internetde reklam izleyek ve bundan para kazanarak geçirebilirsiniz. Ek gelir elde edebilirsiniz!