Blogger Destek

Örnek

Buradan siteye girip karşımıza çıkan kodları kopyalayıp
Şablon > sayfa ögeleri > sayfa ögesi ekle > HTML/JavaScript > kodu yapıştırıyoruz > değişiklikleri kaydet diyoruz ve böylelikle online sayacımız blogumuza ekleniyor.

Blogger 1999 Ağustos'unda San Fransisko'da Pyra Labs adında ufak bir şirket olarak kuruldu. Bu dot-com patlamasının ortaları gibiydi. Fakat biz tam olarak VC-fonlu, habire partiler yapan, lobide futbol oynayan, sürekli bira içen bir yapıda değildik. (Birayı başkaları ısmarlıyorsa durum değişiyordu tabi.)Büyük şirketler için can sıkıcı web projeleri yaparak para kazanan üç arkadaştık, İnternet ortamına kendi girişimizi yapmaya çalışıyorduk. İlk olarak ne yapmaya çalıştığımızın artık çok bir önemi yok. Fakat bu esnada, bir heves Blogger'ı yarattık, ve düşündük ki — -Hmmm... bu güzel oldu sanki.Blogger önce ufak ufak büyüdü, son yıllarda ise çok daha büyük oldu. Biraz para kazandık (fakat ufak kaldık). Ve sonra her şey tersine döndü, paramız bitti, ve küçük eğlenceli yolculuğumuz daha sıkıcı olmaya başladı. Zor da olsa kurtulduk, tek parça olmasa dahi, fakat her zaman hizmetimizi ayakta tuttuk, ve onu tekrar geliştirmeye başladık.2002'de her şey yolundaydı. Yüzbinlerce kullanıcımız vardı, fakat biz hala bir kaç kişiydik. Ama sonra beklenmedik bir şey oldu: Google bizi satın almak istedi. evet o Google .Google 'ı çok beğeniyorduk. Onlar da blogları... O yüzden bu fikri benimsedik. Sonuç olarak da ortaya iyi bir iş çıktı.Şu anda Google 'da ufak (ama öncesine göre biraz daha büyük) bir ekibiz, ve hedefimiz insanların web'de seslerini duyurabilmelerine, ve kişisel açıdan dünyanın bilgisini organize etmelerine yardımcı olabilmek. Zaten bizim düşüncemiz de her zaman bu yöndeydi.Google hakkında daha fazlası için, google.com adresine göz atın. (Aramada da işe yarar.)

Blogger'da kategori oluşturmak

Bloggerde otomatik kategori oluşturulmadığından biz yapmak zorunda kalıyoruz. Bu işi etiketler yoluyla yapacağız. Şöyle olacak;Tüm blogger bloglarının etiket temeli search/label/etiket şeklindedir. Bu etiket yazan yere etiketin adını yazacağız. Örneğin blog yazdıysak o blog ile ilgili bütün yazıları görüntüler.O etiketin adresi şu şekilde olacak; http://siteadiniz.blogspot.com/search/label/blog Bu şekilde koluşturacağınız kategorilerin etiketlerini bulun ve word programınıza yapıştırın.Sonra bağlantı ekleme kısmına geliyoruz. Bu etiket bağlantısını yapıştırıyoruz ve Kategori adı olacak kelimeyi yazıyoruz.Diğerlerini de aynı şekilde yaptıktan sonra kaydediyoruz.

Çoğu blog yazarı bloğumuza nasıl müzik ekleriz diye bana danışınca bu açıklayıcı yazıyı yazmaya karar verdim.

İlk önce bu yazıda blog sayfanızda yazı içinde nasıl müzik ekleyebileceğinizi göstereceğim.




Kullanabileceğiniz iki servis var, birincisi

Radioblogclub adlı servis, bu serviste yabancı çoğu müzik parçasını hazır olarak bulabilirsiniz yani kendi bilgisayarınızdan yüklemenize gerek kalmaz. Bu sebeple ilk olarak bu servisi kontrol edin müzik koymak istediğinizde. Üstelik bu servisi kullanmanız için üye olmanız da gerekmiyor.

Öncelikle

http://www.radioblogclub.com adresine gidin. Bu ekrandan koymak istediğiniz
şarkı veya grubun adını girip ara (Search) düğmesine tıklayın.

Ben bu örnekte Coldplay adlı grubu arattım.

Arama sonuç sayfası size Coldplay adlı grubun sistemde yüklü tüm şarkılarını listeler,
diyelim ki siz Scientist adlı şarkısını bloğunuza koymak istiyorsunuz, o zaman bu şarkının adının yanında bulunan mavi düğmeye tıklayalım.






Siz mavi düğmeye tıkladığınız anda sayfa yeniden yüklenmeden ekranın sağ
tarafında ihtiyacınız olan kod bölmesi belirecektir. Buradan 1 no.lu
işaretlediğim bölümden şarkıçaların renklerini değiştirebiliriz (öntanımlı
olarak gri renkte). 2 no.lu kısımdan da kodumuzun tamamını seçip sağ klik ile kopyalamalıyız.

Kopyaladığımız kodu bloğumuza yerleştirmek için Blogger'da Gönderi oluştur bölümünde, sağ üst köşede bulunan html düzenle sekmesine tıklıyoruz







Bu kısımda kodumuzu uygun gördüğümüz yere yapıştırarak işlemimizi tamamlıyoruz. Yazınızı tamamladıktan sonra yazıyı yayınla demeyi unutmayın :) Ben örnek olarak buraya Coldplay'in Scientist adlı şarkısını yerleştirdim.






Eğer bu şarkı bloğunuz her açılışta görünsün, sadece yazıya gömülü değil bloğun
anasayfasına gömülü olsun istiyorsanız Blogger'da üst menüden şablon kısmına
tıklayın ve yan menüden eklemek istediğiniz bölümde "Sayfa öğesi ekle" bağlantısına tıklayın.

Karşınıza çıkacak pencerede "HTML/Javascript" seçeneğini seçin ve Bloğa ekle bağlantısına
tıklayın.

Açılan pencerede başlık olarak "sevdiğim müzikler" tarzı bir yazı girebilirsiniz, içerik kısmına ise gene RadioblogClub'dan kopyaladığınız kodu girin. Değişiklikleri kaydet dedikten sonra şarkınız bloğunuzda koyduğunuz bölümde yayınlanacaktır.

"basic" adlı seçenek
"publishing" adlı seçenek

"formatting" adlı seçenek
"comments" adlı seçenek

"archiving" adlı seçenek

"template" de neler var...
"yeni
elementleri eklemek için tıklayın..." tıkladıktan sonra çıkan pencere.. resmin
büyüğü için resme tıklayın lütfen
"font and colors" seçeneği...



"edit html" yeni olduğunuz için şimdilik işiniz olmayacaktır... belki ilerde
yeni bir şeyler keşfederseniz.. yapabilirsiniz.. hazır template yi kullanmanızı
tavsiye ederim..

"pick new template" yeni bir şablon edinmek ( blogger'ın sundukları..)

"posttin">"create" ya da "new post".. yeni yazı yazmak...
( "edit posts" eski
yazılarınızı düzeltebilmeniz ve görmeniz içindir..)

yazınıza resim ekleme...

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>

Arkadaşlar Sizinde Bildiğiniz Üzere Blogger Sitelerinin Faviconları Hep B Harfindedir, Bunu Değiştirmesini Öğretecem Bugün Size, Elinde Favicon Olmayanlar İçin Bir Web Sitesi Verecem İlk Olarak Ordan Kendilerine Bir Favicon Yapsınlar. Buyrun Adres http://www.favicon.cc/ Bu Adrese Girip Kendinize Bir Favicon Oluşturun.

Daha Sonra bu favicon'umuzu upload edecez, imageshack.us falan bu tür sitelere uplaod edemeyiz, onun için bir google pages hesabımızın olması gerek oraya upload edecez.

Yükledikten sonra "Uploaded stuff" menüsünde yükledigimiz favicon orda gözükecektir onun üzerine sag tiklayip baglanti adresini kopyala yapiyoruz.

isimiz googlepages de bitmistir sira blogger'a gidiyoruz. Hesabimiza giriyoruz Blogumuzu seciyoruz Sablon / HTML’yi Düzenle 'ye giriyoruz.

<link href='http://benim-adresim.googlepages.com/myfavicon.ico' rel='shortcut
icon'/>

Code: Simdi üstteki kodu Taginin hemen altina ekliyoruz ve Sablonu kaydet deyip cikiyoruz =) ve faviconumuz olmus oluyor.

Evet Arkadaşlar bazı bloglarda görmüşsünüzdür illaki, hatta bizim Blogger Destek web sitemizde bile var, şimdi lafı fazla uzatmadan nasıl yapıldığını öğretecem

öncelikle http://www.outbrain.com/ web sitesine giriyoruz

Blog siteniz çokmu ilgi görüyor, ziyaretçiler tarafından, tavsiye edilen, blog konunuzun kopyalanıp forumlarda paylaşıldığı oluyormu ? o zaman tam yerine geldiniz, ziyaretçilerinizi yormanıza gerek yok bu eklenti sayesinde, bu eklenti, onlara zahmet vermeden, yardımcı oluyor, örnek olarak Program Türk web sitesine bakmanızı öneririz, gel gelelim işin aslına

1. Önce temanızın yedeğini alın.


2. "Widget Şablonlarını Genişlet" seçeneğini işaretleyin.


3. <br /> <p class="post-footer-line post-footer-line-3">
4. </code>satırını bulun. <br />Bazı temalarda şu şekilde olabilir: <code><div class="'post-footer-line"></code> <br />(Firefox ile Ctrl+f)
5. 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>


6. CSS ile input etiketlerine şekil verebilirsiniz.

Arkadaşlar Çoğu Blog Sitesinde Bu Sistem Kullanılıyor, Örnek Olarak Program Türk Web Sitesine Bakmanızı Öneririz, Konularda '' Yazının Devamını Göster...>> '' Şeklinde Bir Yazı Var Peki Bu Yazı Ne İşe Yarar, Sadece Linklerimi Gizler ? Hayır Sadece Linkleri Gizlemez Resimlerinizi, Yazılarınızıda Gizleyebilirsiniz, Peki Bu Nasıl Olacak ?