Son 24 Saat

Blogger Yeni Tema

Etiketler: Blogger İpuçları

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

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

Eklemek isterseniz bunlarda flickr resimleri

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:

Son 24 Saat

Blogger Yeni Tema

Etiketler: Blogger İpuçları

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ı

Tumblelog

Abonelik

Son Yorumlar

İzlediklerim

İzleyiciler

Blog Arşivi