Genel Blog - Her Türlü Paylaşım | İndir: Blogger Eklentileri

Blogger Üst Çubuk Eklentisi

<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFVsKhVdoQkmXG1JBgi_Yz_C9Bb1OZVGd2hP_E9RSx9WzgLMyzQ5O5WCn15ZvVaYmqpEKhwF-8Rj2rWblpv-Jog4KegP0V-NrhG0tOqI_0pSa8yIWT14K-AOaIY8PwH_6Iob-9FJLrC2Sn/s1600/blogger+%C3%BCst+%C3%A7ubuk+eklentisi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFVsKhVdoQkmXG1JBgi_Yz_C9Bb1OZVGd2hP_E9RSx9WzgLMyzQ5O5WCn15ZvVaYmqpEKhwF-8Rj2rWblpv-Jog4KegP0V-NrhG0tOqI_0pSa8yIWT14K-AOaIY8PwH_6Iob-9FJLrC2Sn/s1600/blogger+%C3%BCst+%C3%A7ubuk+eklentisi.jpg" width="400" /></a></div>Merhaba Arkadaşlar.Bugun Blogger Sitelerinde Çok Gördüğümüz Üst Çubuk Eklentisini Nasıl Ekleyeceğimizi Anlatacağım...Bloğunuzu Özelleştirmek İstiyorsanız Bu eklenti Tam Size Göre! İlk olarak Aşağıdaki Kodu Buluyoruz. <blockquote class="tr_bq"><blockquote class="tr_bq"><ul><li>]]></b:skin> </li></ul></blockquote></blockquote> Buluğumuzun Kodun Hemen Üzerine Gelecek Şekilde Alttaki Kodları ekliyoruz. <textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="cursor: url(http://draft.blogger.com/blogger.g?blogID=2002958242580432294); height: 200px; margin-left: 0px; margin-right: 0px; width: 561px;">.yazı1 { background: url("http://b1304.hizliresim.com/18/2/lq059.png") no-repeat scroll 0 0 transparent; height: 30px; margin: -5px auto; width: 960px; } .yazı2 { width:250px; float: right; padding: 5px; color: #fdfcb8; } .yazı2 a { color: #FFFFFF; font: 12px Segoe UI; padding: 10px 3px; } .ustsol { color: #ffffff; float: left; font: 13px Segoe UI; margin: 0; padding: 5px 25px; width: 650px; }

Ekledikten Sonra Tekrar Aşağıdaki Kodu Buluyoruz

<body>

Bulduğumuz Kodun Hemen Altına Aşağıdaki Kodlaı ekliyoruz

Blogger Üst Çubuk Eklentisi

Merhaba Arkadaşlar.Bugun Blogger Sitelerinde Çok Gördüğümüz Üst Çubuk Eklentisini Nasıl Ekleyeceğimizi Anlatacağım...Bloğunuzu Özelleştirmek İstiyorsanız Bu eklenti Tam Size Göre!İlk olarak Aşağıdaki …

Devamı »

10 Mart 2014

06 Ock 2014

Sabit Soldan Açılan Sosyal Menü

Blogunuzun veya şahsınızın  Facebook, Twitter, Google+ ve Pinterest hesapları ile blog yazılarınızın beslemelerinin yer aldığı RSS adresinize ait sosyal medya butonlarının yer aldığı başka bir eklenti daha paylaşmak istiyorum.   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU4MHRpgbe_sC8gQMbfdLf07hKSk2taqLzToB71A0uVt6Hme6Lm-uGxn363XZwQ2OUsncqsCl_cCjU8kTHYhvsi5Le9ptjYe738YFzRaHy9JVuMdXoNe1pRIFjjz_vzvvPbzJWuDNGFW2_/s1600-h/floating-sosyal-menu6.png" target="_blank"><img alt="Sabit Soldan Açılan Sosyal Menü" border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4CdgmeZvfdiCFU7Liwd2hHjiPqeoiEq8QC_FTEwYOH8KwpKc52LCpkGaFInxgwY5ByRLbkqZlj8m6ATDyy_vMXapWYxhBed8MxMUVX0IaHgP1dGxUu7C5iEDNCuM-46fMYPXcDDv98nX9/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Sabit Soldan Açılan Sosyal Menü" width="427" /></a>  Bu eklentide pek çok özellik bir arada. Bu eklenti sadece takipçi sayıınzı arttırmakla kalmayacak, aynı zamanda blogunuzu görsel açıdan da zenginleştirecek. Bu sosyal menü eklentisi floating yani yüzen olduğu için sayfa aşağı ya da yukarı kaydırılsa bile menünün pozisyonu sabit kalacaktır. Sayfada sadece sosyal kanalların isimleri gözükürken, menünün üzerine gelindiğinde animasyon efektiyle birlikte açılacak ve tıklayan kişiyi ilgili sosyal kanala yönlendirecektir.   Eklentinin nasıl çalıştığını görmek için aşağıdaki demo videoyu izleyebilirsiniz.   <div id="scid:5737277B-5D6D-4f48-ABFC-DD9C333F4C5D:281b4bba-28fc-4712-8ffd-0ad8d0aaf4d0" class="wlWriterEditableSmartContent" style="float: none; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px auto; display: block; padding-right: 0px; width: 448px"><div id="6fe68b88-8793-4fba-b4d4-0ba0ba0140c8" style="margin: 0px; padding: 0px; display: inline;"><div><a href="http://www.youtube.com/watch?v=LNrDh_RcxBc" target="_new"><img alt="" galleryimg="no" onload="var downlevelDiv = document.getElementById('6fe68b88-8793-4fba-b4d4-0ba0ba0140c8'); downlevelDiv.innerHTML = "<div><object width=\"448\" height=\"277\"><param name=\"movie\" value=\"http://www.youtube.com/v/LNrDh_RcxBc?hl=en&hd=1\"><\/param><embed src=\"http://www.youtube.com/v/LNrDh_RcxBc?hl=en&hd=1\" type=\"application/x-shockwave-flash\" width=\"448\" height=\"277\"><\/embed><\/object><\/div>";" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ou0mM4ghSXtFvPPxLiZCZsbbg8AKzdar1X3RXduN-6pdYN_6mObSeWx-kwvm40kYyDqLMPDAQt-P8_sxlPzghLDeiBYj0OIaZA7cJVpE4njsst77SdtB5LCbBP7WOQNNybZYvVv0_L6P/?imgmax=800" style="border-style: none"></a></div></div></div>   Sosyal menü eklentisini blogunzda kullanmak isterseniz aşağıdaki kodları kendinize göre düzenledikten sonra Blogger kumanda panelinden Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu takip ederek eklemeniz yeterli.   <blockquote>  <style type="text/css"> ul#sosyal {     position: fixed;     margin: 0px;     padding: 0px;     top: 20%;     left: 0px;     list-style: none;     z-index:9999; } ul#sosyal li {     width: 100px; } ul#sosyal li a {     display: block;     margin-left: -2px;     width: 100px;     height: 70px;        background-color:#fff;     background-repeat:no-repeat;     background-position:center center;     border:1px solid #AFAFAF;     -moz-border-radius:0px 10px 10px 0px;     -webkit-border-bottom-right-radius: 10px;     -webkit-border-top-right-radius: 10px;     -khtml-border-bottom-right-radius: 10px;     -khtml-border-top-right-radius: 10px;     -moz-box-shadow: 0px 4px 3px #000;     -webkit-box-shadow: 0px 4px 3px #000; } ul#sosyal .twitter a{      background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ90FzZo-p3Lm1K_u4S7IZfkPbBOYkx2H73F0A8lzbSOkbFUlSpOsflRTTzXWS__5gRwJPEVIn9KeywRlIvMMgg4GLzKknzCmI1foLonjuPcJ_wL6tPMr0Ayw5V4UrgKqKlPNzLIk8leE/s1600/Twitter.png)no-repeat; background-position:center center; } ul#sosyal .googleplus a      {     background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_dRsSV6LywYgspcDy3o9mE8cBHKzAfosqrqA-pheVI2Wb8Rhbt5a4Y0rCTNADXaDRn5QtoKlA9MNI9xmqFMrx_QAFpoDmzdKnc-dCOipN7p7QkR8b-fQRG1mTFuhOwvc74jBuJFSQOu4/s1600/GOOGLE+PLus.png)no-repeat; background-position:center center; } ul#sosyal .facebook a      {     background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjNh1tKK7ZOa-7FsBI6kkd0RecGYGJSMpH0WvYbsNvUCVJvqUkkEGy-kk5qrCiNSeCZMu4izKmKQk3VpREKH3g8m-Qfew3CDvsgfBM4hH8bF1O5dyJwFd5AfbqUaEFEkSGtxFW0RFfNr8/s1600/Facebook.png)no-repeat; background-position:center center; } ul#sosyal .rss a      {     background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4LtmYX_UJ-4GUZe1Gl86vwJDWlG_98YBxNt0Xuc7nDuxGOraro-zmAqGMlHMY_2mOD7q0xeMEyh7WKnwrU443zfrD9xoYtqy9SMF5u2Ztwhk60xy_nVLh6lv3j-5WxKpOHqk7ZHnoNj0/s1600/rss.png)no-repeat; background-position:center center; }   ul#sosyal .pinterest a   {     background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6uS6WNQds4x_HDnXYFrQiOZsaYmJG5_yuAhNqif_ARPG9G9KlLVf6Lq6ckWvg8UEuakxLU0T7bGVU9rgzWfwTKulDm8qLlJkLqnWAfULykwwgthjGSH5zIY5-dkDPEoeowvvBW-ML5k4/s1600/Pinterest.png)no-repeat; background-position:center center; } </style>   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>   <script type="text/javascript"> $(function () {     $('#sosyal a').stop().animate({         'marginLeft': '-85px'     }, 1000);       $('#sosyal > li').hover(         function () {             $('a', $(this)).stop().animate({                 'marginLeft': '-2px'             }, 200);         },         function () {             $('a', $(this)).stop().animate({                 'marginLeft': '-85px'             }, 200);         }     ); }); </script> <ul id="sosyal"> <li class="twitter"><a href="http://twitter.com/bloghocam" title="Twitter"></a></li> <li class="googleplus"><a href="http://gplus.to/bloghocam" title="Google Plus"></a></li> <li class="facebook"><a href="http://facebook.com/bloghocam" title="Facebook"></a></li> <li class="rss"><a href="http://feeds.feedburner.com/bloghocam" title="Rss"></a></li> <li class="pinterest"><a href="http://pinterest.com/bloghocam" title="Pinterest"></a></li> </ul> </blockquote>   Kırmızı renkle gösterdiğim yerlerde ilgili sosyal kanallara ait Blog Hocam’ın adresleri yazıyor. Oralara endi hesap adreslerinizi yazmayın unutmayın. Onların dışında değiştirmeniz gereken başka bir yer yok.

Sabit Soldan Açılan Sosyal Menü

Blogunuzun veya şahsınızın Facebook, Twitter, Google+ ve Pinterest hesapları ile blog yazılarınızın beslemelerinin yer aldığı RSS adresinize ait sosyal medya butonlarının yer aldığı başka bir eklenti…

Devamı »

21 Ekm 2013

Daha Fazla Görüntüle

Genel Blog - Her Türlü Paylaşım | İndir

Blogger Üst Çubuk Eklentisi

Blogger Resimlere Zoom Efekti Verme

Blogger Part Sistemi Kodu

Blogger Devamını Oku Eklentisi

Blogger Manşet alanı oluşturma

Hazır Sosyal Paylaşım Eklentileri

Minimal Süper Menü

Twitter Kuşu” Larry” Eklentisi

Hover Efektli Şık Bir Ribbon Menü

Twitter–Blog Entegrasyonu İçin Twitter Bileşenleri

Blogger Yıldızlı Oy Verme Eklentisi

Sabit Soldan Açılan Sosyal Menü

Popüler

Yorumlar

Blog Arşivi