Blogger Hareketli Sosyal Menü Eklentisi

Click tasarlanmış en iyi abonelik widgeti Blogger, Blogger Click Animasyonlu Sosyal Abonelik Widgetini sunuyoruz.

Eklendiği yere canlılık Vermez Cardio ZAMANDA HERHANGİ Bir public VEYA koyu renk web sitesi VEYA Bloklar uzerinde de mükemmel bır sekılde Görülen Sosyal Ağ düğmeleridir.

Eklentiyi kurmak Click Kumanda paneli & gt; Residential & gt; Gadget ekle & gt; HTML / Javascript Yolunu izleyerek altta ki kodları ekleyin.

& Lt; tarzı & gt;
.social-wrap {
margin: 0 auto;
padding: 0px;
text-decoration: none;
}
.social-wrap ul li {
list-style-type: none;
border-bottom: yok;
margin: 0 auto;
background: none;
padding: 0px;
line-height: 0 önemlidir;
}

.social-sarma li bir {
! margin: 5px 3px 0px 0px önemli;
padding: 0px;
genişliği: 50px;
Yükseklik: 50px;
text-indent: -99999px;
şamandıra: Sol;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.social-wrap li a.facebook1 {
background: # 314d91 no-repeat 0px 0px;
-webkit-geçiş: Tüm 0.3s kolaylığı-out;
-moz-geçiş: Tüm 0.3s kolaylığı-out;
-o-geçiş: Tüm 0.3s kolaylığı-out;
}
.social-sarma li a.facebook1: hover {
background: # 314d91 no-repeat 0px -73px;
}
.social-wrap li a.twitter1 {
background: # 07beed no-repeat 0px -127px;
-webkit-geçiş: Tüm 0.3s kolaylığı-out;
-moz-geçiş: Tüm 0.3s kolaylığı-out;
-o-geçiş: Tüm 0.3s kolaylığı-out;
}
.social-sarma li a.twitter1: hover {
background: # 07beed no-repeat 0px -204px;
}
.social-sarma li a.google-p1 {
background: # a7291b no-repeat 0px -254px;
-webkit-geçiş: Tüm 0.3s kolaylığı-out;
-moz-geçiş: Tüm 0.3s kolaylığı-out;
-o-geçiş: Tüm 0.3s kolaylığı-out;
}
.social-sarma li a.google-p1: {hover
background: # a7291b no-repeat 0px -330px;
}
.social-wrap li a.rss1 {
background: # ffaa31 no-repeat 0px -381px;
-webkit-geçiş: Tüm 0.3s kolaylığı-out;
-moz-geçiş: Tüm 0.3s kolaylığı-out;
-o-geçiş: Tüm 0.3s kolaylığı-out;
}
.social-sarma li a.rss1: hover {
background: # ffaa31 no-repeat 0px -454px;
}
.social-wrap li a.pinit1 {
background: # cb2027 no-repeat 0px -508px;
-webkit-geçiş: Tüm 0.3s kolaylığı-out;
-moz-geçiş: Tüm 0.3s kolaylığı-out;
-o-geçiş: Tüm 0.3s kolaylığı-out;
}
.social-sarma li a.pinit1: hover {
background: # cb2027 no-repeat 0px -580px;
}
.social-wrap li a.linkdin1 {
background: # 1698E3 no-repeat 0px -635px;
-webkit-geçiş: Tüm 0.3s kolaylığı-out;
-moz-geçiş: Tüm 0.3s kolaylığı-out;
-o-geçiş: Tüm 0.3s kolaylığı-out;
}
.social-sarma li a.linkdin1: hover {
background: # 1698e3 no-repeat 0px -711px;
}
& Lt; / stil & gt;

& Lt; div class = 'sosyal-wrap' & gt;
& Lt; ul & gt;
& Lt; li & gt; & lt; a class = 'facebook1' href = 'http: //www.facebook.com/kullanıcıadı' target = '_ blank' title = 'Facebook' rel = 'nofollow' & gt; & lt; / a & gt; & lt ; / li & gt;

& Lt; li & gt; & lt; a class = 'twitter1' href = 'http: //twitter.com/kullanıcıadı' target = '_ blank' title = 'Twitter' rel = 'nofollow' & gt; & lt; / a & gt; & lt; / li & gt;

& Lt; li & gt; & lt; a class = 'google-P1' href = 'https: //plus.google.com/b/kullanıcıadı' target = '_ blank' title = 'Google Plus' rel = 'nofollow' & gt; & lt ; / a & gt; & lt; / li & gt;

& Lt; li & gt; & lt; a class = 'rss1' href = 'http: //feeds.feedburner.com/kullanıcıadı' target = '_ blaank' title = 'RSS' rel = 'nofollow' & gt; & lt; / a & gt; & lt; / li & gt;

& Lt; li & gt; & lt; sınıf = 'pinit1' href = 'http: //www.pinterest.com/kullanıcıadı' target = '_ blank' title = 'Pinterest' rel = 'nofollow' & gt; & lt; / a & gt; & lt ; / li & gt;

& Lt; li & gt; & lt; a class = 'linkdin1' href = 'http: //www.linkedin.com/in/kullanıcıadı' target = '_ blank' title = 'Linkedin' rel = 'nofollow' & gt; & lt; / a & gt ; & lt; / li & gt;
& Lt; / ul & gt;
& Lt; / div & gt;