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

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

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.

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!

Sağdan açılan versiyon

<link rel="stylesheet" href="http://meftun-mede.googlecode.com/svn/trunk/3in1_right.css" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir3IsGZN3LYi4bd3qZL-jcREXuVGBDLMgUvEpTc8z8IJKNxGxKon0xB2OG1WibvdMiklzCYOKzynw5Ovhd19Iyfu5g5wneKjg_CEVrBELMxxmh8NiJtuG7QmSgLe43ZK6TSHEPHD7XZ6Yy/s1600/smtabs_facebook_box.png" alt="" /><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/meftunmede.blogger&amp;width=290&amp;height=240&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:240px;" allowtransparency="true"> </iframe></div></div> <div class="clear"></div> <div id="pointer"><div id="twitter_box" ><img id="twitter_box_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3BHzVeoIummjxcWg_tCHPyYFA38ZDiMhdqYco0TFGRng1xXK9yUjzPvqH8oQaDzwL3w2nG3V4MnzEn7EPOaKXymF0GdlRmGY2Gq8VAWqzVYuPMjw1dvPS1eWBjQbUxEaKWgD-2nTvFRuY/s1600/smtabs_twitter_box-1.png" alt="" /><div id="mytwitterfollowbox" class="follow-box-container"><iframe src="http://meftun-mede.googlecode.com/svn/trunk/twitter.html?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo5kLeeQNRlUewTDhzjVNcJE-EOs-tJZK0EfR65p7eyAWie_Gu6aI5NaHkZ4kOAsbi5_So2kOo8-wb_5SpLUdhCWi0yxD3w7hR1BzqOl-8Dd-LMp-Od4VrYQsikwD-0a8IvcKHXvx0LEga/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>

Sağdan açılan versiyon Önizleme

Soldan açılan versiyon

<link rel="stylesheet" href="http://meftun-mede.googlecode.com/svn/trunk/3in1_left.css" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbsl6EKrEeCYmH2rbbPF1MVfaeegcpFUp4UGeieZemxyl3q60g0i4dnB5-hBx3WKbb7zdwL0sARGxb-kUA7YfOgO5dQtXim1tmeuX-KbeKjVsPqQta0Zjxl43svk3ILold2IIurobJrDc/s1600/facebook_left.png" alt="facebook_left" /><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/meftunmede.blogger&amp;width=290&amp;height=240&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:240px;" 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZm4QGtlsUitv65Snz12hGbCkQiBYLidwEBx5C5S-MdyIqEE5sJrscKeFVXKPbhuT-cQCOQ9ypsm0mfSm2Z5859yf2s-fNJqVakHbsWvcfYoVyB2KF6LUzcKHC6uF9TEdZ9DcUsOXBMRg/s1600/twitter_left.png" alt="twitter_left" /><iframe src="http://meftun-mede.googlecode.com/svn/trunk/twitter.html?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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEkNQMo-lDFk_mTAToJsVqnIB2cTtmLGS5E4y_mRNMZxYZwH5A0S6Bq5ODycaT5k3Io7wO3dUu9rM1QvN8DXSIT7zrTPjE2Dgcy0ckj2x-jExviYFM3MgL_N0EgRB6SS0YqsbCDqMwLak/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>

Soldan açılan versiyon Önizleme

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...