Yeni Ahşap Stil Sosyal Butonlar

Ahşap sosyal paylaşım butonları bloglara sade bir görüntü vericeğini düşünüyorum daha önce diğer yazılarımdada hep dediğim gibi sosyal medyadan faydanlanmalıyız ve blogumuza bu sosyal butonlardan bulundurmamız şart onun için bir sürü stilleri olduğundan dolayı bu stilde değişik ve güzel olduğunu düşünüyorum.Ahşap stil bloga farklı izlenim ve güzel bir görüntü verecektir.Üstte resim olarak örnek verdim altta ise DEMO'suna bakabilirsiniz üzerine gelince hafif bir ışık veren bu demoya altta sizde bakın isterseniz.


/* Sosyal Butonlar----------------------------------------------- */  a.social-icons {  margin-right: 5px; /**/ height:45px; width:45px; }  a.social-icons:hover {  opacity: .7;  filter:alpha(opacity=70); /* For IE8 and earlier */ }   height:45px; width:45px; </style>  <a class="social-icons" href="https://facebook.com/bloggerturkey"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqrmnZhs8U1NB-Ecr1V5WQ8W_S6Gx5baCaY-NvOcingcQUw0EvWxTgYolmnsOPwk8-CI7VWh7FNwG-kZeTjwDuiFEDjsiMsXCj5NuNB_vkPuIenauI55KLSTADpdISxbk8Auqo_chcf2g/s1600/btrix_facebook-icon.png" /></a> <a class="social-icons" href="https://twitter.com/bloggerturkey"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiJasgWX76axadVk2B0aTNDKVKujHK5G5pqNeuErjtYXRxAEmlFiGyZOb91Og1ZZyEDRl6Hxu6skeozVAIME7ahJAhYO-ZMXCSnTG4mQAmaMix8cUCM8Tt72_KRdS1fZw6jXercnDqWE0/s1600/btrix_twitter-icon.png" /></a> <a class="social-icons" href="https://digg.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXjTj4rUjy6NRZHZXNQipsT9L6H5jeVp-OM8Nl5doyUdRDgsmNlI8xqnGB9vz-eY8ZL8Hlsk4s2mommDFhDf7x8zyOpneC32oi7EY4eFI2JLvLFnO_UBknVkG14zkDvUVHGtP3jaPCBQA/s1600/btrix_digg-icon.png" /></a> <a class="social-icons" href="http://www.feedburner.com/bloggerturkey"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiKBPfMGUKOVWspPl3fOA2Dp2Wxd5KqGUOC-IJmm-D6RBWvGV1HLsecZTMU6ZTmYe0uyhJtcXtTFdYCRmyPmEJHwMASFjyjuV8P5e8uqymHnlPPLw5SQ7AmAu1b5znE2PSc9aeUd_NwWY/s1600/btrix_rss-icon.png" /></a>


  • Yukardaki kodlar içersinde değiştirmeniz gereken yerleri kırmızı renk ile boyadım sizde kendi sosyal adreslerinizi yazın

0 yorum:

Yorum Gönder