Blogger 4'lü Sosyal Ağ Abonelik Eklentisi

Resimde gördüğümüz üzere blogger için bunun gibi bir 4'lü sosyal ağ abonelik bağlantısını blogumuza ekleyebiliyoruz. Kurulum ise gayet basit.

Yerleşim > gadget ekle > html/javascript ekle bölümünden

<div dir="ltr" style="text-align: left;" trbidi="on">

<style>

#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}

 .sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbvGg0cH7qHAhktZvcN3nmQjt9MH_yAZhYKyPtVnxAvlnMTU7oYGvBuTvf_HacsywvgHa5o2tOL_7PGTyTOddjVmxA2avS6Ud1KEUgRvM2gnzaBHnT3fSEMc8P9vmrk_i_7vlJBSWl0rw/s1600/background.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/AVvXsEgPceSiDIjIxuBZ6gswm27S5TKpWsg4tuv_Ql0k2Kmck63y33jW8fvc7WcYjOuKDP-oIZXRSzUNXkfjYEvYMbK4l-S0ktzEYi9j5sTJFEXCsO9vBSNRu-oGXHSK9sLLo3JWmrCvQNAYr-c/s1600/icons.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:100%}

 .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{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%}

a.social-icons{margin-right: 5px;height:45px;width:45px;}

a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}

</style>




<br />










<div id="sidebar-subscribe-box">

<div class="sidebar-subscribe-box-wrapper">

<br />

<a class="social-icons" href="https://facebook.com/kullaniciismi"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi95fnsO0yvbpWMsUERl7EXIP52C4HwLg_7RNhNAZZ5RWdCsVzouuV6PL4-h5MRewTYUrRgWLKuKhcYzvjjPUBRQ4kL6xul6JLQBlIbO7gk5TW0zZ8kH4PKmfjmtk6cItxQ9m7XYr827lCg/s1600/Bloggertrix-facebook.png" /></a>

<a class="social-icons" href="https://twitter.com/kullaniciismi"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQJb5QrE0vvvfhiStGVaW8HWSCfpLIFouWIUxisoIsnGPBh-G_x3XK1YwzzykZh9XdFLoxYr9QUaku8pOltpPQ2JS3l3SWJy2aC_lta7zS437HzzW0VfdhpiwPqGlVdCMDxXrm6aOUw1Vx/s1600/bloggertrix-twitter.png" /></a>

<a class="social-icons" href="https://plus.google.com/kullaniciismi"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjALYGiZ0TUCyU3KXXVWVHZoJwXZrd-3GGnt957X1tnGSeQsK1hxE1XiBX4AGmKvIqONm7Y_xKaMswgfou40QAVUybHXEXTagO6PPgYc2KAlIL7qIJRWHkzY8VOdkcYVTxfzqpaSn_eu6mK/s1600/Bloggertrix-Googleplus.png" /></a>

<a class="social-icons" href="http://www.feedburner.com/kullaniciismi"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI75qm933iziu0iMo24mTnAa2AoQ8D560Tea4eJHSGOJ5QnOjsRcLLEUYcSLMmlMi8C9qBmWRCzljf8h3xZY66nj-htg5WmOv0qkRraZJLJjqqhavquwSmF9cI4rW1rpEo023TYDXxlohA/s1600/Bloggertrix-Rss.png" /></a>

<br />

Bloguma Abone Ol Konular Mail ADRESİNİZE GELSİN<br />

<div class="sidebar-subscribe-box-form">

<form action="http://feedburner.google.com/fb/a/mailverify?uri=kullaniciismi" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=kullaniciismi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">

<input name="uri" type="hidden" value="kullaniciismi" />

<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" />

<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>

</div>

</div>

</div>

</div>

kodlarını ekliyoruz. Kodlardaki kullaniciismi yazan yerleri kendi kullanıcı adlarımız ile değiştiriyoruz ve işlem tamamdır. Ayrıca kodlardaki yazıları değiştirerek istediğini uyarı metnini yazabilirsiniz. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest