10 Temmuz 2010 Cumartesi

Blogger Görünmeyen Smiley Eklentisi

1 yorum










Ö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.
( Devamını oku )

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

1 yorum









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.
( Devamını oku )

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

1 yorum
Ç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.
( Devamını oku )

Blogger Favicon Değiştirmek

0 yorum









Ö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.
( Devamını oku )

Blogger Rastgele Yazılar Eklentisi

1 yorum
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.
( Devamını oku )

New York Blogger Template

0 yorum


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.
( Devamını oku )

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

0 yorum
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.
( Devamını oku )

Blogger Alternatif Yorum Formları Oluşturmak

0 yorum


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.
( Devamını oku )

Blogger Yorumlara Arkaplan - Balon Eklemek

0 yorum
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.
( Devamını oku )

Blogger İnfobar Oluşturmak

0 yorum
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.
( Devamını oku )

Blogger Resimli Benzer Yazılar Eklentisi

0 yorum
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.
( Devamını oku )

Blogger Sitenize Gelen Ziyaretçilerin Mouse Hareketlerini Takip Etme Eklentisi

0 yorum








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.
( Devamını oku )

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

0 yorum




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.
( Devamını oku )

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

0 yorum
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>
( Devamını oku )

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

0 yorum
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 ...
( Devamını oku )

Blogger Yorum Sıralaması Eklentisi

0 yorum
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.
( Devamını oku )

Blogger Blogunuza Kar Yağdırma Eklentisi

3 yorum
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.
( Devamını oku )

4 Temmuz 2010 Pazar

Dosya Upload Edin,Para Kazanın!

3 yorum
       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.
( Devamını oku )

2 Temmuz 2010 Cuma

Blogger Paypal Donate Butonu Yapmak

0 yorum
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...
( Devamını oku )

Blogger Twitter Counter - Twitter Sayaç Eklentisi

0 yorum





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. )
( Devamını oku )

Blogger Yanıp Sönen Renkli Linkler Eklentisi

1 yorum









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>

( Devamını oku )

Bloggermag Magazine Blogger Template

0 yorum












Ç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.
( Devamını oku )

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

1 yorum
Ç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. )
( Devamını oku )

Blogger Yorumlara Avatar Eklentisi

1 yorum
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.
( Devamını oku )

Blogger Bulunulan Sayfa - Konum - Nereden Geldin Eklentisi

0 yorum
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.
( Devamını oku )

Rock Solid Blogger Template

0 yorum














İlk tema paylaşımıma bu tema ile başlamış bulunuyorum.
Temamızın adı Rock Solid. Siyah fonlar yoğunlukta kullanılmış olup, kendiliğinden manşet ve twitter eklentisi bulanan güzel bir tema.
Tema ile ilgili herhangi bir sorunda ya da sormak istediğiniz başka ne varsa yorum bölümünden bana iletebilirsiniz. Temayı demosuna buradan bakabilir ve buradan indirebilirsiniz.
( Devamını oku )

Blogger Benzer Yazılar Eklentisi - Türkçe Karakter Destekli Ve Reklamsız

0 yorum
hem reklamsız hem de türkçe karakter desteklidir. Şimdi kuruluma geçelim..

</head>
Kodundan hemen önce aşağıdaki kodu ekliyoruz.
<style>#related-posts {float : left;width : 540px;margin-top:20px;margin-left : 5px;margin-bottom:20px;font : 11px Verdana;margin-bottom:10px;}#related-posts .widget {list-style-type : none;margin : 5px 0 5px 0;padding : 0;}#related-posts .widget h2, #related-posts h2 {color : #940f04;font-size : 20px;font-weight : normal;margin : 5px 7px 0;padding : 0 0 5px;}#related-posts a {color : #054474;font-size : 11px;text-decoration : none;}#related-posts a:hover {color : #054474;text-decoration : none;}#related-posts ul {border : medium none;margin : 10px;padding : 0;}#related-posts ul li {display : block;background : url("http://i974.photobucket.com/albums/ae221/themescook/xclearfam/bullet_star.png") no-repeat 0 0;margin : 0;padding-top : 0;padding-right : 0;padding-bottom : 1px;padding-left : 16px;margin-bottom : 5px;line-height : 2em;border-bottom:1px dotted #cccccc;}</style><script src='http://www.weebly.com/uploads/2/7/6/4/2764470/pckolog-blog_benzer.js' type='text/javascript'/>

Sonra Ctrl+F yardımıyla şablonumuzda
<p><data:post.body/></p>
Kodunu aratıyoruz. Bu kodun altınada aşağıdaki kodu ekliyoruz.
<b:if cond='data:blog.pageType == "item"'><div id="related-posts"><font face='Arial' size='3'><b>Benzer Yazılar : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div></b:if>

ve şablonumuzu kaydediyoruz.. Hepsi bukadar..
Ek olarak eklentideki sıralama resmini değiştirmez isterseniz;
http://i974.photobucket.com/albums/ae221/themescook/xclearfam/bullet_star.png yerine kendi liste resminizi koyabilirsiniz.
Yazıların arasındaki ayraç çizgisini kaldırmak için
border-bottom:1px dotted #cccccc;
kodunu
border-bottom:0px dotted #cccccc;
olarak değiştirebilirsiniz.

Herhangi bir sorun olursa lütfen yorum bölümünden belirtiniz.
( Devamını oku )

Blogger Javascript Dosyalarını Blogger Hostundan Çağırmak

0 yorum
Bu yazımda sizlere kendi kullandığım yöntem olan javascript dosyalarını blogger altyapısına aktarmayı açıklayacağım. Aslında bu makale blogger site açılış hızını arttırmak diye de yazılabilir. Herneyse yazıyı yazma sebebim google'nin blogger yardım forumunda bir arkadaşın sorusuna cevap vermek. ( http://www.google.com/support/forum/p/blogger/thread?tid=43ceb1267cbc03a9&hl=tr#all )
Bildiğiniz üzere bazı blogger temaları javascript kodlarıyla çalışıyor. ( Bunun nedeni tema yapımcılarının kod dağınıklığıyla uğraşmak istememesi. ) Sitenizin açılması için gereken birçok javascript kodu olabilir. ( Temanızın javascript dosyası kullanıp kullanmadığını öğrenmek için, widget genişlet diyerek Ctrl + F kombinasyonuyla js veya javascript diye aratabilirsiniz. ) bu js lerin daha hızlı yüklenmesini sağlayabiliriz. Üstelik hiçbir siteye js dosyalarımızı upload yapmaya gerek duymadan.
Örneğin blogunuzda video manşet, tab menü gibi bölümler varsa büyük ihtimal temanız js kullanıyordur. Açıklayacağım yöntem bu yöntem size açılışta hız kazandıracaktır. Çünkü artık kodlarınız başka sitede js olarak değil, blogger altyapısında kod olarak bulunacaktır.

Şimdi gelelim açıklamaya.

Js kodunuzu alıp tarayıcıya yapıştırıyorsunuz.
Açılan sayfadaki kodları aşağıda gösterdiğim yere yapıştırıyorsunuz.
Bu işlemi yaparken notepad kullanın çünkü kodunuzu oraya yapıştırdıktan sonra bütün kodu kopyala yapıştır ile gösterdiğim yere koyacaksınız.

<script type='text/javascript'>//<![CDATA[Kodu buraya yapıştırın.//]]></script>

( Bunları yaparkende widget genişletmeyi unutmayın. ) Oluşturduğunuz kodun hepsini aşağıdaki resimde gösterdiğim yere yapıştırıyorsunuz.
Ondan sonra kaç tane java kodunuz varsa yukarıdaki gibi yapıyorsunuz ve alt alta yapıştırıyorsunuz.













İşlem bukadar. Eğer sorun yaşarsanız yorum bölümünde belirtin hemen yardımcı olurum.
( Devamını oku )

Blogger Yazı Başlıklarını Seo ' ya Uygun Hale Getirmek

0 yorum



Blogunuzu ilk açtığınızda ve yazı eklediğinizde google bu yazınızın başlığını, Blogunuzun adı - Yazı başlığı olarak görür. Bu durum ilgili aramalarda blog isminizin önce çıkmasını sağlar ve aranılan konu hakkında sizi geriye düşürür. Çünkü konu başlığını tam olarak okuyamaz.
Bu ipucu ile yazı başlıklarını Yazı başlığı - Blogunuzun adı olarak değiştireceğiz. Böylece ilgili aramalarda daha iyi aranma sonuçlarına ulaşabileceksiniz.
lk önce yerleşim > Html 'yi düzenle > Widget Şablonlarını Genişlet diyoruz.
Şablonumuzdan ;

<title><data:blog.pageTitle/></title>
kodunu buluyoruz ve
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/>-<data:blog.title/></title>
</b:if>

kodu ile değiştiriyoruz. İşlem tamamdır. Her ihtimale karşı işlemi gerçekleştirdikten sonra şablonu önizleden sorun var mı yok mu diye bakınız. Herhangi bir sorun olursa lütfen yorum bölümünde belirtiniz.
( Devamını oku )

Blogger Etiket Sayısını Kaldırmak

0 yorum
İlk önce basit ama kullanışlı ipuçlarından başlayalım. Resimde görüldüğü gibi yazıya bir etiket eklendiğinde, etiket bölümünde o etiketten kaç tane eklendiği yazar. İstersek minik bir html düzenlemesiyle bunu kaldırabiliriz.
İlk önce yerleşim > Html 'yi düzenle > Widget Şablonlarını Genişlet diyoruz.
Şablonumuzdan ;
(<data:label.count/>)
kodunu buluyoruz ve siliyoruz. İşlem bukadar. Her ihtimale karşı işlemi gerçekleştirdikten sonra şablonu önizleden sorun var mı yok mu diye bakınız.
Herhangi bir sorun olursa lütfen yorum bölümünde belirtiniz.
( Devamını oku )
 

Copyright 2010 Blogger Destek.