Yeni Metro Stil Sosyal Butonları Eklentisi

Blogger'da daha önce Metro Stil ile ilgili bir kaç eklenti eklemiştim neydi onlar birisi "Metro Style Sosyal Butonları" diğeri ise "Blogger Metro Menü Eklentisi" şimdi bu eklenti benim gözüme çok hoş geldi ve bence gerçektende güzel diğer metro butonları gibi renkli değil ama sade ve güzel sosyal butonlar eklentisinin yanında iletişim kutusuda var ve altında Email takip eklentiside var yani bir blogda olması gereken sosyal butonlar ve Email takipte bulunuyor.Zaten demo örneğindede görmüş olduğunuz gibi gayet güzel.

Demo Görünümü

 

Blogger Paneli >> Yerleşim >> Gatget Ekle >> HTML/JavaScript seçiyoruz ve aşağıdaki kodları içersine yerleştiriyoruz.

  

<style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVN2-sE9RGce_XLIG0L3InwUdF5DdDuwNxRU_-T0Ctof8zmnN6X2bEXY9lBzORx1JkWdN65teeLBiV6VSjmUNV42lcz5Kw9wSrRWv8hLktWsfHCjkVLKRsIzCF_wvJ3JvqePvg5zOurWdA/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj66EercPlxSnQIW3MsmlkyA9YOids6K4mlpvDZivfJnCKlRKZaBcYAQ5KPvsHpB4yejBGYbIvcp0uhsh4wsAbOLghnD8HxxChqYwkLBW1aCkQZ_IXQzFrtuppOqkCpoO4s2FJDD1svixYV/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFW79cKVncgiTy4aqBOIJ2glVamGRRs3pWt6F0UrzclEcK0pxx3pCYyjrmBZhmoh-0pP__oxp0Avf7Rqr1ylDEEXei1WNdRx29vDVFzZ_u1Vq3y5PPijuVhzDmSex4bjDNVCQ0VyMltkIh/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:95%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeJG3DqDk9mCNrZ_JjaUZwn5evG9RdhzcJrNVrp_N5iw5sSl0TYbEiFNqMwQZW-4TuATP_CpkeaqZrdBajdfZbV4uHcf8egvloyq7yBf8rjguGYgaDpjU2ECTc6s-SmOSZkQzmVsfJCxic/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}p#rb_socialicons img { /* Yeni Metro Sosyal Butonlar Eklentisi  */    -moz-transition: all 0.8s ease-in-out;    -webkit-transition: all 0.8s ease-in-out;    -o-transition: all 0.8s ease-in-out;    -ms-transition: all 0.8s ease-in-out;    transition: all 0.8s ease-in-out;}p#rb_socialicons img:hover {    -moz-transform: rotate(360deg);    -webkit-transform: rotate(360deg);    -o-transform: rotate(360deg);    -ms-transform: rotate(360deg);    transform: rotate(360deg);}/* Yeni MEtro Sosyal Butonlar Eklentisi www.bloggerturkey.com/ */</style><div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><div class="sidebar-subscribe-box-form">    <center><p id="rb_socialicons"><a href="http://feeds.feedburner.com/phtmldrive"> <img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Zi1D3dQrzRU4bxihHlZ9Oq4uQJR5S0qUUraaXobgxZTWA-m41EN5Yko2BSazN5hnlDyO_-dcrtnJPycKA1PO5jxxbBzkgkB5a_5aei2BBma39MkUa6eqrc8QQN6vBN5Y2ndMWgMF98T5/s1600/rss-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYv2qywdAtlk1EHmYoF42P9uK3dwJ1PwfnRaTg5XiqXdvcrN-YimyifDHpscFjBpeEX6ij0lLgVKdGNvA6AgMB-e26fF6ESxgWH8q9LMvSJrgCO0y4cYeVpkdQdJ_2HTfOpTPRVnxG4Tn1/s1600/rss.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Zi1D3dQrzRU4bxihHlZ9Oq4uQJR5S0qUUraaXobgxZTWA-m41EN5Yko2BSazN5hnlDyO_-dcrtnJPycKA1PO5jxxbBzkgkB5a_5aei2BBma39MkUa6eqrc8QQN6vBN5Y2ndMWgMF98T5/s1600/rss-inactive.png" /></a><a href="http://facebook.com/phtmldrive"><img alt="Click Me" hieght="100" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizpqTkh6gzjtqxOcnidVr2J5Ns6PKmqdNXhGRoSVIwRK-IYoRihzh00puRmutG60I7RRCyTjgRVsr1NHrVdsdPMCncU_gi7uFKaCj1QqJEd4lDtpXVulQT-ednMNi6j2vVTh4-3nFxSsB_/s1600/facebook-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCdtBeWHCgXNdJUboVq_mRffHCGjpB47pclgGEzGpGLIKwhAhbK2h3hVOxsTKbQDcJfNPw6zB8Ruz21GAdcMtjl-zxhRZd5qQYdPuXwT7GEUt0Sh5SLm6RgedfVgs4Gxk7PLvo8q4UEiyb/s1600/facebook.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizpqTkh6gzjtqxOcnidVr2J5Ns6PKmqdNXhGRoSVIwRK-IYoRihzh00puRmutG60I7RRCyTjgRVsr1NHrVdsdPMCncU_gi7uFKaCj1QqJEd4lDtpXVulQT-ednMNi6j2vVTh4-3nFxSsB_/s1600/facebook-inactive.png" /></a><a href="http://twitter.com/phtmldrive"><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6E0hfHEESbCTvZHlkw3JrBNOPMtGXNTUR7715H-zj4Q5XoGZhM13iMS3PledTgvMbx_Q609bdUXZ9S-cC6ZRZnT8PoXJle4MA9CM91l2KdH6gfuigUTXUIH8If3qj8xsG5FNxYQ858BT9/s1600/twitter-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnyq1f0gEIbIoEY36STFq-vMGGIKUL1U3TMO2FgN7KiNon3xwU_H3a_ntaSiYLup9XhBnz74rM4lXL1zEqkJOjG5VCjHOt-KfAs6SLymA6HMGRgKKXL1A5rOz5oGPmcLtLSLEje99-PZQG/s1600/twitter.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6E0hfHEESbCTvZHlkw3JrBNOPMtGXNTUR7715H-zj4Q5XoGZhM13iMS3PledTgvMbx_Q609bdUXZ9S-cC6ZRZnT8PoXJle4MA9CM91l2KdH6gfuigUTXUIH8If3qj8xsG5FNxYQ858BT9/s1600/twitter-inactive.png" /></a><a href="https://plus.google.com/phtmldrive/"><img alt="Click Me" hieght="160" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEika6rchGMWx9xUZn_wYjdJWENfRgekfe1jqtsBfvOIJnUhrto9RJd63DHYifgJDosotVxzezr7sLf2gIc3fbGANO4KhyphenhyphenlHrsc3TWbLzNT3-46SK-qyf-NY1b6Ry6N4ZitOEp1uNptjy3Ns/s1600/google-plus-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixrT8QZmOde35sCAjHm6YR0RbWS_0BQ0Yb9_XLSWm3u-0926mYoPM371jYXh19tesHBB6g5lcvU7EPp7HBQUgRyhEfiDrrt_436_PJj7Cpj-eVy8Y8y6QUyvJ3LefSs8l3oJ6NGqEAB61O/s1600/google-plus.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEika6rchGMWx9xUZn_wYjdJWENfRgekfe1jqtsBfvOIJnUhrto9RJd63DHYifgJDosotVxzezr7sLf2gIc3fbGANO4KhyphenhyphenlHrsc3TWbLzNT3-46SK-qyf-NY1b6Ry6N4ZitOEp1uNptjy3Ns/s1600/google-plus-inactive.png" /></a><a href="http://pinterest.com/phtmldrive/"><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhN9tEeCkVPCImmXtfDuDAUujYWvJ4_FLsJBqHxYIBGk5t1G3c6SS65kdYg4vZXi0g4zrI_FWp3w8PclpLmwWIExTSUbyjUDpUUH2QpQchkN2dLB-AaSVof_kI5UYb3RGIpXpxajfl0hI7/s1600/pinterest-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBXK5cfTtt9pQGirPJTgNCHDqADmqR1eEaN8uJs2pglkj4hn-WAqNiJdfSN82lDsFhx3REMqK5gghIumhvomG8itP3l54UZjPlFwBgdGkxkaWdWn1cI2nQUMlssT05Q-ykDXBcGDd_FWq_/s1600/pinterest.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhN9tEeCkVPCImmXtfDuDAUujYWvJ4_FLsJBqHxYIBGk5t1G3c6SS65kdYg4vZXi0g4zrI_FWp3w8PclpLmwWIExTSUbyjUDpUUH2QpQchkN2dLB-AaSVof_kI5UYb3RGIpXpxajfl0hI7/s1600/pinterest-inactive.png" /></a><a href="İletişim Linki"><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr31XF1kB9Z84vZXrMhmavPaWGJ_V4zzwa51UkB-n3Q6LuMaIr-J6CmT71lXco919pNXdv0Qohsz7GqMr8kDYccfBDW-S_AdoNmg3mlCUSo2cYNwSC6VYjSV9jFFq5gH20igaTi_Lbuywg/s1600/email-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXVqREc3Nbf-q0nbkNE-ObHdTKHz-y2EScf8sITeK_vLhj-lfneTIvVfSLGt06y524jcemYSWXCqxLnzrpYbHCanxN4kifNxqwFTZUo9mjzg4pJ33a8yMWjhmPjk7I17YQQs9QvbAlNpcU/s1600/email-shadow.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr31XF1kB9Z84vZXrMhmavPaWGJ_V4zzwa51UkB-n3Q6LuMaIr-J6CmT71lXco919pNXdv0Qohsz7GqMr8kDYccfBDW-S_AdoNmg3mlCUSo2cYNwSC6VYjSV9jFFq5gH20igaTi_Lbuywg/s1600/email-inactive.png" /> </a></p></center>  <form action="http://feedburner.google.com/fb/a/mailverify?uri=phtmldrive" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=phtmldrive', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="phtmldrive" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Email Adresini Yaz"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Gönder !" /></form></div></div></div><style></style>

Yukarıdaki kodlar içersinde değiştirmeniz gereken yerleri bu şekilde gözükmekte "phtmldrive" siz sadece sosyal medya isimlerinizi girmeniz yeterlidir.