Blogger Hareketli Sosyal Medya Butonları - Weböğrenci -->
Ana Sayfa
Blogger Eklenti

Blogger Hareketli Sosyal Medya Butonları


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


<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%"><code>&lt;style&gt; 
/*--------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/AVvXsEjAvEQJbGbS4lbUBWCZvSAVW1TDJY3PERFqiZlwsWrb4C8YVTTqpFcOEcjfLpKuON8oHu3eDT3KXeGhKYaV-WViqbCXL9k6d23iEvjZNLJbDNbov9Al8qUQetcQ7vAmYbDLsvQJcPTOCNIY/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;
}

&lt;/style&gt;

&lt;div class='touchme'&gt;
&lt;!--RSS--&gt; 
&lt;a class='rss' href=&quot;RSS ADRESI&quot; rel='external nofollow' target='_blank'&gt;&lt;/a&gt;
&lt;!--Google Plus--&gt; 
&lt;a class='googleplus' href=&quot;GOOGLE PROFIL ADRESI&quot; rel='external nofollow' target='_blank'&gt;&lt;/a&gt;
&lt;!--Facebook--&gt; 
&lt;a class='facebook' href=&quot;FACEBOOK ADRESI&quot; rel='external nofollow' target='_blank'&gt;&lt;/a&gt;
&lt;!-- Twitter --&gt; 
&lt;a class='twitter' href=&quot;TWITTER ADRESI&quot; rel='external nofollow' target='_blank' &gt;&lt;/a&gt;

&lt;/div&gt;
</code></pre>

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