Muhteşem Sosyal Buton Eklentisi

Blogger'ler İçin Siyah Zoom [ Yakınlaştırma ] Lı Sosyal Buton Eklentisini Sizlere Tanıtıcam.

Kendi Bloğuma Araştırma Yaparken Görüp Beğendiğim Bir Eklentidir.

Öncelikle ;

]]></b:skin>

Kodunu K.Paneli > Şablon > HTML Düzenle Bölümünden Control+F Aracılığıyla Yukarıdaki Kodu Taratıyoruz Ve Bulduktan Sonra Hemen Üstüne Aşağıda Vereceğim Kodu Yapıştırıyoruz.

/* Siyah Zoom Efektli Sosyal Butonlar Eklentisi baslangici eklentileri.blogspot.com */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{

x; /* width of 
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50
peach image.*/
height: 50px; /* height of each image.*/
border:0;

on:-webkit-transform 0.1s ease-in; /*animate tran
margin-right: 4px; /*spacing between each image*/
-webkit-transit
isform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

8);
-o-transform:scale(1.
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1
.8);


}

Yukarıdaki Kodu Yapıştırdıktan Sonra Kaydedip Çıkıyoruz.

Ve Ardından Aşağıda Verdiğim Kodu K.Paneli > Yerleşim > Gadget Ekle Bölümünden HTML Ekle Eklentisi Seçiyoruz Ve Kod Bölümüne Aşağıdaki Kodu Yapıştırıyoruz.

<ul class="bubblewrap">


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


i><a href="http://www.facebook.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDF6FSI1YraRuRjnwdMdUn_ft8Mizy7XNSAbSbsxihtRnHPsbnmfohhJ_KhUAFAN-cXTyTVgqyFrum_fiIklHBVGeZEp_JGyVTg2GhyMkozfAGgG9VzsiZB4VGxC3BR25qMzZQ_pOgn0c/s1600/bloggertrix-facebook-icon.png" title="Add to Facebook" /></a></li>
<
l


i><a href="http://www.digg.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfW8HfshPi2oOowSfb8Zt9EYzIxsO7v8NKlGO5SHfJFDZSgBqXTalS0xq5TqQ1yFOVMnAwYbo41E4YYMXlOtn-fTxTeChFGfAMYqKwP8OlErk_PHLZCDr5o6HluR-JcQoihTBPgR15VDs/s1600/bloggertrix-digg-icon.png" title="Add to Digg" /></a></li>
<
l


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


i><a href="http://feeds2.feedburner.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgetDjmk0tVA1mO-5ofr48Kxt6jff4WHdYxnpI3ZQX_vOlN66mDzw1ydFZ8KPs3jdeAIaTpttuIHc3DCUdh01kUfuZeKhiE1vDDuBYyWb2hmr14ciZUjmh5L7OhntBUrh3mzRsg5S-AxeY/s1600/bloggertrix-rss-icon.png" title="Add RSS Feed" /></a></li>
<
l

/ul>
<

NOT : Yukarıdaki Kodda Koyu Renkli Yazıları Kendinize Göre Düzenleyiniz.

Lütfen Yorumlarımızı Eksik Etmeyelim.