"Bu sayfayı paylaşın"

Çok okunan, yazılarına çokça link verilen bir blogcu musunuz? Öyleyse ziyaretçilerinizin işini kolaylaştırın. Forumlar ve bloglar için sayfalara kolayca link verilmesini sağlayın. Bunu Blogger'a ekleyeceğiniz kodlarla olarak yaptırabilirsiniz. Nasıl olduğunu görmek isteyenler örnek olarak hazırladığımız Akıllı Ev sayfasına bakabilirler. Gelelim pişirilişine:
  1. Önce temanızın yedeğini alın.
  2. "Widget Şablonlarını Genişlet" seçeneğini işaretleyin.
  3. <p class="'post-footer-line"> satırını bulun. Bazı temalarda şu şekilde olabilir: <div class='post-footer-line post-footer-line-3'/> (Firefox ile Ctrl+f)
  4. Bu satırların hemen öncesine şu kodları yerleştirin:
    <b:if cond='data:blog.pageType == "item"'>

    <h3>Bu sayfayı paylaşın.</h3>Sayfa Linki:
    &lt;input type=&quot;text&quot; size=&quot;60&quot;
    onclick=&quot;javascript: this.select()&quot;
    value=&quot;<data:post.url/>&quot; /&gt;<br/>

    Site kodu: &lt;input type=&quot;text&quot;
    size=&quot;60&quot; onclick=&quot;javascript:
    this.select()&quot; value=&quot;<a
    expr:href='data:post.url'><data:post.title/></a>&quot;
    /&gt;<br/>

    Forum kodu: &lt;input type=&quot;text&quot;
    size=&quot;60&quot; onclick=&quot;javascript:
    this.select()&quot;
    value=&quot;[URL=<data:post.url/>]<data:post.title/>[/URL]&quot;
    /&gt;<br/>

    </b:if>

  5. CSS ile input etiketlerine şekil verebilirsiniz.
BloggerDestek yazarları için günün ipucu: Kodları <code> </code> etiketleri arasında kullanırsanız şık görünecektir.

Adsız

Bloggerda Kendi Klasik Temanızı Kendiniz Oluşturun.

Profesyonel blog yazarlarının birçoğu HTML Cascading Style Sheet ve diğer sayfa oluşturma dillerini genelde bilir , siz , bu kadar zahmete katlanamam hazır temalarla yetinirim diyorsanız aşağıdaki blogger template generator'e bir göz atın derim , başlıktan taban'a kadar kendi klasik blogger temanızı oluşturabilirsiniz , arkaplan resmi , sidebar sayısı ve birçok diğer seçeneği kendiniz ayarlayıp " Get Code " butonuna basmanız yeterli olacak.Tek yapmanız gereken aşağıdaki linke tıklayıp template üreteçine gitmeniz.

Blogger Template Generator.

--

BloggerDestek Yazılarını Takip Edin.

Adsız

CSS ile RSS Butonu

Blogunuzda fazla tek bir grafik bile bulunmasını istemiyorsanız ve bu yüzden gerekli olan RSS butonunu kaldırıyorsanız artık durun! RSS butonunu CSS ile grafik kullanmadan yapabilirsiniz.

Nasıl mı?
1 - Blogunuzun Yönetim Paneli >>> Yerleşim >>> HTML'yi Düzenle >>>

2 - Bul:
]]></b:skin>

Üstüne Ekle:
.rss {
border:1px solid;border-color:#FFF #FFF #FFF #FFF;padding:0 3px;font:bold 10px verdana,sans-serif;color:#000000;background:#F60;text-decoration:none;margin:4px;
}

3 - RSS butonunu eklemek istediğiniz yere bu kodu yerleştirin:
<a href="http://www.blogger.com/post-edit.do">RSS ADRESİ BURAYA" class="rss"><span style="color:white;">RSS</span></a>

DİKKAT! Buradaki RSS ADRESİ BURAYA yazan yere, RSS adresinizi yazmalısınız =).

ÖRNEK GÖRÜNÜM
RSS

Adsız

Blogunuzda renkli yorumlar

Wordpress kulllanıcılarında görüp kıskandığım bir özellik vardı: Site yazarının yorumları yani ziyaretçilerin yorumlarına verdiği cevaplar farklı renkte gösteriliyordu. Buradan bu özelliğin Blogger için de yapılabileceğini gördük.
Eğer çok yorum alan bir blogcu iseniz kullanmanızda fayda var. Nasıl olduğunu merak edenler şu sayfaya veya bu yazının sonuna bakabilirler.

Nasıl yapılıyor?


  1. Kontrol Panel>>>Yerleşim>>>HTML'yi düzenle
  2. Widget Şablonlarını Genişlet seçeneğini işaretleyin.
  3. CSS tagları arasına yani şu kodlardan (]]></b:skin> ) hemen öncesine şu satırları ekleyin.


  4. .comment-body {
    margin:0;
    padding:0 0 0 20px;
    }
    .comment-body p {
    font-size:100%;
    margin:0 0 .2em 0;
    }

    .comment-body-author {
    margin:0;
    padding:0 0 0 20px;

    }
    .comment-body-author p {
    font-size:100%;
    margin:0 0 .2em 0;
    color:#CC3300;
    text-decoration:bold;
    background: #6699FF;
    }
    Burada background ve color değerleri ile oynayarak renkleri temanıza uydurun. (Not:
    Bazı temalarda .comment-body etiketi olabilir.
  5. Şu kodları bulun. (Firefox ile CTRL+F )
    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <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>
    yazdı...
    </dt>

  6. Yukarıda yazılanlardan hemen sonra sonra şu kodları ekleyin. <b:if cond='data:comment.author == data:post.author'>
    <dd class='comment-body-author'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
  7. Şu satırın önüne <dd class='comment-footer'> şu kısacık kodu ekleyin. </b:if>
  8. Şablonu Kaydet'e tıklayın.

Anlattıklarımız karışık geldi ise şu sayfadaki kodlar işinizi kolaylaştırabilir.

Adsız

Widget Düzenle Butonunu Kaldırmak

Bildiğiniz gibi Blogger'da, yönetici paneline giriş yaptıktan sonra blogunuzda, widgetların altında aşağıdaki gibi bir buton görürsünüz. Bu butonun amacı üstünde duran widgetları hızlı bir şekilde düzenlemenize yarar.


Bu butonu kullanmak hem avantajlı, hem de dezavantajlıdır. Bu butonu kullanarak, üstte belirttiğim gibi Widgetlarınızı hızlı bir şekilde düzenleyebilirsiniz. Dezavantajı ise blogunuzun önizlemesini sağlıklı bir şekilde yapamazsınız. İşte bunun için bu butonu kaldırmak isteyebilirsiniz. Lafı daha fazla uzatmayıp, can sıkmamak için işleme geçelim.

1. Yönetim Paneli>Yerleşim>Html'yi Düzenle
2. 'Widget Şablonlarını genişlet'
3. Aşağıdaki kodu arayıp bulunanları silin.
<b:include name='quickedit'/>


Oldu bitti. :)

Adsız

Blogger için klasik tema oluşturma

Birazcık HTML ve CSS biliyorsanız, Frontpage, Dreamweaver gibi programları kullandı iseniz Blogger için şablonlar oluşturabilirsiniz. Bunun için Blogger'ın yardım sayfaları size yeter.
Yardım sayfalarına bakarak klasik temalar oluşturabilirsiniz. Klasik temaların, XML temalara göre bazı avantajları olduğu gibi dezavantajları da vardır.
Blogunuzun teması ile fazla oynamıyorsanız, kullanacağım tema başkalarına olmasın, sadece bende olsun diyorsanız, kodlarla uğraşmaktan çekinmiyor, kodlar arasında birşeyler aramayı ve bulmayı seviyorsanız klasik şablon size göredir.
Blogger'ın anket, arama gibi yeni özelliklerini kullanmak istiyorsanız XML (Blogger yardım sayfalarında "Düzenler" diye geçer.) tema kullanmanız gerekecek.
Blogger Yardımdaki şu sayfaları inceleyecek başlayabilirsiniz temanızı oluşturmaya.
Klasik şablonlar
Klasik Şablon Etiketi listesi
Tanımlı Klasik Şablon Etiketleri
Klasik Şablonlar için Koşullu Etiketler

Adsız

Sadece yöneticinin görebileceği linkler


Blogger yardım sayfalarında gördüğüm bir özelliği paylaşacağım.
Temayı düzenlemek, yeni yazı eklemek, yazıları düzenlemek, yorumları yönetmek için her seferinde Blogger Kontrol paneline girmenize gerek yok. Blog sayfanıza ekleyeceğiniz linkler ile saydığımız sayfalara kısa yoldan ulaşabilirsiniz. Üstelik bu linkleri sadece yöneticiler görür, ziyaretçileriniz ve yönetici olmayan yazarlarınız görmez.
Blogger buna "koşullu yeni yazı bağlantıları" adını vermiş ve burada ayrıntılı olarak anlatılmış.
<span class="item-control blog-admin pid-XXXXXX">
Linkler buraya.
XXXXXXXX blog numaranızdır.
</span>

Blogger yazılarınız otomatik yayımlansın.

Kontrol panelinize Draft.blogger.com adresinden giriş yapın, yazının tarihini ileriye alın, "YAZIYI YAYIMLA"ya tıklayın.
Ayrıntılarını Mafimax anlatmış, buyrun.

Adsız

Yepyeni Temam: GoogleBoy Themes

Efenim uzun uğraşlar sonucu bitirdiğim ve adını GoogleBoy koyduğum yeni renkli temamı sizlerle paylaşıyorum. Aslında tema yapmayı bırakmıştım -ki olmuyor, duramıyorum yapıyorum. Birde siz değerli bloggercı arkadaşlara ayıp ediyorum ama bazıları hariç. Onlarda kendilerini biliyorlar. İlk başta şunu söylemeden geçmeyeyim. Yaptığım temalarımı beğenip kullananları görüyorum. Birde emeğe saygı duyuyorlar. Ama bazı korsan blogcular çok emek edip, zamanımı sırf temaya harcadığım vakitleri düşünmeyerek, temanın bana ait olduğuna dair hiç bir link belirtmiyorlar. Yazıktır. Günahtır. Haramdır. Yapmayın arkadaşlar !.
Neyse GoogleBoy adını verdiğim temam 3 kolonludur. İkisi renkli, biri beyaz. Onları istediğiniz gibi değiştirebilirsiniz. Ayrıca linkler herzamanki gibi yine renkli :) Temayı buradan, şuradan, oradan ve buradan sömürebilirsiniz :) Buradan da demosunu inceleyebilirsiniz.

Adsız

Blogger bX-kjqmty hatasi

Blogger'da malesef bu şekilde hataları çok görmekteyiz benimde başıma az evvel gelen hata bir başkasının da başına gelirse diye yazma sorumluluğunu hissettim.
Benim başıma gelen sorun ,Blogger temamı yeniledim kurdum footer'da ki linkleri düzenlerken hata verdi daha sonra düzeltmeme rağmen site hatanız dolayısı ile açılmamaktadır.Destek gurubuna başvurunuz bX-kjqmty gibi bişeyler yazdı şok oldum aha dedim site gitti.Sonra düşündün acaba saat 5.13 bu saatte bu sorun doğalmı diye.Bütün hatalarımı temizledim diyorum genede açamıyorum ardından birde google amcaya sordum ingilizce birşeyler çıktı anladıma göre de çözümü şu

Firefox tarayıcını kapat
Tekrar firefox u aç ve geçmişini temizle
Şimdi sitene girebilirsin.

Bir de sorum var sizlere arkadaşlar bu siteye girip okuduklarını anlayıp uygulayan ve sitemizde de bunu izah edebilicek prezentable yazar aranmaktadır :)

Blogger bX-kjqmty hatasi kaynak

Adsız

Blogger Yukarı Butonu

'

Bazı Blogger temalarında vardır yukarı butonu.Ancak ya yoksa?Yada ziyaretçi boğuk bir mesajın içinde kaybolmuşsa. İşte tam bu anda yardımınıza Superman gibi uçup geliyorum. Aslında Dmry'de gördüğüm bu kodları Blogger adına keşfetmiş oluyorum.Ayrıca çok ufak düzenlemeler yapıp sizlere sunuyorum.


Önceki anlatımlarımda olduğu gibi "-" işaretini kodları yazarken kaldırın.
İlk olarak <-body-> kodundan önce aşağıdaki kodu yazın.
<-a id="sayfaustu"><-/a->Sonra ise <body> kodundan önce aşağıdaki kodu yazın.

<-p id='page-top' -><-a href='#sayfaustu' title='Kaybolduysan Yukarı'->Yukarı

Daha sonra ise CSS kodlarınız arasında bir yere aşağıdaki kodu yapıştırın.



#page-top {
position: fixed;
display: block !important;
display: none; /* Hide from IE6 */
bottom: 5px;
right: 10px;
padding: 2px 0 2px 20px;
background: url(images/sayfa-yukari.png)
left center no-repeat;
font-size:11px;
}

#page-top a:link, #page-top a:active,
#page-top a:visited, #page-top a:hover
{text-decoration:none;}


Şablonu kaydetmeden önce 'resmi kendi hostunuza yükleyin.Daha sonra kodlar kırmızı ile işaretlediğim yerleri silip resmin linkini yazın.

Adsız

CSS ile hoş mesaj kutuları

2 gündür kullandığım şu üstteki mavi kutuyu sanırım herkes biliyor ve görmüştür.Bu mesajımda size o kutunun nasıl yapıldığını anlatacağım.Aslında bu kodların mucidi E-Burhan.Ve bende sanırım bu eklentiyi Blogger'da kullanan ilk kişiyim.Bu yüzden bu olayı size bir güzel anlatmak istiyorum.Çok basit bir olay.

ÖNEMLİ:Bu işlemleri yapmadan önce mutlaka şablonunuzu yedekleyiniz.Ufak bir yanlış işlemde site kayabilir.(Başıma geldi oradan biliyorunm).

İlk olarak şu linkteki CSS Message Box dosyasını indirin.

Paket içerisinden çıkan "css.css" dosyasını kendi sunucunuza yerleştirin.

Not:Kod aktif olmasın diye "-" işaretini koydum.Siz kodları yazarken o işaretleri kaldırın.

<-style type="text/css">@import "css.css dosyasının linki";<-/style->Kırmızı ile işaretlediğim bölgeye az önce kendi sunucumuza yüklediğimiz "css.css" dosyasının linkini yazalım.


Bu kodu olduğu gibi kopyalayın ve Blogger HTML Düzenle kısmında <-head-> kodundan hemen sonra koyun.

<-div class="bilgi">
KaaN-Blog en iyi Firefox tarayıcı ile görüntülenir.
<-/div->


Kırmızı olan yere aşağıdakileri yazarsanız kutunun rengi değişecektir.

"hata" yazarsanız rengi kırmızı.
"ikaz" yazarsanız rengi sarı.
"tamam" yazarsanız rengi yeşil.
"bilgi" yazarsanız rengi mavi.


Yazıyı kendinize göre değiştirebilirsiniz tabiki.Şablonu önizleyin ve kaydedin.
Tamamdır bu kod bu kadar.Ancak birde sonradan dedinizki ben bu kenara bu kutu ile birlikte bir pano hazırlamak istiyorum. Biz de olur nasıl istersen diyoruz.

Bunun için bu işlemleri tekrarlamaya hiç gerek yok.

Sayfa ögeleri/Sayfa ögesi ekle/HTML/Javascript Oluştur ve yukarıdaki <-div->'li kodu yani 2.kodu yazmanız yeterli olacaktır.
*Kodu şablona kaydettiğimiz için ilk baştaki kodu yazmamıza gerek kalmadı.

Adsız

Blogger Destek 100 Maddeye Ulaştı !

Efenim 2 kafadar tarafından yayına başlayan yeni yeni Bloggercılara yardım ihtiyaçlarını karşılamak için açılan BLOGGER-DESTEK tam 100 maddeye ulaştı ! Dünden bugüne neler olmuş BLOGGER-DESTEK' de kısaca anlatayım.

İlk günlerde 2-3 kişi ile başlanan servüven şimdilerde 9 adet aslan gibi yazarlar Adolf donjuanyasin Sedran Karikatürist Altuğ Orgun Deastrilsion Hrn :) by_kAaN avare tarafından geliştiriliyor.
Nice 100 maddeye diyorum, kısa kesiyorum. Tüm Blogger-Destek ekibi çalışanlarınada teşekkürler ediyorum.

Saygılar Sevgiler...

Adsız

Haftanin Blogu: Gayri Ciddi Karikatur Blogu

gayriciddiyiz.blogspot.com


Böyle blogları pek görmediğimiz blog aleminde sloganını Sanal Alemin ilk ve tek Karikatur Magazin Blogu olarak duyuran Gayri Ciddiyiz'i Haftanın blogu olarak seçiyorum.Geçen haftaya göz atmak için buyrun. Bu hafta ilgimi çeken ve onu haftanın blogu yapan belki de blog.wolkanca'nın yazılarında Gayri Ciddi karikatürlerini kullanması ve Gayri Ciddiyiz ekibinin çalışmalarına kol kanat olarak blog dünyasına daha çabuk seslerini duyurması olsa gerek yoksa nereden duyabilirdik.Gerçi burada amaç duyulmamış,görülmemiş bir blogu tanıtabilmek.Neyse bu haftalık böyle olsun blog hakkında kısa gezintimden notlar aktarmak istiyorum;


Bikere teması kullanışlı değil pek, arşivin bulunmaması ve katkıda bulunanların listelenmemesi eksiklik bunun yanısıra etiketlerin düzeni ayarlanabilir ve bir kaç güzel eklentiyi kurarak tema güzelleştirilebilir ama onun eksiğini çizimlerin harika ve mizahin güzel olması kapatıyor. Eşi benzeri pek Türk Blogger yazarları tarafından yapılmamakta,Bi kere blogger kullanması çok hoşuma gitti. zamanında test or test diye bir abimiz vardı kendince çizer yazardı ama kimse keşfedemeyince kayboldu gitti.Bu ekip daha dinamik ve daha güncel olduğundan kısa zamanda isimlerini daha çok kitleye duyurucaklar eminim buna, sonuçta blog.wolkanca sponsorları :D Hatta bizim blog yazarlarımızın da yorumlarını bazı yazılarda görünce pek bi sevindim demek ki en son keşfeden ben olmuşum.Site bağlantılarınıza eklemeniz gereken sürekli güncel içeriğe sahip içinde mutlaka keyif alacağınız çizim ve yazıları barındıran tam sayısını bilmiyorum ama 4 5 kişiden oluşan ve otopsiraporu adında ki blogger yazarı tarafından çizilen yazılan harika bir blog.Özellikle arşivi karıştırıken Hoşmuhabbet'den bildiğimiz Mert ALEMDAR'ın indirim-tv macerasını mizahi içeriği ile eleştirmesi.Gerçi genel tüm içerik güzel.Umarım bu tarz blogların devamı gelir.

Son olarak Böyle güzel bir oluşumu gördüğüm için çok sevinçliyim,Yazan çizen üreten herkesin herzaman destekçisiyiz.Okuduğunuz için Teşekkürler.
(Dip not siteyi ziyaret etmek için Banner'a tıklamanız yeterlidir.)

Adsız

3 sütunlu Blogger teması Denim

Denim, Blogger'ın sunduğu standart temalardan biri. Sade olduğu için ve mavi renk hakim olduğu için ben seviyorum. Nedir bu mavi aşkı diyeceksiniz. Maviye karşı özel bir hayranlığım yok. Windows işletim sisteminde ve intertetin ilk zamanlarından gelen bir alışkanlıktır özellikle linklerde mavi kullanmak. Başta Google olmak üzere internet devleri linklerde bu renkleri tercih ediyorlar.
Bu temayı Blogger Destek için modifiye ettim. Gerekçelerimin bir kısmını şuradaki yorumda belirtmiştim. Tekrardan yazmaya gerek duymuyorum. Sağolun, başta donjuanyasin olmak üzere diğer arkadaşlar da söylediklerimi dikkate aldılar.
Gelelim temaya. Darren Delaye Denim adlı tema Blogger'da standart olarak sunuluyor. Temanın orijinali iki sütunludur, bu haliyle fazla kalabalık olmayan bloglar için idealdir. Gezinti (Navigasyon demek istiyorum) kısmı fazla kalabalık olacağı için üç sutunlu olmalıydı. Temanın üç sütunlu halini burada görmüştüm. Sütunların iki yanda olması dikkati dağıtıyor bence. Elden geçirdim ve sütunları Google bloglarında olduğu gibi sağa aldım. Başlıkların olduğu sarı bantların genişliği ve yüksekliği ile, yazı boyutları ile oynadım. Niçin yaptığımı sanırım tahmin ettiniz. Daha önce Net Günlüğü'nde kullanmıştım, sonuçlar fena değildi.
Biraz aceleye geldi, ufak tefek hatalar çıkabilir.
Temayı indirmek için buraya tıklayın. Nasıl olduğunu görmek için Örnekler sayfasına bakabilirsiniz. (Örnekler özellikle tema hazırlayanlara örnek olsun diye yapılmıştır.)
Temanın telif hakları bana ait değildir. Üzerinde her türlü değişiklik yapılabilir. Alt kısımdaki linkler sizi rahatsız ediyorsa silebilirsiniz. Temayı kullanlar buradaki yazıya yorum yazarak bize iletirlerse o sayfadan kendilerine link verilecektir.
Ekran görüntüsü

Adsız

Blogger Destek Yenilendi

Evet daha önce yenilenme çalışmalarımızın olduğunu burada ki yazımız ile duyurmuştuk.Bu yeni yıl bizim yılımız oldu.Sizlere biraz bunlardan bahsetmek istiyorum neler yaptık neler yazdık bi çetelesini tutmak ve yenilenen bloggerdestek hakkında yorumlarınızı okumak istiyorum.Eski 2 kolonlu temadan sıyrılıp bugun Emre (Deastrilsion) un isteği ve tavsiyesi üzerine bu yeni temaya geçtik ben çok beyendim özellikle banner için Harun (GoogleBoy)'a çok teşekkür ediyorum.Yeni tema hakkında olumlu,özellikle olumsuz düşünceniz var ise onu bekliyorum.Şimdi biraz son 2 ayın içeriğini irdeleyelim.
Ocak ayı itibari ile kadromuza H-Demirbas'ı alarak kendisine ait H-STil Premium Teması ve Blogger Hafif Teması ile Blogger ROLLY ve ROLLY v2 Temaları'nı ardından da Blogger Twitter Teması nı blogger kullanıcıları için yayımladık.Güzel bir ocak ayını geride bıraktıktan sonra Şubat ayı blogger-destek merkezi için en çok yazı yazılan ve güncellenen ay olarak tarihine geçti.Hala da güncellenmeye devam etmekte,bu ay itibari ile aramıza katılan yazar sayısı toplamda 9 by_kAaN Hrn :) Altuğ Orgun avare ve Deastrilsion gibi 5 yazarın katılımı ile çok daha güçlenmiş olduk..Bu kadar emeğe güzel bir alan adı yakaşır dedik ve BloggerDestek Yeni Kimliğine Kavuştu Yeni Alan adımız ile yayına başlamış olduk.Bu ayın kendime göre en iyi yazısı Pcdostu Sedran tarafından yazılan Linklerin üzerine gelindiğinde açılan kutucuklar yazısı ve avare tarafından yapılmış olan AdSense için Blogger teması Şubat ayının güzel paylaşımlarından dı elbette ki tüm yazılarımız güzel.Geçen 2007 yılıda ki toplam yazı sayımız bu 2008 Şubat ayında ki yazıların sayısından az , bir yılda yazamadığımızı bir ayda yazmış olduk.Bunun için tüm yazarlarımıza sonsuz teşekkür ediyorum.Sağlıcakla kalın iyi bloglamalar.

Son zamanların en çok okunan yazıları(bu istatislik okunuyoruz.biz sisteminden alınmıştır.)

  1. blogger themes,blogger icin kullanisli 50 den fazla tema>>>
  2. Adsense Gelirinizi Artırmak İçin 5 Yol!>>>
  3. Youtubeden Bloga Kolay Video Ekleme>>>
  4. Blogger Hafif Teması>>>
  5. H-STil Premium Teması>>>
  6. Online ve Toplam Ziyaretçileri Gösteren Sayaçlar ekleme>>>
  7. Blogger Template-blogger 2 sutunlu temalar>>>
  8. Blogger Benzer Yazılar ve Popüler Yazılar eklentisi>>>
  9. H-Style Yeni Blogger Teması>>>
  10. Blogger`da Etiket Bulutu Olusturmak>>>

Adsız

Iconlet - İkon Arama Motoru



Geçenlerde SearchIcon'dan biraz daha farklı bir ikon arama motoruna rastgeldim; Iconlet...

6 Ocak 2007'de açılan arama motoru tahmin edebileceğiniz gibi şu anda 1 yaşında. Eğer ki biraz üstünde dururlarsa, günbegün güzelleşen bir proje olacağına eminim. İkonları projenizde kullanamdan önce lisans koşullarını okumakta yarar var.

BURDA

Adsız

FeedReader Programı, RSS Okuyucu

İnternet sitelerinin hemen hemen hepsi artık RSS teknolojisinden faydalanıyor. RSS ne mi işe yarar? Bir sitenin RSS'sine abone olursunuz ve o sitede yazılan her yazı siz siteye girmeden size ulaşır. Peki bunu nasıl yaparsınız? FeedBurner kullanan sitelerde mail abonesi olmanız için bir seçenek bulunur genelde ve yazılan yazılar günlük olarak mail adresinize gelir. Bulunmayan sitelere ise bir program yardımıyla abone olmalısınız. Mesela Firefox'da bir blogun rss adresini yer imlerine kaydedebiliyorsunuz ama size bir uyarı vermiyor yeni yazı geldiğinde. Neyse benim bu yazımda anlatmak istediğim program FeedReader.

Bu Türkçe programı yüklüyorsunuz. Daha sonra açıp, F3 tuşuna basıp RSS'sini eklemek istediğiniz blogun adresini yazıyorsunuz. Daha sonra Tamam tuşuna basıyorsunuz ve blogun RSS'si sizin programınızın veritabanına ekleniyor. Bu programa yüzlerce RSS adresi ekleyebilirsiniz. Sizin için o blogları kontrol eder ve 5-10 dakikada bir size yeni yazıları uyarı olarak belirtir.
Programı şuradan indirebilirsiniz: Link!

Adsız

Blogunuzu arama motorlarına ekleyin

Blogunu yeni açanlar, blogunuzun arama motorlarınca indekslenmesini hızlandırmak için aşağıda verdiğimiz adresleri kullanabilirler. Özellikle Türkçe arama motorları biraz tembeldir, onları dürtüklemeniz gerekebilir. Burada sadece belli başlı arama motorlarını listeledim. Blogunuzu dizinlere eklemek isterseniz, şu sayfadaki ve şu sayfadaki adresleri kullanabilirsiniz.
Live Search URL Gönderme
Gerçek Türkçe ARAMA MOTORU
Google Blog Search Ping Service
Add your URL to Google
Arama Motoruna Kayıt - Türkçe Arama Motoru'na Site Ekleme
Bilgi.com » Sitenizi Ekleyin
Didikle :: En İyi En Yeni Arama Motoru
Yahoo!
Bu işlemleri hızlandırmak için bir zamanlar şu sayfayı hazırlamıştım.

Adsız

Webmasterlar için Firefox eklentisi

Sayfanın fotoğrafını mı çekmek istiyorsunuz? Çok kolay Print Screen tuşuna basarsınız. İş bu kadarla bitmiyor. Bunu bir resim işleme programına aktarmak, kaydetmek gibi işler var akabinde. Sayfanın sadece bir kısmının fotoğrafını almak istediğinizde işiniz daha da uzayacaktır.

Screengrab!

Firefox'un Screengrab! ekletisi ile bu işleri basitleştirebilirsiniz. Eklenti, kurulduktan sonra durum çubuğuna yerleşiyor, üzerine tıklayarak yapacağınız işleri seçiyorsunuz.
Eklenti hakkında ayrıntılı bilgi almak için buraya, eklentiyi hemen kurmak için buraya tıklayınız.

MeasureIt

Önceki yazımızda sayfadaki renkleri öğrenmemize yarayan eklentiyi tanıtmıştık. Bu eklenti onunla kardeş sayılır. MeasureIt, ekranda belirlediğiniz yerlerin ölçüsünü veriyor. Sayfada kullanılacak sütunların, grafiklerin enini, boyunu ölçmek, tespit etmek için bu eklentiyi kullanabilirsiniz.
MeasureIt hakkında ayrıntılı bilgi almak için buraya, eklentiyi hemen kurmak için buraya tıklayınız.
İyi çalışmalar

Adsız

HTML renk kodlarını öğrenin


Alet çantasına biz de bir katkı da bulunalım. Bu yazıda niçin Firefox kullanmanız gerektiğini öğrenmiştiniz ve Firefox kullanmaya başladınız.
Sıra geldi Firefox'a yeni yetenekler kazandırmaya.

Colorzilla

Tanıtacağımız eklenti tema üretenlerin ve reklamların renklerini sitenin rengine uydurmak isteyenlerin işini kolaylaştıracaktır. Bir sayfanın, resmin renk kodlarını öğrenmek istiyorsunuz. Eklenti tarayınızın durum çubuğuna yerleşiyor (yerini değiştirebilirsiniz) üzerine tıklayıp imleci öğrenmek istediğiniz rengin üzerine götürüyorsunuz. Renk kodları (RGB mi deniyordu?) karşınızda.
Colorzilla eklentisi hakkında daha fazla bilgi almak için buraya, eklentiyi hemen indirmek için buraya tıklayınız.

Adsız

Mozilla Firefox

İnternette dolaşıyorsanız ve bir blogunuz da varsa, internet explorer bazen çok çekilmez olabiliyor.
Bu nedenle karşınıza İnternet Explorer'ın en büyük rakibini çıkarıyorum; Mozilla Firefox!
Bu çok gelişmiş internet tarayıcısı ile;

-internet sitelerini daha hızlı dolaşabiliyor,
-her bir site için ayrı bir tarayıcı penceresi açmadan sekmelerle çalışabiliyor,
-elektrik kesintisi gibi ani kapanışlar sırasında açık olan sekmelerinizi geri getirebiliyor,
-blogunuzda bir yazı yazarken yazım denetimi kullanabiliyor,
-sevdiğiniz blogları sık kullanılanlarınıza RSS olarak ekleyebiliyorsunuz.
-programınız kendisini otomatik olarak güncelleyebiliyor
-açılır pencereleri engelleyebiliyor.
-Firefox, binlerce eklentisi ve teması ile size daha güzel bir tarayıcı sunuyor.

Programı aşağıdaki linkten indirebilirsiniz. İnanın çok kolay alışacaksınız ve internet explorer'ı hemen unutacaksınız.

Program ayrıca Türkçe!

Buradan İndir.

Adsız

Draft.Blogger'a Yeni Özellik !

Yine ilk GoogleBoy'dan öğreniyorsunuz :) Neyse konuya dönelim. buradaki yazımda Blogger yine açılmıyor, yeni öğeler gelebilir demiştim. Yeni bir öğe gelmiş. Öğe ''BLOG LİSTEM'' adında. Nedir bu derseniz. anladığım kadarıyla şeçtiğiniz blogların urlsini ekleyerek, o blog'un son yazdığı yazıyı kolayca blogumuzda görebiliyoruz. Şu an blogumda deniyorum. unutmadan yazının ne zaman yazıldığınıda gösteren zamazingo'da var olmakta!. Ekran görüntüsünüde ekliyelim. Pek bişi anlamadım açıkcası. RSS denen alet varken. Neyse yapmışlar bişiler. bizede kullanmak düşer. isteyen kullansın. ben 1-2 gün deneyeyim. neymiş, tam anlayalım. Daha kapsamlı anlayan arkadaşlarım, ahkâm kesmeyi unutmayalım!!

Adsız

Blogger Güncellemeleri !

Geçen Blogger sürekli açılmıyordu. Düşündüm yine altyapı çalışmakları var dedim. Bazı yenilikler yapılmış. Bunlardan biri Yorum Bölümünde yorum yazmak için değişik kimlikler vardı. Örnek olarak wordpress, AOL, typead ve livejournal gibi. Bunlar resimli hale getirilmiş.


Bir diğer değişiklik, Blogger Panelinde herhangi bir blogunuzun yerleşime gitmek için yazan ''ŞABLON'' yazısı ''YERLEŞİM'' olarak değişmiş.

Adsız

Haftanın Blogu: ErkekNeİster?

Bu Hafta itibari ile BLOGGER-DESTEK ekibi olarak beğendiğimiz ve ilginç olan bloglarımızı tanıtmaya başlıyoruz. Bu Haftanın Blogu, ErkekNeİster?

Genellikle erkeklere dayalı bir blog olan erkekneister.blogspot.com henüz beta aşamasında !. Blog'da erkek konularından başka, her zaman duyduğumuz gördüğümüz olaylara, hiç bakılmamış açılardan yaklaşmayı hedef alan nacizane bir blog olmaya aday. Ayrıca sırf erkekler girebilir diye kaide yoktur!. Kadınlarda girebilir :). Blog'da stil ve moda, müzik, sinema, gündem, spor, geyik ve yazarların kendince günlükleri olan bir çok kategori var.

Blogger-Destek olarak ERKEKNEİSTER? blog çalışanlarına başarılar diliyoruz...

Adsız

Blogger Türkce Alan adı ile yayın yapmak

Blogger Kullanıcılarının ve genellikle internet kullanıcıları olarak site sahipleri Türkçe karakter içeren kelimeleri alan adlarımızda kullanmayız.İmkan olduğunda bile çok tutulan bir şey değildi.Fakat Sosyal imleme sitelerinde gezerken bloggerda yeni bir özellik ile bunun imkanı olduğunu Selçuk Hocamızdan öğrenmiş oldum. Rasladığım yazısında çok basit bir yöntem kullanarak (ç, ğ, ı, ö, ş, ü ) gibi Türkçe harfler ile blog açmamızın mümkün olduğunu okuyunca ilkten çok heycanlandım ilkten diyorum çünki uygulama sonrasında pek memnun kalmadım.

Neyse kısaca okumuşken nasıl olduğunu bir anlatayım
buradaki IDN çevirici ile sitenizde kullanmak istediğiniz kelimeyi yazarak sisteme uygun hale getirelim Örneğin türkçe alan adının ASCII karşılığı xn--trke-2oa7j 'dir.Bu demek oluyor ki xn--trke-2oa7j.blogspot.com adresi bize türkçe.blogspot.com'a ulaşım yapmamızı sağlayan aparak zaten bu yazıyı okuyan arkadaş hemen türkçe.blogspot.com adında bir blog açmış.Bu ıdn çeviriciden yaptığınız çeviriyi tahmin ettiğiniz gibi blogger.com/home sayfasına girdikten sonra yeni blog oluştur seçeneğinin ardından site adınıza xn--trke-2oa7j yazıp tam yol ileri gidiyorsunuz.

Bende bu yol ile bir blog açtım fakat yayınladıktan sonra yukarıda ki çubukta http://xn--dahan-klege-w9a2yir.blogspot.com/ gibi görülmesi hiç hoşuma gitmedi bence pek yararlı bir özellik de değil hem google bizi bu şekilde ne olarak gösterir işte onu önümüzde ki günlerde anlayacağım..Bu konu da ki fikirlerinizi ve yorumlarınızı bekliyorum.

Yazı bilgi için Selçuk Hocaya bir kez daha teşekkür ediyoruz.Hazır gelmişken Selçuk Hoca'nın 30 altın seo ipucu adında ki yazısınıda okumanızı tavsiye ediyorum.

Adsız

BloggerDestek Yeni Kimliğine Kavuştu!


Bilmem farkettiniz mi? blogger-destek.blogspot.com uzantılı alan adımızdan sıyrılarak kendi özel alan adımıza geçmiş bulunmaktayız. www.bloggerdestek.com ismi bize en uygun olanıydı.Daha bir çok alan adını düşündük fakat yöneticiler olarak bundan iyisini bulamayacağımıza karar verdik. Daha önce de dediğim gibi hedeflediğimiz doğrultuda ilerlemekteyiz,yeni bir çok yararlı yazarımız sayesinde çok güzel bir içeriğe sahip olduk.Sizler o güzel yazılarınızı yollarken bizlerde sizin yazılarınızı daha çok kitlelere nasıl ulaştırabiliriz.Sitemizi nasıl duyurabiliriz sorularını sorduk kendimize.Şahsen bir çok blogcu ile mail yolu ile link istedim Fakat henüz o konuda yardımcı olan çıkmadı.Daha önce link veren blogger yazarlarının da kaldırdıklarını keşif etmiş oldum gezerken.Gerçekten güzel linklere çok ihtiyacımız var yeni alan adımıza geçmeden önce sahip olduğumuz Google pagerank değerimiz 2'den 0'a düşmüş oldu.Ne yazık ki ülkemizin güzel blogger yazarları henüz emek ve harcanan çabanın değerini vermemekte.H-demirbas tarafından özel olarak yapılmış temaları indirdikten sonra ilk işleri footer alanında ki yazıları kendilerine uyarlamak.Wordpress yazarlarında ki görgü ve nezaket ne yazık ki blogger kullanan bizlerden yararlanan şahsiyetlerde yok.Birçok sitede ise içeriğimizin aynısının yayınlanması çok üzücü bir durum.Son Siz blogger destek okuyucuları ve yazarlarından bir kaç istediğim daha olucak
  • Dün yazdığım yazarlara öneriler,kısmına eklemek istediğiniz birşey varmı?
  • Bize size destek olma çabasındayken sizlerde bize sitelerinizde link vererek destek olabilirmisiniz?
  • Gelişim aşamasında ki oluşumda ilk adımı yazar kadromuzu genişleterek yaptık bu konuda bizlere yardımcı olabilicek herkese bloğumuz açıktır.Tanıdığınız blogger yazarlarını ikna edip bize katılmalarını sağlayarak blogkazanına hayırlı bir iş yapmış olursunuz.
  • Alan adımız hakkında ki düşünceleriniz nelerdir?
  • Sizce kendimizi daha büyük kitlelere duyurmak için neler yapmamız gerekir?Yaratıcı fikirlere açığız.Bu konuda bir kaç planımız var örneğin büyük blogger yazarları ile röportaj yapma hedefindeyim.Röportaj bize ne kazandırır bilemiyorum ama denemekte fayda var.Gerçi hangi kapıyı çalsam suratıma kapandı. Bunun dışında H-demirbas'ın güzel bir düşüncesini hayata geçiricez ama süpriz olsun biraz da sizlere.Umarım hedeflediğimiz gibi blogküre'de tanınan bir blog olma yolunca başarılı oluruz.
  • Okuduğunuz için teşekkür ediyorum.Yorum fikir ve görüşlerinizi bekliyorum.

Adsız

Blogger'de Yazının Devamını Oku Eklentisi

Güncelleme: Blogger'ın devamını oku özelliğini resmen devreye sokmasıyla bu tür kod ekleme işlemlerine artık gerek kalmadı. Güncel yazı için:


Aynısını geçmesemde mafiamax'ın yazısından esinlenerek yazıyorum. Aha link'de verdim bağışlasın beni inşallah :)
Blogger'de normalde olmayan ama ana sayfada çok yazı göstermek isteyenlerin çok işine yarayacak olan bir eklenti var burada, yazının devamını oku eklentisi. Bu eklentiyi kurduktan sonra yazdığınız bir yazıyı istediğiniz yerden iki parçaya bölebiliyorsunuz ve ikinci parçayı ana sayfada göstermiyorsunuz. Böylece ana sayfanızda bir link oluşuyor. Yazının devamı oku şeklinde. Bu linke tıklayan yazıyı full bir şekilde okuyabiliyor.

İlk olarak blog şablonunuzun HTML Düzenle kısmına giriyorsunuz. Widget şablonlarını genişlet seçeneğini aktifleştiriyorsunuz. Daha sonra <head> tagını buluyorsunuz ve hemen altına şu kodları yapıştırıyorsunuz;
<style>
<b:if cond='data:blog.pageType == "item">
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


Bu kodları yapıştırdıktan sonra CTRL+F yardımıyla şablonunuzda <data:post.body/> kodunu buluyorsunuz ve bu kodun tam bittiği yere şu kodları yapıştırıyorsunuz;

<b:if cond='data:blog.pageType != "item"'><br/><a
expr:href='data:post.url'>Devamını okuyun...>></a>
</b:if>


Bundan sonra şablonunuzu kaydedin efendim, işin şablon kısmı bu kadar.

İşin bundan sonrasını yazdığınız her yazıda uygulayacaksınız. Yazınızı yazıp bitirdiğinizde, yazının gizlemek istediğiniz kısmının başına
<span class="fullpost">
kodunu ekleyin. Gizlemek istediğiniz kısmın sonuna da </span> kodunu ekliyorsunuz, yani şöyle olacak;

<span class="fullpost">Gizlenecek yazı</span>

Böyle yazdığınız yazılarda gizlediğiniz yazılar ana sayfada çıkmayacaktır. İyi bloglamalar :)


Adsız

AdSense için Blogger teması

Tema paylaşımdan kaldırılmıştır.

Adsız

rel="nofollow" Nedir? Nasıl Kullanılır?

rel="nofollow" Nedir?

Site sahiplerinin büyük bir kısmı sitesinin arama motorlarında üst sıralara çıkabilmesi için spam yapar. Forum ve bloglara sitelerinin reklamını mesaj olarak yazarlar, işi abartıp özel robot yapar ve bu robotları diğer sitelerin üstlerine salarlar, sağa sola alta üste oraya buraya veya şuraya siteyle alakası olmayan keywords(ne kadar keyword denir bunlara bilmem ama!!!) vs. koyarlar. Tamam, spamlarını yapar ve belli bir süre için Google'da yükselirler ama daha sonra olacaklar bellidir. Google bu siteyi keşfeder ve karakutusuna alır. Eğer ki bu tarz bir siteye herhangi bir şekilde link vermişseniz, emin olun Google sizi de sevmeyecektir.

BURDA...

Adsız

SeO Nedir?

Son günlerde çok konuşulan ancak tam olarak bir anlam verilemeyen SEO.Öncelikle sizlere şunu belirtmek isterim,SEO hakkında çok mükemmel bir bilgim yok.Ancak azda olsa kendi fikirlerimle sizleri aydınlatabilmek isterim.
İlk olarak sorarsınız SEO nedir?

SEO İngilizce'de Search Engine Optimization anlamına gelir.Yani Arama Motoru Optimizasyonu.SEO'yu basit bir şekilde tanımlamak gerekirse sitemizi Google'ın botlarına beğendirmek diyebiliriz.

Aman bu mudur?Ondan kolay ne var diyenler yanılıyor.Hiçde sandığınız gibi bir bot değil.Oldukça zeki ve iyi programlanmış bir bot.

Peki SEO nasıl yapılır?

Bu iş için her ne kadar eklenti olsada(Wordpress gibi sistemler için)yinede işi el ile yapmak çok daha fazla yararınıza olacaktır.

1-İlk olarak Blogger gibi sistemlerde yazı başlığına çok dikkat etmelisiniz.Bazı Türkçe karakterlerin çıkmaması sonucu yazının adresinde tanımlanamaz bir olay gözükür.
Ayrıca yazı başlığını seçerken şöyle düşünmek lazım;

"Acaba ben bir ziyaretçi olsam ..... konuyu merak etsem ne diye Google'da aratırdım".Emin olun ki bu yöntem çok işinize yarayacaktır.

2-Yazınızın içeriğine çok dikkat etmelisiniz.Aynı yazıları tekrar etmek sizin Sandbox(en son anlatacağım)'a girmenize neden olacaktır.Bu yüzden yazınızın içeriği orjinal olmalıdır.

Ayrıca yazının içinde birçok bağlantı vermeniz,önemli kelimeleri renkli,italik,kalın,büyük,küçük yazmanız botların dikkatini çekecektir.

Olabildiğince her yazınıza resim ekleyin.Ancak bu resimler 1-2 adet olmalıdır.

3-Mutlaka bir site haritanız olmalı.Ayrıca robots.txt dosyası oluşturmalısınız.Ayrıntılı bilgi için Google Web Yöneticisi Ayarları'na tıklayın.

4-Mutlaka bir site arşivi olsun.Ayrıca yazılarınızın içinde olabildiğince diğer yazılarınızın bağlantısını verin.

5-"Dost Siteler" türü şeyleri çok fazla abartmayın.

6-Siteniz Web 2.0'ye olabildiğince uygun olmalıdır.Eski temalar yerine kendi yaptığınız veya yeni şık temaları kurun.

7-Sitenizin tasarımı düzenli olmalıdır.Ne ararsak hemen bulabileceğimiz türden yani.

8-Sitenizi CSS kodları ile süslüyebilirsiniz.Buda botların dikkatini çok fazla çekecektir.Ancak bu olayıda abartmamak gerekiyor.

9-Lightbox türü güncel eklentileri kullanmaya çalışın.Google sizin teknolojiden geri kalmadığınızı anlayacaktır.

10-Blog dediğimiz bir nevi günlük.Ancak sürekli kendinizi anlatmayın.Mümkün olduğunca güncel haberleri yayınlayın.

11-Yazı etiketleri size çok saçma gelebilir ama anlamlı etiketler kullanırsanız bununda faydası olacaktır.

12-Yazılarınızı yazarken daha fazla zaman harcayın.Acele yazı yazarsanız yazınızda görmediğiniz birçok hata olacaktır.

13-Asla botları kandırmaya çalışmayın.Onları kandırmak imkansızdır.

14-Google'da ...... kelimeler arandığında benim sitem çıksın istiyorsanız sitenizin üstüne biryerlerine bu kelimeleri yazın.Abartmamak lazım yinede.

15-Blogunuza gizli yazılar yazmayın.Mesela siyah zemin üzerine siyah yazı yazmak.Botlar bunu tespit edecek ve bunu aldatmaca olarak sayacaklardır.O yüzdendir ki benim logomun üzerinde beya Kaan-Blog yazıyor.(Ufaltılmış şekli)

Son olarak SEO için son darbe...

Bana sorarsanız yukarıda yazdıklarımın tamamı bu işte etkili.Ancak SEO'da gerçekten başarılı olmak istiyorsanız bir bot gibi düşünmelisiniz.Bir nevi empati.Siz bot olsanız hangi sitelere hit verirdiniz hangi sitelerin pagerank değerlerini yüksek tutardınız?Hangi sitelerin iyi SEO yaptığını nerden anlardınız.Bu sorular size yardımcı olacaktır.

Sandbox nedir?

Sandbox'a girmiş bir site yeni açılmış bomboş bir blogdan daha kötü durumdadır.Örnek vermek istiyorum.Diyelim ki çok hit bir siteniz bulunuyor.Google sonuçlarınız çok iyi.Sandbox'a girdiğiniz zaman Google sonuçlarınız 10. 20. sayfalara düşebilir.Siteniz bir nevi yok olabilir.Bazı webmasterlara göre Sandbox'tan çıkmak için 7-8 ay geçmesi gerekiyormuş.

Böyle olduğu için hitinizde çok düşecektir.

Peki Sandbox'a nasıl girersiniz?

En büyük nedeni çalıntı içerik kullanmak.Ayrıca yukarıda bahsettiğim gibi botların bazı yanlış anlamaları.Ayrıca SPAM'ler buna yine yardım ediyor.

Sandbox çok güzel bir olay aslında.Eğer siz girmediyseniz tabi.Neden iyi peki?
Eskiden Google'da bir arama yaptığımızda karşımıza çok ilgisiz bağlantılar geliyordu.Ama şu sandbox çıktı çıkalı bu işler değişti.

Adsız

CSS ile yazılarınızın seçimini süsleyin

"http://www.webdesign.org/img_articles/1335/Image.jpg" grafik dosyası hatalı olduğu için gösterilemiyor.
Belki çok gerekli bir kod olmayacak ancak ben anlatmak istiyorum.Şuan blogumdada kullandığımı belirtmek istiyorum.Bir yazıyı seçinde arkaplan rengi değişiyor.Bu arada belirtiyorumki eklenti sadece Firefox ve IE'de çalışıyor.

BlogAndWeb'te rastladığım bu kodları sizlerle paylaşıyorum.

İlk olarak yine HTML Düzenle'ye gidelim.

Daha sonra ise şu kodları CSS kodları arasında bir yere yapıştırın.

/* Para Safari */
::selection {
background: #ccc;
}

/* Para Firefox */
::-moz-selection {
background: #ccc;

p.post-body:selection {
background: #ccc;
}

p.post-body:-moz-selection {
background: #ccc;
}
}
Bu kodları ekledikten sonra #ccc yazan kod yerine HTML renk kodlarından seçip yazın.Böylece istediğiniz olmuş olacak.

Adsız

Blogger LightBox v.1

http://kaanpc.googlepages.com/kaanresim.png
Şu yazımda LightBox'tan söz etmiştim.Ancak yinede Blogger'a uyarlıyamadığımı ve yapamadığımı anlatmıştım.Şimdi ise sitemde uzun zamandır test ediyordum.Herhangi bir sorun çıkmadı ve bende şimdi sizlere anlatıyorum.

Aslında tam olara Lightbox denmez.Hâla uyarlayamadım Blogger'a ancak ona benzerini buldum ve hemen yaptım.

Evet ilk olarak yine işimiz sunucumuza gerekli dosyalarımı yerleştirmek.İlk olarak şu dosyayı indirin.İndirdiğimiz dosyada şağıdaki dosyalarını kendi sunucunuza yerleştirin.

HTML Düzenle kısmına gidin ve ardından aşağıdaki kodu yazın.Ben yine "-" işaretini koydum.Siz kodları yazarken o işaretleri kaldırın.



Ayrıca yukarıdaki kodda geçen loading.gif adlı dosyayı kendi sunucunuza yükleyin.

Şablonu kaydedin ve artık işleve geldi.Artık bundan sonra aşağıdaki kodları kullanarak LightBox yapabilirsiniz.


<-a rel="shadowbox" href="Tam resmin linki">Küçültülmüş resmin linki" /-><-/a->

Resim için Deastrilsion'a teşekkürler.

Adsız

BloggerDestek Yazarlarimizin Dikkatine!

Sevgili Blogger-Destek yazarı arkadaşlarımın Dikkatine,Bugün itibari ile kadromuza 2 yazar daha eklenmiş bulunmaktadır.Bir yıldan kısa bir zamanda büyük işler başardık 2 kişi olarak çıktığımız blogger kullanıcılarına destek olma hedefimizde katlanarak büyüdük ve büyümeye de devam etmekteyiz.Yazar kadromuz epey çoğaldı,Bazı başvurular da tarafımdan kabul edilmedi.Bazı arkadaşlarımız da yazı yazamayacaklarını bildirerek yada daha başka yollar ile ifade ederek yazarlıktan çıkarıldı. Burda bahsetmek istediğim bir kaç madde var,Bu konulara dikkat etmenizi rica edeceğim.Bu sitemizin amacı para kazanmak ünlü olmak değil,Blogger kullanan insanlara bilgi verebilmek...

Kimler yazar olabilir?
  1. Blogger kullanıcısı iseniz;
  2. Kategorilerimizden(Blog Geliştirme , İpuçları , Gelir Elde Etme, Editörün klavyesinden, Blog Dünyasından Haberler, )en az birisinde yazı ekleyebilicekseniz.
  3. Blogger hakkında yeterli tecrübe ve bilgiye sahipseniz.
  4. Blog sitenizde blogger ile ilgili kendinize ait bir yazınız var ise.
  5. Önce kendinizi sonra blog sayfanızı bir paragraf ile anlatarak yazar olunuz!.
Yazar olmuş arkadaşların Dikkat etmesi gerekenler;

Öncelik ile dikkatimi çeken çok önemli bir noktayı bildirmek isterim.Blogger-Destek'de yazı yazmadan önce bu yazıyı google'dan gelecek ziyaretçi ne yazarak bulabilir?sorusunu kendinize sormanız gerekir.Yazınızın içeriği son derece zengin olabilir ama başlığınız sizlere ziyaretçi kazandırır.Örneğin
Blogger için rasgele yazı eklentisi yerine,Blogger icin rasgele yazi eklentisi yazmanız gerekmektedir.Başlıklarda Türkçe karakter kullanılmamalıdır.Bu şekilde yaparsanız yazınız www.sitenizinadi.com/blogger-iin-rasgele-yaz-eklents dediğimi uyguladıktan sonra yazınızı düzenle bölümüne gelerek tekrar Türkçe Hale döndürebilirsiniz.

Yazdığınız yazıların içerisinde ki önemli yerlere link vermeniz seo (seo yazan yere seo etiketinin linkini eklemek gibi)açısından yararlıdır.Ben bu yazımın başında blogger-destek yazan yere kendi sitemizin linkini ekledim mesela.Başka bir önemli konuda diyelim ki etiketleme konusunda bir yazınız var ise yenisini yazdığınızda geçmişte ki yazdığınızı da belirterek konuya giriş yapmanız okurlarımız için faydalı olacaktır.

Yazdığınız bir yazının çok güzel olduğunu düşünüyorsunuz ama kimse okumuyor mu o zaman bu yazdığınız yazınızı duyurmak için;Türkçe içerikli sosyal imleme sitelerine eklemenizi tavsiye ederim.Ne kadar çok eklerseniz o kadar çok okunursunuz.(
Oyyla ,Linkibol , 100puan ,Bağcık ,Yumiyum gibi siteler tavsiyemdir.)

Daha önce bloğunuzda yazdığınız bir yazının tamamını buraya eklemek yerine özet bir şekilde konuyu anlatabilir ve sonunda devamını okumak için kendi sitenize link verebilirsiniz.Böylece hem sitenize ziyaretçi gelir hemde kendi yazınız olsa bile copya içerik olmamış olur.Yazılarınızın sonuda yazar adı ve sitenizin adını eklemeniz de yararınıza olur buna izin veririz.

Yazdıklarınızı okuyup kontrol ettikten sonra yazınıza uygun etiketleri mutlaka yerleştiriniz.Kategorinizi belirleyiniz çünki sizin yazınızın üzerinden gelen yazıların arasında kaybolmasınız istemeyiz.Etiket ve kategori sistemine dahil ederseniz yazılarınız okunması sıklaşır.


Özetlersek Dikkat etmeniz gereken ve sizlerden istediklerim,Konu başlığına dikkat etmeniz,Etiketleri doğru eklemeniz,sosyal imleme sitelerine yazdıklarınızı yollamanız,Yazılarınızda ki önemli yerleri kalın yazıp etiketlerden uygun linkleri eklemeniz ve sitenizden bizim sitemize link vermeniz.

Adsız

Etiketine Sahip Yazılar Gösteriliyor Yazısını Modifiye Etmek

Bildiğiniz gibi Blogger'da bir etikete tıklayınca '... etiketine sahip yazılar gösteriliyor' şeklinde bir kutucuk çıkar. Bunu değiştirmek aslında çok kolaydır. İş cssye dayanıyor. :) Bu ilk olarak BlogandWeb'te anlatılmış. Türkçe çeviri bana aittir. :) Lafı fazla uzatmadan işleme geçelim.

1. Şablon>Html'yi Düzenle yolunu izleyin.
2. 'Widget şablonlarını genişlet' seçeneğini işaretleyin.(Bu sizde alışkanlık olsun)
3. ]]</b:skin> etiketinden önce aşağıdaki css kodlarını yapıştırın.
#main .status-msg-wrap {
width:90%;
padding:5px;
}

#main .status-msg-body {
font-size:80%;
text-align:left;
padding:5px 5px 5px 30px;
width:auto;
}

#main .status-msg-border {
border:1px solid #a19a36;
opacity:1;
}

#main .status-msg-bg {
background: #FFF9B3 url(http://trilsion.googlepages.com/gnome-status2.png) center left no-repeat;
opacity:1;
}


4. Bu kutucuğu kendi temanıza uydurmak isterseniz:
#a19a36 = Kutucuğun çerçeve rengi.
#FFF9B3 = Kutucuğun iç rengi.
Bu renk kodlarını kendi temanıza göre değiştirebilirsiniz.

Modifiye etmeden önce:
Modifiye ettikten sonra:

Adsız

Blogger için Rastgele Yazı Eklentisi

Google'ın "Kendimi Şanslı Hissediyorum" tarzı olaylarından hoşlananlar, bunu da sevecektir. Bu eklenti sayesinde, yeni oluşan linke tıklanıldığında blogunuzdaki yazılardan herhangi biri okurun karşısına gelir; rastgelir. Kuruluma geçelim...

1 - BURAYA tıklayın.

2 - "Add to Blogger" butonuna tıklayın.

3 - Eklemek istediğiniz blogunuzu seçin ve eklenti başlığını girin.

4 - Ardından hemen altındaki "İçeriği Düzenle"ye tıklayın ve açılan kodlar arasında bunu bulun:
'Are ya feeling lucky, punk?'

Bununla değiştirin:
'Rastgelsin...'

Widget Ekle'ye tıklayın. Tabi eğer isterseniz daha farklı bir şeyler yazabilirsiniz, değiştireceğiniz isme tıklandığı zaman rastgele yazı gelecek.

5 - Eklenti kuruldu, fakat tablo başlığında "Feeling Lucky" yazıyor. Değiştirmek için yönetim panelinden Şablon >>> HTML'yi Düzenle sekmesine girin.
Kodlar içinde şu kodu bulun:
<b:widget id='HTML3' locked='false' title='Feeling Lucky' type='HTML'/>

Bununla değiştirin:
<b:widget id='HTML3' locked='false' title='Rastgele Yazı' type='HTML'/>
6 - Şimdi her şey tamam, işlemleri doğru yaptıysanız eklenti sayfanızda görünecektir. Fakat yanlış yaptıysanız en baştan denemez gerekiyor. Son olarak menünün yerini daha aşağıya almak isterseniz, Şablon >>> Sayfa Öğeleri sekmesinden menüyü mouse ile sürükleyin ve bırakın, ardından Kaydedin.

İşte böyle:

Adsız

Blogger mı Yoksa Blogcu mu?

Türk blog yazarlarının klasikleşmiş soruları olmuştur: Blogger mı Yoksa Blogcu mu? Aslında pek farkları yoktur, fakat ikisinin de artılarından bahsedeceğim. Bundan sonra seçim yapmak size kalıyor, hangisi size daha uygunsa onu seçebilirsiniz.

Blogcu'nun Artıları:
  • Türk servisidir. Yardıma ihtiyacınız olduğunda rahatlıkla sorabilir, her türlü Türkçe servisini kullanabilirsiniz.
  • Blog istatistiklerinizi detaylı olarak görebilirsiniz.
  • Kategori oluşturma sistemi bulunur.
  • 3 MB alanınıza resim yükleyebilirsiniz.
  • Sürekli geliştirilmektedir, yenilikçi bir sistemdir.
  • Arkadaşlarınızı listenize ekleyebilirsiniz.
  • Güzel şablonları vardır, güncellenir.
  • Sevdiğiniz blogları rahatlıkla takip edebilirsiniz.



Blogger'ın Artıları:
  • Hazır SEOlu gelir. Böylece arama motorlarında çok daha üst sıralarda görünürsünüz.
  • Google güvencesi vardır.
  • Dilerseniz blogunuzu kendi FTP'nizden yönetebilir, domain alabilirsiniz.
  • Google hesabınızla oturum açabilirsiniz, ekstra üyelik gerektirmez.
  • Eklenti(widget) özelliği en iyi özelliğidir belki de. Dilerseniz kendi eklentinizi de yazabilirsiniz(biraz kod bilgisiyle). Ayrıca Blogger dünya çapında bir servis olduğu için her türlü eklentiyi bulabilirsiniz.
  • Tüm bloglarınızı tek bir hesapla yönetebilirsiniz(Google hesabınız), her yeni blog için yeni bir hesap gerekmez.
  • Google Adsense reklamlarınızı blogunuza rahatlıkla yerleştirebilirsiniz.
  • Kontrol paneli basit ve gelişmiştir.
  • Çok hızlıdır.
  • Her türlü şablonu mevcuttur, dünyanın dört bir yanından şablon yapımcıları vardır.



Tabi Blogcu ve Blogger'ın dışında blog servisleri de var, bazı Türkçe blog servisleri:
Blog
Mynet Blog
Benim Blog
Bloggum
Blogosfer
Gaxxi
Selam Günlük

Evet, artık seçmek sizin elinizde. Blogcu mu yoksa Blogger mı?

Adsız

Etiketleri Açılır Kapanır Yapmak

Blogger'da girdiğiniz etiketleri düz bir liste veya etiket bulutu şeklinde gösterebilirsiniz. Peki hiç açılıp kapanabilir bir şekilde yapmayı hiç düşündünüz mü? Bunu blogandweb'te gördüm. Sanırım bu blogandweb'ten çevirdiğim 3. yazım.


İşleme başlayalım. İlk olarak Şablon>Html'yi Düzenle yolunu izliyoruz ve 'Wigdet Şablonlarını Genişlet' seçeneğini işaretliyoruz. Aşağıdaki kodları buluyoruz.
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
Not: Yukarıdaki kodları bulabilmeniz için Etiketler sayfa öğesini daha önceden eklemeniz gerekmektedir.

Kodları bulduktan sonra aşağıdakilerle değiştirin.
<select onchange='location=this.options[this.selectedIndex].value;'>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'>
<data:label.name/>
<span dir='ltr'>(<data:label.count/>)</span>
</option>
</b:loop>
</select>


Oldu bitti.

Adsız

Blog Yazılarında Kodları Kullanmak

Blogger'da yazdığınız yazıların içine kod koymak istiyorsanız, fakat kodun çalışmasını değil de kod olarak görünmesini istiyorsanız kodunuzda bazı değişiklikler yapmanız gerekecektir. Bende Frontpage olduğu için bu konuda zorluk çekmiyorum fakat herkesin de FrontPage'i yok ya :)

Şimdi efendim, kodlarınızı doğrudan olduğu gibi blog gönderinize eklerseniz, Kod olarak görünmeyecek, kodun tasvir ettiği şey çıkacaktır. Bunu istemiyoruz değil mi, o halde kodda yapacağımız değişiklikler şunlar;
< işaretlerinin yerine & l t ;
> işaretlerinin yerine & g t ;
" işaretlerinin yerine & q u o t ;
kodlarını aralarındaki boşlukları kaldırarak koyarsanız, artık kod çalışmayacak, kod olarak görünecektir. Ben kodları verirken aralarında boşluk bıraktım çünkü örneğin & l t ; yazarken aralarında boşluk bırakmasaydım, < olarak çıkacaktı ve siz olayı anlayamayacaktınız yine :)


Peki bu bilgileri verdiğimize göre, bir de örnek verelim, örneğin;
<img src="resim linki" border="0"/>
kodunu, bir resim eklemek için değil de blogda kod olarak görünmesi için yazıyorsunuz. O halde şu şekilde yazacaksınız;


Peki bu Frontpage'de nasıl yapılır?
Bunları frontpage'de yapmak ise çok daha kolay, Frontpage'i açıyoruz, sayfa da kodları yazıyoruz, daha sonra yazdığımız kodu seçip sayfanın sol altındaki html sekmesine tıklıyoruz, kodları seçtiğimiz için HTML kısmında da ilgili kod seçilmiş olucak ve aynı size yapmamı söylediğim şeyleri, yani işaretleri değiştirme olayını, frontpage sizin için yapmış olacak. O kodu kopyalayarak daha sonra blog yazınıza ekleyebilirsiniz.

Umarım anlaşılmıştır. Anlamadığınız şeyler olursa yorum yaparak bana, bana ulaşamasanız da diğer Destek yazarlarımıza ulaşabilirsiniz...

Adsız

Sol Üst Köşeye Türk Bayrağı Eklemek

Sol üst köşede şık bir Türk bayrağı dursun ister misiniz? Cevabınız evet mi? O zaman vakit kaybetmeden işleme başlayabiliriz. Çoğu blog sahibinin hoşuna gideceği birşey. Birkaç kod ile bu işi kolayca halledicez.

1. İlk olarak şuradaki resmi bilgisayarınıza kaydedin, daha sonra ücretsiz bir sunucuda barındırın.(Örn:GooglePages,imageshack)

2. Aşağıdaki kodu css kodlarınızın arasında, uygun bir yere ekleyin.

#bayrak a {
position: absolute;
top: 0px;
left: 0px;
position: fixed;
text-indent: -1000px;
width: 100px;
height: 100px;
overflow: hidden;
background: url(bayrak.gif) 0 0 no-repeat;
}


bayrak.gif yazan yere kendi sunucunuzda barındırdığınız resminizin adresini koyun.

3. Aşağıdaki kodu <head> etiketinden hemen sonra yapıştırın.

<div id="bayrak"><a href="#" target="_self"></a></div>


Kırmızı ile yazılan yere sitenizin adresini yazabilirsiniz.

Bu kadar. (08.02.2008 tarihinde güncellenmiştir.)

Adsız

Bloggerda Tema Yenileme

Evet sayın okur ve blogger kullanıcısı bu yazımda sizlere yukarııda görmüş oldugunuz blogger dot temasını yenileyip daha güzel bir tema oluşturmayı anlatacağım.
1)Arkaplan Değiştirme
Arkaplannı değişdirmek için şablon kısmından htlm düzenle kısmına giriyoruz ve ctrl+f tuslarına basıyoruz.Ondan sonra çıkan arama kısmında bg_dots.gif bunu aratuyoruz.Bu bir link içinde yazılıdır ve o linkin yerine kendi arka planımızı upload etdiğimiz hostun bize verdiği linki yapıştırıyoruz ve şablonu kaydet diyoruz.
Bu işlemin sonunda Temamız yanda gördüğünüz gibi değişektir.
Eğer siz arkapalanı nerden bulacagınızı bilmiyorsanız bu siteden indirebilirsiniz.
2)Logo Değiştirme
Soldaki resimde gördüğünüz gibi temanın üstünde 3 tane büyük nokta var bu noktaların yerıne kendi logomuzu koyacagız.Eğer hazırda logonuz yoksa buradan kendınıze logo yapabilirsiniz.
Yine Şablon>html düzenle ye giriyoruz.Ve ctrl+f yapıp bg_3dots.gif bunu aratıyoruz.Bu yazı bir linkin içinde logomuzu upload ettiğimiz sitenin bize vermiş oldugu linki bg_3dots.gif yazısının bulunmus oldugu linkle değiştiriyoruz.Ve logomuz hazır.
Logomuz sağdaki resimde gördüğünüz gibi oldu.Şablonun sol kısmında sütünda istideğiniz gibi değişiklikler yapabilmetesiniz.Yazı boyudu çok küçük oldugu için sıra onu değiştirmede.
3)Yazı Boyutu Değiştirme
Bunun için yapmamız gerken Şablon>Yazı Tipi ve renkler Buradaki menüden yazı rengi başlık rengi,link rengi vs renklerını değiştirebildiğiniz gibi menunun altlarına dogru olan şeceneklerde yazı boyutunu ve fontunu değiştirebiliyorsunuz.Sayfadaki menüden metin yazı tipine tıklıyoruz sonra Font olarak verdana veya arial ı seçiyoruz.Bu sizin istediğinize bağlı hangisini isterseniz seçebilirsiniz.:)Ama ben verdanayı öneririm ondan sonra biraz sağkısımdan bulunan daha büyük şeçeneğine isteğe bağlı olarak 1 veya 2 kere tıklayanız.Ve temamızın yazı boyutuda hazır.Temamız bitti herkeze iyi bloglamalar.

-DEMO BLOG-

Adsız

Yorum Yap Linkleri

Yorum Yap Linkini Resimli Yapmak, Yorum yap linklerini değiştirmek, yorum yap linklerine açıklama kutucukları eklemek, yorum yap linkini düzenlemek gibi olayları bu yazıyı okuduktan sonra kavrayabilirsiniz diye tahmin ediyorum :)

Blogger'daki tüm yorum yap linklerini anlatacağım size, öncelikle yazı sayfasındaki yorum yap linkini anlatacağım size, hani şu tüm yorumların altında çıkan Yorum Yap linki... Başlamadan önce tabiki şablonunuzun HTML Düzenle kısmına girip Widget Şablonlarını Genişlet yapıyorsunuz ki linkleri görebilelim :)

HTML Düzenle kısmında;
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

şeklinde olan link bizim Yorum Yap linkimizdir. Bu link içinde yapacağınız değişikliklerden en önemlisi şudur;

<data:postCommentMsg/>

kodunun yerine kendimiz istediğimiz başka bir şeyi koymak. Başka bir yazı mesela, bu kodu silip yerine Yorumla beni, Yorum çak! vs gibi şeyler yazabilirsiniz. Veya da bunun yerine bir resim kodu koyabilirsiniz. Örneğin;

<img src='resimlinki' border='0'/>
şeklinde bir resim kodu koyduğunuzda artık yorum yap linki kalkacak, yerine resim çıkacaktır. Resme tıklandığında yine yorum yap penceresi açılacaktır...

 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>


Ayrıca bu link kodunda <a'dan sonra title='açıklama' kodunu getirirsek, linkin veya sizin ayarladığınız resimin üzerine gelindiğinde açıklama yazan bir yazı çıkar :)

Şimdi "x tane yorum var" gibisinden gelen yorum yazısına bakacağız... Hani şu yazının tam altında görünen, ana sayfada da görünen yorum yap linki... Bu ise HTML Düzenle sayfamızda şu şekilde bulunur;

<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>

Bu kodda da istediğiniz değişiklikleri yapabilirsiniz.

<b:if cond='data:post.numComments ==
1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if>

Kodunun yerine bir resim kodu koyabilir,<a 'dan sonra title kodunu yerleştirebilirsiniz. Resim kodu koyarsanız artık yorum sayısı görünmeyecek, sadece yorum yap linkine dönüşecektir.

Ayrıca Linklerin üzerine gelindiğinde açılan küçük kutucuklar yazımda anlattığım html düzenlemelerini yaptıktan sonra yani javascript dosyasının adresini html'nize kaydettikten sonra, bu yorum yap linklerindeki <a'lardan sonra da
onMouseout='hideddrivetip()' onMouseover='ddrivetip("Link Metninin üzerine gelindiğinde kutuda çıkan yazı")'

kodunu ekleyebilirsiniz. Böylece yorum yap linkinin üzerine gelindiğinde çıkması için değişik değişik açıklamalar yazabilirsiniz :)

Adsız
 
 
OrtayiPisletenV1 - Copyrgiht 2013 - Tüm haklarımı annem kaldırdı - Tema Yapımcısı: TanerC.