Son 24 Saat

20:49 No comments

BgClassic Theme

Etiketler: Blogger

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

18:40 No comments

Blogger Son Yazilar Eklentisi 2

Etiketler: Blogger

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>

08:46 No comments

Ve Blogger Açıldı..

Etiketler: Blogger

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.

10:09 No comments

Blogger Erisim Yasagini Kaldirma

Etiketler: Blogger, Youtube

Ü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

15:28 9 yorum

Blogger Page Navigation Menu Widget1.0

Etiketler: Blogger, Blogger İpuçları

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:

21:19 1 yorum

Yorumlarınızı Şenlendirin

Etiketler: Blogger, Blogger İpuçları

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>

Son 24 Saat

BgClassic Theme

Etiketler: Blogger

Blogger Son Yazilar Eklentisi 2

Etiketler: Blogger

Ve Blogger Açıldı..

Etiketler: Blogger

Blogger Erisim Yasagini Kaldirma

Etiketler: Blogger, Youtube

Blogger Page Navigation Menu Widget1.0

Etiketler: Blogger, Blogger İpuçları

Yorumlarınızı Şenlendirin

Etiketler: Blogger, Blogger İpuçları

Tumblelog

Abonelik

Son Yorumlar

İzlediklerim

İzleyiciler

Blog Arşivi