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 )
 

Copyright 2010 Blogger Destek.