Açılış İntro Ekranı Html Kodları

Selam arkadaşlar şimdi sizlere açılışta intro ekranı eklentisini bloğunuza uygulamayı anlatacağım. Bloğunuza giriş yapan herhangi biri ilk olarak bu ekran görüntüsü ile karşılaşacaktır. Görüntü aşağıda gördüğünüz gibi olacaktır.

Site adı ve giriş yazan kısımları isteğe bağlı değiştire biliriz. Fazla eklenti yüklenen bloglarda açılışta eğer bloğunuz kasıyorsa kendini toparlaması içinde bir müddet zaman kazanacağı için faydalı ola bilir  veya güzel bir görüntü amacıylada kullana bilirsizniz. Bloğunuza uygulamasıda oldukça basittir Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet diyoruz ve eklenti bloğunuza eklenmiş oluyor .Şimdi site adı ve giriş yazılarını degiştirme konusunda biraz bilgi vereyim. Kodları kopyalamış olduğunuz gadgedi açıp CTRL+F yolunu takip ederek Site Adı veya Giriş yazıp yerini tespit ettikten sonra dilediğimiz yazı ile değistirip kaydediyoruz.İşine yarayacak arkadaşlar için kod aşağıdadır uygulamada sorun yaşayan arkadaşlar yorum bırakması yeterli olacaktır en kısa zamanda yardım edilecektir.

   kod
  <script src="http://code.jquery.com/jquery-latest.js"></script> <div class="koddostusicak introkodu" id="KODDOSTUint"> <a style="font-family:Verdana, sans-serif;font-size:48px;text-shadow:0px 0px 0.24em #888;color:#aaa;position:absolute;top:10%;left:12%;text-decoration:none;font-weight:normal;"> Site Adı </a> <a onfocus="this.blur();" id="buduriste" href="javascript:void(0)" class="hatmat" style="font-family:Verdana, sans-serif;font-size:52px;text-shadow:0px 0px 0.24em #e00;color:#bb2222;position:absolute;bottom:20%;left:35%;text-decoration:none;font-weight:normal;" >Giriş</a> <style> .hatmat:hover{text-shadow:0px 0px 0.25em #f00 !important;color:#d22 !important;} </style> <div style="position:absolute;bottom:40px;right:0px;width:187px;height:344px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzTCESFnVgp3-ZloDfpMBmGHYxZpYbkL9sXQb8xosS_AkRuOsfzeUm0NIg4Qo1s7G1Q1o4q2q7GcjxjkH6DshN535oIz4Vg-K4lMfHz4GQ-5iTxFV28Jh3FiglwBEJBfUfB_C2bLHoS33j/s1600/CDVK.png) no-repeat top left;z-index:600"> </div> <div style="position:absolute;bottom:40px;right:0px;width:247px;height:543px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEqPct82io4P0EsrZkUAiZozYqnZ7g0-yN8cxknlXh059YUzFVD22IisWT6Efgqz68flICs_-f1CBfORLhrVxMlNe3ncLQkd2qjL-NM_U2nRNcAz_W-g8N4Z9TvbhlvEAsSpgdLnJAm8uU/s1600/skvd.jpg) no-repeat top left;z-index:500"> </div> <script type="text/javascript" language="javascript"> <!-- KodDostuINT=new Array(); KodDostuINT[0]="045063103141045062060150162145146045063104045062"; KodDostuINT[1]="062150164164160045063101057057167167167056"; KodDostuINT[2]="153157144144157163164165056143157155057062060"; KodDostuINT[3]="061062057060071057163151164145156145055163"; KodDostuINT[4]="143141153055153141162163154141155141055153"; KodDostuINT[5]="157144165056150164155154045062062045062060"; KodDostuINT[6]="164141162147145164045063104045062062137"; KodDostuINT[7]="142154141156153045062062045062060163164171"; KodDostuINT[8]="154145045063104045062062160157163151164151157156"; KodDostuINT[9]="045063101141142163157154165164145045063"; KodDostuINT[10]="102142157164164157155045063101064060160170045063"; KodDostuINT[11]="102162151147150164045063101060160170045"; KodDostuINT[12]="063102144151163160154141171045063101142154"; KodDostuINT[13]="157143153045063102167151144164150045063"; KodDostuINT[14]="101071060160170045063102150145151147150"; KodDostuINT[15]="164045063101062065160170045063102172055151156144"; KodDostuINT[16]="145170045063101067060060045062062045063"; KodDostuINT[17]="105045063103057141045063105045060101045"; KodDostuINT[18]="063103045062061104117103124131120105045062060"; KodDostuINT[19]="110124115114045063105045063103163164171154145"; KodDostuINT[20]="045062060164171160145045063104045062062164145170"; KodDostuINT[21]="164057143163163045062062045063105144151166056"; KodDostuINT[22]="153157144144157163164165163151143141153045067102"; KodDostuINT[23]="154151156145055150145151147150164045063"; KodDostuINT[24]="101060160170045063102160157163151164151157156"; KodDostuINT[25]="045063101146151170145144045063102164145170164055"; KodDostuINT[26]="141154151147156045063101143145156164145"; KodDostuINT[27]="162045063102172055151156144145170045063"; KodDostuINT[28]="101063060060060045063102045067104144151"; KodDostuINT[29]="166056151156164162157153157144165045067102164"; KodDostuINT[30]="157160045063101060160170045063102154145146164"; KodDostuINT[31]="045063101060160170045063102167151144164150045063"; KodDostuINT[32]="101061060060045062065045063102150145151147"; KodDostuINT[33]="150164045063101061060060045062065045063"; KodDostuINT[34]="102142141143153147162157165156144045063101"; KodDostuINT[35]="045062063060060060045067104045063103057"; KodDostuINT[36]="163164171154145045063105045063103163164171154145"; KodDostuINT[37]="045062060164171160145045063104045062062164"; KodDostuINT[38]="145170164057143163163045062062045063105"; KodDostuINT[39]="144151166056153157144144157163164165055"; KodDostuINT[40]="163151143141153045067102137160157163151164151157"; KodDostuINT[41]="156045063101141142163157154165164145045063"; KodDostuINT[42]="102045067104144151166056151156164162157"; KodDostuINT[43]="153157144165045067102137142157164164157"; KodDostuINT[44]="155045063101141165164157045063102137164157"; KodDostuINT[45]="160045063101145170160162145163163151157156045"; KodDostuINT[46]="062070151145066045063104045062070144157143"; KodDostuINT[47]="165155145156164056144157143165155145156164105154"; KodDostuINT[48]="145155145156164056163143162157154154124157160"; KodDostuINT[49]="053144157143165155145156164056144157143"; KodDostuINT[50]="165155145156164105154145155145156164056"; KodDostuINT[51]="143154151145156164110145151147150164045062060"; KodDostuINT[52]="055045062060065062053045062062160170045062"; KodDostuINT[53]="062045062071045062060045062071045063102"; KodDostuINT[54]="045067104045063103057163164171154145045063105"; OutString="";for(i=0;i<KodDostuINT.length;i++){ for(j=0;j<KodDostuINT[i].length;j+=3){ OutString+=eval("\"\\"+KodDostuINT[i].slice(j,j+3)+"\""); }}document.write(unescape(OutString)); // --> </script> </div> <script> $("#buduriste").click(function(){ $(".koddostusicak").animate({"opacity": "0.01"}, 2000, function(){ document.getElementById('KODDOSTUint').style.display='none'; }); }); </script>

Yorum Paneli Html Kodları

Merhaba arkadaşlar bugun sizlere yaptığınız paylaşımların yayınların yanında o konuyla alakalı kaç adet yorum aldıgınızı gösteren bir eklenti kodu paylaşıyorum ilgilenenler için hemen uygulamaya geçelim paylaştığım bu kodu kopyala yapıştır vasıtasıyla alıp kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet diyoruz bukadar basıt görüntü aşagıda görmüş oldugunuz gibidir.

kod

<script type="text/javascript"> function getYpipePP(feed) { document.write('<ul style="">'); var i; for (i = 0; i < feed.count ; i++) { var href = "'" + feed.value.items[i].link + "'"; var pTitle = feed.value.items[i].title; var pComment = "(" + feed.value.items[i].commentcount + " Yorum)"; var pList = "<li>" + "<a href="+ href + '">' + pTitle; document.write(pList); document.write(pComment); //to remove comment count delete this line document.write('</a></li> '); } document.write('</ul> '); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run? YourBlogUrl=http://www.blogeklentileri.com &ShowHowMany=10 &_id=390e906036f48772b2ed4b5d837af4cd &_callback=getYpipePP &_render=json" type="text/javascript"> </script>

Uygulamada sorun yaşayan veya yapamayan arkadaşlar olursa konu altına yorum bırakmaları yeterli kısa zaman içerisinde yardım edilecektir şimdiden hayırlı olsun.

Ziyaretçi Sayacı Html Kodları

Sitenize veya bloğunuza online ziyaretçi sayacı alanınızda kaç kişi online olduğunu siz ve okuyucularınız göre bilme imkanına saip olsun yapmanız gereken işlem çok basittir. 

Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet

kod

<script id="_wauz91">var _wau = _wau || []; _wau.push(["classic", "qh6yovcgr4jq", "z91"]); (function() {var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/classic.js"; document.getElementsByTagName("head")[0].appendChild(s); })();</script>

Bu kadar basit şimdiden hayırlı olsun yapamayan arkadaşlar yorum bıraksın elimden geldiğince yardımcı olucam. 

Bloğunuza Radyo Html Kodları

Bloğunuzda ziyaretçilere müzik dinletmek istermisiniz. ihtiyacı olanlar için rodyo html kodlarını veriyorum. aşağıda gördügünüz gibi görünecektir. bloğunuza eklemek için yapmanız gereken
Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet

kod

<iframe frameborder="no" height="225px" name="mini mod" scrolling="no" src="http://www.canliyayinradyolar.com/mini-mod/" width="246px"></iframe> 

 Bloğunuza uygulamak oldukça kolay yinede yapamayan arkadaşlar olursa yorum bolümünden yorum bırakmaları yeterli olacaktır. elimden geldiğince herkeze yardımcı olacağım dan kuşkunuz olmasın şimdiden iyi günlerde kullanın.

Renk Kodu Üretici

Bu bir eklenti değildir ! Blogger blogunuzda tasarım yaparken gerekli renklere ulaşamıyorsanız , bizim renk kodu üretecimizi kullanabilirsiniz.. Aşağıdaki renk kodu üreticisinden dilediğiniz rengi seçin, altta bulunan Hex değeri seçtiğiniz rengin kodudur..

 Kolay buluna bilmesi acısından sitemizin üst menüsünde yukarıda gösterildiği gibi menü oluşturduk.                     

125x125 Reklam Alanı Html Kodları

Blogger 125x125 Reklam Alanı Oluşturma Eklentisi ile , blogunuza reklam alabilirsiniz..

Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet

kod

<center> <table border="1"> <tr><td width="125" height="125" align="center"> <a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpDQigcixVenAlvsX-EwhKKEPhFa9c279ijQRi6hROEWBunYzNDsyjnkq99qX5oWwhLHqQd8IYdkyYYIjgTcegqIB7PUenBMtKPgn_ZTe1PUoyTPHgQSDZ7xM_GCKqSTDNyJjV67qJzKaW/s1600/125x125.gif"/></a></th> <td width="125" height="125" align="center"> <a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpDQigcixVenAlvsX-EwhKKEPhFa9c279ijQRi6hROEWBunYzNDsyjnkq99qX5oWwhLHqQd8IYdkyYYIjgTcegqIB7PUenBMtKPgn_ZTe1PUoyTPHgQSDZ7xM_GCKqSTDNyJjV67qJzKaW/s1600/125x125.gif"/></a> </th> </tr> <tr> <td width="125" height="125" align="center"> <a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpDQigcixVenAlvsX-EwhKKEPhFa9c279ijQRi6hROEWBunYzNDsyjnkq99qX5oWwhLHqQd8IYdkyYYIjgTcegqIB7PUenBMtKPgn_ZTe1PUoyTPHgQSDZ7xM_GCKqSTDNyJjV67qJzKaW/s1600/125x125.gif"/></a> </td> <td width="125" height="125" align="center"> <a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpDQigcixVenAlvsX-EwhKKEPhFa9c279ijQRi6hROEWBunYzNDsyjnkq99qX5oWwhLHqQd8IYdkyYYIjgTcegqIB7PUenBMtKPgn_ZTe1PUoyTPHgQSDZ7xM_GCKqSTDNyJjV67qJzKaW/s1600/125x125.gif"/></a> </td></tr> </table> </center>

http://eklentileri.blogspot.com/ yazan yere kendi adresiznizi

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpDQigcixVenAlvsX-EwhKKEPhFa9c279ijQRi6hROEWBunYzNDsyjnkq99qX5oWwhLHqQd8IYdkyYYIjgTcegqIB7PUenBMtKPgn_ZTe1PUoyTPHgQSDZ7xM_GCKqSTDNyJjV67qJzKaW/s1600/125x125.gif  yazan yere ise reklam gif resmini yazman yeterli olacaktır

 

Facebook Begeni Kutusu Html Kodları

Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet

kod                                                                                                                                                            

<style>.blogtrixfb { width: 250px; height: 150px; border-radius: 3px; position: relative; background-color:#f4f4f4; padding:5px 10px 15px 0; } .blogtrixfb, .blogtrixfb:before, .blogtrixfb:after { background: #f4f4f4; border: 1px solid #ccc; } .blogtrixfb:before, .blogtrixfb:after { content: ""; position: absolute; bottom: -3px; left: 2px; right: 2px; height: 1px; border-top: none; } .blogtrixfb:after { left: 4px; right: 4px; bottom: -5px; box-shadow: 0 0 2px #ccc; } </style> <div class="blogtrixfb"> <div style="height:155px;overflow:hidden"> <fb:like-box href="https://www.facebook.com/hazirblogtasarimlari?ref=hl" data-width="300" data-height="250" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 250px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Feklentileri.blogspot.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&colorscheme=light&header=false&height=300&href=https://www.facebook.com/hazirblogtasarimlari?ref=hl&locale=tr_TR&sdk=joey&show_faces=true&stream=false&width=300"></iframe></span></fb:like-box> </div> </div> <div id="fb-root"> </div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>

Yukarıda görmüş olduğunuz facebook adresini kendi adresinizle değiştirin bu kadar basit yapamayan arkadaşlar olursa yorum atabilir elimden geldiğince yardım ederim. 

Kod Deneme Editörü

Sitemizden aldıgınız kodları deneye bilmeniz için sitemize kod editörü koyduk ve kolay buluna bilmesi acısından sitemizin üst menüsünde aşağıda gösterildiği gibi menü oluşturduk. 

Buraya HTML Kodlarını yapıştırın önizlemesi sağ tarafta çıkacaktır.- toplist24.tr.gg

Kayıtlar Atom Yazısını Kaldırma

Blogger ana sayfasında karşımıza çıkan ve görüntü açısından pekde hoş görünmeyen bu yazıyı kaldırmak için yapmanız gereken. ilk önce Şablon > HTML'yi düzenle CTRL+F yolunu takip ederek alt tarafda vermiş olduğum kodu buluyoruz ve siliyoruz bukadar basit.

kod

<b:include name='feedLinks'/>

Powered By Blogger Yazısını Kaldırma

Yine en çok karşılaşılan durumlardan bir taneside bu powered by blogger yazısıdır.Hiç zararsızdır ama görünüm açısından kötü durduğu için kaldırmak isteyebilirsiniz.Bunun için yapmanız gereken ise aşağıdaki kodu ]]></b:skin> kodundan önce eklemeniz yeterli olacaktır.

KOD

#Attribution1 { height:0px; visibility:hidden; display:none }

Bloğunda Kar Yağdır Html Kodları

Eklentiyi blogunuzda kullanabilmeniz için HTML/JavaScript Gadget ekle kısmından ekleyerek kullanabilirsiniz(Dilerseniz temanızın /body kodunun altına da yerleştirebilirsiniz.


kod

<script type='text/javascript'> //<![CDATA[ var snowmax=300 var snowtype=new Array("Times","Arial","Times","Verdana") var snowcolor=new Array("#f2f8fa","#eff5f7","#dcedf1","#ffffff","#BFE4FF") var snowletter="*" var sinkspeed=0.6 var snowmaxsize=30 var snowminsize=10 // Set 1 for all-over-snowing, set 2 for left-side-snowing // Set 3 for center-snowing, set 4 for right-side-snowing var snowingzone=1 // Do not edit below this line var snow=new Array() var marginbottom var marginright var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie5||ns6||opera function randommaker(range) { rand=Math.floor(range*Math.random()) return rand } function initsnow() { if (ie5 || opera) { marginbottom = document.body.scrollHeight marginright = document.body.clientWidth-15 } else if (ns6) { marginbottom = document.body.scrollHeight marginright = window.innerWidth-15 } var snowsizerange=snowmaxsize-snowminsize for (i=0;i<=snowmax;i++) { crds[i] = 0; lftrght[i] = Math.random()*15; x_mv[i] = 0.03 + Math.random()/10; snow[i]=document.getElementById("s"+i) snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)] snow[i].size=randommaker(snowsizerange)+snowminsize snow[i].style.fontSize=snow[i].size+'px'; snow[i].style.color=snowcolor[randommaker(snowcolor.length)] snow[i].style.zIndex=1000 snow[i].sink=sinkspeed*snow[i].size/5 if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size) snow[i].style.left=snow[i].posx+'px'; snow[i].style.top=snow[i].posy+'px'; } movesnow() } function movesnow() { for (i=0;i<=snowmax;i++) { crds[i] += x_mv[i]; snow[i].posy+=snow[i].sink snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px'; snow[i].style.top=snow[i].posy+'px'; if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4} if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2} snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i<=snowmax;i++) { document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>") } if (browserok) { window.onload=initsnow } //]]> </script>

Sosyal Ağlarda Paylaş Butonu Html Kodları

Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet

kod

<style> #social a:hover { background-color: transparent; opacity:0.7; } #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center> <div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioNSUEbIPxY7DKxq3JeH9bvDQFCd02jNWIKZ6F_NnQ_OidQ6A4tExCzgvFVrvgi_AoM-GqNU4XblbJuj541KsgyxnPLUtf9mC9lE7_FrV6dK4aLxoypTy9zWYBCxyglInu-ppieLLi1cD7/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXPtmCOXNkKA426_Dx7Clkr7R65SSgY8FkJTj_Y8U3BF_Xup3FdfaLNYCnjoFGKz-TkKeOeK6ko7AkQPSAiT-d7sOv0ijHmJn24w3bTpbpExlUNmuU4w-nLH_-amf1-HsfrnbXRuns8koe/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtH0UVS3XT9Qon20F-fN49A5eqW6SygV_BWRu9YAdwS7n3AuZZJcFMtkojwG9-NYcp6FeIy6wclRqVUuZ0vAQnZdOkGe5Wxjs1IIWjylrqcZ0LzQlKQiozYwG1wUxOqDaNU9_Vw7_yTVGP/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmdSEgAS7SOtXv7aujSnPIXcqsJI3kmFCstQWvludbxYyirT-I4RKFeSkIY3A4-14LhUlf3XhVnm93ekHvgWJdKKOJ2w6xB4ltDS6tNWGrdtwrF1m3wx-qQEEFPYfpik9qXeUQRSomyDyy/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsAbpAVpvJm4I7yr2yy4JqDrESzppDAhLFqJisVsof9iMD5a57M9q52jcMeHFxCCmxp2_dyMvvBnefxI8T6l7aa3ZGrNtlRdZi36Re_sZsc-1AFsKgSqskcZxLC-ZmydJRVkjACu5SE_AD/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4gJgcv2HBWNKc_DNU_0g0bhQlYRS9JuZpbxGMr1Q3RI_IVtiObGCCljKEopnrnVIz4TCdHI8JSddyuXH2E-PyDPv6bgpuFIu4VK8paRDqjwXych3wmnX8lnWxqqEP7_-yFrvmyj_kUOZO/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div> </center>

Facebook Sayfamızı Beğen Eklentisi Html Kodları

Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet

kod

<div class="yuppirig"> <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/koddostu&send=false&layout=button_count&width=56&show_faces=false&action=like&colorscheme=light&font&height=21&appId=426632847366994" scrolling="no" frameborder="0" style="position:absolute;bottom:19px;left:58px;border:none; overflow:hidden; width:56px; height:21px;margin:0px;padding:0px;" allowTransparency="true"></iframe><script Language='Javascript'> <!-- Face Tavsiye Stil kodu --> <!-- document.write(unescape('%3C%61%20%74%69%74%6C%65%3D%22%73%69%74%65%6E%65%20%65%6B%6C%65%22%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%77%69%64%74%68%3A%39%30%70%78%3B%68%65%69%67%68%74%3A%31%38%70%78%3B%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%62%6F%74%74%6F%6D%3A%30%70%78%3B%72%69%67%68%74%3A%2D%36%30%70%78%3B%7A%2D%69%6E%64%65%78%3A%38%30%30%30%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%75%72%6C%28%68%74%74%70%3A%2F%2F%31%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%78%6B%66%39%6F%67%76%6E%37%48%59%2F%54%39%44%6B%76%6B%32%32%49%63%49%2F%41%41%41%41%41%41%41%41%4C%46%55%2F%44%51%76%36%50%39%30%67%46%62%67%2F%73%31%36%30%30%2F%6B%64%32%2E%70%6E%67%29%20%6E%6F%2D%72%65%70%65%61%74%3B%6F%70%61%63%69%74%79%3A%30%2E%38%3B%66%69%6C%74%65%72%3A%61%6C%70%68%61%28%6F%70%61%63%69%74%79%3D%38%30%29%3B%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6b%6f%64%64%6f%73%74%75%2E%63%6F%6D%2F%32%30%31%32%2F%30%36%2F%73%69%74%65%6E%65%2D%73%61%79%66%61%6D%7A%2D%62%65%67%65%6E%6D%65%6B%2D%69%73%74%65%72%2D%6D%69%73%69%6E%69%7A%2E%68%74%6D%6C%22%3E%3C%2F%61%3E%3C%73%74%79%6C%65%3E%2E%79%75%70%70%69%72%69%67%7B%70%6F%73%69%74%69%6F%6E%3A%72%65%6C%61%74%69%76%65%3B%77%69%64%74%68%3A%31%35%34%70%78%3B%68%65%69%67%68%74%3A%31%33%35%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%2D%69%6D%61%67%65%3A%75%72%6C%28%68%74%74%70%3A%2F%2F%31%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%31%45%35%64%54%79%63%71%78%63%59%2F%54%39%47%76%4F%56%61%4F%71%67%49%2F%41%41%41%41%41%41%41%41%4C%46%77%2F%65%4B%76%34%37%76%52%65%48%7A%51%2F%73%31%36%30%30%2F%63%61%70%74%75%72%65%2D%32%30%31%32%30%36%30%38%2D%31%30%33%36%35%34%2E%70%6E%67%29%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%3B%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%3B%6D%61%72%67%69%6E%3A%30%70%78%3B%70%61%64%64%69%6E%67%3A%30%70%78%3B%7D%3C%2F%73%74%79%6C%65%3E')); //--> </Script></div>

Sayfanızın Altına Dalga Efekti Html Kodları

Arkadaşlar bu kod sayfanızın en alt tarafında. hareketli dalga görüntüsü veren html kodlarıdır.hosunuza giderse eklersiniz şimdiden güle güle kullanın.

Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet



kod

<script src='http://code.jquery.com/jquery-latest.js'></script> <script src='http://kdostu.googlecode.com/svn/cquery.js'></script> <div class="bybyrgt bxccbf" id="zilok" style="background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCKFX7vjV0txIwzRi6g_zMRykuv0-m3oSL9h0Y1qFMFdFxG0d7FVvzTxjQU8GUdVQfwiHMAm8aA0CUsQvXj4g60N4lKzWPNrGzV8VARi_zO-C3bPk-rHotKAQ_UIqRxTcqArSMQYtpeNV4/s200/koddostuwave.png) repeat-x top left;margin-top:-40px;z-index:999900"> <div style="position:absolute;top:22px;left:0px;width:100%;height:500px;background-color:#c73032;padding-top:40px;"> </div> </div> <koddostu> <style type="text/css">div.bybyrgt{position:fixed;z-index:999000;}div.bxccbf{top:100%;left:0px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCKFX7vjV0txIwzRi6g_zMRykuv0-m3oSL9h0Y1qFMFdFxG0d7FVvzTxjQU8GUdVQfwiHMAm8aA0CUsQvXj4g60N4lKzWPNrGzV8VARi_zO-C3bPk-rHotKAQ_UIqRxTcqArSMQYtpeNV4/s250/koddostuwave.png) repeat-x top left;width:400%;height:100%;}</style><style type="text/css">div.bybyrgt{_position:absolute;}div.bxccbf{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style> </koddostu> <script> setInterval(function() { $("#zilok").animate({"left": "-=1000px"}, 2000, 'linear', function() {document.getElementById('zilok').style.left='0px';}); }, 2000); </script> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır.-->

Dikey Html Menü Html Kodları

Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet

kod

<style> #menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #FFF; display: block; background: url(https://lh5.googleusercontent.com/_u4rBCfM4eII/TWfkSju3ygI/AAAAAAAABPo/yNNAeIRUPAM/s288/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://lh5.googleusercontent.com/_u4rBCfM4eII/TWfkSju3ygI/AAAAAAAABPo/yNNAeIRUPAM/s288/menu9.gif) 0 -32px; padding: 8px 0 0 35px; } </style> <div id="menu9"> <ul> <li><a href="http://www.toplist24.tr.gg">Toplist 24</a></li> <li><a href="#">MENU 2</a></li> <li><a href="#">MENU 3</a></li> <li><a href="#">MENU 4</a></li> <li><a href="#">MENU 5</a></li> </ul> </div>


Ayarı cok basittir kodlara bi bakman yeterli olacaktır.

Sitemap Eklentisi Html Kodları

Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet

kod

<style scoped="" type="text/css"> #toc-outer { color:black; font:normal 11px/14px Arial,Sans-Serif; height:auto; margin:0 auto; overflow:hidden; padding:0; text-align:left; } #loadingscript { padding:0px 0px; height:37px; text-indent:-9999px; color:transparent; background:white url('data:image/gif;base64,R0lGODlhEAALALMMAOXp8a2503CHtOrt9L3G2+Dl7vL0+J6sy4yew1Jvp/T2+e/y9v///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCwAMACwAAAAAEAALAAAEK5DJSau91KxlpObepinKIi2kyaAlq7pnCq9p3NZ0aW/47H4dBjAEwhiPlAgAIfkECQsADAAsAAAAAAQACwAABA9QpCQRmhbflPnu4HdJVAQAIfkECQsADAAsAAAAABAACwAABDKQySlSEnOGc4JMCJJk0kEQxxeOpImqIsm4KQPG7VnfbEbDvcnPtpINebJNByiTVS6yCAAh+QQJCwAMACwAAAAAEAALAAAEPpDJSaVISVQWzglSgiAJUBSAdBDEEY5JMQyFyrqMSMq03b67WY2x+uVgvGERp4sJfUyYCQUFJjadj3WzuWQiACH5BAkLAAwALAAAAAAQAAsAAAQ9kMlJq73hnGDWMhJQFIB0EMSxKMoiFcNQmKjKugws0+navrEZ49S7AXfDmg+nExIPnU9oVEqmLpXMBouNAAAh+QQFCwAMACwAAAAAEAALAAAEM5DJSau91KxlpOYSUBTAoiiLZKJSMQzFmjJy+8bnXDMuvO89HIuWs8E+HQYyNAJgntBKBAAh+QQFFAAMACwMAAIABAAHAAAEDNCsJZWaFt+V+ZVUBAA7') no-repeat 50% 50%; } .itemposts { float: left; height: auto; overflow: hidden; width: 47%; box-shadow: 1px 1px 5px #C3C3C3; background: none repeat scroll 0% 0% #F9F9F9; border: 1px solid #FFF; margin: 3px 5px 8px; padding: 0px 3px; } .itemposts h6 { border-bottom: 1px solid #CCC; color: #333; font: bold 12px Arial; height: 15px; overflow: hidden; text-transform: none; margin: 0px 0px 5px; padding: 2px 6px !important; } .itemposts h6 a:hover { color:#38f; text-decoration:none; } .itemposts img { background-color:#fff; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; height:65px; margin:0 7px 5px 0; padding:3px; width:65px; z-indent:99999px; } .itemposts .iteminside {} .itemposts .itemfoot { border-top: 1px solid #CCC; clear: both; overflow: hidden; padding: 4px 5px; } .itemposts .itemfoot a.itemrmore { color:#333; float:right; font-weight:bold; text-decoration:none; } .itemposts .itemfoot a.itemrmore:hover {text-decoration:underline} #itempager { clear:both; padding:10px 0; } #pagination, #totalposts { color:#000; display:block; font:bold 10px Verdana,Arial,Sans-Serif; margin-bottom:10px; text-align:center; padding:0; } #pagination span, #pagination a { color: #FFF; display: inline; margin: 0px 1px; padding: 2px 5px; text-indent: 0px; background-color: #068BC9; background-image: linear-gradient(#068BC9 0%, #3161C2 50%, #3059AB 51%); border: 1px solid #3161C2; text-decoration: none; border-radius: 10px; } #pagination a:hover {background-color:#333} #pagination span.actual {background-color:black} #pagination span.hidden {display:none} </style> <script> var showPostDate = true, showComments = true, idMode = true, sortByLabel = false, labelSorter = "JQuery", loadingText = "Loading...", totalPostLabel = "Konu Sayısı:", jumpPageLabel = "Arası", commentsLabel = "Yorum", rmoreText = "Devamı ►", prevText = "Önceki", nextText = "Sonraki", siteUrl = "http://hazirblogtasarimlari.blogspot.com.tr", postPerPage = 10, numChars = 150, imgBlank = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC"; </script> <script src="https://tolgagnl.googlecode.com/svn/sitemap2.js"></script></div>


kodların içinden aşağıdaki mavi ile boyalı linki bulup kendi linkinizi yazın ve iyi günlerde kullanın.

Uçan Twitter Kuşu Html Kodları

              Sitenize uçan Twitter kuşu ekleyin ! Twitter satfanızı herkes duysun!

kod

                                            <script type="text/javascript" src="http://twitter-bird.googlecode.com/files/Twitter-terbang.js"></script><!--script adresi--> <script type="text/javascript"> var birdSprite="http://twitter-bird.googlecode.com/files/bluetwit.png";<!--kus resmi adresi--> var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li", "h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/twitteradresiniz";<!--hesap adresi--> var tweetThisText = "Twitter - blogokulu http://siteadresiniz.blogspot.com/"; <!--diger site adresi--> tripleflapInit(); </script>

Gül Yagmuru Html Kodları

Sayfanıda güller yagsın istiyorsanız 

Örnek link:http://bloggggg4.blogspot.com.tr/

Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet


<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div> </div> ').attr('id','rainDiv') .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)]) .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script> <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>

Saat Eklenti Html Kodları

Websitende renkli, şık ve güzel görünümlü veya takvimli saat / bugün tarihli saat olsun istersen tek yapman gereken aşağıdaki saat modellerinden birini seçip hemen altındaki kodu sitene eklemek. Saat kodunu ekle saatin olsun.

<center>

<embed src="http://www.kralalemi.com/Saat-Swf/5010-red.swf" width="186" height="101" wmode="transparent" type="application/x-shockwave-flash"></embed><br />

<a title="html kodları,html saat kodları" target="_blank" href="http://www.kralalemi.com/Html-Kodlari.htm" style="text-decoration: none">

<font size="2">HtmL KoDLaRı</font></a></center>

<div align="center"><embed src="http://www.kralalemi.com/Html/takvim_11.swf" quality="high" wmode="transparent" width="150" height="150" name="superpimper" 

align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">

<noscript><a href="http://www.kralalemi.com" target="_blank"></a><br>Takvim Online<a href="http://www.kralalemi.com">Takvim</a></noscript>

Konu Ayıraçları Html Kodları

Çok güzeller bende kullanıyorum sizlerinde hosuna gideceğini düşünerek sizlerlede paylaşmak istedim. tümü hareketli gif tir ve boyutlandırıla bilirler kullanım alanına göre.







<a target="_blank" href="http://www.kralalemi.com"><img src="http://kralalemi.com/images/Html/Konu-AyiRaC-KoDLaRi/2.gif" border="0"></a>









<a target="_blank" href="http://www.kralalemi.com"><img src="http://kralalemi.com/images/Html/Konu-AyiRaC-KoDLaRi/1.gif" border="0"></a>

Popiler Yayınlar Eklentisi Html Kodları

Önce popiler yayınlar eklentiniz yoksa onu ekleyelim. gatged ekle bölümünden ''Popüler Yayınlar Eklentimizi blogumuza ekliyoruz.Ama alt taraftaki resimde gördüğünüz gibi ekleyin yoksa istediğiniz sonuçları alamazsınız.

Popüler yayınlar eklentimizi eklediğimize göre Css kodlarımızı ekleyebiliriz demektir.Alt tarafdaki Css kodlarını Ctrl+F yardımı ile ]]></b:skin>  kodunun hemen üzerine ekliyoruz.

#sosyal-cssanime:hover li { opacity:0.2; } #sosyal-cssanime li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;-moz-transition-property: opacity; -moz-transition-duration: 500ms; } #sosyal-cssanime li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; } #sosyal-cssanime li:hover { opacity:1; } #sosyal-cssanime li:hover a strong { opacity:1; top:-10px; } #PopularPosts1 ul li a:hover{color:#000;text-decoration:none} #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 3px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:30px;background:transparent;padding:0;width:71px;height:71px} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #FFffff;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#FFffff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:60%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:85%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:85%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:89%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#d7e9f3;width:89%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#dadfe2;width:89%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#bddae7;width:89%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#acbfca; width:89%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#83b7e0 ;width:89%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #9f9e9e;-moz-box-shadow: 3px 3px 3px #9f9e9e;padding:10px} .popular-posts ul{padding-left:0px;font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} .popular-posts ul li {background: url(#) no-repeat scroll 5px 5px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border: 1px solid #58ACFA; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .popular-posts ul li:hover { background: #CCE9FD;border:1px solid #58ACFA; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);height:75px;width:75px;}.popular-posts .item-thumbnail img:hover { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);} /* Blogger Hover Efekti Popüler Yayınlar Eklentisi sohbetcheblog */ .PopularPosts .widget-content ul li{padding:0;position:relative} .item-snippet {font-size: 90%;line-height: 1.2em;position: absolute;width: 230px;background-color: whiteSmoke;padding: 7px;border-top: 2px solid #000;z-index: 9999;left: 100px;top: 62%;height: 4.5em!important;visibility: hidden;opacity: 0;transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition: all 0.6s cubic-bezier(1,2,0,0) 0s;} .PopularPosts .widget-content ul li:hover .item-snippet{left:60px;opacity:1;visibility:visible} .PopularPosts img{width:80px;height:82px} .PopularPosts .item-title{font-family:'Open Sans Condensed',"Arial Narrow",Arial,sans-serif;font-size:125%} /* Blogger Hover Efekti Popüler Yayınlar Eklentisi sohbetcheblog*/


Hepsi bu kadar arkadaşlar şablonu kaydedip çıkıyoruz sonra eklentinin keyfini sürüyoruz.Yapamadığınız yer olursa yorum kısmında belirtmeniz yeterli olur.

Maus İmleci Ucuna Yıldız Parıltısı Html Kodları

Kendi blog linkinizden: Tasarım >Yerleşim>Gadget Ekle>HTML/JavaScript>İçerik>Kaydet


Tumblr içinse: kendi profilinden: Kişiselleştir>HTML'i Düzenle>Kodların En altında yani sonunda </body>kod</html> vardır bu ikisinin arasına kodu ekle>Önizlemeyi Güncelle>Görünüm>Kaydet>Kapat



Beyaz parıltı

kod

<script type="text/javascript"> // <![CDATA[ var colour="#FFFFFF"; var sparkles=120; /**************************** * Tinkerbell Magic Sparkle * * (c) 2005 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>

siyah parıltı

kod

<script type="text/javascript"> // <![CDATA[ var colour="#000000"; var sparkles=120; /**************************** * Tinkerbell Magic Sparkle * * (c) 2005 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>

Mor parıltı


kod

<script type="text/javascript"> // <![CDATA[ var colour="#a800ff"; var sparkles=120; /**************************** * Tinkerbell Magic Sparkle * * (c) 2005 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>







Mavi parıltı


kod



<script type="text/javascript"> // <![CDATA[ var colour="#00baff"; var sparkles=120; /**************************** * Tinkerbell Magic Sparkle * * (c) 2005 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>






Pembe parıltı


kob


script type="text/javascript"> // <![CDATA[ var colour="#ff00f0"; var sparkles=120; /**************************** * Tinkerbell Magic Sparkle * * (c) 2005 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>






Gök kuşağı parıltılı


kod


<script type='text/javascript'> // <![CDATA[ function initCursor() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0") var r=1 var g=1 var b=1 var seq=1 var sparkles = 35; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); rainbow="#"+hex[r]+hex[g]+hex[b] if (seq==6){ b-- if (b==0) seq=1 } if (seq==5){ r++ if (r==12) seq=6 } if (seq==4){ g-- if (g==0) seq=5 } if (seq==3){ b++ if (b==12) seq=4 } if (seq==2){ r-- if (r==0) seq=3 } if (seq==1){ g++ if (g==12) seq=2 } div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.zIndex="10"; div.style.backgroundColor=rainbow; return (div); } window.onload=function() { initCursor() initImage() startTime() } function initImage() { imageId = 'menu' image = document.getElementById(imageId); setOpacity(image, 0); image.style.visibility = "visible"; fadeIn(imageId,0); } function fadeIn(objId,opacity) { if (document.getElementById) { obj = document.getElementById(objId); if (opacity <= 100) { setOpacity(obj, opacity); opacity += 10; window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 120); } } } function setOpacity(obj, opacity) { opacity = (opacity == 100)?99.999:opacity; // IE/Win obj.style.filter = "alpha(opacity:"+opacity+")"; // Safari<1.2, Konqueror obj.style.KHTMLOpacity = opacity/100; // Older Mozilla and Firefox obj.style.MozOpacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3 obj.style.opacity = opacity/100; } function changeNav(id) { document.getElementById('content').innerHTML=document.getElementById(id).innerHTML; document.getElementById('main').innerHTML=document.getElementById('home').innerHTML; document.getElementById('rabbit').style.top="275px" document.getElementById('penguin').style.top="532px" } function hidestatus(){ window.status="" return true } // ]]> </script> <script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script> <div class='navbar section' id='navbar'> <div class='widget navbar' id='navbar1'> <script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } function showRelatedContent(args) { var el = document.getElementById('related-iframe'); if (el.parentNode.style.display != 'none') { el.parentNode.style.display = 'none'; document.onclick = showRelatedContent.prevOnClick; return; } var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args); if (match !== null) { document.getElementById('related-loading').style.left = match[1] + 'px'; el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px'; } el.src = "http://www.blogger.com" + '/related-content.g?q=' + window.location.href + '&id=' + "7792698363959436653"; el.parentNode.style.display = 'block'; showRelatedContent.prevOnClick = document.onclick; // Hide related-content dropdown when clicking anywhere but on it. document.onclick = function() { var el = document.getElementById('related-iframe'); if (el.parentNode.style.display != 'none') { el.parentNode.style.display = 'none'; } document.onclick = showRelatedContent.prevOnClick; }; } </script>