Blogger İçin

Kod;

<script Language='Javascript'>
<!--
document.write(unescape('%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%2F%2A%20%58%4C%53%46%20%32%30%30%37%20%2A%2F%0A%0A%23%6C%69%67%68%74%73%20%7B%0A%20%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%20%6C%65%66%74%3A%30%70%78%3B%0A%20%74%6F%70%3A%30%70%78%3B%0A%20%77%69%64%74%68%3A%31%30%30%25%3B%0A%20%68%65%69%67%68%74%3A%38%30%70%78%3B%0A%20%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%3B%0A%7D%0A%0A%2E%78%6C%73%66%2D%6C%69%67%68%74%20%7B%0A%20%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%7D%0A%0A%62%6F%64%79%2E%66%61%73%74%20%2E%78%6C%73%66%2D%6C%69%67%68%74%20%7B%0A%20%6F%70%61%63%69%74%79%3A%30%2E%39%3B%0A%7D%0A%0A%2E%78%6C%73%66%2D%66%72%61%67%6D%65%6E%74%20%7B%0A%20%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%20%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%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%6C%69%67%68%74%73%2F%69%6D%61%67%65%2F%62%75%6C%62%73%2D%35%30%78%35%30%2D%66%72%61%67%6D%65%6E%74%73%2E%70%6E%67%29%20%6E%6F%2D%72%65%70%65%61%74%20%30%70%78%20%30%70%78%3B%0A%20%77%69%64%74%68%3A%35%30%70%78%3B%0A%20%68%65%69%67%68%74%3A%35%30%70%78%3B%0A%7D%0A%0A%2E%78%6C%73%66%2D%66%72%61%67%6D%65%6E%74%2D%62%6F%78%20%7B%0A%20%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%20%6C%65%66%74%3A%30%70%78%3B%0A%20%74%6F%70%3A%30%70%78%3B%0A%20%77%69%64%74%68%3A%35%30%70%78%3B%0A%20%68%65%69%67%68%74%3A%35%30%70%78%3B%0A%20%2A%77%69%64%74%68%3A%31%30%30%25%3B%0A%20%2A%68%65%69%67%68%74%3A%31%30%30%25%3B%0A%20%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%0A%7D%0A%0A%2E%78%6C%73%66%2D%63%6F%76%65%72%20%7B%0A%20%70%6F%73%69%74%69%6F%6E%3A%66%69%78%65%64%3B%0A%20%6C%65%66%74%3A%30%70%78%3B%0A%20%74%6F%70%3A%30%70%78%3B%0A%20%77%69%64%74%68%3A%31%30%30%25%3B%0A%20%68%65%69%67%68%74%3A%31%30%30%25%3B%0A%20%62%61%63%6B%67%72%6F%75%6E%64%3A%23%66%66%66%3B%0A%20%6F%70%61%63%69%74%79%3A%31%3B%0A%20%7A%2D%69%6E%64%65%78%3A%39%39%39%3B%0A%20%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%0A%7D%0A%0A%2F%2A%0A%2E%78%6C%73%66%2D%6C%69%67%68%74%2E%62%6F%74%74%6F%6D%20%7B%0A%20%68%65%69%67%68%74%3A%34%39%70%78%3B%0A%20%62%6F%72%64%65%72%2D%62%6F%74%74%6F%6D%3A%31%70%78%20%73%6F%6C%69%64%20%23%30%30%36%36%30%30%3B%0A%7D%0A%0A%2E%78%6C%73%66%2D%6C%69%67%68%74%2E%74%6F%70%20%7B%0A%20%68%65%69%67%68%74%3A%34%39%70%78%3B%0A%20%62%6F%72%64%65%72%2D%74%6F%70%3A%31%70%78%20%73%6F%6C%69%64%20%23%30%30%39%39%30%30%3B%0A%7D%0A%2A%2F%3C%2F%73%74%79%6C%65%3E%0A%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%6C%69%67%68%74%73%2F%73%6F%75%6E%64%6D%61%6E%61%67%65%72%32%2D%6E%6F%64%65%62%75%67%2D%6A%73%6D%69%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%79%75%69%2E%79%61%68%6F%6F%61%70%69%73%2E%63%6F%6D%2F%63%6F%6D%62%6F%3F%32%2E%36%2E%30%2F%62%75%69%6C%64%2F%79%61%68%6F%6F%2D%64%6F%6D%2D%65%76%65%6E%74%2F%79%61%68%6F%6F%2D%64%6F%6D%2D%65%76%65%6E%74%2E%6A%73%26%32%2E%36%2E%30%2F%62%75%69%6C%64%2F%61%6E%69%6D%61%74%69%6F%6E%2F%61%6E%69%6D%61%74%69%6F%6E%2D%6D%69%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%6C%69%67%68%74%73%2F%63%68%72%69%73%74%6D%61%73%6C%69%67%68%74%73%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%0A%76%61%72%20%75%72%6C%42%61%73%65%20%3D%20%27%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%6C%69%67%68%74%73%2F%2E%2F%27%3B%0A%73%6F%75%6E%64%4D%61%6E%61%67%65%72%2E%75%72%6C%20%3D%20%27%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%6C%69%67%68%74%73%2F%2E%2F%27%3B%0A%3C%2F%73%63%72%69%70%74%3E%0A%0A%0A%3C%64%69%76%3E%0A%20%3C%64%69%76%20%69%64%3D%22%6C%6F%61%64%69%6E%67%22%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%20%6E%6F%6E%65%3B%20%22%3E%0A%20%20%3C%68%31%3E%59%69%6C%62%61%73%69%20%69%73%69%6B%6C%61%72%69%3A%20%3C%2F%68%31%3E%0A%20%20%3C%68%32%3E%48%61%7A%69%72%6C%61%6E%69%79%6F%72%2E%2E%2E%3C%2F%68%32%3E%0A%20%3C%2F%64%69%76%3E%0A%0A%20%3C%64%69%76%20%69%64%3D%22%6C%69%67%68%74%73%22%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%20%62%6C%6F%63%6B%3B%20%22%3E%0A%0A%3C%2F%64%69%76%3E%0A%3C%2F%64%69%76%3E%3C%73%63%72%69%70%74%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%73%6E%6F%77%73%74%6F%72%6D%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A'));
//-->
</script>

Bu kodu widget olarak ya da HTML düzenleme yoluyla ekleyebilirsiniz. Hem kar yağdırabilecek hem de ışıkları gösterebilieceksiniz.

WordPress ve diğer siteler için

Header.php düzenlemesi

Temanızın header.php dosyası içerisine head alanının içine aşağıdaki kodları ekleyin.

<style type="text/css">/* XLSF 2007 */

#lights {
 position:absolute;
 left:0px;
 top:0px;
 width:100%;
 height:80px;
 overflow:hidden;
}

.xlsf-light {
 position:absolute;
}

body.fast .xlsf-light {
 opacity:0.9;
}

.xlsf-fragment {
 position:absolute;
 background:transparent url(http://www.schillmania.com/projects/snowstorm/lights/image/bulbs-50x50-fragments.png) no-repeat 0px 0px;
 width:50px;
 height:50px;
}

.xlsf-fragment-box {
 position:absolute;
 left:0px;
 top:0px;
 width:50px;
 height:50px;
 *width:100%;
 *height:100%;
 display:none;
}

.xlsf-cover {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 background:#fff;
 opacity:1;
 z-index:999;
 display:none;
}

/*
.xlsf-light.bottom {
 height:49px;
 border-bottom:1px solid #006600;
}

.xlsf-light.top {
 height:49px;
 border-top:1px solid #009900;
}
*/</style>

<script type="text/javascript" src="http://www.schillmania.com/projects/snowstorm/lights/soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>
<script type="text/javascript" src="http://www.schillmania.com/projects/snowstorm/lights/christmaslights.js"></script>
<script type="text/javascript">
var urlBase = 'http://www.schillmania.com/projects/snowstorm/lights/./';
soundManager.url = 'http://www.schillmania.com/projects/snowstorm/lights/./';
</script>
<script src="http://www.schillmania.com/projects/snowstorm/snowstorm.js"></script>

Sonra şu kodu body etiketinden hemen sonraya ekleyin.

<div id="lights" style="display: block; "></div>

Görmeden İnanmam Diyenlere Blogspot Örneği: Oda Oyunları 7/24
İşlem tamamdır. Yok ben illa dosyaları sitemde barındıracağım derseniz aşağıdaki dosyayı indirin ve kodları kendinize göre ayarlayın. Ha bu arada benim sitede kar farklı şekilde yağıyor. Sizde normal kar olacak :D

Hadi Selametle

Blogger’da kar yağdırmak KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

No related photos.

1. HTML Tidy Online

Bu sistem ile internet ortamından belirli bir linkte bulunan html sayfamızı ya da elimizde bulunan dosyayı gerek siteye yüklemek gerekse kodları site içindeki istenen yere kopyala-yapıştır usulüyle kodlarımız içinde yaptığımız hataları bulup bunların temizliğini ve düzeltimlesini sağlayabiliyoruz.  Dosyalarımızı WC3 standartlarına uygun hale getirebildiğini söyleyen bu site bence kullanışlı yaptığım bir iki kodu karşılaştırdım ve bazı eksikleri gösterdi. Denemeye değer.

2. HTML / XHTML Beautifier

Webmaster Gate sitesinin bir aracı olan bu sistem de online dosya ekleme ve kodları ekleme yöntemiyle WC3 standartlarına göre kodlarınızı kontrol eden ve gerekirse düzeltmeleri yapan bir özelliğe sahip. HTML Tidy Online tarzında çalışan sistem de denemye değer olarak göze çarpıyor. İkisinin arasında pek fark yok gibi.

3. Code Beautifier

Bu site ise tamamiyle CSS bazlı bir temizlik ve kontrol sağlıyor. 23,75Kb gibi büyüklükte olan dosyamı 18Kb gibi bir büyüklüe kadar indirdi. çoğu yapmış olduğum hatayı da neredeyse 0 a indirdi. Oldukça kullanışlı ve Kodlara göstereceği insiyatifi de siz belirleyebiliyorsunuz. Tek satırda okunabilir bir CSS dosyası haline getirebiliyor kodlarınızı. Gördüklerim arasında en kullanışlı ve yazmaya değer site diye düşünüyorum.

HTML Dosyalarınızı Temizleyin… KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Minify nedir biliyor musu...

Minify projesinin amacı bütün css ve javascript dosyalarını bir link üzerinden çağırıp (yani onları bir nevi birleştirip çağırmak) site üzerindeki yükü hafifletmek, böylece kulanıcı dostu, çabuk erişebilen siteler yapmak isteyenlere yardımcı olmak. Burada tanıtım tarzında geçeceğimden çok uzun uzadıya anlatmayacağım ama ileride onlara ait Kullanıcı El Kitabını ve diğer kaynakları türkçeleştirip pdf olarak bu konuyu devam ettirmeyi düşünüyorum.

Mantık olarak zaten yukarıda anlattığım bu sistemi indiriyorsunuz, sitenizin ana dizinine (root yada public_html dizini) atıyorsunuz ve birkaç ufak ayardan sonra siteadresiniz.com/mini uzantısı (yada hangi adı verirseniz) yoluyla kullanmaya başlıyorsunuz.

Siz java ve css dosyalarım burada diye bildirdikten sonra o size çok kullanışlı ve tek satır tarzında bir kod veriyor. Siz bunu kullanmaya başladığınızda aşağıdaki resimde de göreceğiniz gibi sitenizdeki dosyaların çağırılması azalıyor. Bu arada hatırlatmam gereken birşey var. Eğer eklentilerin css ve javascript dosyalarını çağıracaksanız ikilem yapmamak için eklentilerin bu dosyaları otomatik çağırmasını engellemelisiniz. Ha bu arada bu sistem için sunucunuzda PHP5 kurulu olmalı :)

İşte o fark yaratan resim.

Öncesi

Sonrası

İşte bu yukarıdaki resimler gibi istek azalıyor.

Sizin önceki kodunuz aşağıdaki gibiyken;

<script type="text/javascript" src="http://www.siteadınız.com/wp-content/themes/d_s/js/BubbleTooltips.js"></script><script type="text/javascript" src="http://www.siteadınız.com/wp-content/plugins/wp-recentcomments/js/wp-recentcomments.js"></script> . . .

Kullandıktan sonra ekleyeceğiniz kod;

<script type="text/javascript" src="/min/f=wp-content/themes/d_s/js/BubbleTooltips.js,wp-content/themes/d_s/js/mootools.svn.js,wp-includes/js/jquery/jquery.js,wp-content/plugins/wp-recentcomments/js/wp-recentcomments.js"></script>

Şeklinde olacak. Böylece sanırım hem siz, hem de kullanıcılarınız bir oh çekecektir. Hadi Selametle…
Minifye nasıl ulaşacağım diyorsan:

• Proje Sitesi
• İndirme Adresi
• Proje Wiki Sayfası
  
• İngilizce Bir Kaynak
  

Minify nedir biliyor musunuz? KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Linklere Balooon!

jQuery ile üst giriş pa...

Önce bir resim…

Site zaten demo alanı gibi oldu ama bir resim de şuraya ben eklemek istiyorum. Resmin üzerine tıklarsanız büyük halini de görebilirsiniz. Bu resimde görüldüğü üzere RSS simgesi üzerine geldiğinizde Bir başlık ve altında da bir link göreceksiniz. İşte bu script a href=” ile başlayıp devam eden link kodumuza eklediğimiz title ve yazdığınız linki alarak bu baloncuk içine yazıyor. bu bana güzel geldi ve kullanmak ihtiyacım vardı ve kullandım. Sizde kullanın diye buraya ekliyorum. bu kadar lak lak yeter. Hadi başlayalım…

İşte o kod!

Bu kod iki aşamalı oalrak düşünülebilir neden mi. Bir nerede kullanacağınız seçmenize gerek kalmayan kullanım var. Bir de istediğiniz yeri belirleyeceğiniz aşama. Şimdi öncelikle saf kodu ekliyorum buraya. Bu kodu header.php dosyası içine wp_head etiketinden önce ekleyin.

<script type="text/javascript" src="BubbleTooltips.js"></script>
<script type="text/javascript">
window.onload=function(){enableTooltips()};
</script>

İşte bu kod dışında benim yaptığım gibi özel bir alan için de kullanabileceğiniz kod burda. Burada enable Tooltips alanını özelleştirebilirsiniz. Kod aşağıda :)

<script type="text/javascript" src="BubbleTooltips.js"></script>
<script type="text/javascript">
window.onload=function(){enableTooltips("content")};
</script>

Yukarıda content yazarak sitemizdeki Content alanında tüm bulunan linkleri tooltip olarak ayarlamış olduk. Burada seçmeniz gereken id alanı div içinde kullandığımız id alanıdır.

Gelelim CSS olayına…

Bu kodu style.css dosyanıza direkt oalrak ekleyin. Gerisini java halleder :)

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(bt.gif) no-repeat bottom}

Bu aşamada bir imaj ve bir de java dosyası gerekli. Onu da şu aşağıdaki dosya içinde bulabilirsiniz. İndirdiğiniz dosya tam olarak bu anlattıklarım ve örnekleriyle doludur. Hadi Selametle… Orjinal Yazı!

Note: There is a file embedded within this post, please visit this post to download the file.

Linklere Balooon! KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

jQuery ile üst giriş pa...