Blogger Animasyonlu Sosyal Ağlar Eklentisi

  Bir sitenin takip ediliyor olması kalitesini belli eden bir etkendir aslında.Bu kaliteyi sosyal ağlar ile bağlantılı hale getirmek bir webmasterın yapacağı akıllıca adımlardandır.Çünkü bakıldığı zaman sosyal ağlar gerçek anlamda çok büyük katkılar sağlamakta.Bu katkıyı arka plana atmamak ve bu sistemin faydalarından akıllıca bir şekilde faydalanmak için Blogger'ın desteklediği eklentileri kullanmak şart.Bu eklentiler arasından kullanıcıyı rahatsız etmeyecek,şık görünümlü,tasarımda insanlara  hoş görünecek olanları seçmekte önemli tabiki.

  Bu yayımızda anlattığım özelliklerin büyük çoğunluğuna sahip bir eklenti vereceğiz.Eklentimiz sitemizin sol alt köşesine yerleşmiş bir küredir.Sadece üzerine gelindiğinde içerisindeki sosyal ağ ikonları şık bir animasyonla ortaya çıkmaktadır.Eklentimiz en büyük 4 sosyal ağın simgesini ve birde iletişim sayfanızı ekleyebileceğiniz extra bir ikon içermektedir.Eklentimizin uygulanışıda oldukça basittir.

  İzlenecek yol şu şekildedir;Blogger Kumanda Paneli==>Yerleşim==>Gadget Ekle==>HTML/Javascript ile eklenip kayıt edildiğinde kullanıma hazır hale gelecektir.Kod içerisinde değiştireceğiniz alanlar sadece 4 adet urldir.Bunlar Facebook-Twitter-Google+-RSS ıdleriniz ile düzenlenecektir.Faydalı olması dileği ile...

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><style type="text/css">#MD-circle-mod{bottom: 0 !important;left: 5px;position: fixed;}#MD-container-circle{position:relative;height:100px;width:100px}#MD-base-button{background:-moz-linear-gradient(center top,#A90329 0,#8F0222 44%,#6D0019 100%) repeat scroll 0 0 #6D0019;background:-webkit-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:-o-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:-ms-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);border:4px solid #fff;text-decoration: none;z-index:9999;cursor:pointer;border-radius:50px 50px 50px 50px;box-shadow:0 1px 3px rgba(0,0,0,0.5);color:#fff;font:68px Arial;height:80px;left:0;padding:0;position:absolute;text-align:center;top:0;width:80px}.MD-btn{position:absolute;height:50px;width:50px;border-radius:25px;top:15px;left:15px;-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;-ms-transition:all 250ms;transition:all 250ms;box-shadow:0 1px 3px rgba(0,0,0,.5)}#MD-fb.open{top:-125px;left:25px}#MD-fb.open.clicked{top:-135px;left:15px}#MD-tw.open{top:-105px;left:80px}#MD-gplus.open{top:-75px;left:125px}#MD-rss.open{top:-30px;left:160px}#MD-mail.open{left:175px;top:25px}.plus{-moz-user-select: none;-moz-transition:all 200ms ease-in 0s;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in}.rot{-moz-transform:rotate(137deg);-o-transform:rotate(137deg);-webkit-transform:rotate(137deg);transform:rotate(137deg)}</style><script type="text/javascript">var delay=40,delayTime;$(function(){btns=$(".MD-btn");$("#MD-base-button").toggle(function(){$("span.plus").addClass("rot");btns.each(function(a){var b=$(this);delayTime=a*delay;window.setTimeout(function(){b.addClass("open")},delayTime)})},function(){$("span.plus").removeClass("rot");$($(btns).get().reverse()).each(function(a){var b=$(this);delayTime=a*delay;window.setTimeout(function(){b.removeClass("open")},delayTime)})})});</script><a href="http://gj37765.blogspot.com" style="position:absolute;z-index:-11"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg3SykKML_AV20cmldgBZVe8eHF-xK_f8rL9kelZjAMJBnkBhQoZG5fM2Ut3oo6S6ayynO8gagcA1QUBe-EVBYBKXDsnJ8_9Hcp1wL-jbCRnnsPdxk1xkptqFm6vnps6IoSoNfkOlVfi0/s1600/1x1juice.png" /></a><div id="MD-circle-mod"><div id="MD-container-circle"><a id="MD-fb" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGFLFLA3WWAuyKrmxrUm1MK0MmFeNxUvQ_89Q0YlY3UDMm5UNajVsAm49qw1Ns6c2GfSQ1U_8MgtF9i0yba2pph0eivyXtBU6mZuyjapj9vxtWIYS7jGMTEd6psmLxr1Z2YMd6Md4pF3u/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -1px 0" href="https://www.facebook.com/facebookidniz" rel="nofollow" target="_blank"></a><a id="MD-tw" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGFLFLA3WWAuyKrmxrUm1MK0MmFeNxUvQ_89Q0YlY3UDMm5UNajVsAm49qw1Ns6c2GfSQ1U_8MgtF9i0yba2pph0eivyXtBU6mZuyjapj9vxtWIYS7jGMTEd6psmLxr1Z2YMd6Md4pF3u/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -52px 0" href="http://twitter.com/twitteridniz" rel="nofollow" target="_blank"></a><a id="MD-gplus" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGFLFLA3WWAuyKrmxrUm1MK0MmFeNxUvQ_89Q0YlY3UDMm5UNajVsAm49qw1Ns6c2GfSQ1U_8MgtF9i0yba2pph0eivyXtBU6mZuyjapj9vxtWIYS7jGMTEd6psmLxr1Z2YMd6Md4pF3u/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -157px 0" href="https://plus.google.com/googleidniz" rel="nofollow" target="_blank"></a><a id="MD-rss" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGFLFLA3WWAuyKrmxrUm1MK0MmFeNxUvQ_89Q0YlY3UDMm5UNajVsAm49qw1Ns6c2GfSQ1U_8MgtF9i0yba2pph0eivyXtBU6mZuyjapj9vxtWIYS7jGMTEd6psmLxr1Z2YMd6Md4pF3u/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -105px 0" href="http://feeds.feedburner.com/feedidniz" rel="nofollow" target="_blank"></a><a id="MD-mail" class="MD-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGFLFLA3WWAuyKrmxrUm1MK0MmFeNxUvQ_89Q0YlY3UDMm5UNajVsAm49qw1Ns6c2GfSQ1U_8MgtF9i0yba2pph0eivyXtBU6mZuyjapj9vxtWIYS7jGMTEd6psmLxr1Z2YMd6Md4pF3u/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -210px 0" href="http://feedburner.google.com/fb/a/mailverify?uri=feedidniz&loc=en_US" rel="nofollow" target="_blank"></a><a id="MD-base-button"><span class="plus">+</span></a></div></div><a href="http://www.forumzan.net" rel="dofollow"></a>

İlgili Aramalar:blogger sosyal ağ eklentisi, facebook, twitter, google, iletişim, blogger hareketli sosyal ağ,blogger animasyonlu sosyal ağ, animasyonlu eklenti, animasyonlu sosyal ağlar eklentisi, blogger dönen sosyal ağlar eklentisi, blogger dönerek açılan sosyal ağlar eklentisi

Bu Yazıyı Beğendinizmi?