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..

Animasyonlu " Sitemiz Yapım Aşamasındadır " Kodu

Merhaba Arkadaşlar Yeni Bir Kod İle Karşınızdayız Bu Kodumuz Son Derece Şık Animasyonlu "Sitemiz Yapım Aşamasındadır" Kodunu Sizlerle Paylaşıyorum Güle Güle Kullanın :)

Bu kod jquery kullanmaktadır. Eğer sitenizdeki başka bir bölümle çakışma olursa kod içerisindeşu şekilde başlayan satırı silin: <script src="http://code.jquery
Bu kod sayesinde yapım aşamasındaki ziyaretçilerinize sitenizi kapatabilirsiniz!

EKLENTİ - DEMO
Blogger Kumanda Paneli > Yerleşim > Gadget Ekle  > Kodu Yapıştır ve Kaydet Kullanıma Hazır

<!--Koddostu Sitemiz Yapım Aşamasında Kodu START-->
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<!--Telif sahibi:koddostu.com-->
<koddostu></koddostu>
<style type="text/css">div.yapim-koddostu{line-height:0px;position:fixed;text-align:center;z-index:999990;}div.koddostu-kodsonu{top:0px;left:0px;width:100%;height:100%;background:#fff url(http://3.bp.blogspot.com/-SO0oNk4YtEA/UWliyjUlSkI/AAAAAAAAUeo/ryTAuTQUHQw/s1600/desert.png) repeat top left;background-size:100% 100%;}</style><script src="http://kdostu.googlecode.com/svn/cquery.js"></script><style type="text/css">div.yapim-koddostu{_position:absolute;}div.koddostu-kodsonu{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><div class="yapim-koddostu koddostu-kodsonu"><a style="position:absolute;top:100px;left:50%;margin-left:-300px;display:block;width:600px;text-align:center;font-family:Helvetica, Arial, sans-serif;font-size:40px;font-weight:bold;color:#fff;text-shadow: black 0 2px 5px">Sitemiz Yapım Aşamasında</a><img src="http://1.bp.blogspot.com/-Bho7n4j35Hg/UWVL4yd79HI/AAAAAAAAUWs/GTrnPN5eOaU/s200/3.png" class="koddostu-arena" style="position:absolute;bottom:-5px;right:5%;border:none;padding:0px;background:transparent;margin:0px;"/><img src="http://2.bp.blogspot.com/-kTiK2ozMXlA/UWVL4_YIxRI/AAAAAAAAUWw/MRO-AHkNr78/s120/2.png" onclick="window.open('http://ww'+'w.k'+'oddo'+'stu.'+'c'+'om','')" class="koddostu-kopru" style="position:absolute;border:none;padding:0px;background:transparent;margin:0px;bottom:-15px;left:158px;"/><img src="http://1.bp.blogspot.com/-hr0gnFLDSSc/UWVL45NrdjI/AAAAAAAAUW0/sRjVDjR30w0/s200/4.png" class="koddostu-surat" style="border:none;padding:0px;background:transparent;margin:0px;position:absolute;bottom:20px;left:50%;margin-left:-77px;z-index:999999"/><img src="http://2.bp.blogspot.com/-RRlHXs_AkxU/UWVL5vZzeDI/AAAAAAAAUW4/kt47-vAJodQ/s120/5.png" class="koddostu-kumaraba" style="position:absolute;bottom:140px;left:0px;border:none;padding:0px;background:transparent;margin:0px;z-index:999995"/><img src="http://1.bp.blogspot.com/-AhoF01fG0W0/UWVL5otGB6I/AAAAAAAAUW8/T750ZBvTeZc/s140/6.png" class="koddostu-cekiciaraba" style="position:absolute;bottom:170px;right:-400px;border:none;padding:0px;background:transparent;margin:0px;z-index:999993"/></div><script>window.onload=arrmt;var int=self.setInterval(function(){arrmt()},9900);function arrmt(){$(".koddostu-cekiciaraba").animate({right: '100%'}, 9000, 'linear', function(){$(".koddostu-cekiciaraba").css('right', '-400px')} );$(".koddostu-kumaraba").animate({left: '100%'}, 9000, 'linear', function(){$(".koddostu-kumaraba").css('left', '-140px')} );}</script>
<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->
<!--Telif sahibi:koddostu.com-->
<!--Koddostu Sitemiz Yapım Aşamasında Kodu STOP--> 

Blogger MuhTeşem Duyuru Panosu


ziyaretçilerinizin çok hoşuna gidecek! Hiçbir şekilde javascript veya flash kullanmayan, sadece html ve css3 kullanarak hazırlanmış, her siteye uygun bu harika hazır kodu sitenizde mümkünse </body> kodunun hemen öncesine, değilse dilediğiniz bir yere ekleyin. Ziyaretçilerinize sayfanın sol altında, üzerine gelince dönerek açılan flat duyuru panosu ile harika bir sürpriz yapın!

Ana Sayfamızdaki Sol Alttaki İşarettir
Ön İzleme

SPOR TOTO SÜPER LİG 15. HAFTA LİGDE SON DURUMLAR ( GOL KRALLIĞI - PUAN DURUMU )

Spor Toto Süper Lig'te 15. Haftada Neler Oluyor Neler Bitti Son Durum Nedir Hepsini Bu Yayınımızda Göstereceğiz.

SPOR TOTO SÜPER LİG 15. HAFTA PUAN DURUMU FİKSTÜR
SPOR TOTO SÜPER LİG 15. HAFTA GOL KRALLIĞI
SPOR TOTO SÜPER LİG İLE İLGİLİ HABERLER


GTA 4 Win 7 kasma sorunu Kesin ÇöZüm

Hepimizin Büyük sorunu Sisteminiz Çok iyi olsa bile Win 7 kasma olayları oluyor işte bu işlemden sonra kasma sorunu kalkıcak


İDDAA KUPON TAHMİNLERİ





512
 Bayern - Manchester City
Oran: 1.75 
513
 Benfica - Paris St Germain
Oran: 1.55 
514
 Kopenhag - Real Madrid
Oran: 1.30 
517
 Olympiakos - Anderlecht
Oran: 1.50 
Maç Adedi: 4
Toplam Oran: 5.29

516
 Manchester Utd - S. Donetsk
Oran: 2.10 
531
 Wolfsberger - Sturm Graz
Oran: 2.40 
540
 Schalke - Basel
Oran: 2.40 
544
 Lanus - Ponte Preta  (1.00h)
Oran: 2.50 
Maç Adedi: 4
Toplam Oran: 30.24

Bunu Blogumda Paylaşabilirim. Hürriyet Benim.

Hürriyet; gündeme dair cesur bir projeyle karşımızda. TBWA\ISTANBUL'un hazırladığı proje kısa zamanda oldukça ses getirdi. Din, dil, ırk, cinsiyet ayırt etmeden bireysel özgürlükleri konu alan projenin amacı Türkiye'nin dört bir yanından insanların hürriyetlerini dile getirmeleri ve seslerini duyurmaları...

Bu proje katılımcıların kendi hürriyetlerini anlatmaları için tasarlandı, katılımcılar videolarını oluştururken ilham versin diye de bir film hazırlandı.

Hürriyet, herkesi kendi hürriyet cümlelerini yazmaya ve hürriyet şarkılarını yaratmaya davet etti. Kullanıcılar içinde kendi fotoğraflarının da olduğu hürriyet filmleri yaratabiliyor ve bu filmleri sosyal medyada dilediğince paylaşabiliyor. Ayrıca seçtikleri mesaj ve fotoğraflarından oluşan bannerı hurriyet.com.tr sayfalarında yayınlanıyor. Kısaca proje tamamıyle interaktif bir proje olarak kurgulandı. www.hurriyetbenim.com üzerinden ilham verici videoyu seyredebilir, kendi video ve bannerınızı yaratabilirsiniz.

"Hürriyet Benim" filmi, daha TV’ye çıkmadan viral olarak sosyal medyada gösterildi ve çok kısa sürede yayılarak; sosyal medyada konuşulmaya ve paylaşılmaya başlandı. Kullanıcıların katkılarıyla yapılan klipleri Twitter'dan #hürriyetbenim hashtag'iyle takip edebilirsiniz.

Ben de kendi videomu oluşturdum ve benim için hürriyetin ne demek olduğunu anlattım. İzlemek için;

Bir boomads advertorial içeriğidir.

Bende Özledim 4. Bölüm Son Sahne

 Bende Özledim 4. Bölüm Osmanın Son Sahnede Duygulu Konuşmasını Sizler İçin Youtube'ye Yükledik ve Sizler İçin Blogumuzda Paylaşıyoruz Daha Fazlası İçin Blonumuzu Takip Etmeye Devam Edin... Wmpanel ;)

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>