This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions..

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions..

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions..

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions..

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions..

KALPLİ Sosyal Ağlarda Paylaş Kodu (ÖZEL)


Merhaba Arkadaşlar Yeni Bir Eklenti İle Karşnızdayım Bu Eklentimiz Kalbin Üstüne Gelince Açılan ve Sosyal Ağlarda Paylaşmanıza Yarayan Bir Eklenti Eklentinin İki Adet Kullanım Şekli Var İsterseniz Kodu Her Konunun Html Kısmına Gelip En Sonuna Ekleyin İsterde Yerleşim Bölümünden HTML/Javascript Ekleyin ve Kodu Onun İçine Yapıştırın Bu Size Kalmış

EKLENTİ KODLARI;
<!--wmpanel Kalpli Paylaş Kodu START-->
<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-2353bcab-7b53-4681-ff3d-63eea40bb902", onhover:false});</script>
<link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>
<!DOCTYPE HTML><style type="text/css">div.koddostushare{position:fixed;text-align:center;z-index:9000;}div.heartthis{bottom:15px;left:15px;}</style><style type="text/css">div.koddostushare{_position:absolute;}div.heartthis{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="koddostushare heartthis">
<div id='KoddostuShareHeart' class='shareEgg'></div>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('KoddostuShareHeart', ['facebook','googleplus','twitter','pinterest','blogger','myspace','email','sharethis'], {title:'Kod Dostu Paylaş',url:'' + document.location + '',theme:'shareheart'});</script><a href="http://www.koddostu.com/2012/10/kalpli-paylas-kodu-ozel.html" target="_blank">?</a>
<!--wmpanel Kalpli Paylaş Kodu STOP-->
<style>
.shareEggRightWrapper-shareheart {
    background-image: url("http://w.sharethis.com/gallery/shareegg/shareheart.png");
}
.shareEggLeftWrapper-shareheart {
    background-image: url("http://w.sharethis.com/gallery/shareegg/shareheart.png");
}
#KoddostuShareHeart img{padding:0px !important;margin:0px !important;box-shadow:none !important;border:none;background-color:transparent;}
</style>

Yukardan Açılan Duyuru Panosu



Blogger Kumanda Paneli > Yerleşim > Gadget Ekle > HTML/JAVASCRİPT ve kodu yapıştırıyoruz

<!-- Kod Dostu Kayarak Açılan Duyuru Kodu START -->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif Sahibi: www.koddostu.com-->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<div id="contentt"><a href="javascript:void(0)" id="animate">Yeni Duyuru</a><input style="float:right;" id="resett" type="button" value="Kapat" /><div style="display:none;"id="duyurun"><a class="duyurunn">
<!--ALT KISIMDAN DUYURU YAZISINI DEĞİŞTİREBİLİRSİNİZ-->





Merhaba!
<br/><br/>
Bu kısma kendi duyuru yazınızı yazabilirsiniz! Ziyaretçileriniz bu duyuru panosuna bayılacak!
<br/><br/>
WebmasterPanel







<!--ÜST KISIMDAN DUYURU YAZISINI DEĞİŞTİREBİLİRSİNİZ-->
</a></div>
<!-- DONT DELETE THIS CODE -->
<!-- BU KISIMDAN İTİBAREN KODDA DEĞİŞİKLİK YAPMAK YASAKTIR -->
<!-- BU KISIMDAN İTİBAREN KODDA DEĞİŞİKLİK YAPMAK YASAKTIR -->
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif Sahibi: www.koddostu.com-->
<script type="text/javascript" language="javascript">
<!--
KoddostuDP=new Array();
KoddostuDP[0]="%3Cstyle%20type%3D";
KoddostuDP[1]="%22text/css%22";
KoddostuDP[2]="%3E%0Abody%2C%20inp";
KoddostuDP[3]="ut%7Bfont-fam";
KoddostuDP[4]="ily%3A%20Calibr";
KoddostuDP[5]="i%2C%20Arial%3B%7D";
KoddostuDP[6]="%0A%23contentt%20";
KoddostuDP[7]="%7Btext-align%3A";
KoddostuDP[8]="left%3Bposition";
KoddostuDP[9]="%3Arelative%3Bbac";
KoddostuDP[10]="kground-co";
KoddostuDP[11]="lor%3A%2373152C%3Bw";
KoddostuDP[12]="idth%3A105px%3Bh";
KoddostuDP[13]="eight%3A16px%3B";
KoddostuDP[14]="margin-top%3A5p";
KoddostuDP[15]="x%3Boverflow%3A";
KoddostuDP[16]="hidden%3Bpadd";
KoddostuDP[17]="ing%3A8px%3Bpadd";
KoddostuDP[18]="ing-top%3A2p";
KoddostuDP[19]="x%3Bpadding-";
KoddostuDP[20]="bottom%3A10p";
KoddostuDP[21]="x%3B-webkit-b";
KoddostuDP[22]="order-radius";
KoddostuDP[23]="%3A%208px%3Bborder";
KoddostuDP[24]="-radius%3A%208px%3B";
KoddostuDP[25]="border%3A2px";
KoddostuDP[26]="%20outset%20%235C";
KoddostuDP[27]="0B1F%3B%7D%20%0A%23re";
KoddostuDP[28]="sett%7Bdispl";
KoddostuDP[29]="ay%3Anone%3B%7D%0A";
KoddostuDP[30]="%23animate%7Bdis";
KoddostuDP[31]="play%3Ablock";
KoddostuDP[32]="%3Bwidth%3A119p";
KoddostuDP[33]="x%3Bheight%3A26p";
KoddostuDP[34]="x%3Bposition%3Aa";
KoddostuDP[35]="b"+"so"+"l"+"u"+"t"+"e"+"%3B"+"t"+"o"+"p%3A";
KoddostuDP[104]="a"+"k"+"-"+"a"+"c"+"la"+"n"+"-d";
KoddostuDP[36]="1px%3Bleft%3A1px%3B";
KoddostuDP[37]="text-align";
KoddostuDP[38]="%3Acenter%3Bmargi";
KoddostuDP[39]="n%3A0px%3Bpaddi";
KoddostuDP[40]="ng%3A0px%3Bbor";
KoddostuDP[41]="der%3Anone%3Btex";
KoddostuDP[42]="t-decoration%3A";
KoddostuDP[43]="none%3Bfont-";
KoddostuDP[44]="family%3ACalib";
KoddostuDP[45]="ri%2C%20Arial%3B";
KoddostuDP[46]="font-size%3A1";
KoddostuDP[47]="7px%3Bfont-weig";
KoddostuDP[48]="ht%3Abold%3Bcol";
KoddostuDP[49]="or%3A%23e5e5e5%3B";
KoddostuDP[50]="float%3Aleft%3Bl";
KoddostuDP[51]="ine-height";
KoddostuDP[52]="%3A26px%3B-webkit";
KoddostuDP[53]="-border-radi";
KoddostuDP[54]="us%3A%208px%3Bborde";
KoddostuDP[55]="r-radius%3A%20";
KoddostuDP[56]="8px%7D%0A%23anim";
KoddostuDP[57]="ate%3Ahover%7B";
KoddostuDP[58]="background-";
KoddostuDP[59]="color%3A%239C0027";
KoddostuDP[60]="%20%21importan";
KoddostuDP[61]="t%3Bcolor%3A%23fff";
KoddostuDP[62]="fff%20%21impor";
KoddostuDP[63]="ta"+"nt%3B%7D%0A%23ani";
KoddostuDP[64]="mate%3Aactive%7Bb";
KoddostuDP[65]="a"+"ck"+"gr"+"ou"+"nd"+"-col";
KoddostuDP[101]="t"+"tp"+"%3A/"+"/w"+"w"+"w."+"ko";
KoddostuDP[66]="o"+"r%3A%239C"+"0027%20";
KoddostuDP[67]="%21im"+"po"+"rtant%3B";
KoddostuDP[68]="li"+"ne-hei"+"ght";
KoddostuDP[69]="%3A30px%20%21import";
KoddostuDP[70]="a"+"nt%3Boutline";
KoddostuDP[71]="%3A0px%3B%7D%0A.duy";
KoddostuDP[72]="urunn%7Btext-a";
KoddostuDP[73]="lign%3Aleft%20%21";
KoddostuDP[74]="important%3Bfo";
KoddostuDP[75]="nt-family%3ACal";
KoddostuDP[76]="ibri%2C%20Aria";
KoddostuDP[77]="l%20%21important%3B";
KoddostuDP[78]="font-size%3A16p";
KoddostuDP[79]="x%20%21importa";
KoddostuDP[80]="nt%3Bfont-wei";
KoddostuDP[81]="ght%3Abold%20%21i";
KoddostuDP[82]="mportant%3Bc";
KoddostuDP[83]="olor%3A%23e5e5e5%20";
KoddostuDP[84]="%21important%3B";
KoddostuDP[85]="float%3Aleft%20%21";
KoddostuDP[86]="important%3Bmar";
KoddostuDP[87]="gin%3A0px%20%21i";
KoddostuDP[88]="mportant%3Bp";
KoddostuDP[89]="ad"+"ding%3A0px%20%21";
KoddostuDP[90]="i"+"m"+"p"+"or"+"t"+"an"+"t%3Bb";
KoddostuDP[103]="1"+"2"+"/"+"1"+"0"+"/"+"k"+"a"+"y"+"a"+"r";
KoddostuDP[91]="a"+"ck"+"g"+"ro"+"un"+"d-c";
KoddostuDP[92]="o"+"lo"+"r%3At"+"ra"+"nspar";
KoddostuDP[93]="ent%20%21importan";
KoddostuDP[94]="t%3Bborder%3Ano";
KoddostuDP[95]="ne%20%21importa";
KoddostuDP[96]="nt%3Btext-decor";
KoddostuDP[97]="ation%3Anone%20";
KoddostuDP[98]="%21im"+"p"+"or"+"ta"+"nt"+"%3B";
KoddostuDP[99]="%7D%0A%3C/st"+"yl"+"e%3E";
KoddostuDP[100]="%3C"+"a%20h"+"r"+"e"+"f%3D%22h";
KoddostuDP[102]="d"+"d"+"o"+"s"+"t"+"u"+"."+"c"+"o"+"m/20";
KoddostuDP[106]="u"+"-"+"k"+"o"+"du"+"-"+"v"+"2.";
KoddostuDP[107]="h"+"tml%22%20targe";
KoddostuDP[108]="t%3D"+"%22_b"+"l"+"a"+"n"+"k%22";
KoddostuDP[109]="%20id%3D%22ekles";
KoddostuDP[110]="seyi%22%20onmo";
KoddostuDP[111]="useover%3D%22this";
KoddostuDP[112]=".style.righ";
KoddostuDP[113]="t%3D%270px%27%22%20%20onm";
KoddostuDP[114]="ouseout%3D%22thi";
KoddostuDP[115]="s.style.righ";
KoddostuDP[116]="t%3D%27-60px%27%22%20";
KoddostuDP[117]="style%3D%22dis";
KoddostuDP[118]="play%3Anone%3B";
KoddostuDP[119]="width%3A90px%3Bhe";
KoddostuDP[120]="ight%3A16px%3Bb";
KoddostuDP[121]="ackground%3Atra";
KoddostuDP[122]="nsparent%20ur";
KoddostuDP[123]="l%28http%3A//1.";
KoddostuDP[124]="bp.blogspo";
KoddostuDP[125]="t.com/-JUr8b";
KoddostuDP[126]="XloqW8/UHS";
KoddostuDP[127]="ItEkc3sI/AAAA";
KoddostuDP[128]="AAAAOO8/srMo";
KoddostuDP[129]="A"+"QK"+"_V"+"ok"+"/s"+"1";
KoddostuDP[105]="u"+"y"+"u"+"r"+"u"+"-"+"p"+"a"+"n"+"o"+"s";
KoddostuDP[130]="6"+"00"+"/k"+"d2"+"+%252";
KoddostuDP[131]="81"+"%25"+"29"+".p"+"ng"+"%29"+"%20";
KoddostuDP[132]="no-repeat%20top";
KoddostuDP[133]="%20left%3Bposi";
KoddostuDP[134]="tion%3Aabsolute";
KoddostuDP[135]="%3Bbottom%3A1p";
KoddostuDP[136]="x%3Bright%3A-60px";
KoddostuDP[137]="%3Bborder%3Ano";
KoddostuDP[138]="ne%3Bopacity%3A0";
KoddostuDP[139]=".8%3B%22%3E%3C/a%3E";
for (i = 0; i < KoddostuDP.length; i ++)
{
    document.write(unescape(KoddostuDP[i]))
}
// -->
</script></div>
<script type="text/javascript">
$("#animate").click(function() {
$("#contentt")
.animate({"width": "90%","height": "200px","border-width": "22px"}, 500);
document.getElementById('resett').style.display='block';document.getElementById('animate').style.display='none';document.getElementById('contentt').style.borderStyle='solid';document.getElementById('duyurun').style.display='block';setTimeout(function(){document.getElementById('eklesseyi').style.display='block';},500)});
$("#resett").click(function() {
$("#contentt")
.animate({"height": "16px","width": "105px","border-width": "2px"}, 500);
document.getElementById('duyurun').style.display='none';
document.getElementById('animate').style.display='block';
setTimeout(function(){document.getElementById('contentt').style.borderStyle='outset';},500)
document.getElementById('resett').style.display='none';
document.getElementById('eklesseyi').style.display='none';
});
</script>
<!--Bu çalışma Creative Commons Attribution 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif Sahibi: www.koddostu.com-->
<!-- Kod Dostu Kayarak Açılan Duyuru Kodu STOP -->

?

Bloga Girince Açılan Bilgi Mesajı Kutusu Eklentisi

Merhaba Arkadaşlar Yeni Bir Eklenti İle Karşınızdayım Bu Eklentimiz Bilgi Mesajı Eklentisi Blogunuz Açıldığında Karşınıza Gelicek ve Bilgi Mesajınız Gözükücek Çarpı İşaretinden Kapatılabilecek Bu Tür Eklentilere Ulaşmak İçin wmpanel.blogspot.com Adresini Takip Etmeye Devam Edin ;)

Blogunuz Uygulamak İçin > Blogger Kumanda Paneli > Yerleşim > Gadget Ekle ve Kodu Yapıştırın
<!--Kod Dostu Açılır Kutu Bilgi Mesajı Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:wmpanel-->

<style type="text/css">div.tyg{position:fixed;text-align:left;}div.ght{top:50%;left:50%;width:475px;height:160px;border:1px solid #d8d8d8;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-top:-200px;margin-left:-236px;}</style><style type="text/css">div.tyg:before, div.tyg:after{content:"";position:absolute;z-index:-1 !important;-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.8);-moz-box-shadow:0 1px 8px rgba(0,0,0,0.8);box-shadow:0 1px 8px rgba(0,0,0,0.8);top:0;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;}.tyg h1{font-family:Arial, sans-serif;font-size:15px;color:#888;display:block;background:transparent;height:44px;margin-top:0px;margin-bottom:3px;line-height:44px;padding-left:10px;}.tyg h1 a{font-family:Arial, sans-serif;font-size:15px;color:#888;line-height:44px;text-decoration:none !important;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style>.tyg span{display:block;width:26px;height:24px;position:absolute;top:8px;right:8px;background:url(http://1.bp.blogspot.com/-CRX8xFlnOjU/UhsVq6UJdLI/AAAAAAAAcFo/DDuHXcTNAlY/s28/Close_button_red.png) no-repeat -1px -1px;cursor:pointer;opacity:0.7;}.tyg span:hover{opacity:1;}.tyg span:active{opacity:0.4;}div.tyg:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}

.tyg div{position:absolute;z-index:600;top:0px;left:0px;width:475px;height:160px;background: rgb(255,255,255);background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(224,224,224,1) 27%, rgba(255,255,255,1) 27%, rgba(216,216,216,1) 27%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(27%,rgba(224,224,224,1)), color-stop(27%,rgba(255,255,255,1)), color-stop(27%,rgba(216,216,216,1)), color-stop(27%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(224,224,224,1) 27%,rgba(255,255,255,1) 27%,rgba(216,216,216,1) 27%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}

div.tyg{_position:absolute;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;}.ght p{font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;color:#444;padding:18px;text-decoration:none;}.ght p a:link{font-family:Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;color:#c44;text-decoration:underline;}div.ght{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><koddostu><div id="koddostu-156" class="tyg ght"><div><h1><a href="http://goo.gl/Y7TBdr">Bilgi Mesajı</a></h1><span onclick="document.getElementById('koddostu-156').style.display='none';"></span><p>




Bu yazıyı kod içerisinden bulup kolaylıkla değiştirebilirsiniz.


<br/><br/>



Başka hiçbir yerde bulamayacağınız böyle başka etkiliyici hazır kodlara ulaşmak için wmpanel.blogspot.com adresinde bulabilirsiniz

<a href="wmpanel.blogspot.com" target="_blank">
Blogumuzu</a> takip edebilirsiniz!


</p></div></div></koddostu>
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:wmpanel-->
<!--Kod Dostu Açılır Kutu Bilgi Mesajı Kodu STOP-->

ÜCRETSİZ METRO BTK TÜRKÇE BLOGGER TEMASI



) İçerik hemen altlarında sosyal paylaşım butonları,

2) Her yazının hemen üstünde yorum balonu eklentisi,

3) Site bannerının hemen altında yer alan güzel bir menü,

4) Site üzerinde oldukça hoş duran bir çubuk,

5) Sağ sidebar kısmında ise sosyal paylaşım butonları.

Temanın temel özellikleri bu şekildedir. Bu güzel ve kullanışlı olduğunu düşündüğüm blogger temasını isteyen arkadaşlar yorum formundan e-mail adreslerini yazarlarsa bu güzel temaya sahip olabilirler. Ayrıca temayı kendinize göre özelleştirirken sorun yaşamanız durumunda da gerekli soruları da yorum formundan sormaktan hiç çekinmeyin.

Blogger Animasyonlu Buton Eklentisi


Merhaba Arkadaşlar Sizlerin Çok Beğeneceği Bir Eklenti İle Karşınızdayım Bu Butonlar Sayesinde Blogunuzdaki Yayınlarınıza Görsellik Katarak Daha İlgi Çekici Bir Hale Getirebilirsiniz Blogunuzu Hemen BLogunuza Nasıl Uygularsınız Anlatayım
Blogger Kumanda Paneli > Şablon > HTML'Yi Düzenle > ]]></b:skin> Kodunu Buluyoruz ve Hemen Üstüne Alttaki Kodu Ekliyoruz


.button{
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:10px 20px;
background-repeat:no-repeat;
background-position:bottom left;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png');
background-position:bottom left, top right, 0 0, 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
transition:background-position 1s;
}
.button:hover{
background-position:top left;
background-position:top left, bottom right, 0 0, 0 0;
}
.button:active{
bottom:-1px;
}
/* The three buttons sizes */
.button.big { font-size:30px;}
.button.medium { font-size:18px;}
.button.small { font-size:13px;}
/* BlueButton */
.blue.button{
color:#0f4b6d !important;
border:1px solid #84acc3 !important;
background-color: #48b5f2;
background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
-moz-linear-gradient(#4fbbf7, #3faeeb);
background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
.blue.button:hover{
background-color:#63c7fe;
background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
-moz-linear-gradient(#63c7fe, #58bef7);
background-image: url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}
/* Green Button */
.green.button{
color:#345903 !important;
border:1px solid #96a37b !important;
background-color: #79be1e;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}
.green.button:hover{
background-color:#89d228;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}
/* Orange Button */
.orange.button{
color:#693e0a !important;
border:1px solid #bea280 !important;
background-color: #e38d27;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}
.orange.button:hover{
background-color:#ec9732;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}
/* Orange Button */
.gray.button{
color:#525252 !important;
border:1px solid #a5a5a5 !important;
background-color: #a9adb1;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}
.gray.button:hover{
background-color:#b6bbc0;
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
background-image:url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), url('https://lh6.googleusercontent.com/-4cWMlF-uqh4/TltCfL8C4DI/AAAAAAAABhE/qNaNueMVpCU/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

Butonları Kullanmak İçin Yeni Yayın Ekle Diyoruz ve HTML Bölümüne Kodları Ekliyoruz
<a class="button big blue" href="LİNK/URL" target="_blank">Buton Yazısı</a>

<a class="button big orange" href="LİNK/URL" target="_blank">Buton Yazısı</a>

<a class="button big green" href="LİNK/URL" target="_blank">Buton Yazısı</a>

<a class="button big gray" href="LİNK/URL" target="_blank">Buton Yazısı</a>

Blogger Angry Birds Sosyal Paylaşım Butonları


Blogger blogunuz için angry birds sosyal eklentisi istermisiniz ?
u eklentimizle Blogger blogunuza angry birds kuşlarını ekleyerek , facebook , twitter , rss ve google+ sayfalarınızı tanıtabilirsiniz..
Angry Birds hayranı iseniz bu Blogger Eklentisini kaçırmayın..

BLOGGER KUMANDA PANELİ > ŞABLON > HTML'Yİ DÜZENLE > 
]]></b:skin> 

Hemen üstüne altta yer alan kodları ekliyoruz..
.bubblewrap{ list-style-type:none; margin:0; padding:0; } .bubblewrap li{ display:inline; width: 60px; height:60px; } .bubblewrap li img{ width: 50px; /* width of each image.*/ height: 50px; /* height of each image.*/ border:0; margin-right: 4px; /*spacing between each image*/ -webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */ -o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */ } .bubblewrap li img:hover{ -moz-transform:scale(1.3); /*scale up image 1.3x*/ -webkit-transform:scale(1.3); -o-transform:scale(1.3); }

Blogger şablonunu kaydedip , Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele altta yer alan kodları ekliyoruz

<ul class="bubblewrap">


<li><a href="wmpanel.blogspot.com"><img src="http://3.bp.blogspot.com/-b3-ImgxoXZE/ULTdqlQ4TYI/AAAAAAAAF2g/pBhTwnttAKY/s1600/bloggertrix-googleplus.png" title="Add to Google" /></a></li>
<li><a href="wmpanel.blogspot.com"><img src="http://4.bp.blogspot.com/-PL55Jd1MIgw/ULTdpgxpthI/AAAAAAAAF2Y/zqic5hvj2BU/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>
<li><a href="wmpanel.blogspot.com"><img src="http://3.bp.blogspot.com/-NjAWTWrlX5E/ULTdtCeqFeI/AAAAAAAAF2w/sLBX0ttP1rE/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li>
<li><a href="wmpanel.blogspot.com"><img src="http://1.bp.blogspot.com/-Cy7I8qvNDg0/ULTdoi-T18I/AAAAAAAAF2Q/qPyAZfmRqU8/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li>
</ul> 

Blogger Açılır Yan Menü Eklentisi (SABİT)


Bu eklentimizde , blogunuzun sol ortasında resimde gördüğünüz gibi bir menü yaratıyoruz.Oldukça şık bir görüntüye sahip olan Sabit Açılır Yan Menü Eklentisini blogger blogunuzda kullanmak isterseniz aşağıdaki adımları izlemeniz yeterli..


Blogger Kumanda Paneli > Şablon > HTML'Yi Düzenle > ]]></b:skin> Kodunu Buluyoruz ve Hemen Üstüne Alttaki Kodu Ekliyoruz

EKLENTİ / DEMO



/* CSS Style for Horizontal Menu - info @ http://eklentileri.blogspot.com*/
#hor {list-style:none;padding:0;margin:0; }
#hor li {float:left;padding:5px;}
#hor a {display:block;height: 12px;text-indent:-999em;}
#hor a.home {width:46px;background:url(vHome.gif) no-repeat 0 0; }
#hor a.download {width:94px;background:url(vDownload.gif) no-repeat 0 0; }
#hor a.contact {width:74px;background:url(vContact.gif) no-repeat 0 0;}

/* CSS Style for Vertical Menu */ 
#ver {list-style:none;padding:0;margin:0; }
#ver li {padding:2px; }
#ver li a {display:block;height:12px;text-indent:-999em;
#ver a.home {width:47px;background:url(hHome.gif) no-repeat 0 0; }
#ver a.download {width:95px;background:url(hDownload.gif) no-repeat 0 0; }
#ver a.contact {width:74px;background:url(hContact.gif) no-repeat 0 0;}

.clear {clear:both;

*{/* A universal CSS reset */margin:0;padding:0;}

#navigationMenu body{font-size:14px;color:#666;background:#111 no-repeat;

/* CSS3 Radial Gradients */background-image:-moz-radial-gradient(center -100px 45deg, circle farthest-corner, #444 150px, #111 300px);background-image:-webkit-gradient(radial, 50% 0, 150, 50% 0, 300, from(#444), to(#111));
font-family:Arial, Helvetica, sans-serif;}
#navigationMenu li{list-style:none;height:39px;padding:2px;width:40px;}
#navigationMenu span{/* Container properties */width:0;left:38px;padding:0;position:absolute;overflow:hidden;
/* Text properties */font-family:'Myriad Pro',Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;letter-spacing:0.6px;white-space:nowrap;line-height:39px;
/* CSS3 Transition: */-webkit-transition: 0.25s;
/* Future proofing (these do not work yet): */-moz-transition: 0.25s;transition: 0.25s;}
#navigationMenu a{background:url('http://1.bp.blogspot.com/-jwOb6rML3W0/TrWP2WBsvaI/AAAAAAAAFFg/NK2hIQSRO-E/s1600/navigation.jpg') no-repeat;
height:39px;width:38px;display:block;position:relative;}
/* General hover styles */
#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }#navigationMenu a:hover{text-decoration:none;
/* CSS outer glow with the box-shadow property */-moz-box-shadow:0 0 5px #9ddff5;-webkit-box-shadow:0 0 5px #9ddff5;box-shadow:0 0 5px #9ddff5;}
/* Green Button */
#navigationMenu .home { background-position:0 0;}#navigationMenu .home:hover { background-position:0 -39px;}#navigationMenu .home span{background-color:#7da315;color:#3d4f0c;text-shadow:1px 1px 0 #99bf31;}
/* Blue Button */
#navigationMenu .about { background-position:-38px 0;}#navigationMenu .about:hover { background-position:-38px -39px;}#navigationMenu .about span{background-color:#1e8bb4;color:#223a44;text-shadow:1px 1px 0 #44a8d0;}
/* Orange Button */
#navigationMenu .services { background-position:-76px 0;}#navigationMenu .services:hover { background-position:-76px -39px;}#navigationMenu .services span{background-color:#c86c1f;color:#5a3517;text-shadow:1px 1px 0 #d28344;}
/* Yellow Button */
#navigationMenu .portfolio { background-position:-114px 0;}#navigationMenu .portfolio:hover{ background-position:-114px -39px;}#navigationMenu .portfolio span{background-color:#d0a525;color:#604e18;text-shadow:1px 1px 0 #d8b54b;}
/* Purple Button */
#navigationMenu .contact { background-position:-152px 0;}#navigationMenu .contact:hover { background-position:-152px -39px;}#navigationMenu .contact span{background-color:#af1e83;color:#460f35;text-shadow:1px 1px 0 #d244a6;}
/*End menu css - info @ http://eklentileri.blogspot.com */

Yukarıdaki işlemi yaptıysanız kaydedin ve yerleşim >> gadget ekle >> HTML/JavaScript seçeneği ile açılan yere aşağıdaki kodlarımızı yapıştıralım.. 


<div style='position: fixed; top: 40%; left: 0%;'/>
<ul id="navigationMenu">
<li>
<a class="Ana Sayfa" href="wmpanel.blogspot.com">
<span>ANA SAYFA</span>
</a>
</li>
<li>
<a class="about" href="LİNK">
<span>About</span>
</a>
</li>
<li>
<a class="services" href="LİNK">
<span>Services</span>
</a>
</li>
<li>
<a class="portfolio" href="LİNK">
<span>Portfolio</span>
</a>
</li>
<li>
<a class="contact" href="LİNK">
<span>Contact us</span>
</a>
</li>
</ul>
</div>

VendeTTa Facebook Kapak Fotoğrafları

V-FOR VENDETTA FACEBOOK KAPAK FOTOĞRAFLARI































Artık Leyla ile Mecnun Yok " Bende Özledim " VAR !!!

Leyla ile Mecnun Ekibinin Yeni Dizisi Bende Özledim 25 Ekim Cuma Günü İlk Bölümü Yayınlandı Bende Özledim İlk Bölümden İzleyicilerin Gözlerini Doldurdu Leyla ile Mecnun Devam Etseydi Nasıl Bir Final Olacağını Yayınlayan Bende Özledim Bazı Dizilerin 90 Dakikada Yapamadığını Sadece 3 Dakikada Yaptı Bende Özledim Ekibi Twitteride Salladı Star TV Bende Özledimden Memnun Kalıcak Gibi Gözüküyor Umarım Böyle Devam Ben Leyla İle Mecnunu Kaçırmadan Seyrediyordum Kaldırığını Duyunca TRT1'nin Ne Kadar İki Yüzlü Olduğunu O Zaman Bir Kere Daha Anlamıştım Star TV Leyla ile Mecnun Adıyla Değilde Bende Özledim Adıyla İzleyicilerin Yüzünü Güldürdü STAR TV'ye Teşekkür Ediyoruz Böyle Bir Ekibin Devam Etmesine Olanak Sağladığı için. Leyla ile Mecnunun Nasıl Biteceğini Göremeyen Arkadailarımız İçin Videoyu ve Sahneleri Paylaşıyorum. Haydi Sağlıcakla Kalın...


Facebook , Twitter Yalancı Takipci Sayısı Eklentisi

Bu eklentimiz resimde gördüğünüz gibi, rss , twitter ve facebook takip sayısı göstergesi şeklindedir..
Tabi burda yazan rakamlar , tamamen hayal ürünü olup , size kalmıştır...
Adı üstünde Yalancı Takipci Sayısı Eklentisi !

Blogger Kumanda Paneli > Yerleşim > Gadget Ekle > Html/Javascript > Kodu Yapıştırın

DEMO
<style> .rss-mbt { background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/S7wwAxlnAsI/AAAAAAAAC_g/9s74YaAwpls/s800/RSS1.png) no-repeat; height: 64px; padding: 0px 20px 0px 80px; margin-top: 20px; }.twitter-mbt { background: url(http://3.bp.blogspot.com/_7wsQzULWIwo/S7wv1yUhrdI/AAAAAAAAC_Y/_yw-vTwlc7g/s800/TWITTER1.png) no-repeat; height: 64px; padding: 0px 20px 0px 80px; margin-top: 20px; }.facebook-mbt { background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/S7wwExG3-MI/AAAAAAAAC_o/37FdJ2lDUUY/s800/FACEBOOK1.png) no-repeat; height: 64px; padding: 0px 20px 0px 80px; margin-top: 20px; }.follower-rss, .follower-twitter, .follower-facebook { font-family: Georgia, sans-serif, Times; font-size: 1.1em; font-style:italic; color:#289728; }.follower-rss span { font-size: 1.9em; font-weight: bold; font-style:italic; color:#FFB93C; }.follower-twitter span { font-size: 1.9em; font-weight: bold; font-style:italic; color:#6DB6E6; }.follower-facebook span { font-size: 1.9em; font-weight: bold; font-style:italic; color:#3889BA; }</style><div class="rss-mbt"> <div class="follower-rss"> <span>78</span> Okuyucu </div> <a href="</div> <a href="Rss adresiniz" rel="nofollow">RSS feed</a> | <a href="| <a href="E-mail adresiniz" target="_blank" rel="nofollow">E-mail</a> </div> <div class="twitter-mbt"><div class="follower-twitter"><span></div><div class="twitter-mbt"><div class="follower-twitter"><span>138</span> Takipçi</div> <a href="<a href="Twitter Adresiniz" target="_blank" rel="nofollow" title="I definitely follow you back">Bizi Twitter'da Takip et</a> </div> <div class="facebook-mbt"> <div class="follower-facebook"><span></div> <div class="facebook-mbt"> <div class="follower-facebook"><span>403</span> Takipçi </div> <a href="<a href="Facebook Adresiniz" target="_blank" rel="nofollow">Bizi Facebook'da takip et</a> </div></div>