30 Ağustos 2012 Perşembe
Bir çok blog sabibi blogunu özelleştirmek ve güzelleştimek adına bir çok eklentiler deniyor. Özellikle kişisel bloglarda kullanılan bu özelleştirmelerde gün geçtikçe artıyor. Ben de sizlerle çok güzel bir eklenti paylaşacağım. Bu eklentinin ismi: "Bu yazıyı beğendiniz mi eklentisi". Bu eklenti sayesinde yazıların hemen altında güzel bir kutu içerisinde facbook beğen, facebook send, rss, twitter takip ve abonelik kutuları karşınıza çıkacak. Bu güzel blogger eklentisinin hemen nasıl kurulacağını anlatmakla başlıyorum. İlk olarak şablonumuzun yedeğini alalım. Bunun için Tasarım >> HTML'yi Düzenle >>Tam Şablonu İndir yapın. Bundan sonra ise Tasarım >> HTML'yi Düzenle >> Widget Şablonlarını Genişlet dedikten sonra CTRL+F yardımıyla <data:post.body/> kodunu buluyoruz. Bu koddan blog sitemizde 3-4 tane olabilir. Hangi kodun doğru olduğunu deneme yanılma yoluyla bulabilirsiniz. Doğru kodu bulmak içinse aşağıda yer alan kodları hemen <data:post.body/> kodunun altına yapıştırın.
Aşağıda yer alan kod kısımlarında değiştirmeniz gereken yerleri kırmızı harflerle yazdım. Eğer resimleri değiştirmek isterseniz de değiştirmeniz gereken yerler mavi ile yazılmış yerler. Eklentinin demosu için TIKLAYINIZ.
<b:if cond='data:blog.pageType == "item"'>
<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.mbttext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt_z3gk2mrLwvISN0HML4DHLbnYSG2UxKdY9aWlEXwINk8xIm3EOC0WoTMGWpCGfvS5bu6qyDJPDIaiJRB2W325x2Slcvk2bhH1ruDJJkYfcYFxo52iKccVVU9S2gScF7HyVk8zfaaE6g/s1600/w2b-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.mbtbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#doulike-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#doulike-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#doulike-outer td{
padding:3px 0;
}
</style>
<div id='doulike-outer'>
<div id='doulike'>
<table width='100%'>
<tbody>
<span style='font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana; color:#FF683F;'>Bu yazýyý beðendiniz mi?</span>
<tr>
<td>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='300'/>
</td>
</tr>
<tr>
<td align='left'> <p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Yeni yazýlar e-mail adresinize gelsin!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open('http://feeds.feedburner.com/KULLANICI ID/KULLANICIADI', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='FEEDBURNER İD/KULLANICIADI'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='mbttext' name='email' onblur='if (this.value == "") {this.value = "E-mail adresiniz...";}' onfocus='if (this.value == "E-mail adresiniz...") {this.value = ""}' type='text' value='E-mail adresiniz...'/>
<input alt='' class='mbtbutton' title='' type='submit' value='Submit'/>
</form>
</td><td><p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Takip Edin!</p>
<a href='http://feeds.feedburner.com/KULLANICI ID/KULLANICI ADI' rel='nofollow' target='_blank' title='RSS ile takip edin'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYCDpRNtiF4lHOjnO3f_msujP8mSXuOtfGM7YYg6OVNrCzSuhHmbN0dfdTin0URZU31QdFl8COf-T2QNsK-_HDSzJUAxuIdEhegCbZGcOQz9KKv8fjy1iM1DsKqMIHJqnHf0y3wCqGQ8s/s1600/w2bRSS+.png'/></a>
<a href='http://twitter.com/TWİTTER KULLANICI ADI ' rel='nofollow' target='_blank' title='Twitterda takip edin'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjojdAowWj5QyHtETm1uUBL5S0-2sbRd3sLlS1znjrxsCFi3hS-auH6RFMR9b59GKOtnlTt47An7lTaEIHKjUluhBu4YmpCpOqbs8LEYdOo_h5hbQ8fKXwRwcmsCZJXP11dqk0LWN5bMcs/s1600/w2bTwitter.png'/></a>
<a href='https://www.facebook.com/FACEBOOK KULLANICI ADI/SAYFA İSMİ' rel='nofollow' target='_blank' title='Facebookta takip edin'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaSK7SP8P3h9EL0TEYOGJyYq-alnbM_cevAXxyINgSfbridm77Y7i9khxJ5Fh2l2lkZ3H50SRlVyelQ3IGD2TFw6IKtsumtOiF9zWq7cSxWrbP0FAf-6SLBu_G7tg3M2dFQzVyKe-PoZs/s1600/w2bFaceBook.png'/></a>
</td>
</tr>
</tbody></table></div></div>
</b:if>
