Son 24 Saat

2011-04-01T18:51:00.004+03:00

Türkçe karakter Ascii Kodları aşağıdaki gibidir.

HTML Kaynak Kodu Giriniz :

Kodlanmış HTML Kaynak Kodu :

ç ç
ı ı
ğ ğ
ö ö
ş ş
ü ü
Ç Ç
İ İ
Ğ Ð
Ö Ö
Ş Ş
Ü Ü

Blogger'deki siteyi wordpresse taşımak

2011-03-31T21:51:00.007+03:00

Blogger'e uygulanan yasaklar yüzünden çogu kişi wordpress' geçmek istiyor.Bende kendi blogumda uyguladığım bir kaç yöntemi sizinle paylaşayım.

İlk önce bir domaininiz olduğunu ve wordpress kurulu olduğunu varsayıyorum.

1.Adım *

* Blogger ->Ayarlar -> Dışarı aktar diyoruz.

* Çıkan xml dosyasını wordpresse uyarlamak gerekiyor.Onuda Google appengine sitesinin yapmış olduğu converterle yapıyoruz.Tıklayın..

Boyut pek önemli değil dışarı verilen xml dosyasını wordpresse aktaracağız.

* Wordpress -> İçeri aktar -> Wordpress seçiyoruz.

Dosya boyutu 2M fazlaysa Wp splitter dosyasını burdan indirin.

Dışarı verilen xml dosyasını seçip onaylayın.

Parçalara ayrılan xml uzantılı dosyaları wordpresse yükleyin.

Enson olarak blogspot uzantılı adresinize gelen ziyaratçileri blogunuza yönlendirmek için aşağıdaki javascript kodunu blogunuza ekleyin.

<head> </head>

arasına aşağıdaki kodu ekleyin.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<script type='text/javascript'>
//<![CDATA[
var blog_root='http://siteadresiniz.com/';
document.location.href=blog_root;
//]]>
</script>
<noscript>
<meta content='0; url=http://siteadresiniz.com/' http-equiv='refresh'/>
</noscript>
</b:if>

Aşağıdaki kodu bulun ve altına kodu ekleyin.

<b:include data='post' name='post'/>

siteadresiniz.com ve blogadresiniz kısımlarını kendinize göre düzenleyin.

Buradaki amaç hem gelen ziyaratçiyi yeni alana yönlendirmek hemde wordpresse uygun seo url yapmak

<script type='text/javascript'>
var new_page=&#39;siteadresiniz.com/&#39;;
var title = &#39;<data:post.title/>&#39;;
title = title.toLowerCase();
title = title.replace(/ /g, &quot;-&quot;);
title = title.replace(/ğ/g, &quot;g&quot;);
title = title.replace(/ç/g, &quot;c&quot;);
title = title.replace(/ğ/g, &quot;g&quot;);
title = title.replace(/ı/g, &quot;i&quot;);
title = title.replace(/ö/g, &quot;o&quot;);
title = title.replace(/ş/g, &quot;s&quot;);
title = title.replace(/ü/g, &quot;u&quot;);
var permalink = &#39;<data:post.url/>&#39;;
var timestamp = &#39;<data:post.timestampISO8601/>&#39;;
timestamp = timestamp.split(&#39;-&#39;);timestamp = timestamp[0]+&#39;/&#39;+timestamp[1];
new_page = permalink.replace(/blogadresiniz\.blogspot\.com\/[0-9]{4}\/[0-9]{2}\/[a-z]/,new_page+timestamp+&#39;/&#39;+title+&#39;.html&#39;);
new_page = new_page.replace(/html(.*)html/g, &#39;html&#39;);
document.location.href = new_page;
</script>

2. Adım * Eğer yukarıdaki işlemleri yapamadıysanız aşağıdaki işlemleri deneyin.

Burda bloggeri seçip blogspot adresindeki yazılarımızı wordpress aktaracağız.

Daha sonra bu ekran karşımıza çıkıyor izin ver diyoruz..!

Ekrandan kendi blogunuzu bulup import tuşuna basıyoruz.Yüklenmesi biraz zaman alabilir.

Blogger permalink ayarını resimdeki şekilde ay ve isimi seçerek `/` işaretini silip `.html` ekliyoruz.

Bloggerde Yazarların Resimlerini Göstermek

2009-08-20T15:11:00.004+03:00

Blogunuzdaki yazarların resmini gösterin.

1 -

<b:if cond='data:top.showAuthor'>
  <data:top.authorLabel/> <data:post.author/>
</b:if>

Bununla değiştirin

<div class='post-avatar-frame'>
<div class='post-avatar'>
<script type='text/javascript'>
makeprofilelink(&quot;<data:post.author/>&quot;,&quot;img&quot;);
</script>
<b:if cond='data:top.showAuthor != &quot;true&quot;'> 
<data:post.author/>
</b:if>
</div></div>

<b:if cond='data:top.showAuthor'>  
<data:top.authorLabel></data:top.authorLabel>
<script type='text/javascript'>
makeprofilelink(&quot;<data:post.author></data:post.author>&quot;,&quot;txt&quot;);
</script>
</b:if>

2 - Javascript Kodları <head> </head> arasına,

<script type='text/javascript'>
  var team = new Array();
  team[&quot;yazar&quot;]=&quot;12312312312321353231&quot;;
  team[&quot;yazar1&quot;]=&quot;45645656876854645645&quot;;
  team[&quot;yazar2&quot;]=&quot;456456565646&quot;;
  team[&quot;yazar3&quot;]=&quot;7537537537535314&quot;;
  function makeprofilelink (authorname, type) {
   var pid = team[authorname];
if (type==&quot;img&quot;) { document.write(&quot;<a href='http://www.blogger.com/profile/&quot; + pid + &quot;'><img class='post-avatar' height='40' src='http://isminiz.googlepages.com/resim/&quot; + authorname + &quot;.jpg' title='View Profile'/></a>&quot;); }
else if (type==&quot;txt&quot;) { document.write( &quot;<a href='http://www.blogger.com/profile/&quot; + pid + &quot;'>&quot; + authorname + &quot;</a>&quot;); }
else { document.write(&quot;<a href='http://www.blogger.com/profile/&quot; + pid + &quot;'>&quot; + authorname + &quot;</a"&quot;); }
}
</script>

3 - Css Kodları <head> </b:skin> arasına,

.post-avatar {
border-style:none;
display:block;
}
.post-avatar-frame {
background:#FFFFFF; //arkaplan rengi
border-style:none;  //kenar çizgisini gösterme
display:block;      //sayfada göster
float:left;         //sola yasla
}

Değiştirmeniz gereken yerler :

1- team["yazar"]="12312312312321353231";
2- http://isminiz.googlepages.com/resim/" + authorname + ".jpg

- Burada dosya uzantısı jpg,png,gif olabilir.
Kaynak : Googlegroups - Blogger Yardım Grubu

Demo : demo adresi

Blogger İçin Faydalı Eklentiler ve Temalar

2009-07-30T17:22:00.003+03:00

Bloggerde istediğiniz kadar yazı listeleme (random widget) - Erman Haskan
Otomatik Devamını oku Bağlantısı (auto read-more) - Blogsolute
Recent Post Thumbnail Widget Gadget - Bloggerplugins
Blogger Son yorumlar && Son Yazılar Gadget Eklentisi - Bloggerbuster
Benzer Yazılar (Related Posts Widget Thumbnail) - Linkwithin
Bloggerde sadece yazı başlıklarını listelemek - Mafiamax

Blogger için Tema Adresleri

Blogger Tema Templates Şablon - Bloggertema
Blogger templates,blogger templates BTemplates
Blogger template premium templates - Magznetwork
Free blogger templates wordpress to blogger template - EBlogTemplates

Magazine Blogger Template

2009-05-06T23:36:00.004+03:00

Yeni ve güzel bir blogger temasıyla karşınızdayım.Asıl wordpress temasına uyarlanmış fakat biliyorsunuz genelde wordpressten bloggere uyarlama çok oluyor zaten genelide öyle.Normalde devamı oku linkini ayrıca belirtiriz 2 etiket arasında bununla öyle bir mesrafa girmeye gerek yok.Kullanım konusunu aşağıda açıkladım.İndirmek isteyenler buradaki linkten indirip kullanmaya başlayabilirler.Örnek bir şablon ise şuradaki linkte mevcut ayarları kendinize göre yaparsınız.

Henüz resim eklemedim ama demolara bakarak görebilirsiniz..

Wordpress Theme Demo - Blogger Theme Demo

İndirmek için tıkla

Resimleri özel olarak göstermek için bu adresi kullanabilirsiniz
<img class="thumbnail" alt="thumbnail" src="http://resim-adresi.jpg"/>

Yukardaki menu için aşağıdaki kodları header kısmındaki widget ekle kısmından yapabilirsiniz

Suscríbete vía RSS
                  
Ana Sayfa
Kategori
Kategori
Kategori
Kategori
Kategori

Yine aynı şekilde sağdaki html/javascript kısmını açıp kodları ekleyiniz

Yukardaki navbarı kaldırmak isterseniz bu kodu html düzenle kısmından <head> <b:skin/> kodları arasında yerleştirin.

#navbar-iframe {
      height:0px;
      visibility:hidden;
      display:none;
      }

Tarayıcı olarak ie8 ve firefoxda denenmiştir.

IE6 ve IE7 Css Sorunu

2009-03-29T20:19:00.003+03:00

Benim sorunum ie7 ile alakalıydı aslında ufak bir araştırmadan sonra işimi ayrı bir css dosyası hazırlayarak hallettim.

<!--[if lte IE 7]>

<![endif]-->

Firefoxta ve IE7'de düzgün çalışan transparent png dosyası ie6 tarayıcısında bozuk halde çıkıyor.Bu sorunu halletmek için aşağıdaki yöntemi uyguladım ve güzel bir sonuç aldım.

div#bottom_fade { 
 width: 590px; height: 50px; 
 top:420px; position: absolute; 
 z-index:99; left: 22px;
 background-image: url(image/adres.png)!important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 
 (src='image/adres.png', sizingMethod='scale');}

IE 6 da top ve left kodları işlemiyor onun içinde ayrıca ie6 css oluşturdum.(bknz)

<!--[if IE 6]>

<![endif]-->

elim değmişken ie 5.5 geçmeyi düşünüyordum fakat sitenin durumu iyi görünmüyordu.Kullanan varsa halen benim yapabileceğim bu kadar umarım akılda kalıcı bir bilgi olmuştur.

Bloglar için Google Translate Api Eklentisi

2009-03-13T21:41:00.000+02:00

Sayfama yerleştirmedim fazla kasmaması için ama örnek için şuraya bakabilirsiniz.Google api altyapısını kullanarak ayrıca bir sayfa açmaya gerek duymadan otomatik çeviri yapıyor.Hazır google translateye türkçe dili eklenmişken denemek istedim.Kullanışlı bir eklentiye benziyor ama blogunuzda java script fazlasıyla varsa açılma süreside uzar.Kullanmak isterseniz aşağıdaki javascript dosyalarını ücretsiz bir host bularak kullanabilirsiniz.

<script src='translate/js/jquery-latest.pack.js' type='text/javascript'></script>
<script src='translate/js/jquery.cookie.js' type='text/javascript'></script>
<script src='translate/js/jsapi.js' type='text/javascript'></script>
<script src='translate/js/translate.pages.js' type='text/javascript'></script>

Sonra sayfanızda arayarak <data:post.body/> bulun.

<div id='main' style='font-size: 12px;'>
<div class='sayfa' style='border: 0px inset ; margin: 0px; padding: 0px; overflow: auto; width: 490px;'>
<data:post.body/> </div>
<div class='translate_sayfa' style='display:none;'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
<div style='float: right; margin-top: 15px;'> </div>
</div>

Buradaki kodla değiştirin.

Blogger Yeni Tema

2009-02-13T11:02:00.008+02:00

Demo - İndir

Şablonu yükledikten sonra aşağıdaki html dosyasını ekleyin

<form id="searchform" action="/search" method="get">
  
<div class="search-form clearfix">
<input id="searchbox" name="q" onblur="if (this.value == '') {this.value = 'search our site...';}" onfocus="if (this.value == 'search our site...') {this.value = '';}" type="text" value="search our site..." /><input class="submit" type="submit" value="enter" />
  </div>
</form>

Eklemek isterseniz bunlarda flickr resimleri

BgClassic Theme

2009-01-02T20:49:00.001+02:00

Demo:Bgclassic
Wordpress Galeri Teması isteyenler resim albümü olarakta kullanabilirler.

Blogger Son Yazilar Eklentisi 2

2008-11-18T18:40:00.006+02:00

Daha önce şurada yahoo pipes ile son konuları yazmıştım.Sayfanın geç açılması veya aşırı java koduyla birlikte yüklenmesi eklentinin açılmamasına neden oluyordu.Bende kodu kaldırmaya karar verdim.Şuanki eklentiyi biraz test ettim ve bir sorun olmadığını gördüm.Ve paylaşmaya karar verdim.

Herhangi bir css koduyla uğraşmadan sadece html kodu ile işe başlıyoruz.

Buradaki javascript kodunu herhangi bir ücretsiz hosta atabilirsiniz.
İndir

Yeni konu açarken mesajınızda resim yok iken rastgele resim çıkıyor.Aşağıdaki resim-url.jpg kısmına 5 adet resim buluyoruz.

Sidebarın genişliğine göre ayarlayabilirsiniz.
tablewidth = 288; Genişlik

Resimlerin boyutu :
imgwidth = 70;
imgheight = 70;

Kenar çizgileri

borderColor = " #000;";

Maxsimum yazı - font büyüklüğü ve rengi

summaryPost = 50;
summaryFontsize = 12;
summaryColor = "#FFF";

Buraya kendi blog ID adresinizi yazıyorsunuz.

http://www.blogger.com/feeds/3768259976989885058/posts/default

Script kodunu <head>'ın hemen altına yerleştirin

<script src="http://siteadi.googlepages.com/blogger/js/recentposts_thumb_final2.js" type="text/javascript"></script>

<script type="text/javascript">
imgr = new Array();

imgr[0] = "resim-url.jpg";
imgr[1] = "resim-url.jpg";
imgr[2] = "resim-url.jpg";
imgr[3] = "resim-url.jpg";
imgr[4] = "resim-url.jpg"; 

showRandomImg = true;

tablewidth = 288;
cellspacing = 1;
borderColor = " #000;";
bgTD = "#000";

imgwidth = 70;
imgheight = 70;

fntsize = 12;
acolor = "#FFF";
aBold = true;
icon = " • ";

text = "yorum";

showPostDate = false;

summaryPost = 50;
summaryFontsize = 12;
summaryColor = "#FFF";
icon2 = " → ";

numposts = 5;

rc_feedLink = "http://www.blogger.com/feeds/3768259976989885058/posts/default";

</script>

Ve Blogger Açıldı..

2008-10-29T08:46:00.001+02:00

Erişime kapanan blogger günlüğü açıldı.Youtube sitesi gibi bir gidip gelen blogger daha fazla sansurlenemedi.Yapılan açıklamaya göre gereksiz kapatılmalar olmayacak ve pire yüzünden yorgan yakılmayacak.Ama bu sözlere ne kadar güvenilir zamanla göreceğiz.

Blogger Erisim Yasagini Kaldirma

2008-10-25T10:09:00.002+03:00

Ülkemizde youtube ile beraber blogger siteside kaldırıldı.Biliyorumki birçok kişinin blogu var ve aşağıda kullanacağınız ile sadece blogger kontrol paneline girebiliyorsunuz.Kendi sitenize girmek için ayrıca site adını yazmalısınız.Tabi başka seçeneklerde var ama şimdilik en kullanışılısı bu görünüyor.

Başlat > Çalıştır > yazıp aşağıdaki gördüğünüz kodu yapıştırın

%systemroot%\system32\drivers\etc

Çıkan sayfada Hosts dosyasını notdefteri veya wordpad ile açıp

127.0.0.1 localhost

dosyasının hemen altına ip ve web adresini yazın ve kaydedin

127.0.0.1 localhost
64.233.183.103 www.blogger.com
64.233.183.103 www.blogspot.com
64.233.183.103 draft.blogger.com
64.233.183.103 blogger.com

Kendi sitenize girmek için ayrıca girmelisiniz.

64.233.183.103 siteadi.blogspot.com

Blogger Page Navigation Menu Widget1.0

2008-10-22T15:28:00.017+03:00

Blogger sayfalandırma (Page navigation menu widget) eklentisi
Wordpress,vb gibi sitelerde gördüğümüz sayfalandırma eklentisi

Sitenize kodu yerleştirmek için devamını okuyun.

Kodu sayfanızda istediğiniz yere koyabilirsiniz.Html sayfası yada yerleşimden herhangi biryere widget olarak ekleyebilirsiniz.

Aşağıdaki css kodunu ]]></b:skin> codunun hemen üstüne yerleştirin.

.showpageArea {
padding: 0 2px;margin-top:10px;margin-bottom:10px;
float:left;
}

.showpageArea a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 1px 2px !important;
padding: 1px ;margin:2px;
text-decoration: none;
}

.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 1px 2px !important;
padding: 1px ;margin:1px;
text-decoration: none;
}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {
font-size:11px;
padding: 2px 3px 2px 3px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}

.showpage a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 1;
margin: 1px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

Son olarak bu kodu istediğiniz yere yapıştırın

Her sayfada kaç yazı gösterileceğini ayarlayın.
Blogger de yaptığımız ayarlar burada geçerli değildir.

Örnek:

var pageCount=5; 
var displayPageNum=5;

Not: Buradaki kodları direk kopyala yapıştır yaparsanız hata verebilir.Html kodlarını kopyalayıp şuradaki sayfadan kullanılabilir hale getirmelisiniz.)

Kaynaklar:

Yorumlarınızı Şenlendirin

2008-10-17T21:19:00.027+03:00

Sayfanızda yapılan yorumları şekillendirin
Not: Html sayfanızın bir yedeğini alın
Html sayfasında ]]></b:skin> ve </head> kodlarına arasına aşağıdaki css kodunu ekleyin.

<style type='text/css'>
/* numerar los comentarios */
.comentacontador {
float: right;
display: block;
width: 50px;
margin-top: -30px; /* la posición de los números */
text-align: right; /* el número a la derecha */
/* el tipo y tamaño de la fuente */
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 36px;
font-weight: normal;
}

/* como son enlaces, forzamos las propiedades de color */
.comentacontador a:link, .comentacontador a:visited {color: #445566 !important;}
.comentacontador a:hover, .comentacontador a:active {color: #FF9933 !important;}

/* propiedades para diferenciar pares e impares */
.comentarioPar { /* los comentarios pares */
margin: 10px 0px; /* separación entre comentarios */
padding: 5px 20px 0px; /* margenes internos */
/* el color de fondo, los bordes. etc */
background-color: #1E252D;
border-bottom: 1px solid #445566;
border-top: 1px solid #445566;
}

.comentarioImpar { /* los comentarios impares */
margin: 10px 0px; /* separación entre comentarios */
padding: 5px 20px 0px; /* margenes internos */
/* el color de fondo, los bordes. etc */
background-color: #2E353D;
border-bottom: 1px solid #445566;
border-top: 1px solid #445566;
}
</style>

Hemen altına bu kodu ekleyin

<script type='text/javascript'> 
function ContarC(cual) { 
var resto; resto = contadorComentarios % 2; if (resto == 0) document.getElementById(cual).className='comentarioPar' else document.getElementById(cual).className='comentarioImpar' } 
</script>

Html kutusunun açık olduğundan emin olun

<dl id='comments-block'>

Yukardaki kodu bulup altına bunu ekleyin.

<script type='text/javascript'>
var contadorComentarios=0;
</script>

Bu kodun hemen altına ekleyin

<b:loop values='data:post.comments' var='comment'>

<b:loop values='data:post.comments' var='comment'> 
<div class='comentarioImpar' expr:id='data:comment.id'>

Bu kodu bulun

<data:commentPostedByMsg/>

ve bu kodu ekleyin

<span class='comentacontador'>
<a expr:href='"#comment-" + data:comment.id' title='Vinculo al comentario'>
<script type='text/javascript'>
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios)
</script>
</a>
</span>

Örnek:

<dl id='comments-block'>
<script type='text/javascript'>var contadorComentarios=0;</script>
<b:loop values='data:post.comments' var='comment'>
<div class='comentarioImpar' expr:id='data:comment.id'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

<span class='comentacontador'>
<a expr:href='"#comment-" + data:comment.id' title='Vinculo al comentario'>
<script type='text/javascript'>
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios)
</script>
</a>
</span>
</dt>

Son olarak bu kodu bu kodu yapıştırın ve kaydedin

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<!-- establecemos la clase del comentario -->
<script type='text/javascript'>
ContarC('<data:comment.id/>')
</script>

</div>
</b:loop>
</dl>

Populer Greseamonkey Eklentileri

2008-10-13T16:56:00.011+03:00

Greseamonkey ile birlikte kullanılan bir çok faydalı eklenti var.Populer olarak kullandığımız web sayfaları için yapılmış eklentiler işimizi oldukça kolaylaştırıyor.Firefox ile birlikte kullanılan greseamonkey eklentilerini sayfanın devamında bulabilirsiniz.

Greseamonkey bilgisayarınızda yüklü değilse buradan indirebilirsiniz.Eklentilerin olduğu sayfaya bakmak için buraya , bakınız.

Blogger İstatikleri Gosterme Eklentisi

2008-10-10T19:24:00.016+03:00

Blogger yakında analyticse geçiş yapacak ve sitenizdeki üyelerin neler yaptığını görebileceksiniz.Google analytics ile bloggerin birleşmesi gücüne güç katması anlamına geliyor.Bloggerin widget desteği olmasının yeni eklentilerinde çıkmasına etken oluyor.
Şuradaki blogda gördüğüm bir eklentiyi paylaşmak istiyorum.Bende ufak bir eklenti yaptım.
Online ziyaretçileri göstermek için sayyaç.com sitesinin online ziyaretçi kodunu kullandım.Artık hangisini kullanacağınıza siz karar verin.Sitenize sayacı yerleştirip sonra aşağıdaki bu kodu ekliyoruz.

Örnek Görünüm:

<!-- İstatistik baslangici -->
<div style="float: left;">
<img style="width: 48px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_lt3arLrIDIGo4eot7B6atxfak1j3JNfXUhGAPYxlllsCGyx9K1-ggcui6z8__j_c-1Nj9soBWHQJkv_Q7ZO1kD_Rph0L4xtUAv4kZPCEvrQmkYz5t3Of83rC3X57QiicrXdtCg2Tntqt/s0/stats_02.png"/></div>
<div style="float: left; text-align: left;">
<script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
Toplam sayfa :
<script src="http://siteadi.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

Yorum sayısı:
<script src="http://siteadi.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script>

Online Ziyaretçi :
<script src="http://www.sayyac.com/inlive.php?uid=302&offset=2&s=buraya-sizin-kodunuz-gelecek" type="text/javascript"><br/></script></div>
<div style="clear:both;></div>
<İstatistik  end>

Ücretsiz Türkçe Blog Siteleri

2008-10-07T20:22:00.005+03:00

Blogger :İnternetle haşırneşir olanların kullandığı ücretsiz bir blog servisi.Google altyapısıyla beraber bütün dillerde kullanmaktadır.Blogger kullanıcı adınızı başka bir alan adına yönlendirme şansınız var ve bu yönden çok tutuluyor.
Blogcu :Yeni değil fakat bloggerin yerini alabilecek bloglardan birisi.Ücretsiz ve türkçe olarak hizmet veriyor.
Bloggum :Bloggum servisini pek kullamadım ama blogcu ve blogger kadar güzel bir servis.
Wordpress :Wordpress'de blog yazmaya yeni başlayan yada usta blogcuların kapıştığı güzel bir servis.Türkçe olarak hizmet vermektedir.Ayrıca blogunuzu hostinge taşımanız veyahutta domain adına yönlendirme şansınız var.Blog yazarlarının çoğu bu servisi kullanmaktadır.(Plugin)Eklenti desteğinin olmasıda bu blogu vazgeçilmez yapmaktadır..
Türkblog :Bu blog ile yeni tanıştım zannedersem wordpress altyapısını kullanıyor.Gelişmeye açık bir blog devam ederse ilerde güzel yerlerde olacak eminim. (Yeni)
Azbuz :Türkçe blog sitesi video,site oluşturma,forum ekleme imkanı sunuyor.
Benimblog :Ücretsiz blog sitesi
Yeniolusum :Wordpress tabanlı ücretsiz blog servisi.
Blogkur :Ücretsiz web günlüğü

Feedburner ile Feedflare Kullanımı

2008-10-05T17:21:00.018+03:00

.Feedburner ile birlikte kullandığımız feedflare eklentisine bizde bir blogger eklentisi ekleyelim..Rss ile yazılarınızı takip edenlerin yazarları karıştırmaması için alt tarafta yazarın adını gösteriyor.Şurada Bloggerbuster'in anlatmış olduğu eklentiyi kullanmak için aşağıdaki codu bir notdefterine yapıştırın ve xml olarak bir sunucunuza yükleyin ve feedflare servisine girip sunucunuza yüklediğiniz xml dosyasını buraya atın.

<?xml version="1.0" encoding="UTF-8"?>
<FeedFlareUnit>
<Catalog>
<Title>Başlık</Title> 
<Description>Post a Comment</Description> 
</Catalog>
<FeedFlare>
<Text>Gonderen ${(ancestor-or-self::*/a:author/a:name)[last()]} de ${/a:feed/a:title}</Text> 
<Link href="${link}" /> 
</FeedFlare>
</FeedFlareUnit>

Diğer Feedflare Servisleri

http://www.webiket.net/feedflare.xml
http://bagcik.com/rss/feedflare/
http://yakisanse.googlecode.com/files/Oyyla.xml
http://rss2pdf.com/feedburner_noimages.xml
http://rss2pdf.com/feedburner_images.xml

Internet Explorer Collection ile Masaüstünüzde

2008-10-05T16:56:00.002+03:00

İnternet Explorer Collection (ie)tarayıcısının diğer versiyonlarını hiç denemediyseniz şuradaki 42.5Mb büyüklüğündeki dosyayı indirip test edebilirsiniz.

İçinde neler mi var ?

Internet Explorer 1.0 (4.40.0.308)
Internet Explorer 1.5 (0.1.0.10)
Internet Explorer 2.01 (2.1.0.46)
Internet Explorer 3.0 (3.0.1152)
Internet Explorer 4.01 (4.72.3110.0)
Internet Explorer 5.01 (5.00.3314.2100)
Internet Explorer 5.5 (5.51.4807.2300)
Internet Explorer 6.0 (6.00.2800.1106)
Internet Explorer 7.0 (7.0.5730.13)
Internet Explorer 8.0 (8.0.6001.18241)

Deneme amaçlı bakmak isterseniz yine alternatif bir program şurada anlatmıştım.

Blogger Rasgele Post Eklentisi - 2

2008-09-29T12:42:00.002+03:00

<p>&amp;lt;br /&amp;gt; </p>

Şurada yayınladığımız random post eklentisinin değişik bir versiyonu.Özelliği ise otomatik olarak sayfa kendini yeniliyor.

Backgrounds Bulma Derdine Son

2008-09-25T20:42:00.000+03:00

Sitenizin arkaplanını değiştirmek istiyorsanız şurada sitenize uygun arkaplanlar bulabilir,İsteğinize göre arkağlanları düzenleyip download edebilirsiniz.Bunun yanında Bgpatterns sitesine üye olup sizde güzel arkaplanlar yapabilirsiniz.

Blogger Random Post Yenilendi

2008-09-25T12:17:00.001+03:00

Blogger kullanıcılarının çoğunda rastladığım rastgele post eklentisi aktif çalışmıyor.Ben de 2-3 gün önce farketmiştim.Eklentinin mimarı hatayı anlamış olacak ki ufak bir değişiklik yaparak hatayı düzeltmiş.Şuradaki sayfaya giderek eklentiyi güncelleyebilirsiniz.Bu eklentiyle yeni tanışanlar için.<head> buraya </head> kodu arasına kopyalayıp yapıştırıyoruz veya ücretsiz bir sunucuya dosyayı atıyoruz.
Örnek:

<script src='http://siteadı.googlepages.com/files/rastgele.js' type='text/javascript'></script>

Daha sonra yeni bir widget oluşturup nerede gözükecekse kodu oraya yapıştırıyoruz.

Blogger Yorum Formu

2008-09-23T17:48:00.005+03:00

Blogger yorum formunu şurada draft süprizleri olarak duyurmuştuk.Onunla beraber artık yeni şablonlarda ayara gerek kalmadan yorum panelinden tam sayfa olarak veya sayfa içerisinde yorum gösterebiliyoruz.
Ama eski yorum sayfasından vazgeçemiyenler için :) sayfanızda her ikisinide göstermenize olanak sağlanıyor.

Yalnız şunu hatırlatmak istiyorum.Eski yorum sayfanızıda kaybedebilirsiniz.Ayarları önce bir tane test blog açıp orada deneyin.Sonuc olumlu çıkarsa sayfanızda uygulayın.Benim ilk denemelerimde sayfa içindeki yorum yeri kayboldu ve kodlar bile işlemez oldu.Neyse biraz riskli bir iş ama ben kodları veriyorum isteyen yapabilir. :)

Örnek olarak şu sayfaya bakınız.

Yedeğini almaya unutmayın.

1 - Tam Sayfa

Aşağıdaki kodu bulun:

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

Ve bu kodla değiştirin:

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3> (Yorum sayfası <a expr:href='"http://www.blogger.com/comment.g?blogID=30540005&amp;postID=" + data:post.id + "quot;' rel='nofollow'> eski</a>?)
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

2 - Popup Pencerede Açmak

Aşağıdaki kodu bulup

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

Bu kodla değiştirin:

<div class='comment-form'>
<a name='comment-form'/>
<b>Post Your Comment</b> (Yorum sayfası <a expr:href='"http://www.blogger.com/comment.g?blogID=707079334502450236&amp;postID=" + data:post.id + "&isPopup=true"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;' rel='nofollow'> diğer</a>?)
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

3 - Yeni pencerede Tam Sayfa

Aşağıdaki kodu bulup

<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

Bununla değiştirin

<div class='comment-form'>
<a name='comment-form'/>
<b>Post Your Comment</b> (Yorum sayfası <a expr:href='"http://www.blogger.com/comment.g?blogID=707079334502450236&amp;postID=" + data:post.id + "&isPopup=true"' rel='nofollow'> diğer</a>?)
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>

Son Olarak:

Buradaki blogid kısmını değiştiriyoruz.
http://www.blogger.com/comment.g?blogID=30540005

Gickr ile Hareketli Resimler Olusturun

2008-09-21T14:30:00.000+03:00

Gickr sitesi üzerinden photoshop kullanmadan hareketli resim ve avatarlar oluşturabilirsiniz.Flickr'daki resimlerinizi veya Youtubeki videolarınızı hareketli resime çevirebilir veya bilgisayarınızdan max.10 resimi birleştirip slaytlı resim olarak gösterebilirsiniz.

IEs4Linux - Linux icin İnternet Explorer

2008-09-20T20:31:00.001+03:00

Linux üzerinde çalışabilen internet explorer web tasarımcıları için linux üzerinden internet explorer ile test yapabilecekleri bir program.Detaylı bir açıklamayı şuradan alabilirsiniz.(eng)indirmek için buraya tıklayın.

2.Program

Diğer bir programımız ise ietester programı eğer sizde webtasarımı ile uğraşıyorsanız browserler arasındaki hataları görmek için bu programa bakınız.

Eburhan'ın sitesinde gördüğüm diğer bir program İE tarayıcısının eski ve yeni versiyonlarını bu programla görüp test edebilirsiniz.Buradaki bağlantıdan indirebilir.Şu an versiyon atlamış yani türkçe dil eklentisini ayrıyeten indirmenize gerek yok.