Blogger Yağlı Boya Sosyal Medya Eklentisi

Blogger Yağlı Boya Sosyal Medya Eklentisi
Blogger sitenize farklı bir sosyal medya eklentisi arıyorsanız bu sizin için olabilir demektir.Yağlı boya ile şık bir görünüme sahip olan sosyal medya eklentisi.

Kurulum:Şablon  ›  HTML'yi Düzenle yolunu izleyip

]]></b:skin>

Yükarıdaki kodu aratın ve bulduğunuz kodun üstüne aşağıdaki kodu ekleyin.

/* Yağlı boya tarzında sosyal buton eklentisi başlangıç  */
.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 yolunu izleyip açılan sayfaya aşağıdaki kodları ekleyin.

<ul class="bubblewrap">

<li><a href="http://www.plus.google.com/kendinizegoreduzenleyin"><img src="http://1.bp.blogspot.com/-CDZBdA6YRdw/UJPX5uJL8gI/AAAAAAAAFiU/_LYwP8uyuLI/s1600/bloggertrix.com-Google-icon.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.facebook.com/
kendinizegoreduzenleyin"><img src="http://4.bp.blogspot.com/--w7vbVxDGlE/UJPX4dOE4BI/AAAAAAAAFiM/rD50NHGj0jo/s1600/bloggertrix.com-Facebook-icon.png" title="Add to Facebook" /></a></li>


<li><a href="http://www.twitter/
kendinizegoreduzenleyin"><img src="http://3.bp.blogspot.com/-cT-n75pR82Y/UJPX7mM2ynI/AAAAAAAAFik/O9LIJU5UTuM/s1600/bloggertrix.com-Twitter-icon.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/
kendinizegoreduzenleyin"><img src="http://1.bp.blogspot.com/-EW_ic3vlIo4/UJPX67i71fI/AAAAAAAAFic/ZVjwTDxUZuE/s1600/bloggertrix.com-RSS-icon.png" title="Add RSS Feed" /></a></li>
</ul>


Yükarıdaki kodları kendinizegoredüzenleyin yazdığım yerleri kendinize göre düzenleyin ve hayırlı olsun.
Google+'da Paylaş

Yazar Taktik Ver

Yazar Hakkında bilgi yazılacak
    Blogger Yorumları

0 yorum:

Yorum Gönder

Argo içerilikli yorum attığınız taktirde hakkınızda dava açılır, site adresinizi yoruma attığınız taktirde ise bloğunuz google sıralamasından düşer.