Blogger sosyal Paylaşım Abonelik Eklentisi
6 saat önce Onur BATUR tarafından yazılmıstır.
 |
| Sosyal Paylaşım abonelik eklentisi |
Blogger eklentilerinden sosyal medya butonları , rss feed gibi eklentileri demirbaş olarak nitelendirebiliriz.Yani bir blogda mutlaka olması gereklidir. Bu eklentiler ayrı ayrı eklenerek bloglara uygulanabilmekte ama ben bu yazımda tüm bu eklentilerin tek bir kutu içerisinde hazırlanmış halini sizlerle paylaşacağım. Yandaki resimden eklentinin nasıl bir görünüme sahip olduğunu görebilirsiniz. Bu eklenti Ayrıca sitenize gelen ziyaretçilerin e-mail adreslerini girerek yazılarınıza abone olabilme imkanı da sunmakta. Eklentiyi blogunuzun yerleşim kısmında sağ veya sol tarafa arama kutusundan sonra yerleştirmeniz hem göz önünde olup ziyaretçilerin sosyal medya hesaplarınıza kolayca ulaşabilmelerini sağlayacak hem de güzel bir görünüme sahip olacaktır. Blogger sosyal paylaşım ve abonelik kutusu Eklentisini blogunuza uygulamak için aşağıdaki adımları takip ediniz.
- Blogger a giriş yaptıktan sonra şablon sekmesine tıklayın.
- Html'yi düzenle butonuna tıklayın.
- Aşağıda yer alan kodu ctrl+f yardımı ile aratarak bulunuz.
- ]]></b:skin>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>Şablonu kaydedin ve Blogger panelin'den Yerleşim ardından gadget ekle ve html javascript'i seçiniz.Açılan sayfaya aşağıdaki kodları yapıştırın.
- Kodlar içerisinde ugurturkoglu olarak yazan yere kendi adreslerinizi yazınız.
- Googleplus id yerinede google plus adresinizi yazınız.
Blogger sosyal paylaşım ve abonelik kutusu eklentisi blogunuza uygulanmış durumda.<style> mbgadget-bar { border: 0; margin-bottom: 10px; margin: 0 auto; width:300px; } .fb-likebox { background: #fff; padding: 10px 13px 0 10px; border-right: 1px solid #D8E6EB; border-left: 1px solid #D8E6EB; border-bottom: 1px solid #D8E6EB; margin:0px; height:45px; } .googleplus { background: #F5FCFE; border-top: 1px solid #FFF; border-bottom: 1px solid #ebebeb; border-right: 1px solid #D8E6EB; border-left: 1px solid #D8E6EB; border-image: initial; font-size: .90em; font-family: "Arial","Helvetica",sans-serif; color: #000; padding: 9px 11px; line-height: 1px;} .googleplus span { color: #000; font-size: 11px; position: absolute; display:inline-block; margin: 9px 70px;} .g-plusone { float: left;} .gplus { background: #fff; padding: 0px; border: 0px solid #C7DBE2; margin-bottom:-13px;} .twitter { background: #EEF9FD; padding: 10px; border: 1px solid #C7DBE2; border-top: 0;} #mashable { background: #EBEBEB; border: 1px solid #CCC; border-top: 1px solid white; padding: 2px 8px 2px 3px; text-align: right; border-image: initial;} #mashable .author-credit {} #mashable .author-credit a { font-size: 10px; font-weight: bold; text-shadow: 1px 1px white; color: #1E598E; text-decoration:none;} #email-news-subscribe .email-box{ padding: 5px 10px; font-family: "Arial","Helvetica",sans-serif; border-top: 0; border-right: 1px solid #C7DBE2; border-left: 1px solid #C7DBE2; border-image: initial; height:35px;} #email-news-subscribe .email-box input.email{ background:#FFFFFF; border: 1px solid #dedede; color: #999; padding: 7px 10px 8px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border-image: initial; font-family: "Arial","Helvetica",sans-serif;} #email-news-subscribe .email-box input.email:focus{color:#333} #email-news-subscribe .email-box input.subscribe{ background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); -pie-background: linear-gradient(270deg,#ffca00,#ff9b00); font-family: "Arial","Helvetica",sans-serif; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:white; text-shadow:#d08d00 1px 1px 0; padding:7px 14px; margin-left:3px; font-weight:bold; font-size:12px; cursor:pointer; border-image: initial;} #email-news-subscribe .email-box input.subscribe:hover{ background: #ff9b00; background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb); outline:0;-moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cc7c00; color:#FFFFFF; text-shadow:#d08d00 1px 1px 0} #other-social-bar { background-color: #D8E6EB; box-shadow: 0 1px 1px #FFFFFF inset; padding: 0px; font-family: "Arial","Helvetica",sans-serif; font-weight:bold; overflow: hidden; border: 1px solid #B6D0DA; height:37px; } #other-social-bar ul {list-style: none outside none; padding-left: 4px;} #other-social-bar .other-follow { float: left; color:#1E598E; overflow: hidden; height:20px; padding:5px; width: 270px;} #other-social-bar .other-follow ul { list-style: none outside none; padding-left: 4px;} #other-social-bar .other-follow ul li { font-size: 12px; font-weight: bold; display:inline; border:0; text-shadow: 1px 1px white;} #other-social-bar .other-follow ul li a { font-size: 12px; color:#1E598E; font-weight: bold; display:inline; text-shadow: 1px 1px white;} #other-social-bar .other-follow li { font-size: 12px; font-weight: bold; display:inline; border:0; text-shadow: 1px 1px white;} #other-social-bar .other-follow li a { font-size: 12px; color:#1E598E; font-weight: bold; display:inline; text-shadow: 1px 1px white;} #other-social-bar .other-follow li.my-rss { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtiGOLEGsBPv1GmkLNglfAZQ4k9BzAPxTzxgt6PnKknIrVTBIPJfCJI_suZPWnSRT0qij3I8OKEhHH4LdHSJDr6-xeIqfefp2ApYCcAgV6BOJE1frRcKHsSQN9mcuqSHj82TP9tlbUe98/s400/rss-16x16.png') no-repeat transparent; line-height: 1; padding: 0px 3px 1px 20px; width: 60px; margin-bottom:0px; margin-left:5px;} #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{ text-decoration:none; } #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{ text-decoration:underline; } #other-social-bar .other-follow li.my-twitter { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA4QRF8WgMfiququinUnK9czK8VAR-IVMYjmDLa2YKCDgwD-pKEg58FxDcS1PvQxbAxRau8-UT5ppYthlUg8PSmXlIHRLy8yt08wa7y9GbXhz738eGhd5v5vRMQbdv2KGfD9y1qNa8vlg/s400/twitter%2527.png') no-repeat transparent; line-height: 1; padding: 0px 3px 1px 20px; width: 60px; margin-bottom:0px;} #other-social-bar .other-follow li.my-gplus { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4w3Xj6dxEpLhXpxlHiOdCIlX48bjGQ1cKMiownX-cC4MTfD6cWU5UsOzxXVMcOTznbCrUhVJ_isecxgkhAf_aukoVI_6d3SS0puX5wBpSKZ3JKyUxdxCbIOeNRj56NX4YkI6QT3jiltY/s400/gplus-16x16.png) no-repeat transparent; line-height: 1; width: 60px; padding: 0px 3px 1px 20px; margin-bottom:0px;} </style>
<style> #email-news-subscribe .email-box input.subscribe{ background: #FFCA00; } </style> <div style="margin-bottom:10px;">
<div id="MBT-mashable-bar" >
<div class="gplus">
<link href="https://plus.google.com/GooglePlusAdresiniz" rel="publisher" /><script type="text/javascript"> window.___gcfg = {lang: 'en'}; undefinedfunctionundefined) {var po = document.createElementundefined"script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagNameundefined"script")[0]; s.parentNode.insertBeforeundefinedpo, s); })undefined);</script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.pushundefined['_setAccount', 'UA-29131740-1']); _gaq.pushundefined['_trackPageview']); undefinedfunctionundefined) { var ga = document.createElementundefined'script'); ga.type = 'text/javascript'; ga.async = true; ga.src = undefined'https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagNameundefined'script')[0]; s.parentNode.insertBeforeundefinedga, s); })undefined); </script> <g:plus href="https://plus.google.com/googleplusadresiniz" width="300" height="131" margin="0px" theme="light"></g:plus> </div>
<div class="fb-likebox">
<iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/letdldfb&send=false&layout=standard& width=200px&show_faces=false&action=like&colorscheme=light& font&height=100px&" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div>
<div class="googleplus">
<span>Google +</span><div class="g-plusone" data-size="medium">
</div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div>
<div class="twitter">
<iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351& align=&button=blue&id=twitter_tweet_button_0& lang=en&link_color=&screen_name=ugurturkoglu&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div id="email-news-subscribe">
<div class="email-box">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=feedburnerid', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="E-mail adresinizi giriniz.." onfocus="ifundefinedthis.value==this.defaultValue)this.value='';" onblur="ifundefinedthis.value=='')this.value=this.defaultValue;" /> <input type="hidden" value="feedburnerid" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form>
</div>
</div>
<div id="other-social-bar">
<ul class="other-follow">
<li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/ugurturkoglu" target="_blank">RSS Feed</a> </li>
<li class="my-twitter"> <a rel="nofollow" title="twitter" rel="author" href=http://twitter.com/ugurturkoglu target="_blank">Twitter</a> </li>
<li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href=https://plus.google.com/googleplusid target="_blank">Google Plus</a> </li>
</ul>
</div>
</div></div>
Rss Abonelik kutusu ve sayaçlı sosyal medya butonları
6 saat önce Onur BATUR tarafından yazılmıstır.
 |
| RSS kutusu Sosyal medya |
Blogunuzun Trafik kaynağı en çok nereden diye sorsak şüphesiz arama motorları dersiniz.Hatta arama motoru değil Google dersiniz. Blog'a gelen trafiklerin çoğunun arama motorlarından geldiği bilinmekte elbette. Arama motorlarından sonraki bir trafik kaynağı Sosyal medya'dır.Yani facebook, twitter, google plus, pinterest, tumblr vb ne kadar sosyal medya aracı var ise hepsi birer trafik kaynağıdır.Bu tür sosyal medya ortamlarından takipçiniz ne kadar fazla olursa bu da blogunuza daha fazla trafik olarak geri dönecektir. Özellikle rss kullanımın faydasından da daha önce ki yazılarımda bahsetmiştim.Blogunuza uğrayan ziyaretçilerin RSS kutusunu kullanarak yazınıza abone olması daha fazla trafik, blogunuz, okuyucu kitleniz, google sıralamanız, Seo ve daha bir çok yararı olacaktır. Rss abonelik kutusu ve Sosyal medya butonlarının kullanımının faydalarından daha önceki yazılarda da bahsetmiştim.
Bakınız:
- Rss Abonelik ve sosyal medya Butonları
- Bloggerda sosyal medya butonlarının kullanımın önemi
- Blogger sosyal paylaşım butonları
- Sayfa da aşağı inildiğinde çıkan paylaş eklentisi
Bu yazımda da Rss abonelik kutusunun yanısıra sayaçlı sosyal medya butonlarının bulunduğu bir eklentiyi blogunuza nasıl uygulayacağınızdan bahsetmeye çalışacağım. Bu Rss abonelik kutusu (yayınlara abone olma) eklentisinde facebook , twitter ve feedburner gibi sosyal medya araçlarında kaç tane takipçiniz olduğu yazmakta. Tabiki bu yalancı takipçi sayısı:)
Rss kutusu ve sayaçlı sosyal medya butonlarının nasıl göründüğünü test etmek isterseniz yukarıda ki test butonuna tıklayarak görebilirsiniz.
Eklentiyi blogumuza nasıl uygulayacağımıza gelince
- Blogger paneline giriş yapıyoruz.
- Yerleşim sekmesine tıklıyoruz.
- Gadget ekle butonuna tıklıyoruz.
- Html/java script 'i seçerek aşağıdaki kodları yapıştırıyoruz.
- Kaydet butonuna tıklıyoruz.
<style>
#ugurturkoglusocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#ugurturkoglucounters {
list-style: none;
margin:0px;
overflow: hidden;
width:300px;
padding:10px 0 40px 0;
margin:10px 0 -60px 12px;
}
ul#ugurturkoglucounters li {
float:left;
margin:0px 0px 5px 0px;
width:auto;
padding:0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
ul#ugurturkoglucounters li a {
display: block;
height: 54px;
margin-right: 10px;
padding-top: 85px;
text-align: center;
text-decoration: none;
width: 85px;
text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
font-weight: bold;
}
ul#ugurturkoglucounters li:hover {
opacity:0.6
}
ul#ugurturkoglucounters li:last-child a{
margin-right:0px;
}
ul#ugurturkoglucounters #counter-rss {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjANM3Q76_dV1XzBGTpxvsAE19C_1o7o4mtprrhIHXPz1hDIXO8-8m33NottqUYXlKNmZ-cMsbMCc9ul0gFJ5hMVEObNvgC2tpZN049vxie_ZV0B_8YBEebVeHU7K3PL7yFCrt3oz28jWWr/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#ugurturkoglucounters #counter-rss a {
color:#cf6600
}
ul#ugurturkoglucounters #counter-facebook {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0PP8LqYw7Kszu3uAVNJZLECWftmj34EUbeWy7rJ-XBEa1X6u2qRC4aUHaJDazxm9RQlvCpPUAEp1py1aQuaPNXSx11eBFaNpmJALxH0NHiTGMZOYWWxZ8zas1Y6xVD9ZzWT2vEFJmxA_V/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
color:#3b4d8f
}
ul#ugurturkoglucounters #counter-twitter {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB32BAXKZ2ZysnXHuYLRzLxNYfZwgGny9RKBculq7ow6h5xHCOGQJz0-w4XbgR9odn8a5F24mlEKdByrVqw_E_zEO9TZdTllVBMreoS_YM_d1fVc1aoLZ1eGemFG_FzImmT-w5Qcry95uV/s1600/btrix-twitter-counter.jpg') no-repeat
}
ul#ugurturkoglucounters #counter-twitter a {
color:#276ab6
}
.textwidget {width: 300px;margin-top: -50px;}
input[type="submit"] {color: white;border: 0px;text-transform: uppercase;font-size: 11px;padding: 13px;float: left;font-weight: bold;background-color: #2DA1EB;margin-left: 100px;cursor: pointer;margin-top: 10px;}
</style>
<center>
<br />
<div id="ugurturkoglucounters">
<ul id="ugurturkoglucounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/ugurturkoglu">540</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/ugurturkoglu">2319</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/ugurturkoglu">5263</a></li>
</ul>
<div class="ugurturkoglutextwidget">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ugurturkoglu', 'popupwindow', 'scrollbars=yes,width=350,height=520');return true" style=" padding: 3px; text-align: center;" target="popupwindow">
<h3>E-mail adresinizi giriniz><br/>
<input name="email" style="width: 180px;" type="text" /><br />
<input name="uri" type="hidden" value="ugurturkoglu" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Kaydol" /></form></div><a href="http://www.ugurturkoglu.blogspot.com.com/2013/03/sosyal-medya-rss-kutusu.html" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Sitene ekle</a>
</div>
- Kod kısmındaki mavi ile yazılmış olan yerlere kendi sosyal medya hesaplarınızı yazınız.
Sorularınız olursa buradan ulaşabilirsiniz.
Bir önceki yazımda Blogunuza özel google arama kutusu oluşturma hakkında bilgiler verilmektedir.
Bir önceki yazımda Blogunuza özel google arama kutusu oluşturma hakkında bilgiler verilmektedir.
Blogger RSS abonelik kutusu ve Sosyal paylaşım butonları
6 saat önce Onur BATUR tarafından yazılmıstır.
 |
| Rss abonelik kutusu |
Sosyal medyanın şu anki internet kullanımındaki gücünü hepimiz biliyoruz. Keza sosyal paylaşım butonları ve RSS abonelik'inde etkisi aynı şekilde. Blogunuzda yazdığınız bir yazının sosyal medya da paylaşılması daha çok kitleye ulaşılması demektir .Haliyle Bu da blogunuzun daha çok trafik alması demektir. Blogunuzun sosyal medya da daha etkin olmasını sağlamak da siz blog yazarlarının elinde. Blogunuzda yer vereceğiniz facebook, twitter, pinterest vs gibi sosyal medya araçlarını kullanarak daha etkin bir blog oluşturabilirsiniz. Bu sosyal medya araçları dışında farklı etkili bir yöntem de yazılarınıza abone okuyucu sağlamaktır. Blogunuza RSS kutusu ekleyerek bunu sağlamak mümkün.Bir çok blog da haber sitelerinde vs başka internet platformlarından da bültenimize abone olun, yazılarımıza abone olun tarzı bir kutucuk ve butonla karşılaşmışsınızdır. Feedburner yani RSS okuyucusunu kullanarak bir yazı yazdığınız da , RSS abonesi olan okuyuculara yeni yazınız gönderilecektir.Kısacası e-mail yoluyla yazınız kayıtlı okuyuculara ulaşacaktır.
Blogger RSS abonelik kutusu ve Sosyal paylaşım butonları eklentisini , TEST butonuna tıklayarak görebilirsiniz.Blogger RSS abonelik kutusu ve Sosyal paylaşım butonları eklentisini blogunuza uygulamak için :
- Blogger paneline giriş yapınız.
- Yerleşim sekmesine tıklayınız.
- Gadget Ekle / Html javascript'e tıklayınız.
- Açılan penceredeki kutucuğa aşağıdaki kodları yapıştırınız.
<style>
. social_box-email{
background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C;
}
. social_box-emailsubmit{
background:#0084CE;cursor:pointer; color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;
}
. social_box-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px; width:200px; height:20px;color:#666;}
#socialbox
{
text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px;
-moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;}
</style>
<br />
<div id="socialbox">
<a href="http://feeds.feedburner.com/ugurturkoglu" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"></a>
<br />
<div class="social_box-email">
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=ugurturkoglu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == "") {this.value = "E-mail adresinizi yazınız";}" onfocus="if undefinedthis.value == "E-mail adresinizi yazınız") {this.value = "";}" type="text" value="E-mail adresinizi yazınız..." />
<input name="uri" type="hidden" value="ugurturkoglu" /><input name="loc" type="hidden" value="en_US" />
<input class="social_box-emailsubmit" type="submit" value="Kaydol" />
</form>
</div>
<style class="text/css">
table
{border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}
.subicons
{border-right: 0px solid #E6E6E6;}
.Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;
}
.Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;
}
</style>
<br /><div class="table"><table>
<tbody><tr>
<td><div class="subicons">
<a class="Fadeout" href="http://www.facebook.com/ugurturkoglu" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlMidOh2pC63xFgoc-M8IDCAAvTJG9rTjrTJVx65gbWj6ejkb2tOyd-xtEbMAnhFJ0W6DhJc9-gCOBlDV2gOTAf7zjQke9yN23E8CjO4fJ5yZbH61zn-COpqxg624V6mcmUFvHUTi9dKg/s1600/btrix-facebook-icon.png" /></a></div>
</td><td><div class="subicons">
<a class="Fadeout" href="http://twitter.com/ugurturkoglu" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIsvKtpNDqvrAIQxjUkV-YF8DWISIdd_kn-XvpaeN-DYgfsvpte5d4M5V4TTcM3WKQqdXDBt86hGTG_wmpLBayj_0yjCCzV9_JDBjyNN9hWHQvof0cy369eI-xmn7tiSg0eB_E0yG34Rw/s1600/btrix-twitter-icon.png" /></a></div>
</td>
<td><div class="subicons">
<a class="Fadeout" href="http://feeds.feedburner.com/ugurturkoglu" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwBxmG_erYAswLJuhdDugxOKku_Egf-BPXpW_497uvNDaGb3sRa9td8AKf1kaFJTOeoPoBbyCppeacnlyfabquhq3IxRF3tT1e9NFt0-Pa-ooQMBKP3S3ae0ist5bufT4oju6hIZsMK5c/s1600/btrix-rss-icon.png" /></a></div>
</td>
<td><a class="Fadeout" href="https://pinterest.com/ugurturkogluu" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJPjsJ4wwZ2scipN1TzDlGf-VcwdQXoM9McuJjk8ISI2rrw2vb8f2uvj4WeEmAso-UCRJ6dBJLsQ0mbKa4jNR0AOSgqQ8RsewNZV0PtF44NZgLPfXMQKmKidO6AXqhRYYy0pWoEgm5Wmc/s1600/btrix-Pinterest-icon.png" /></a></td>
</tr></tbody></table></div></div>
- Mavi ile yazılan yerlerdeki adresleri kendinize göre düzenleyiniz.
- Kaydet butonuna tıklayınız.
Bir önceki yazımda Blogger da css ile dropdown menü yapımı hakkında bilgiler verilmektedir.
