Blogger Destek

Blogger Görünmeyen Smiley Eklentisi

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:55:00 +0000

Önceki yazımda bir sürü smiley çeşidi vardı ve kurulumu biraz karmaşıktı. Bu yazımda ise sizlere görünmeyen smiley eklentisini açıklıyorum. Bu eklentide smileyler hiçbir yerde gözükmez. Yorum yazıldığında kendiliğinden ortaya çıkarlar. ( Eklentinin kaynağı. ) ( Eklentiyi Enes İlhan geliştirmiş ve Tolga Aşk yardımda bulunmuş. )

Resimde görüldüğü üzere altı adet smiley bulunmaktadır.

Uzatmadan hemen kuruluma geçiyorum.

Şablonumuzda;

</head>

kodunu buluyoruz ve hemen üstüne

<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/bloggerturkiye_-_digersmiley.js' type='text/javascript'/>

kodunu ekliyoruz.

Dilerseniz bu javascript kodunu da kullanabilirsiniz. ( Yapımcının orjinal javascript dosyası. )

<script src='http://enesilhan815.googlepages.com/Smiley.js' type='text/javascript'/>

Hepsi bu. Herhangi bir sorunda lütfen yorum bölümünü kullanınız.

Blogger Smiley - İfade - Gülücük Eklentisi

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:54:00 +0000

Yorumlarınıza biraz neşe ve canlılık mı katmak istiyorsunuz?
O zaman bu eklenti tam size göre. Sırıtanı, şaşıranı, üzülene, şaşkını değişik türde ifadeleri yorumlarınızda kullanabilirsiniz.

Hemen kuruluma geçelim..

İlk önce şablonumuzda;

<b:if cond='data:post.embedCommentForm'>

kodunu ve

<b:include data='post' name='comment-form'/>

kodunu buluyoruz.

Bu kodların arasına

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 109; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'><b><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))</b></div>

kodlarını ekliyoruz.

Sonra ;

</body>

kodunu buluyoruz ve hemen üstüne

<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/bloggerturkiye_-_smiley.js' type='text/javascript'/>

kodunu ekliyoruz.

İşlem tamamdır. Herhangi bir sorunda lütfen yorum bölümünü kullanınız.

Blogger Değişen Katlı Son Yazılar Eklentisi

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:54:00 +0000

Çok harika ve kullanışlı bir eklenti.
Son yazılarınız aşağı doğru kayarak geçiyor.
En üstteki yazı kayboluyor ve aşağı doğru kayıyor, ardından onun yerine başka bir yazı geliyor. Dilerseniz hemen blogunuzda deneyip nasıl çalıştığını görebilirsiniz.
Bunun için yapmanız gerek tek şey;
Yerleşim > sayfa ögeleri > gadget ekle > html / javascript ekle
bölümünden aşağıdaki kodları eklemek.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "yorum var";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 1000;

home_page = "http://www.bloggerturkiye.org/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src="http://www.weebly.com/uploads/2/7/6/4/2764470/bloggerturkiye_-_kayanson.js" type="text/javascript"></script>
</div>

Koyu renkle işaretlediğim yeri kendi blog adresinizle değiştirmeyi unutmayınız.
Herhangi bir sorunda yorum bölümünden bir yorum yeterli.

Blogger Favicon Değiştirmek

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:53:00 +0000

Önceki yazımda blogger favicon değiştirmeyi anlatmam istenmiş. Fazla uzatmadan anlatıma geçiyorum.

İlk önce şablonumuzda;

</head>

kodunu buluyoruz ve hemen üstüne

<link href='http://i45.tinypic.com/2vdjjfa.jpg' rel='shortcut icon'/>

kodunu ekliyoruz.

Koyu renkte gösterdiğim yere kendi favicon resminiz ile değiştirmeyi unutmayınız.

Herhangi bir sorunda lütfen yorum bölümünü kullanınız.

Blogger Rastgele Yazılar Eklentisi

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:53:00 +0000

Bu eklenti blogunuzda, tarihi ve yorum sayısını önemsemeksizin kafasına yazılar seçip gösteriyor.
Eklentiyi ise normal yoldan ekleyebiliyoruz. ( Yerleşim > sayfa ögeleri > gadget ekle > html / javascript ekle. )
Aşağıdaki kodları yukarıda belirttiğim gibi ekliyoruz.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=6;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="http://www.bloggerturkiye.org/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Koyu renkte belirttiğim adresi kendi adresinizle değiştiriniz ve işlem tamamdır. Herhangi bir sorunda lütfen yorum bölümünü kullanınız.

New York Blogger Template

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:52:00 +0000

Uzun zamandır tema sunumuna ara vermiştim. Masaüstünde köşede duran ve düzenlenmeye üşendiğim bir temayı sizlere sunuyorum. Görsel olarak muhteşem düzenlenmiş bir blogger teması.
Düzenlemesi biraz zor fakat işini bilen bu tema ile harika işler çıkarabilir.
Temayı buradan önizleyebilir ve buradan indirebilirsiniz.

Blogger Son Yazılarınız Yazı Halinde Kayarak Geçsin

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:52:00 +0000

Bloggerda son yazdığınız yazılar basit bir kod eklemeyle text olarak kayarak geçebilir.
Vereceğim kodu;
Yerleşim > sayfa ögeleri > gadget ekle > html / javascript ekle bölümünden ekleyerek bu işlemi gerçekleştirebiliriz.
( Ayrıca kodun geçeceği yeri sayfa ögelerinden slaytın geçmesini istediğiniz yere taşımayı unutmayın. )

<script style="" src="http://www.weebly.com/uploads/2/7/6/4/2764470/bloggerturkiye_-_kayanyazi.js"> </script><script style=""> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="»»"; </script> <script style="" src="http://bloggerturkiye.org/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

kodu yukarıda belirttiğim şekilde ekliyoruz. Koddaki site adresini kendi adresinizle değiştirmeyi unutmayınız.
İşlem tamamdır. Herhangi bir sorunda lütfen yorum bölümünü kullanınız.

Blogger Alternatif Yorum Formları Oluşturmak

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:51:00 +0000

Bildiğiniz üzere blogger klasik yorum formları yerine bir sürü alternatif sistemler ortaya çıktı.
Bloggerın klasik yorum formunu beğenmeyenler bu servisleri kullanıyorlar.
Dilerseniz kısaca bu servisleri tanıyalım.

İlk servisimizin adı : http://disqus.com/

Otomatik türkçe desteği sunmakla birlikte daha bir çok düzenleme seçeneği mevcut.

İkinci servisimizin adı : http://intensedebate.com/

Resimde görüldüğü üzere devasa özellikte bir yorum formu. Aklınıza gelebilecek her türlü sistem mevcut. Bir sayfada kaç yorum gösterilsin gibi seçenekleride kendiniz belirleyebiliyorsunuz.

Üçüncü servisimizin adı : http://js-kit.com/

Resimde görüldüğü gibi sademsi bir yorum formu. Diğer formlar gibi smileyler otomatik olarak entegre edilmiş. Diğer formlara nazaran daha basit bir form.

Alternatif yorum formları sistemleri bunlar. Herhangi bir sorunuzda yorum bölümünü kullanmanız yeterli.

Blogger Yorumlara Arkaplan - Balon Eklemek

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:50:00 +0000

Dümdüz, sapsade ve ruhsuz bir yorum bölümüne mi sahipsiniz ?
Üzülmeyin. Basit bir adımla blogger yorumlarımızın arkasına konuşma balonu ekleyebiliriz.
Ayrıca yukarıdaki resimden nasıl göründüğüne de bakabilirsiniz. ( Eklentinin Kaynağı. )

İlk önce şablonumuzda ;

#comments h4 {margin:1em 0;font-weight: bold;line-height: 1.4em;text-transform:uppercase;letter-spacing:.2em;color: $sidebarcolor;}#comments-block {margin:1em 0 1.5em;line-height:1.6em;}#comments-block .comment-author {margin:.5em 0;}#comments-block .comment-body {margin:.25em 0 0;}#comments-block .comment-footer {margin:-.25em 0 2em;line-height: 1.4em;text-transform:uppercase;letter-spacing:.1em;}#comments-block .comment-body p {margin:0 0 .75em;}.deleted-comment {font-style:italic;color:gray;}

kodunu buluyoruz ve

#comments h4 {margin: 1em 3em;font-weight: bold;line-height: 1.4em;color: #ffffff;}#comments-block {margin-left:1.5em;line-height:1.6em;background: #ffffff;color: black;padding: 1em;border:0px solid #ffffff;}#comments-block .comment-author {margin:.5em 0;}#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}#comments-block .comment-footer {margin:-.25em 0 2em;line-height: 1.4em;letter-spacing:.1em;}#comments-block .comment-body p {margin:0 0 .75em;padding: 20px 10px 10px 10px;background: #f3a64c url(http://i38.tinypic.com/27yu1xl.jpg) no-repeat top left;}.deleted-comment {font-style:italic;color:gray;}

kodu ile değiştiriyoruz.

Bazı temalarda kodları bulmakta sorun yaşayabilirsiniz. Bu gibi sorunlarda sadece bir yorum yeterlidir.

Blogger İnfobar Oluşturmak

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:50:00 +0000

Adı üstünde infobar. Sayfanın alt bölümünde sayfa ile birlikte hareket eden bir bilgi çubuğu.
Dilerseniz rss linkinizi, isterseniz başka bir sitenizin linkini veya twitter linkinizi, kısacası aklınıza ne gelirse yazabilirsiniz. ( Eklentinin kaynağı. )

Yerleşim > html'yi düzenle > widget şablonlarını genişlet diyoruz.

Şablonumuzda ;

]]></b:skin>

kodunu buluyoruz ve hemen üstüne

#mta_bar {
background:#5495b7;
border-top: 3px solid #6699ff;
margin: 0;
padding: 7px 0;
z-index: 100;
bottom:0px;
right:0px;
width: 100%;
overflow: auto;
position: fixed;
}
* html #mta_bar{
/*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNZwJ3IvyZs6YNQq3JwiqRvgEi0_pVa3kTGzgORzzgNMaGMogsnUZuIpeGDK8JI2lbPsyYlJg88n6ffLmCRkGmFTvWe47LuOnDJA10ViJzi5TQDd4PiYvcH3BwX-DtOVbbndRPn2EfNYU/?imgmax=800') no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}
#left_bar a:hover { text-decoration: underline; color: #fff; }

kodlarını ekliyoruz.
Daha sonra;

</head>

kodunu buluyoruz ve hemen üstüne

<script type='text/javascript'>
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("mta_bar").style.visibility = "hidden";
}
//]]>

</script>

kodlarını ekliyoruz.

Sonra ;

</body>

kodunu buluyoruz ve hemen altına

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://www.bloggerturkiye.org/' target='_blank'>Blogger Türkiye Kişisel Destek Blogu</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;www.bloggerturkiye.org&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisgnBh_1eDSmisBIK3PjXDG6itogb0cjRvehmua2116zLwLyZGQGltdniM-C8F1xA4Hm7YNpHvCA1TFYYCt398pTYFNdLsQyvk-z-9RJPofKXyQS7fWFSLzutgrJUQia95MHIWoqZGALY/?imgmax=800' style='cursor:hand;cursor:pointer;'/></span></div>

kodlarını ekliyoruz.

Çubuğa yazacaklarınızı yukarıda yazan kodlarını ekliyoruz yazısının hemen üstündeki kodları değiştirerek değiştirebilirsiniz.

İşlem bukadar. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.

Blogger Resimli Benzer Yazılar Eklentisi

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:49:00 +0000

Bu benzer yazılar eklentimizin özelliği ise yazıların başlarında konudan bir resim gösterilmesidir. Konuya koyduğunuz resim benzer yazılarda listelenen yazının başında gözükmektedir. ( Eklentinin kaynağı. )

Hemen kuruluma geçelim.

İlk önce yerleşim > html'yi düzenle > widget şablonlarını genişlet diyoruz.

Şablonumuzda ;

</head>

konudu buluyoruz ve üstüne

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
text-transform:none;
padding-left:5px;
}
#related-posts li {
list-style:none;
}
#related-posts h2{
font-size: 15px;
font-weight: bold;
color: #414141;
}
#related-posts a{
color:#868686;
}
#related-posts a:hover{
color:black;
}
a.bysaydamlik img{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
a.bysaydamlik:hover img{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}

</style>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/bloggerturkiye-resimlibenzer.js' type='text/javascript'/>
</b:if>

kodlarını ekliyoruz.
Sonra

<data:post.body/>

kodunu bulup altına

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Benzer Yazılar&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

kodlarını ekliyoruz.

İşlem tamamdır. Herhangi bir sorun olursa yorum bölümünden bildirmeniz yeterli.

Blogger Sitenize Gelen Ziyaretçilerin Mouse Hareketlerini Takip Etme Eklentisi

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:48:00 +0000

Bu site, sitenize girenlerin fareyi blogunuzun nerelerinde gezdirdiğini gösteriyor.
İlk önce bunu kendi hafızasına kaydediyor ve size bir link olarak sunuyor.
Ziyaretçinin hangi sayfanıza ve ne zaman girdiğini, kaç dakika durduğunu, hangi tarayıcıyı kullandığını gösterebiliyor.
Üye olmadan sistemi öğrenmek için sitenin demo sayfasını da ziyaret edebilirsiniz.
Eğer kullanmak isterseniz ;

İlk önce siteye üye oluyorsunuz ve üyelik işleminin sonunda size bir kod veriyor.

Bu kodu sitenize ekliyorsunuz.

Ziyaretçiler gelmeye başladığında play sessions bölümünde linkler ortaya çıkmaya başlıyor.

Sitenin size verdiği linke tıklıyorsunuz ve siteniz açılıyor.

Yukarıdan play butonuna tıkladığınızda ekrana başka bir mouse imleci çıkıyor ve sayfada ziyaretçinin hareketlerini gösteriyor.

Fakat üzücü yanı bunu size yanlızca 10 kere kullanma hakkı veriyor. Daha fazlası için buy captures bölümünden ücretlere bakabilirsiniz.

Bu arada site ; http://clixpy.com/
Eğer sorun yaşarsanız yorum bölümünden bir yorum yeterli.

Blogger Yazılara Oylama Ve Okuyucularımız ... De Sever Eklentisi

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:48:00 +0000

Bu yazımda çok işe yarayan bir blogger eklentisini tanıtmak istiyorum.
Eklentide yazılar için oylama sistemi ve okuyucularımız ... de sever eklentisi mevcut.
Bu yazımda sitenize bu uygulamayı nasıl ekleyebileceğinizi anlatacağım.. Aslında işlem gayet basit..

http://www.outbrain.com/get/ratings/Blogger 'e giriyorsunuz ve gereken işlemleri yapıyorsunuz.
Hiçbir html düzenlemesiyle uğraşmanıza gerek kalmadan rahatça kuruyorsunuz.

Tavsiyem siteye eklentiyi eklerken üye olmanızdır, çünkü rating ile ilgili istatistikleride oradan inceleyebilirsiniz.

Bu eklentiyi kurduğunuzda okuyucularımız ... de sever eklentisi de kendiliğinden etkin hale gelecektir.

Sorunuz olursa yorum bölümüne yazmanız yeterli olacaktır.

Blogger 32x32 Arkadaş Bağlantı Kutusu Oluşturmak

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:47:00 +0000

Blogger kullanıcıları kendilerine ait özel bir arkadaş listesi oluşturmak isteyebilirler. Bunu yapmak gayet basit. Hemde fare ile resmin üzerine gelince parlayıp - kararma efektiynen birlikte. ( Eklentinin kaynağı. )
Gelelim bu eklentiyi nasıl kuracağımıza.
İlerde link değişimi olursa bende bunu kullanmayı düşünüyorum.

Html düzenle bölümüne giriyoruz ve aşağıdaki kodu buluyoruz.

]]></b:skin>

Aşağıdaki kodu önüne ekliyoruz ve şablonu kaydediyoruz.

a.linkopacity img{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} a.linkopacity:hover img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

Sonra Yerleşim > Sayfa Öğeleri’ne gidiyoruz ve HTML/Javascript diyoruz oraya aşağıdaki kodu ekliyoruz ve kendi sitemize göre ayarlıyoruz.

<a title="Acıklama" href="Adres" class="linkopacity"><img src="Resim adresi" alt="" /></a>

Blogger Toplam Yorum Ve Yazı Sayısı - İstatistik Eklentisi

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:46:00 +0000

Blogunuzdaki toplam yorum ve yazı sayısını gösteren bir eklenti.
Bir kere kurduğunuzda eklenti yeni yazılarınızı ve yapılan yorumlarıda otomatik olarak saymakta. Dilerseniz renkleri ve kalınlık ayarlarınızı kendiniz değiştirebilirsiniz.

Gelelim eklentiyi nasıl kuracağımıza..

<script style="text/javascript">

function numberOfPosts(json) {

document.write('Toplam Yazı: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}
function numberOfComments(json) {
document.write('Toplam Yorum: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="red"><script src="http://www.bloggerturkiye.org/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://www.bloggerturkiye.org/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

Yukarııdaki kodları sayfa ögelerinden, gadget ekleyerek html javascript bölümüne yapıştırarak kaydedin. Hepsi bukadar.
Renk ve diğer düzenler için yapamayan arkadaşlara yardımcı olabilirim. Sadece bir yorum yeterli. İyi bloglamalar ...

Blogger Yorum Sıralaması Eklentisi

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:46:00 +0000

Her blog yazarının sevdiği bir olaydır yazılarının yorum alması. Şahsen yazılarım yorum aldığı zaman yazma hevesim daha da bir artıyor. Gelelim bunları neden söylediğime ..
Okurlarımız, takipçilerimiz, dostlarımız, ziyaretçilerimiz yazılarımıza yorum yapıyor .. Peki ya en çok yorumu kim yazmış ? Tabiki bunu elimizle saymacağız ..
Bunun için bir eklenti buldum. Eklenti, blogger top commentators adıyla geçiyor. Eklenti, blogunuzda kendi kendine bir sıralama yapıyor ve en çok yorumu yazandan, en az yorumu yazana doğru otomatik olarak sıralıyor.
Eklentinin sayfasına buradan ulaşabilirsiniz.
Görüldüğü üzere yorumcular top 5 ismi altında eklentiyi bende kullanıyorum.

Ayrıca ;
Filter your name : bölümüne kendi isminizi yazarak sınırlandırın ve böylece sıralamada çıkmassınız.
Number of Commenters in the list : bölünde sıralamada kaç kişinin çıkacağını ayarlayabilirsiniz.

Ayarları yaptıktan sonra customize diyip add to blog diyin.
İşlem tamamdır. Sorununuz olursa yorum bölümünde yazın hemen yardımcı olurum.

Blogger Blogunuza Kar Yağdırma Eklentisi

noreply@blogger.com (1Admin) — Sat, 10 Jul 2010 16:44:00 +0000

Blogger sitenize kar yağdırmak istemez misiniz?
Yılbaşı geçsede bu efekt görsellik açısından hala kullanılabilir diye düşünüyorum. Bana göre bu kar yağdırma efekti diğerlerinden çok farklı. Tanecikler çok düzenli düşüyor ve görüntüyü bozmuyor. Hatta sayfanın altında birikip eriyor bile.

<script type="text/javascript">
sitePath = "http://iconblock.com/web/wp-content/plugins/let-it-snow/";
sflakesMax = 100;
sflakesMaxActive = 80;
svMaxX = 2;
svMaxY = 2;
ssnowStick = 1;
sfollowMouse = 0;
</script><script src="http://www.weebly.com/uploads/2/7/6/4/2764470/kar_-_www.blogkaan.com.js" type="text/javascript"></script>

Yukarıdaki kodları html / javascript ekle bölümünden ekliyoruz ve olay bitiyor. Javascript dosyasını kullandığım siteye attım böylece çalışmama gibi bir durum asla olamaz.
Alıntı yaparsanız lütfen kaynak gösteriniz. Yoksa js dosyasına.

Dosya Upload Edin,Para Kazanın!

noreply@blogger.com (1Admin) — Sun, 04 Jul 2010 13:37:00 +0000

Merhaba Arkadaşlar,

Hotfie sitesi bizim para kazanmamızı sağlayacak.Vede biz bu parayı paypal hesabımızla alacağız.

Öncelikle Hotfileye Üye oluyoruz.Üye olmak için tıklayınız. Üye olduktan sonra bu siteye dosya upload ediyoruz.Ve bu dosyaların linkini sitelerde paylaşıp indirilmesini sağlıyoruz.Ne kadar çok kişi indirirse o kadar çok para demektir.15$ olunca hesabınızdaki para ödemenizi alabiliyorsunuz.İşte burda kanıtıdır.

Haydi durmayın SİZDE PARA KAZANIN! TIKLA!

Not: Sorusu olan Yorum Bölümüne Yazabilir.

Blogger Paypal Donate Butonu Yapmak

noreply@blogger.com (1Admin) — Sat, 03 Jul 2010 05:32:00 +0000

Google'da bakındım fakat bu olayı düzgünce anlatan bir site bulamadım.. Belkide gözümden kaçtı bilemiyorum artık. Herneyse ...
Bildiğiniz gibi bu buton gelen ziyaretçilerin size para bırakmasına yarıyor.
Gelen ziyaretçi donate'ye tıklıyor, işlemleri yapıyor ve sana parayı yolluyor. Ne için yollayacağıda artık ona kalmış. Yazınızı beğenir, çoktandır aradığı birşeyi bulur sevinçten yollar.. Bilemem Artık, Tabi bu durum Türkiyede biraz sıkıntılı.. Kimsenin kimseye yollayacağını sanmıyorum.. -_- neyse çok konuştum, uzatmadan bunu nasıl blogumuza ekleyeceğimizi anlatayım..

Paypal hesabımıza giriş yapıyoruz.
Yukardan merchant services'e giriyoruz.
Paypal website payments standard - key features - bölümünden donations'u seçiyoruz.
Organization bölümü hesabınızın adı, donation id ise paypal e-mail'iniz.
Customizeden boyutlarını ayarlayabilirsiniz.
Create button'a basıyoruz ve kodu alıp sitemize ekliyoruz.

Hepsi bukadar. Alıntı yapacak arkadaşlar lütfen kaynak belirtiniz.
İyi bloglamalar...

Blogger Twitter Counter - Twitter Sayaç Eklentisi

noreply@blogger.com (1Admin) — Sat, 03 Jul 2010 05:30:00 +0000

Twitter olayını duymayanınız yoktur herhalde. Twitter ile ilgili ilk yazımı burada yazmıştım.
Herneyse zaten pekte kullandığım söylenemez. İşimi blogger follow ile hallediyorum zaten twittera öyle arada bir bakıyorum.
Feedburner'da sizi takip edenlerin sayısını gösteren bir eklenti gibi twitter'da da bu mevcut. ( Twitter counter )
Tıpkı feedburnerdaki gibi twitterda da sizi takip edenlerin istatistiğini tutuyor.
Bu uygulama twitterın kendi uygulaması. Bende şimdi kullanmaya başladım. Sosyalleşmek widgetinde örneğini görebilirsiniz.
Gelelim şimdi nasıl kullanacağımıza. İlk önce bu siteye giriyoruz.
http://twittercounter.com

Sağ üst taraftan, Who are you on twitter ? Yazısına tıklıyoruz ve normal twitter giriş bilgilerimizi giriyoruz.

Şimdi sitenin logosunun altında @kullanıcı isminiz şeklinde giriş yaptığınıza dair onayı görebilirsiniz.

Daha sonra o bölümden Buttons bölümüne giriyoruz ve sayacımız için gerekli kodu alıp sitemize ekliyoruz.

İşlem tamamdır. Takıldığınız yerler olursa yorum bölümüne yorum yazmanız yeterli.
( Alıntı yapacak arkadaşlar lütfen kaynak gösteriniz. )

Blogger Yanıp Sönen Renkli Linkler Eklentisi

noreply@blogger.com (1Admin) — Sat, 03 Jul 2010 05:26:00 +0000

Anlamsız bir can sıkıntısı ile forumlarda kodlara bakıyordum. Aslında birazda javascript kodlarına meraklıyımdır. Daldım forumların arşivlerine ama yarısı fos çıktı. Hep ölü linkler, düzensiz alıntılar. Herneyse bir tane işe yarar kod buldum. Linklerin üzerine gelince, linkler rengarenk oluyor yanıp sönüyor. Hoşuma gitti.

Eğer sizde bunu blogunuzda kullanmak isterseniz ;

Yerleşim > Sayfa ögeleri > Gadget ekle > Kodu yapıştırın > Kaydet.
yönergesini izleyebilirsiniz.

Eklenti için gerekli kod ;

<script src="http://www.fileden.com/files/2008/8/4/2033692/rainbow.txt"></script>

Bloggermag Magazine Blogger Template

noreply@blogger.com (1Admin) — Sat, 03 Jul 2010 05:23:00 +0000

Çok amaçlı kullanabileceğiniz harika bir blogger teması.
Kendinize göre düzenleyip uzun zaman kullanabilirsiniz diye düşünüyorum.
( Bu arada internet explorer 6 ' da temada sorun yaşanıyor . )
Temayı bende merak edip kurdum düzenlemesi bir zor.
Temayı buradan önizleyebilir ve buradan indirebilirsiniz.
Tema ile ilgili herhangi bir sorunda yorum bölümünü kullanmanız yeterli.

Blogger Otomatik Devamını Oku Ve Otomatik Resim Boyutlandirma Eklentisi

noreply@blogger.com (1Admin) — Sat, 03 Jul 2010 05:23:00 +0000

Çok uzun bir yazı yazacağımız zaman anasayfadaki görüntü kirliliğini önlemek için bu eklentiyi kullanırız. Önceleri manuel olarak, her yazıda gösterilmesini istediğimiz bölümleri kodlar içine alarak bunu yapıyorduk. Fakat bu eklenti belirlediğimiz yazı karakterine göre yazıyı otomatik olarak bölüyor. Ayrıca konuya eklenilen resimleride anasayfada kendine göre boyutlandırıyor.
Şuan bende bu eklentiyi kullanmaktayım. ( Eklentinin kaynağı. ) Bu yazımda kaynaktan farklı olarak düzenlemeleri daha ayrıntılı bir şekilde ele alacağım.
Dilerseniz hemen kuruluma geçelim.

İlk önce
Yerleşim > HTML'yi Düzenle > Widget Şablonunu Genişlet diyoruz.

Daha sonra şablonumuzda

<data:post.body/>

kodunu buluyoruz.

Sonra bu kodu silip yerine

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/oto_devam.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Devamını Oku</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

kodlarını ekliyoruz.
İşlem tamamdır.
Ekstra olarak;

summary_noimg = 430; - Yazının, özetinin ne kadarını alacağını
summary_img = 340; - Yazıdan kaç harf gösterileceğini
img_thumb_height = 100; - Otomatik boyutlandırlacak resmin uzunluğunu
img_thumb_width = 120; - Otomatik boyutlandırlacak resmin genişliğini ayarlayabilirsiniz.

Devamını oku yazısı yerine resim kullanmak isterseniz,
devamını oku yazısını silip yerine

<img src="Resminizinlinki" />

ekleyebilirsiniz. ( Resminizin linki yerine kendi isteğiniz resmi uploadlayıp koyun. ' ' işaretlerini silmeyiniz. )

Blogger Yorumlara Avatar Eklentisi

noreply@blogger.com (1Admin) — Sat, 03 Jul 2010 05:21:00 +0000

Bazı temalarda bu eklenti kendiliğinden bulunurken, bazılarında ise manuel olarak eklemek gerekir.
Örneğin benim temamda bu özellik yoktu kendim ekledim. Dilerseniz sizde basit bir düzenleme ile bu eklentiyi rahatça blogunuza ekleyebilirsiniz. ( Eklentinin kaynağı. )

Eğer orjinal bir blogger şablonu kullanıyorsanız bu eklentiyi kurmak sadece 1 dk nızı alır.
Kontrol Paneline girin - Ayarlar sekmesinden Yorumlar bağlantısına tıklayın
Yorumlarda profil resimleri gösterilsin mi? seçeneğini evet yapın. Bu işlemleri yaptığınızda artık yorum yapanların avatarları görünecektir.

Başka tema kullanan arkadaşlar için ( benim gibi ) bu eklentiyi kurmak biraz zahmetli olacaktır.
Dilerseniz hemen anlatıma geçelim.

Blogger kontrol paneline girin. Yerleşim -> Html Düzenle -> Widget Şablonlarını genişlet bağlantısına tıklayın.

İlk önce Ctrl + f kombinasyonu ile şablonumuzda

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

kodunu arıyoruz.
Genelde bu kod bulunmaz.
Eğer yok ise

<dl id='comments-block'>

kodunu buluyoruz ve

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

kodu ile değiştiriyoruz.

Daha sonra

<a expr:name='data:comment.anchorName'/>

kodunu bulup

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

ile değiştiriyoruz.

Daha sonra

]]></b:skin>

kodunu bulup hemen üstüne

.avatar-image-container {
background:url(http://i49.tinypic.com/sf9fg9.png);
}
.avatar-image-container img {
width:35px;
height:35px;
border:none;
}

kodlarını yapıştırıyoruz.

Eğer anonim yorumların avatar resmini değiştirmek isterseniz
http://i49.tinypic.com/sf9fg9.png ile kendi istediğiniz resmi değiştirebilirsiniz.

Herhangi bir sorun olursa lütfen yorum bölümünden belirtin.

Blogger Bulunulan Sayfa - Konum - Nereden Geldin Eklentisi

noreply@blogger.com (1Admin) — Sat, 03 Jul 2010 05:19:00 +0000

Bana göre çok güzel bir eklenti olup, bloglarda çok güzel ve profesyonelce durmaktadır. Blogda yazıya nereden ulaştıysanız, üst tarafta ulaşma kademelerini gösteriyor. ( Eklentinin kaynağı. ) Basit bir işlemle bizde bunu blogumuza uygulayabiliriz. Demo olarak blogumda yazının hemen üst tarafına bakabilirsiniz.

İlk önce yerleşim > html düzenle > widget şablonunu genişlet diyoruz.

Ondan sonra

]]></b:skin>

kodunu bulup hemen üstüne

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;

}

kodlarını yapıştırıyoruz.

Widget şablonunu genişlet dediğimizden emin olup

<b:include data='top' name='status-message'/>

kodunu buluyoruz ve bu kodu silip yerine

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

kodlarını yapıştırıyoruz.

Daha sonra

<b:includable id='main' var='top'>

kodunu silip yerine

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Ana Sayfa</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Etiketi Yok
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Ana Sayfa</a> » Arşivdesin <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Ana Sayfa</a> » Tüm Yazılar
<b:else/>
<a expr:href='data:blog.homepageUrl'>Ana Sayfa</a> » Etiket İçindeki yazılar altta <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

kodunu yapıştırıyoruz.

İşlem tamamdır. Herhangi bir sorun olursa yorum bölümünden bildirmeniz yeterli.