Günümüzde sosyal medyanın web sitesi üzerinde ki etkisi tartışılmaz hale geldi. Google'ın da bizzat önem verdiği konulardan biri sosyal medya. Bu nedenle web sitelerinde bu tarz sosyal medya eklentileri bulundurmak size oldukça avantaj sağlayabilir. Blogger sosyal medya butonları ile facebook,twitter,google+ gibi ağlarda takipçi sayınızı arttırarak sitenizi daha geniş kitlelere duyurma şansını yakalarsınız. Bu sayede kullanıcılar yayınladığınız yeni içerikleri her an yakalama şansına sahip olurlar.
Bu zamana kadar bir çok sitede sosyal medya butonları ve e-posta aboneliğini eklentilerini ayrı kodlar dahilinde görmüşsünüzdür. Bugün sizlerle paylaşacağım eklentide ise oldukça şık, sade bir görüntüsünün yanı sıra aşağıda ki fotoğrafta göreceğiniz üzere yukarıda bahsettiğim iki özelliği birden içinde barından bir eklenti.
Fotoğrafta gözükmese de eklenti'de hareketli sosyal medya butonları kullanılmıştır.
Blogger Sosyal Medya ve E-mail Aboneliği Eklentisi
Blogger Yönetici Paneline giriş yapın.
Yerleşim > Gadget ekleye tıklayın.
Açılan pencerede HTML/JavaScript'e tıklayın.
Aşağıda ki kodu alıp açılan sayfaya yapıştırınve işlem tamamdır.
<div class='widget-content'><style type='text/css'>#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMFRPohuqgRSjms8gWf_e1aL26zMRTQOUnxaYhSAYfzkAJeWfB10d5JKRORrL_8ofIS8qKVdQmtU31NEy2wjBpFRgLCPyLV4jHwdzknOeeLCqDHMsPEByEXjYu4lQrnxNzRbHI0OREGFy8/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/AVvXsEi4TWr9ayHpa8a9ZgNdY925T5uLv1FihCYN8fgyDD-Wl8o8L0H1OK-jPDM9Azqiqgu0sq5n04HKAlPFtTUnSWUoNANLs6VdTd0RLXyuIVKhqgXs68VL4-DWXRMFVMmofPImiKS-XJIAjIlh/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/AVvXsEgzkHdr-NX42UyFKRyN_PfexVsQK2nsZNy8GLytbvNghDq_z0BLQJ9FBWiAKyCfN4fqY20B1XKTrAnP-0Y8ws9xEdw8SpYlGb5SS2awxlilmHMs5mbLe0xdvcKuEfnVTq4b5QE9F4lm1QES/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/AVvXsEh-YhOI-RgHyPy9XjVLsB4bWTkRbt-fnhM5rkaXzcPxIpcZgVVl1rA8HUpDps0mewsqFSSNIXLQmg926fvOZwmvxCCBW5jHOzmefGeXyqWc3vWtVF-3Z5qezHtfglyslOluYKzIUEVVs92v/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 */</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/" target='_blank'> <img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4O8-G1sMnJpLfSEu_CIpAkxugkUafvveWeGePn1p95lLLAjRK5A5ezhLKRn2Vl6APM-g4aZANHhFJhdc2aE2qAJ4X2f4hLJPXNEUxa9xgxrbsbi5a4uuTM6ShN0TvoqAbvuZddZ9xc0-c/s1600/rss-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd7bVl8muTGfIwIgDe2H8IJa8wS6R_9VFDVHbaO93ZSge6Ol6tE1Oj-W31F6Vrn8fd2k4XzfLB8fq3O2ejdQaWTtubSIcYQOFRhtkhau32uCvM7bFjJUa4s5whB7QM3NTEisyw4TndzJGr/s1600/rss.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4O8-G1sMnJpLfSEu_CIpAkxugkUafvveWeGePn1p95lLLAjRK5A5ezhLKRn2Vl6APM-g4aZANHhFJhdc2aE2qAJ4X2f4hLJPXNEUxa9xgxrbsbi5a4uuTM6ShN0TvoqAbvuZddZ9xc0-c/s1600/rss-inactive.png" /></a><a href="https://www.facebook.com/" rel='nofollow' target='_blank'><img alt="Click Me" hieght="100" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWJasEg7njwwidlU2mbpx1Ze7dC18ptDm9Y3Y9NZ4op0Lqim7j1tgPNJBZNKuBF6fMIOiySKjYtr9kY3kf_oRqlKCWg-YIJfPnXBChkRpMMKVp1jFgcwWW9Ahn6zkWJASyHNMbZVwn1g_k/s1600/facebook-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5QlPtrgQo5qOc6_JzpHZgzVvEeGd_N3cIVZsUXJYq2dfEH_kCD-BY4omgPcbxpromo8w3MwpdCxq31huJa-GxCKr9sVpA-XELSI1-OiBYtjdURC3dG7upXHKm7PrZj_QVA__Crr2jnKL2/s1600/facebook.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWJasEg7njwwidlU2mbpx1Ze7dC18ptDm9Y3Y9NZ4op0Lqim7j1tgPNJBZNKuBF6fMIOiySKjYtr9kY3kf_oRqlKCWg-YIJfPnXBChkRpMMKVp1jFgcwWW9Ahn6zkWJASyHNMbZVwn1g_k/s1600/facebook-inactive.png" /></a><a href="https://twitter.com/" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOsZK2iLzaXKPEvu71BEvQJJNDb4aZPH97bWP_Mmg2pS2KJyCgKtmT9Ll1vpOM3ykz9qvRmYMIBTPQy8r8asqPQy8emK7Ert5vZVu5YTFnoyYDGHrclJZbbKyF0Ti5916yggvPygR63qfh/s1600/twitter-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisHh8gtxQ8cmHCs9wUuCdeyxKajQReWPlj4Ed3cfb0Ib1nCuW6Qx9IDVYrQyr5jL100w0iREkhqIj0TR0BfTiN59drehwEvGsdozP4qOzp0d0jZZHCaIhHPh_wyuci4eNANAbGLM9A0xNE/s1600/twitter.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOsZK2iLzaXKPEvu71BEvQJJNDb4aZPH97bWP_Mmg2pS2KJyCgKtmT9Ll1vpOM3ykz9qvRmYMIBTPQy8r8asqPQy8emK7Ert5vZVu5YTFnoyYDGHrclJZbbKyF0Ti5916yggvPygR63qfh/s1600/twitter-inactive.png" /></a><a href="https://plus.google.com/" target='_blank' ><img alt="Click Me" hieght="160" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROQthrkzCoPUwbm8bsYKXizoKnrq6HHmU841npULK3LsZ2ldPyaJJsRNfZzOYYf-3ZwNL9h5_g12nfw8nzOLb8jHh59YnEkKyhFqXixtjUFyBdLkPDCsDuWZJBcJKbNA1VU2S8Fsrz7et/s1600/google-plus-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUuczxASFxl6FKPPZAG_1y0C3JS4lR4wO_S4pd_Q_HULcDpoq4abDk5lbyZ-9DTx6dUQW5IbaHQHrXkL_yiRWwLp6rZgSOvJPgBhfWo1lc3N5OYghJIagaO9G1YS4IeSZ03VUMc6CjxDOT/s1600/google-plus.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgROQthrkzCoPUwbm8bsYKXizoKnrq6HHmU841npULK3LsZ2ldPyaJJsRNfZzOYYf-3ZwNL9h5_g12nfw8nzOLb8jHh59YnEkKyhFqXixtjUFyBdLkPDCsDuWZJBcJKbNA1VU2S8Fsrz7et/s1600/google-plus-inactive.png" /></a><a href="http://pinterest.com/" rel='nofollow' target='_blank'><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQtoMNtZhrbPTqmIjHGCfXaagi3M0Fqrp8teaotSsZ8RFBedQy5JTYdta9_4Bu0pPikWJbH-eWqXL5tLd7Tf_RJ2D6QFj-gxhnq7fKByR8-xdvfGEQJcCOX7w28FECno27g74kdM2Y5qm5/s1600/pinterest-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPsmUnlU0i8Aqh6iYhtd0_ejILFCNr2Y4YBaM5iz9O-RHyFDKt8P_3CgMzwVkWCwRv6KGX8UkPj98sbI83xwBuhkFY34nU0Q4P1_5suPGTaVllGPkwIsFiq3w94Og82RibnEZ8OmucJa6j/s1600/pinterest.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQtoMNtZhrbPTqmIjHGCfXaagi3M0Fqrp8teaotSsZ8RFBedQy5JTYdta9_4Bu0pPikWJbH-eWqXL5tLd7Tf_RJ2D6QFj-gxhnq7fKByR8-xdvfGEQJcCOX7w28FECno27g74kdM2Y5qm5/s1600/pinterest-inactive.png" /></a><a href="http://gamewisome.blogspot.com/p/iletisim.html"><img alt="Click Me" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1nc-Rvvox-1wLgBo6jg9LhfhneZJAXdxtoQQFHkNmhL2MaV5IW5VWoAgHBO4BxNLPYqS20Jxu2hX_Zii3xjqnKdM2snT-Sj5ptrtqo2sDBaTpB9VAzoByCST_BNUpPkqfQ9W0BaEAPh1X/s1600/email-inactive.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiACDtMGZuhLtr1OToeL59oBmhOpha1FJuJU9NqYoeEVjmT7m-cBBmmbP8VYKEhLJfryIU1qfmeQtNNSeGSTX4zgDZWwtmGma0elv3YtrOJQ-YHglup4cwL8EDfQ6Rx-2eYUEvc-pZgOOFs/s1600/email-shadow.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1nc-Rvvox-1wLgBo6jg9LhfhneZJAXdxtoQQFHkNmhL2MaV5IW5VWoAgHBO4BxNLPYqS20Jxu2hX_Zii3xjqnKdM2snT-Sj5ptrtqo2sDBaTpB9VAzoByCST_BNUpPkqfQ9W0BaEAPh1X/s1600/email-inactive.png" /> </a></p></center> <form action="http://feedburner.google.com/fb/a/mailverify?uri=winsome" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=winsome', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="blogspot/bVOOCE" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="E-posta aboneliği.."/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Gönder !" /></form></div></div></div><style></style></div>
Dikkat:!! Eklentide değiştirmeniz gereken yerleri siyah ile gösterdim. Eklentiyi kurmadan önce her birini tek tek değiştirmeyi unutmayın !
Yorumunuz İnceleniyor... HTML DönüştürConversion İfadelerİfadeler