.
twitter eklenti etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
twitter eklenti etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

5 Ağu 2015

2 Yorum

Döner Sosyal Butonlar Eklentisi


Blogger blogunuz için , Döner Sosyal Butonlar Eklentisi ile , ziyaretçiniz fare ile ikonların üzerine geldiğinde , ikonumuz dönme efekti gösterir..


Altta yer alan kodlarımızı , Yerleşim >> Gadget Ekle >> HTML/JavaScript yardımı ile ekleyiniz..
<style>
 #social a:hover {
 background-color: transparent;
 opacity:0.7;
 }
 #social img {
 -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;
 -o-transition: all 0.8s ease-in-out;
 -ms-transition: all 0.8s ease-in-out;
 transition: all 0.8s ease-in-out;
 }
 #social img:hover {
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
 }
</style>

<center>
 <div id="social">
<!--Start Rss Icon-->
 <a href="http://draft.blogger.com/YOUR-FEED-URL-HERE" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOxYyYTlnTCOWw5v-mtirc4jq7VxV9JiOxvkq_QLtBi4E6LUOnQbTsEkTKbyPLnit7EkJeEToo13Xzc5UtYSXZLGtGyhdicXxgCuCjxhRRKv35G9ecwTNeq5195VMnt-3HpJ6-vQfSJVBw/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Rss Icon-->
 <!--Start Email Rss Icon-->
 <a href="http://draft.blogger.com/YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3C3DmA7whKveS3ki6QlN7aFzgu5JrWbf6NdHpZm5cUCR7PyWn_AaLfRrezE0yAAIk0E9rrVfHGMQAzn7spYIAzcSEeCL6LKFEvWCLluv4gQcEa7mRC-qJe3RerFOPmZ42bvl9LuMls7-0/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Email Rss Icon-->
 <!--Start Facebook Icon-->
 <a href="http://draft.blogger.com/YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyXXuEjQL5BgoBp9C4No0UCBNESr2zLcr0nCPjo9e9b5PyoHJeu9SswbAcTSSmLiZcXhWWJsl3RRSl_BHmMZQuuCoxxf8PEsleCzeZRGNTFYlswDDnLuos-2dCt0QhBSx0CbEUfDFiHMoI/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Facebook Icon-->
 <!--Start Twitter Icon-->
 <a href="http://draft.blogger.com/YOUR-TWITTER-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGws7DvPKJYSUUAkBkVA1dK7oI9Byml-0n1UaP8-9wj1ij1FyInWuurdpz31zKX-5lU36cwE5AnXTLYozd0Mzb0S0iD-K6z-wnZv-ZETLH7JCH87pNbRtgPDCdX344v7dy-peVIywBJ-Ec/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Twitter Icon-->
 <!--Start Google+ Icon-->
 <a href="http://draft.blogger.com/YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLPn3fbVcNe-S8HOmh57sJ47nXN5m1e6Vo3LJ3Jr_sr_D5ryNlGIFsbuI8bot1AXS75biNGmI-P8W9cRQDK_Wlvm4n1gi2Ac4vaL_saKSX3tFyLW8KetMwEN8b2V1AxVFNMzK-U_nHldGb/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a> 
 <!--End Google+ Icon-->
 <!--Start Pinterest Icon-->
 <a href="http://draft.blogger.com/YOUR-PINTEREST-URL-HERE" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhfNQ2DP9JvD_OD_qqGA-dqkzXQDea01-D_cZZcqwuIkjNdfN7R3U9cOGBN1hDY8O1Z3pNZWZFlNkJu-viHJUQZ1VVK2eGUODKZ1MUWxkeYtIyc4kZ_2GIWYf4PsOjKtLRcvBdT74njqtp/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a>
 <!--End Pinterest Icon-->
 </div>
</center>



By Eklentileri.Blogspot Devamını Oku >>>

30 Tem 2015

14 Yorum

Blogger Hareketli Sosyal Medya Butonlar Eklentisi


Blogger Hareketli Sosyal Butonlar Eklentisi Widget..

Bu eklentimizle , blogger blogunuza üzerine gelince renkelenen sosyal butonları ekliyeceğiz...Bu eklentimizle , rss, google , facebook ve twitter sayfalarınızı ziyaretçilerinize oldukça şık bir görünümle sunabilirsiniz..


Blogger Hareketli Sosyal Butonlar Eklentisini blogger'a eklemek için aşağıdaki adımı takip edin..

Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim..
<style> 
/*--------eklentileri.blogspot.com hareketli menu ------*/ 
.touchme a { 
display:block; 
height:50px; 
width:50px; 
padding:0 4px; 
float:left; 
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOTwjS3BSBw0Uo_JJT-L2K81FssERTapXcVtdDc5P53GQN-DeFxahpOPOjIkay7xZfnFjv-NkDBOODUUDIdZhUo-HAPBCj3vd5OFGdS-89oqCLUuheV8tTgVA0scQJszT8gqd5VJGLB6hD/s1600/eklentileri.blogspot.com.png) no-repeat; 
-webkit-transition: ease-in 0.2s all;    
-moz-transition: ease-in 0.2s all;    
-o-transition: ease-in 0.2s all;    
-ms-transition: ease-in 0.2s all;    
transition: ease-in 0.2s all; 
cursor:pointer;
}

.touchme a.googleplus { 
background-position: 0px -58px;
} 
.touchme a.googleplus:hover { 
background-position: 0px 0px; 
}

.touchme a.twitter { 
background-position: 0px -290px;
} 
.touchme a.twitter:hover { 
background-position: 0px -232px;
} 
.touchme a.facebook { 
background-position: 0px -406px;
} 
.touchme a.facebook:hover { 
background-position: 0px -348px;
}

.touchme a.rss { 
background-position: 0px -174px;
} 
.touchme a.rss:hover { 
background-position: 0px -116px;
}

</style>

<div class='touchme'>
<!--RSS--> 
<a class='rss' href="RSS ADRESI" rel='external nofollow' target='_blank'></a>
<!--Google Plus--> 
<a class='googleplus' href="GOOGLE PROFIL ADRESI" rel='external nofollow' target='_blank'></a>
<!--Facebook--> 
<a class='facebook' href="FACEBOOK ADRESI" rel='external nofollow' target='_blank'></a>
<!-- Twitter --> 
<a class='twitter' href="TWITTER ADRESI" rel='external nofollow' target='_blank' ></a>

</div>
Yukarıdaki kodlarda kırmızı ile yazılmış olan yerlere , kendi adreslerinizi yazmayı unutmayın...yapmanız gereken sadece bu kadar..


<<< Bu Yazı için Arama Sonuçları  >>>

Blogger Hareketli Sosyal Butonlar Eklentisi , Blogger Hareketli buton , blogger sosyal medya butonları , renk değiştiren butonlar , blogger sosyal ağ butonları , blogger facebook twitter buton


By Eklentileri.Blogspot Devamını Oku >>>

16 Şub 2013

15 Yorum

Facebook , Twitter Yalancı Takipci Sayısı Eklentisi


Bu eklentimiz resimde gördüğünüz gibi, rss , twitter ve facebook takip sayısı göstergesi şeklindedir..

Tabi burda yazan rakamlar , tamamen hayal ürünü olup , size kalmıştır...

Adı üstünde Yalancı Takipci Sayısı Eklentisi !
<style> 
.rss-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYhLVEuB1-CzWE1_Egt70QPPSDTgqWkmOudOD6Ojicpy7MFy8Bzs51Z54Vu-ZUOIwA42GX2_WFQtQ-X7FVh_KsgkVSM0466x0_TJ-neVp5tkXBqPVpSMkEWrfEhHYDhfJC5ilMZhxDk8I/s800/RSS1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.twitter-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-sXGO4wD9RTjlY_6_RQUHox4L8_japM3v26TbzOcpVv7PECHMq9PkMHTrb6UHWrCw4TZ13yYvUg7jZpomDFsPN863d90y1WK9x-Z1c3VE7qTm0MyUfy1H5HyiPpWq6UUc0ez6UYvrVZs/s800/TWITTER1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.facebook-mbt { 
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8qcXPhelPNv9O5krEiMNIJKz3Ciitf1vQsqaks8UgWi81IGb3yvmEPZ-3DHiG2f7rIW6_hDLxLs-45xFcc4SQkd3P_ffU2icFf3hVs1Iz5V34SZSZmbsBxoYQJzEprvWndycrUS_mH08/s800/FACEBOOK1.png) no-repeat; 
    height: 64px; 
    padding: 0px 20px 0px 80px; 
    margin-top: 20px; 
}
.follower-rss, .follower-twitter, .follower-facebook { 
    font-family: Georgia,  sans-serif, Times; 
    font-size: 1.1em; 
        font-style:italic; 
        color:#289728; 
}
.follower-rss span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#FFB93C;     
}
.follower-twitter span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#6DB6E6;     
}
.follower-facebook span { 
    font-size: 1.9em; 
    font-weight: bold; 
        font-style:italic; 
        color:#3889BA;     
}
</style>
<div class="rss-mbt"> 
<div class="follower-rss"> <span>78</span> Okuyucu 
</div> 
<a href="Rss adresiniz" rel="nofollow">RSS feed</a> 
| <a href="E-mail adresiniz" target="_blank" rel="nofollow">E-mail</a> 
</div>
<div class="twitter-mbt"><div class="follower-twitter"><span>138</span> Takipçi</div>                            
<a href="Twitter Adresiniz" target="_blank" rel="nofollow" title="I definitely follow you back">Bizi Twitter'da Takip et</a> 
</div>                       
<div class="facebook-mbt">                        
<div class="follower-facebook"><span>403</span> Takipçi                           </div>                            
<a href="Facebook Adresiniz" target="_blank" rel="nofollow">Bizi Facebook'da takip et</a> 
</div>
Yukarıdaki kodu blogunuza gadget şeklinde istediğiniz yere , yerleşim'den ekleyiniz..Kod içinde kırmızı olan yerlere, kendi twitter , facebook , rss ve mail adresinizi yazınız..Mavi olan yerler ise , takipçi sayısı kısmı, buralara istediğiniz rakamı yazabilirsiniz..
By Eklentileri.Blogspot Devamını Oku >>>

8 Şub 2013

7 Yorum

Sayfada Aşağı inince Açılan Paylaş Eklentisi


Sayfada Aşağı inince Açılan Paylaş Eklentisi

Blogger için , ziyaretçileriniz sayfada biraz aşağı inince açılan paylaş eklentisi istermisiniz ?

Bu eklentimizde , Twitter paylaş butonu , facebook paylaş butonu vb.. butonlar yer alacak , böylelikle ziyaretçileriniz yazlarınızı rahatlıkla paylaşabilecek..

Resimden ön izlemesini yapabilir Yada BU SAYFAdan demosunu görebilirsiniz ( Sayfa açılınca biraz aşağı inin  )

Anlatıma geçelim..

Aşağıdaki kodumuzu bulalım..
</head>
Bu kodumuzun üstüne , aşağıdaki kodlarımızı ekleyelim..
<script type="text/javascript">
var addthis_config = {
    bar_show_below : 150
}
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>
Şimdide bu kodumuzu bulalım..
</body>
Bu kodumuzun da üstüne , aşağıdaki kodlarımızı ekleyelim..
<div class="addthis_bar addthis_bar_medium">
    <label>Share This Page:</label>
    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <span><a class="addthis_button_preferred_1"></a></span>
        <span><a class="addthis_button_preferred_2"></a></span>
        <span><a class="addthis_button_preferred_3"></a></span>
        <span><a class="addthis_button_preferred_4"></a></span>
        <span><a class="addthis_button_compact"></a></span>
        <span><a class="addthis_counter addthis_bubble_style"></a></span>
    </div>
</div>
Artık Sayfada Aşağı inince Açılan Paylaş Eklentisine sahipsiniz, güle güle kullanın..


<<< Bu Yazı için Arama Sonuçları  >>>

Sayfada Aşağı inince Açılan Paylaş Eklentisi , blogger paylaş eklentisi, blogger paylaş butonları , facebook paylaş butonu , twitter paylaş butonu , Blogger paylaş butonları ekleme , blogger paylaş butonları eklentisi


By Eklentileri.Blogspot Devamını Oku >>>

21 Oca 2013

3 Yorum

Retro Tazı Blogger Sosyal Paylaşım Eklentisi


Retro Tazı Blogger Sosyal Paylaşım Widget


Altta yer alan kodlarımızı , Yerleşim >> Gadget Ekle >> HTML/JavaScript yardımı ile ekleyiniz..
<style>
/* Retro tarzı blogger sosyal paylasim eklentisi eklentileri.blogspot.com */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>

<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="http://www.plus.google.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXTjUooaFo082uT0o-JIyNAwC9-ZiCLr-TZeiE7xjCltdQ46apy-KCI8W5prB2TNzggKmfbFhKHjl1Pjf_1B6vCT-eEgoRsRpsDfKK5Ur41N9bmwh4W2P-PCRJiCLmUZFjjTWaSaTqSPI/s1600/bloggertrix-google-icon.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.facebook.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXc-4QIsvqJG0HOYdM_RGb_GndqP7Yxkwk9kK0KV8mv9IEpOWkJRPxcmK-2S1rgywrI8sdgW3KIT7J5VyITWrVWmVR3Sy7REPJLOhY_S766qXNehSMhSudHF8EoWxL0dMcLfHbmqRTOU4/s1600/bloggertrix-facebook-icon.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.pinterest.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWOpTC-WJfSqwJ9VG4Cj4XIvsUGOR_hX-ULSwlHCOP46RNp9vJo6RaF7oLkcNpRkxgE4RypkAtzMNFVh8VYgUMiGtYreGi-V0888HpGJDefcl8V-DwoLW54JcjfAVxl9v0Ib__lllLxGw/s1600/bloggertrix-pinterest-icon.png" title="Add to Digg" /></a></li>

<li><a href="http://www.twitter/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibjGB298_fGH5epee3MJJlW-E1YXK7bV6pSAofwTiGNZQMsO1C9TZJcrDVkdyhzstdzgmNzhEJvDM-nnVGhrNoFYCA3ITTNBTqWnItmlPsJVjwekL5N2dj_e7iEqoHaOMHaYa25WhduaM/s1600/bloggertrix-twitter-icon.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH54-NNvhwOnCt7xBeAZEyoeKbNJHLwZpysZhGEFIjPuz7yQiChoiLLgUQuDJ1h9ToNjypDYKUQG3jvw7jDp1rS-PQHCS1cUOyA6zbP8VjVmbf7u0l_OykFghrsoFR593S20Zy2KSLEMY/s1600/bloggertrix-rss-feed-icon.png" title="Add RSS Feed" /></a></li>
</ul>
Yukarıdaki kod içinde geçen XXXXX yazısı yerlerine kendi asreslerinizi yazmayı unutmayınız..
By Eklentileri.Blogspot Devamını Oku >>>

13 Oca 2013

10 Yorum

Yazı Altına Sosyal Paylaşım Kutucukları


Blogger Yazı Altı Sosyal Paylaşım Kutucukları Eklentisi..

Bu eklentimiz ile, yazılarınızın altına , twitter , facebook ve google+ kutucukları eklenecektir , ziyaretçileriniz böylelikle yazılarınızı twitter , facebook ve google+ da paylaşabilecekler..


Aşağıdaki kodlardan birini bulunuz , ilk denediğiniz olmazsa diğerini deneyiniz , bazı bloglarda bu kodlardan bir kaç tane olabilir , üşenmeyin deneyin..
<data:post.body/>


YADA


<div class='post-footer-line post-footer-line-1'/>
Bir satır altına aşağıdaki kodları ekleyelim..
<b:if cond="data:blog.pageType == &quot;item&quot;">
<style>
.promote_post_bg {
    height: 103px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwvKfQnQ3299ZZ7oMYvmwAKf3-MNNi-HNKDjncqOT1NFh8pnC6utynBVXxKCUApBpOlNHxSmU8QCq4C6TgN2N2SnfEVjiIKd-3ULZivo27itfHtK4ccnwfyzVbIpjWfGt1TwhZFNiL_0d5/s1600/social-kutucuk.png) 0 -7px no-repeat;
    width: 500px;
    margin-left: 65px;}
.promote_twitter {
    width: 130px;
    height: 38px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 13px;
    text-align: center;}
.promote_facebook {
    width: 115px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 63px 0 0 28px;
    text-align: center;}
 .promote_google {
    width: 65px;
    height: 40px;
    float: left;
    margin: 0 39px 0 0;
    padding: 65px 0 0 28px;
    text-align: center;
}
</style>
<div class="promote_post_bg">
<div class="promote_twitter">
<a class="twitter-share-button" data-via="BloggerEklenti" href="https://twitter.com/share">Tweet</a>
<script>
                !
                function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (!d.getElementById(id)) {
                        js = d.createElement(s);
                        js.id = id;
                        js.src = "//platform.twitter.com/widgets.js";
                        fjs.parentNode.insertBefore(js, fjs);
                    }
                }(document, "script", "twitter-wjs");
          
</script></div>
<div class="promote_facebook">
<fb:like action="like" colorscheme="light" expr:href="data:post.canonicalUrl" font="verdana" layout="button_count" send="false" show_faces="false"></fb:like>
<div>
<b:if cond="data:post.isFirstPost">
<script>
                        (function (d) {
                            var js, id = 'facebook-jssdk';
                            if (d.getElementById(id)) {
                                return;
                            }
                            js = d.createElement('script');
                            js.id = id;
                            js.async = true;
                            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                            d.getElementsByTagName('head')[0].appendChild(js);
                        }(document));
                  
</script>
</b:if></div>
</div>
<div class="promote_google">
<g:plusone annotation="none" size="medium"></g:plusone>
<script type="text/javascript">
                (function () {
                    var po = document.createElement('script');
                    po.type = 'text/javascript';
                    po.async = true;
                    po.src = 'https://apis.google.com/js/plusone.js';
                    var s = document.getElementsByTagName('script')[0];
                    s.parentNode.insertBefore(po, s);
                })();
          
</script></div>
</div> 
</b:if>



By Eklentileri.Blogspot Devamını Oku >>>

19 Ara 2012

1 Yorum

Siyah Zoom Efektli Sosyal Butonlar Eklentisi



Blogger blogunuz için, siyah ağırlıklı , google+ , facebook , twitter , digg ve rss butonları istermisiniz ? 

Siyah Zoom Efektli Sosyal Butonlar Eklentisi ile , sosyal sayfalarınızı blogger blogunuzda ziyaretçilerinize gösterebilirsiniz , ziyaretçi fare ile üstüne geldiğinde , zoom özelliği gösterir..


Aşağıdaki kodu bulunuz..
]]></b:skin>
Hemen üstüne alttaki kodları ekleyelim.
/* Siyah Zoom Efektli Sosyal Butonlar Eklentisi baslangici eklentileri.blogspot.com */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
Şablonumuzu kaydediyoruz ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele alttaki kodları ekliyoruz..
<ul class="bubblewrap">

<li><a href="http://www.plus.google.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hc5kFL_3_Ot4RI0YQF9CIJNY1tf9dhwdyE4_uF1VFOsMz0UxtzRcg_pdhCby9Ttnpw4g1BWsp1gmIOV8C5EZ34B4rWqBA3vFGOQqwWz3FXtSTwJbgUpgAbi92Bv_4DpBRMNgmMXFPBo/s1600/bloggertrix-google-icon.png" title="Add to Google+" /></a></li>

<li><a href="http://www.facebook.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_pzj2RBsZwnicMiZ9hoTNq-cPPc_nn3HaF7mYo7VTgNKgf9pTtokNY6ZI5cuEcgBU6FRcpTbq76ZEgvd4jAsXLoh6wDEqIcWFEqPhURj8CnOpHea7jZlT-bRlH4xKV-DlzJc2i0ErKvE/s1600/bloggertrix-facebook-icon.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.digg.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYqe4m7VtzUNG_hCnzPDEFm1jRSq-6SIulxSzV7-adRhVVEWdJ6PDIDOs5CIV2XFDp4UT2JTbETdVaUhW97UDdxVLyrybLZECSyFtE9Pig-k6dntaKSzeU7kJM3fSecZJU9XtazWTGtjM/s1600/bloggertrix-digg-icon.png" title="Add to Digg" /></a></li>

<li><a href="http://www.twitter/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2tbdfzb7Kcc0o5SsOyiI-v5gKMyoeiKc9Qq4rG3n18iAQ-pi7mz-JQGLyOFqgESmhvfHFWoVQR65pUz-ZDOs2san6E0kKcQ1JA-1FQZSjzakVknBdn2C_Kwz9i2sOa9GFg_1Wv5kD-64/s1600/bloggertrix-twitter-icon.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRio5mgxCi-G0xSaqeEj5J4YsuxaBXCgLi29w-IQtQO047lETAbhQKsbrqFzV0e7B4Ok63qyvq8M7W_28fOGEP1YwXPS-uzJ4NW-W07qB9YPhaweEuzpkUZDHQFeTJ6efGFoA18OU5C5o/s1600/bloggertrix-rss-icon.png" title="Add RSS Feed" /></a></li>
</ul>
Kodlar içinde kalın olarak vurgulanmış yerleri kendinize göre düzenleyiniz..


<<< Bu Yazı için Arama Sonuçları  >>> 

Siyah Zoom Efektli Sosyal Butonlar Eklentisi , Blogger Sosyal Butonlar Eklentisi , Blogger Sosyal , Sosyal , Sosyal Paylaşım , Blogger Facebook , Blogger Twitter , Sosyal Share , Social Sharing Buttons For Blogger ,Social Sharing Buttons  


By Eklentileri.Blogspot Devamını Oku >>>

29 Kas 2012

4 Yorum

Blogger Angry Birds Sosyal Paylaşım Eklentisi


Blogger blogunuz için angry birds sosyal eklentisi istermisiniz ?

Bu eklentimizle blogger blogunuza angry birds kuşlarını ekleyerek , facebook , twitter , rss ve google+ sayfalarınızı tanıtabilirsiniz..

Angry Birds hayranı iseniz bu blogger eklentisini kaçırmayın..

Aşağıdaki kodu buluyoruz..
]]></b:skin>
Hemen üstüne altta yer alan kodları ekliyoruz..
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.3); /*scale up image 1.3x*/
-webkit-transform:scale(1.3);
-o-transform:scale(1.3);
}

Blogger şablonunu kaydedip , Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele altta yer alan kodları ekliyoruz
<ul class="bubblewrap">

<li><a href="http://www.plus.google.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF_SSn7iOk22dxWCuPufjW2Gp6kn0Ts1gCdsVu9CDktt8ueu5uX4BFWMHOJ14wj-teFCZsWlIh6gc-9BVGz_ahIHqGsjYxpFSyNB152yrsXmcSKBhJ9lj0PX0E0LHeM8nipVtnjqM-1sg/s1600/bloggertrix-googleplus.png" title="Add to Google" /></a></li>

<li><a href="https://www.facebook.com/pages/Blogger-Eklentileri/126895440798640"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilOLwVLzO8mxs-_0I1qS68fkKeKjGemAKPsbLZnGeAwZ7o5EeCe2QSm6xyRn5pMq0t-J97KsmCqj2dzyhydodPPbqijC1NaJifWKuLwjLYxBVargrhaUfgEuEi5n0BTdCLBa3R_YoZ6TQ/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>

<li><a href="http://twitter.com/BloggerEklenti"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib_bNJuQXB-_KdLhdKXh3oQ5wjKbigeyWGYr_IB6ICOKYqA7TF2_k1rFyaoCwv379bSpayDLZAsc5dRnWspqw_d-lzsoOBTHNG91f21NNp0Wh1jGnODk3Z7Dz_Dofao_f8yR82GcibBeY/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOsVgI9lfxM9XT9erCcQxqrpzSJBBdvDV7Gadxqb6lXdP-nSDEyilQ7e6ot9KxpcR0bc7areBEhG5SrOhi9ZtjW6qNmJjzGIvAjc5OyQSMcxQKomJTD1m_PxKefgbFGcTqgJzZr6L19YQ/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li>
</ul>
Yukarıda anlatılanları yaptıysanız , Angry birds eklentimiz hazır..Kırmızı yerlere kendi sosyal sayfa adreslerinizi yazmayı unutmayınız..

DEMO



<<< Bu Yazı için Arama Sonuçları  >>> 

Blogger Angry Birds Sosyal Paylaşım Eklentisi , Angry Birds , Angry Birds eklentisi , Angry Birds blogger , Angry Birds widget , Angry Birds gadget , blogger Angry Birds social share , Angry Birds share button



By Eklentileri.Blogspot Devamını Oku >>>

20 Kas 2012

10 Yorum

Yana Esneyen Sosyal Sayfalar Eklentisi


Yana Esneyen Sosyal Sayfalar Eklentisi ile blogunuzda , facebook sayfanız , twitter adresiniz ve google+ sayfanıza bu hoş butonlar yardımı ile link verebilir ve ziyaretçilerinizi bu sayfalara yönlendirebilirsiniz..

Bu eklentimizin demosunu görmek için TIKLAYINIZ..

Blogger blogunuzun yönetim paneline girin ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele aşağıdaki kodları ekleyiniz..
<style type="text/css"> #buttonbg {width: 260px;margin: 10px 20px;padding: 0;} #buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none; } #buttonbg .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ZnPDk8Un2B9nFlakRth_RdvXOpyb_MK_IFfX6zQt6dAcBYfpcrqsbVgf2_dZq78bQ7twv6VjSegciH22OeFwTWF2cl1uy-AODVeMbzHH1U3IDwOol5uTf1k3IEwILk4hahanh-ojDi8/s1600/blsocial12.png') 0 0 no-repeat; background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block; color: #141414;float: none;height: 48px;line-height: 48px; margin: 5px 0;position: relative;text-align: left;text-indent: 90px; text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5; -webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out; -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out; -o-transition: width .25s ease-in-out, background-color .25s ease-in-out; transition: width .25s ease-in-out, background-color .25s ease-in-out; -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; -moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px; -o-box-shadow: rgba(0,0,0, .28) 0 2px 3px; box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; text-decoration: none;} #buttonbg span:hover {visibility: hidden;} #buttonbg span {display: block;top: 15px;position: absolute;left: 90px;} #buttonbg .icon {color: #fafafa;overflow: hidden;} #buttonbg .fb {background-color: rgba(45,118,185, .42); background-position: 0 -382px;} #buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;} #buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;} #buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;} #buttonbg .linked {background-color: rgba(0, 87, 114, .42); background-position: 0 -574px;} #buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;} #buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;} #buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;} #buttonbg li:hover .icon {width: 250px; } #buttonbg li:hover .icon {background-color: #d91e76; } #buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;} #buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; } #buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;} #buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; } #buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;} #buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;} #buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; } #buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; } #buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;} </style> 
<ul id="buttonbg"> <li ><a href="Facebook Adresiniz" class="icon fb">Facebook Takip Et >>></a><span>Facebook Takip Et</span></li> <li ><a href="Twitter Adresiniz" class="icon twit" >Twitter Takip Et >>></a><span>Twitter Takip Et</span></li> <li ><a href="Google+ Adresiniz" class="icon google" >Google+ Takip Et >>></a><span>Google+ Takip Et</span></li>
</ul>
Yukarıda kodları eklediyseniz , Yana Esneyen Sosyal Sayfalar Eklentisi blogunuz için hazır durumda , son olarak kodlar içinde geçen kırmızı ve siyah yerleri düzenleyiniz..



<<< Bu Yazı için Arama Sonuçları  >>> 

Yana Esneyen Sosyal Sayfalar Eklentisi , Sosyal Sayfa , Blogger Sosyal Sayfa eklentisi , Sosyal Sayfa Butonları , Facebook buton ekle , Twitter buton ekle , Google+ buton ekle , Blogger widget



By Eklentileri.Blogspot Devamını Oku >>>

6 Kas 2012

4 Yorum

Blogger Yağlı Boya Sosyal Medya Butonları Eklentisi


Blogger Yağlı Boya Paylaş Butonları Eklentisi Widget ( Zoom özellikli )

Bu eklenti ile , blogger blogunuza yağlı boya tarzında , facebook , twitter , google+ ve rss butonları ekleyebilirsiniz..

Altta yer alan kodu blogunuzda bulunuz..
]]></b:skin>
hemen üstüne , aşağıdaki kodları ekleyiniz..
/* Yağlı boya tarzında sosyal buton eklentisi başlangıç.....eklentileri.blogspot.com  */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan kutucuğa aşağıdaki kodları ekleyiniz..
<ul class="bubblewrap">

<li><a href="http://www.plus.google.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRoREPdJyQyTtORxdI6pQtrIjVLVKlfHH9eaBy76_z9azC53El62aA9hkDnMIAPMk6LSlSYPLksz5LYFcDooFYHAH5sIdDLEzoPeAFZEG-4Li6SvvrzuVTbk8aNT83Mz1hb_F7s6VmJNw/s1600/bloggertrix.com-Google-icon.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.facebook.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTpBTbg4fwUJ8B0mGCAOAFGefrg-cvVzo1BleRpuHEhS_6EWlQeCiargChujJyKbUAnK7vfpbF61gaL4fR8ex6oktaATZqW9rf2x0QZ1QpAPua5QOEUs329s8ZxdXaWweXJslBIu3BeO4/s1600/bloggertrix.com-Facebook-icon.png" title="Add to Facebook" /></a></li>


<li><a href="http://www.twitter/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfA9_qCJfefzbSHm4nSXhZrx1lUuE7W2UBWAyvAvQEWfSX944I4vJ_ons_u5ppGDZG5V1gdy2PklRSaCNjSwl1h1CBCp7IIxZf3xzZw6nrPE4zLuVbNXvWuqZf2dV8oQALs_l3fISETR4/s1600/bloggertrix.com-Twitter-icon.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/XXXXX"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBitYAvSxW88qRrQF0VGMlo2_r8o7pjePRH6hlzuoVedkUOoAuHDmJixdabwAICfIG4X5A3t0UkS3Kjymt64WFN-wSg3SDMMhANQ3Nok6hsCCCRNhRl3AGA7giCZ0gKcx2wmpeyowe1h4/s1600/bloggertrix.com-RSS-icon.png" title="Add RSS Feed" /></a></li>
</ul>
Yukarıdaki kodlar içinde yer alan XXXXX yerlerine , kendi adreslerinizi yazınız..

DEMO



<<< Bu Yazı için Arama Sonuçları  >>> 

Blogger Yağlı Boya Paylaş Butonları Eklentisi , Blogger sosyal medya butonları , Blogger sosyal butonlar , renkli blogger buton , renkli sosyal buton , facebook buton , twitter button , blogger sosya buton ekleme


By Eklentileri.Blogspot Devamını Oku >>>

29 Eyl 2012

0 Yorum

Blogger Renkli Sosyal Medya Eklentisi


Blogger Renkli Sosyal Medya Eklentisi

Blogunuzda rengarenk sosyal medya eklentisi kullanmak için , aşağıdaki anlatımları takip ederek , blogger blogunuza ekleyebilirsiniz..

Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim..
<div class="btnt-chronicl-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/chandeepsBlogTips">Rss ile takip edin</a></li>
<li><a class="twitter" href="https://twitter.com/chandeeban">Twitter ile takip edin</a></li>
<li><a class="facebook" href="https://www.facebook.com/blogtipsntricks">Facebook ile takip edin</a></li>
<li><a class="google" href="https://plus.google.com/u/0/b/101110372634917065358/">Google+ ile takip edin</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/in/blogtipsntricks">LinkedIn ile takip edin</a></li>
<li><a class="youtube" href="http://www.youtube.com/user/chandeep10">YouTube ile takip edin</a></li>
</ul>
</div>
<style type='text/css'>
/*<![CDATA[*/ 
.btnt-chronicl-social {  width: 280px;  margin: -10px;  }
.btnt-chronicl-social ul {  margin: 0;  padding: 0;  }
.btnt-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a {   color: #fff;   display:block;  }
.btnt-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }
.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 17.5px 45px; }
/*]]>*/
</style>
Eklemiş olduğunuz kodlar içindeki , kırmızı ile yazılmış olan adresleri kendi adreslerinizle değiştirin..

DEMO



By Eklentileri.Blogspot Devamını Oku >>>

7 Haz 2012

14 Yorum

Blogger Jquery Son Twitler Eklentisi


Blogger Jquery Son Twitler Eklentisi Widgets


Blogunuzun bir köşesinde , twitter hesabınızdan yazdığınız son yazılarınızı göstermek istermisiniz ?

Jquery ile hazırlanmış , son twitlerim eklentisi ile , twitter yazılarınızı blogger blogunuzdan ziyaretçilerinizle paylaşabilirsiniz..


Hemen anlatıma geçelim..

Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim..
<div id="twitter-ticker"><div id="top-bar"><div id="twitIcon"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXH2qrJa-eqcUl1b14P5x9qtAnxLY-VA3iJlI-s9HKd4giH9HWgDYZxr-UU3QFM8U5SgTtozn8IG-LfZrHsbMfe11shBNFty-8z_ci1Xrl3kM11i9sFrKNr01kR7o1ZOhjTubajb5-qG4/s1600/helperblogger.com-twitter.png" width="64" height="64" alt="Twitter icon" /></div><h2 class="tut">Son Yazdıklarım</h2></div><div id="tweet-container"><img id="loading" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUlqy8J8qaCkZYInnOptsmavlPVaPYtAmPry0eyhv4KtETk5iwE8OEPxI248XHfrY8FV7Tc_FfoIeLGUdm4enBibkhd13yfvQ4tSiMR2ZhJAqT6DnmXWbe-hboZYKG0jIJxPaxebLONLo/s1600/helperblogger.com-loading.gif" width="16" height="11" alt="Loading.." /></div>
<div id="scroll"></div></div><style>/* CSS Document */h2.tut{/* This is the "MY TWEETS" title */    color: white;font-family: "Myriad Pro", Arial, Helvetica, sans-serif;font-size: 16px;padding: 12px 0 0 58px;text-transform: uppercase;/* The CSS3 text-shadow property */    text-shadow: 2px 1px 6px #333;}#twitter-ticker{/* Styling the ticker */    width: 300px;height: 300px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC9E3qVurG5stZXZUEa48c909Yg_9-qPFjx7BleZk-rSEH24x4Tm9JckL7Kvbphek8TySTIlOjkI6-Iur-v7PkJte9fe2HJs3dClNQcyUnSQVns27PcmzCFtUZii1YEK-c3VqLp8ga-_c/s1600/helperblogger.com-slickbg.png) no-repeat #f5f5f5;color: #666666;display: none;/* Rounded corners */    -moz-border-radius: 10px 10px 6px 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;text-align: left;}#tweet-container{/* This is where the tweets are inserted */    height: 230px;width: auto;overflow: hidden;}#twitIcon{/* Positioning the icon holder absolutely and moving it to the upper-left */    position: absolute;top: -25px;left: -10px;width: 64px;height: 64px;}#top-bar{height: 45px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrbmt0dn8XgFqzhSBIZmrqMOQLJU9lJy3xrRDCIqFj1W_0Grp-Kusp3AfGLzDYWG5qdzb_pVLcRidKB0Mst1A-F92WeB3cRU27d7k2UH3JmamIgla6yyLs5EFPp41feaOWzgMTpQzZC8Y/s1600/helperblogger.com-top_bar.png) repeat-x;border-bottom: 1px solid white;position: relative;margin-bottom: 8px;/* Rounding the top part of the ticker, works only in Firefox unfortunately */    -moz-border-radius: 6px 6px 0 0;}.tweet{/* Affects the tweets */    padding: 5px;margin: 0 8px 8px;font-family: calibri;border: 1px solid #F0F0F0;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJD0KxHcUKMKVMHVM2rX_J7nOo1IZQHYVXpOhjA0L7cXRKxa79RofeJHOUFks7_yhFbYzfV9cm13yj3POIxhZc_j9ty-wgtyohyVfTNdtJEYdvWhO6I2Edj5jT1bKm3JTRKVhogWmmStw/s1600/helperblogger.com-transparent.png);width: auto;overflow: hidden;}.tweet .avatar, .tweet .user, .tweet .time{float: left;}.tweet .time{text-transform: uppercase;font-size: 10px;color: #AAAAAA;white-space: nowrap;}.tweet .avatar img{width: 36px;height: 36px;border: 2px solid #eeeeee;margin: 0 5px 5px 0;}.tweet .txt{/* Using the text container to clear the floats */    clear: both;}.tweet .user{font-weight: bold;}a, a:visited{/* Styling the links */    color: #00BBFF;text-decoration: none;outline: none;}a:hover{text-decoration: underline;}#loading{/* The loading gif animation */    margin: 100px 95px;}.jScrollPaneContainer{position: relative;overflow: hidden;z-index: 1;}.jScrollPaneTrack{position: absolute;cursor: pointer;right: 4px;top: 0;height: 100%;background: #ddd;}.jScrollPaneDrag{position: absolute;background: #999;cursor: pointer;overflow: hidden;}.jScrollPaneDragTop{position: absolute;top: 0;left: 0;overflow: hidden;}.jScrollPaneDragBottom{position: absolute;bottom: 0;left: 0;overflow: hidden;}a.jScrollArrowUp{display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/    height: 9px;}a.jScrollArrowUp:hover{/*background-color: #f60;*/}a.jScrollArrowDown{display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/    height: 9px;}a.jScrollArrowDown:hover{/*background-color: #f60;*/}a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color: #f00;*/}</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><script type="text/javascript" src="http://code.helperblogger.com/jquery.mousewheel.js"></script><script type="text/javascript" src="http://code.helperblogger.com/jScrollPane-1.2.3.min.js"></script><script type="text/javascript" src="http://code.helperblogger.com/ticker-script.js"></script><script type="text/javascript">var tweetUsers=['BloggerEklenti'];</script>
Yukarıdaki kod içinde geçen , kırmızı ile yazılmış BloggerEklenti Yerine kendi blog adresinizi , mavi le yazılmış olan width: 300px;height: 300px; değerlerini değiştirerek ise eklentinin genişlik ayarlarını düzenleyebilirsiniz..


<<< Bu Yazı için Arama Sonuçları  >>>

Blogger Jquery Son Twitler Eklentisi , Blogger Jquery Son Twitler Widgets , Blogger  Son Twitler Eklentisi , Blogger Jquery Son Twitter yazılarım Eklentisi , Blogger Twit Gösterme eklentisi , Blogger Son Yazdığım Twitter Yazılarım


By Eklentileri.Blogspot Devamını Oku >>>

20 May 2012

15 Yorum

Üzerine Gelince dairesel açılan paylaş butonları eklentisi


Blogger Üzerine Gelince dairesel açılan paylaş butonları widgets

Bu eklentimizde , Blogunuzun sol altında üzerine gelince yada tıklayınca açılan paylaş eklentimizi anlatacağız..

Eklentimizde , pinterest , google+ , twitter , facebook , tumblr ve mail ile paylaş butonları bulunmakta...

Göze hoş gelen bu eklentiyi blogunuzda kullanarak , ziyaretçileriniz blogunuzdaki yazıları kolayca paylaşabilecekler..

Hemen anlatıma geçelim..

Öncelikle Widget Şablonlarını Genişlet kutucuğunu işaretlerek , aşağıdaki kodu buluyoruz..
</body>
Bulduğumuz bu kodun hemen üstüne aşağıda yer alan kodlarımızı ekliyoruz..
<!-- Start Shareaholic Sassy Bookmarks HTML (eklentileri.blogspot.com)-->
<div class="shr_ss shr_publisher">

</div>
<!-- End Shareaholic Sassy Bookmarks HTML (helperblogger.com) -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- End Shareaholic Sassy Bookmarks script (eklentileri.blogspot.com) -->
Yukarıdaki işlemi yaptıysanız , artık eklentimiz kullanıma hazırdır... DEMO


<<< Bu Yazı için Arama Sonuçları  >>>

Üzerine Gelince dairesel açılan paylaş butonları eklentisi , Blogger Üzerine Gelince dairesel açılan paylaş butonları eklentisi , Blogger paylaş eklentisi , Blogger paylaş butonları , blogger facebook twitter paylaş butonu


By Eklentileri.Blogspot Devamını Oku >>>
3 Yorum

Arama kutusu , Sosyal paylaş ve takip et eklentisi..


Arama kutusu , Sosyal paylaş ve takip et eklentisi..

Bu eklentimizde blogunuzda kullanabileceğiniz , arama kutusu , rss , feedburner (mail) , facebook ve twitter adresleriniz ile yazılarınızı paylaşmak için paylaş butonları bir arada..

Kullanışlı bir eklenti olduğunu düşündüğümüz ,Arama kutusu , Sosyal paylaş ve takip et eklentisini blogunuza eklemek isterseniz aşağıdaki anlatımı takip ederek sizde blogger blogunuza ekleyebilirsiniz..

Arama kutusu , Sosyal paylaş ve takip et blogger widget
</head>
yukarıdaki kodu bulunuz ve hemen üstüne aşağıdaki kodları ekleyiniz
<style type='text/css'> 
.subbox{width:305px;border:0 solid #141414;overflow:hidden} 
.addthis_toolbox{padding:15px 0 5px 0;text-align:center} 
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0} 
.addthis_toolbox .custom_images a:hover img{opacity:1} 
.addthis_toolbox .custom_images a img{opacity:0.85} 
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px} 
.rssbox:hover{border:1px solid #92aed1} 
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline} 
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px} 
.emailsbox:hover{border:1px solid #92aed1} 
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline} 
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px} 
.twitterbox:hover{border:1px solid #92aed1} 
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}&gt; 
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline} 
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px} 
.facebookbox:hover{border:1px solid #92aed1} 
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif} 
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline} 
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left} 
#search:hover{border:1px solid #92aed1} 
#search form{margin:0;padding:0} 
#search fieldset{margin:0;padding:0;border:none} 
#search p{margin:0;font-size:85%} 
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline} 
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222} 
</style>
yukarıdaki işlemi yaptıysanız kaydedip çıkın , ardından yerleşim kısmından eklentimizi eklemek istediğiniz yere gadget olarak aşağıdaki kodları ekleyiniz.


<div class="subbox"> 
<div id='search' style='display:inline;'> 
<form action='/search' id='searchform' method='get'> 
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." /> 
<input id="searchsubmit" type="submit" value="Search" /> 
</form> 
</div> 
<table><tr> 
<td><div class="rssbox"> 
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpeJ39NqclwyLaZxeKhwRdc0rF9zm-1serM06vY6Vdqgt1cwJo39EWkSRlDpYH-MsJH9H1X4Iz6Pg-P8ckXaORb3f93oq6BRhFivmlVFy6uSzLQAKbEROLCSJYjQ9UZyaRa6ZeA865TAi/"  alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a> 
</div></td> 
<td><div class="emailsbox"> 
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg31gQZo63zXgh1pO77-Q8kDsfwm2nzNxvuKgc1b5AzrhcL7tTVYI_0DnJk0rCm1_mdikD2gTzWYm2dlofL-v4kTE_-j_g0DSbUTDAUPFMBs5qEdKHh494Fatcqe2U8Xj2qRm_NFeqTxv_z/"  alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a> 
</div></td> 
</tr><tr> 
<td><div class="twitterbox"> 
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXoH1B92Fww1mBoTQ0O8z1zrd-6kUzyPucEZ-NGUqBQXerC037s9CI2moyLU1F-TzxXxrnY7KXTU7ST4smoYLcUrvivvs60l7SO2z8mJNnGecl41HFJE1gzZkyakitLaLVPdZG6Q1iT8BG/"  alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a> 
</div></td> 
<td><div class="facebookbox"> 
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBw2MzxqBz8saHzAJxGjPtjQJMTWco5MX5pnftavnnS4jb670UOBtDK1y8epLjLKrTZKeh1GCB_JCxVIueRPxpN0FhiVbeSthdGPwsyFiuqwZp_j2evSIJv7QnKPCoCDyU8V0HpyFa7Bmh/"  alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a> 
</div></td> 
</tr></table> 
<p style="display:none;" align="center">Widget by <a href="http://www.ebloggertricks.com/" target="_blank">Eblogger Tricks</a></p> 
<div class='addthis_toolbox'> 
<div class='custom_images'> 
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ihf9F7M_YIcrGaMgGeQzcYFjqKSJhnxQR6FJcnI2Khv6WNuyV4TY2Vw0M1LeBKe2xbQKFZ5-37pbpci-7KiHK64rWEzfG1cIpu-Qnjqk4de_iCkV-emq8yCUtp7a2Qb4DkCf2OXpDqs/' width='32'/></a> 
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtPnyGoULkro-ah5uIfD6Hkx6AUWiW98cU7oyXnLv_bWfie_AXP52owm9Vnuwz6B10GVxtDNbLJZ9NlBHDHLzI8UrqWvQwvKh7-S5XA9OagBIAL_ZiFaw7K0h3qtaNU_QbEz8c5hpOkrk/' width='32'/></a> 
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBTFEXWMXtOyKI_quxfCxTxxkurmlpa1CEG5qRXdaLWsM9W5BiSnHV7_L_OBkyL3v1Jm9sOLUaN2VAezVe7LSlrPa52Cer4kgBTK-N-nziBULll5UmS1TiEcDrzv-NtJho8eblEXFHlzM/' width='32'/></a> 
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfRtcZt1_fdznTzqULQDQqpEnlRN8PFaCnUUrMYtZLQ4biMR0PiVIX5Klp7ljRbQ4L1LQdMz1u90jOof1sj2eZlY_CLnx5IQCrA2PYOsjBDRIBk0TprQDSJLNFWM56f5np07lJFbfYpvc/' width='32'/></a> 
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXs_UxCzOxPPgWleQfyiWLTFq_DOdVLTCBOmOwF5DFQ8dZo0HRK8lXtmpDUAUUW1awYFsmUQP5MKuux8HS4gxYBLW1-CDQKI8vKE72FTOdB2AYSn6CilXbLhFWZejM6VebizG2v0WF-4/' width='32'/></a> 
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOBnoddqQw23i4zHsyTajBXI9KLNbtoix0QYETVV7tWZLNxQkuoadnU7Tj9l4I1MEjSNgLKVWS_lj1cPQO7FHM0XkKb4kpsmQlfejyyXveCTGjTJ8hWYQYt67OTKXz9bt8ME5wnKhPYvI/' width='32'/></a> 
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioOreHE-fqPKDN7zn8MEarPBLJ3ozzhMrao1Zo8oUa_oyY7e5KmicPHIv4-Am9XypC9mmaTwrhzVR5wt0euGjGLA6GyD_IKL9agwREbl1xhfSXzrlF9mzUGVuMCUyAuP9hXzaJ0AWZikY/' width='32'/></a> 
</div> 
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> 
</div> 
</div>
Eklediğiniz gadget içinde renkli olarak belirtilmiş yerlere kendi feedburner, facebook ve twitter kullanıcı adınızı yazmayı unutmayınız..
By Eklentileri.Blogspot Devamını Oku >>>

13 Nis 2012

24 Yorum

4in1 Yandan Açılan Facebook , Twitter , Google , Email Eklentisi


4 in 1 Yandan Açılan Facebook , Twitter , Google , Email Eklentisi

Blogger blogunuzda , yandan açılan facebook takipçi kutusu , Twitter son yazılarınız , Google + butonu ve email takip eklentisi istermisiniz..

Oldukça kullanışlı ve güzel bir eklenti olan 4in1 Yandan Açılan Facebook , Twitter , Google , Email Eklentisini blogger blogunuza eklemek için aşağıdaki yolu izleyin , Aşağıdaki kodu blogunuza Gadget olarak ekleyin..Kod için bulunan Kırmızı yazılmış yerlere , facebook twitter ve feedburner adreslerinizi yazınız , ( https://www.facebook.com/XXXXX , TWİTTERADRES , FEEDBURNERADRES Kısımlarına kendi adreslerinizi yazınız..)   DEMO


<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#twitter_div{width:246px;height:353px;overflow:hidden;}#google_plus_div{width:152px;height:97px;overflow:hidden;margin-left:50px;margin-top:10px;}#knfeedburner_div{width:300px;height:97px;margin-top:25px;overflow:hidden;}#kakinetwork_div{width:300px;height:97px;overflow:hidden;}/* right side style */#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#twitter_right{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;right:-250px;}#twitter_right_img{position:absolute;top:-2px;left:-35px;border:0;}#google_plus_right{z-index:10003;background-color:#f2f2f2;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom:2px solid #0056a0;border-right:2px solid #0056a0;border-left:hidden;width:152px;height:97px;position:fixed;right:-154px;}#google_plus_right_img{position:absolute;top:-2px;left:-33px;border:0;}#feedburner_right{z-index:10003;background-color:#fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom:2px solid #5b5b5b;border-right:2px solid #5b5b5b;border-left:hidden;width:300px;height:97px;position:fixed;right:-303px;}#feedburner_right_img{position:absolute;top:-2px;left:-33px;border:0;}#kakinetwork_right{z-index:10003;border:2px solid #303030;background-color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_right img{position:absolute;top:-2px;left:-101px;}/* left side style */#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}#twitter_left{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;left:-250px;}#twitter_left_img{position:absolute;top:-2px;right:-35px;border:0;}#google_plus_left{z-index:10003;background-color:#006ec9;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom:2px solid #0056a0;border-left:2px solid #0056a0;border-right:hidden;width:152px;height:97px;position:fixed;left:-154px;}#google_plus_left_img{position:absolute;top:-2px;right:-33px;border:0;}#feedburner_left{z-index:10003;background-color:#fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom:2px solid #5b5b5b;border-left:2px solid #5b5b5b;border-right:hidden;width:300px;height:97px;position:fixed;left:-303px;}#feedburner_left_img{position:absolute;top:-2px;right:-33px;border:0;}#kakinetwork_left{z-index:10003;border:2px solid #303030;background-color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_left img{position:absolute;top:-2px;right:-101px;}.box-title1{border:1px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;margin:10px 0;}.enteryouremail{background:#fff !important;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:165px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0px;}.submitbutton{background:#f2f2f2;border:1px solid #F66303;/*box-shadow*/-webkit-box-shadow:3px 3px 3px #666;box-shadow:3px 3px 3px #666;font:bold 12px Arial, sans-serif;color:#000000;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script><div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1XKQOskJAhHhiGW-72rEXgG0aZi0ALg-uPYPF9p81cd0qV0idLKbQksP345Nd7LwbrPEyguV15xaBoVOFmf1Kq8PWlN6npKDPCY1QtbFZ-JKdZHgV9nEzeXKEmHu9iZn9EeCsACkjLzA/s1600/helperblogger.com-facebook-icon.png" alt="" /><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/XXXXX&amp;locale=en_GB&amp;width=200&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=356"   scrolling="no"></iframe></div></div></div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJoBWW_ad5auwnJTYe1XHr4KkR0WM8JjZ29kQqyZLwaoe7blse_0GBHfK1WZkoyu3M7lsKbNWhIMWbvL59OOZKLx4uMYcqfmy_p1gDEidcGYINNBDI-J2R1NRJlTw8taHoQI1UMRS4p0k/s1600/helperblogger.com-twitter-icon.png" /><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('TWİTTERADRES').start();</script></div></div></div><div id="on"><div id="google_plus_right" style="top: 52%;"><div id="google_plus_div"><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CKN50Ox4bKad4ebCs9mVD5N8ncKl1XBCWTYM0etnZct-yBVXSzRyi3FhL0GC_gpNvdnQ0Y0XGzP7gntzKH35KK__o91sTztKVId2HuCGqoInbMSQKBJ3PQY4szIEOJ8KygAn25Lj8QU/s1600/helperblogger.com-google-plus-icon.png" /><div style="float:left;margin:10px 10px 10px 0;"><g:plusone size="tall" expr:href="data:post.url"></g:plusone></div></div></div><div id="on"><div id="feedburner_right" style=" top: 69%;"><div id="knfeedburner_div"><center><h4 style="color:#F66303;">You can also receive Free Email Updates:</h4><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNERADRES', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="FEEDBURNERADRES" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form></center><img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkGbsPwfO1qvJsqunPlxSyfVL6G5nDxiUzPxzytvB5r9r-gYIyrGc4v_4O7ELfbHGuXtgePVxhso_i8kG84dUYV0WrmMyiJ7pFrK3vkY-WQz5WOCWJAmk9oHFCvwJcOhIcHuXByvhz_mI/s1600/helperblogger.com-subscribe-icon.png" /></div></div></div></div>


<<< Bu Yazı için Arama Sonuçları  >>>

4in1 Yandan Açılan Facebook , Twitter , Google , Email Eklentisi , Blogger yandan açılan , Blogger yandan açılan facebook , blogger yandan açılan twitter kutusu 
By Eklentileri.Blogspot Devamını Oku >>>
Blogger tarafından desteklenmektedir.