Blogger Domain Ekleme ve Yönlendirme

Blogger Özel Alan Adı Ekleme ve Yönlendirme - Blogger siteniz için almış olduğunuz domaini blogger servisine yönlendirmek için aşağıdaki adımları takip ederek kolaylık yönlendirebilirsiniz. Bu yazımızda İsimtescil.NET üzerinden alınmış olan domainin blogger'a yönlendirilmesini anlatacağım, diğer domain sitelerinden alınan domainleri de aynı şekilde blogger sitenize yönlendirebilirsiniz.

Blogger sitesine domaini yönlendirmeden önce bazı önemli bilgileri paylaşmak istiyorum;

1- Blog alan adı/domain alma: Blog siteniz için alan adı/domain almadan önce almak istediğiniz alan adını blogunuzda kullanılabilirliğini kontrol edin. Eğer bir alan adı/domain daha önce başka bir blog üzerinde veya web sitesinde kullanılmış ise bu alan adı/domain blogunuza yönlendirilmemektedir. Domaini blogunuzda kontrol etmek için blogunuzun kumanda panelinde bulunan Ayarlar > Temel ayarlar yolunu takip ederek açılan sayfada bulunan Yayıncılık menüsünde aşağıdaki resimde gördüğün gibi alan adınızın/domain başında www. olarak ekleyin.

a- Yukarıdaki resim de gördüğünüz gibi kullanmak istediğiniz alan adını blog domain kutusu içerisine başında www. ekleyerek yazın ve kaydet butonuna tıklayın. Eğer kullanmak istediğiniz domain adını daha önce bir başkası tarafından kullanılmış veya kullanıyor ise yukarıdaki resimde gördüğünüz gibi "Başka bir blog veya Google Sites sitesi bu adresi kullanıyor." ibaresi çıkacaktır.

b- Kullanmak istediğiniz alan adı bir başkası tarafından kullanılmıyorsa "Bu alan adına ilişkin yetkinizi doğrulayamadık. Hata 12" (hata kodu değişkendir, sizin blogunuzda 32 gösterebilir.) uyarısı görünecektir. Bu hata kodunun nedeni alan adının tanımlanmamış veya kaydedilmiş veya alınmamıştır. Blogger sitenize Özel alan adını eklemek için domain kaydedici sitesinden Özel alan adınızı/domaini kaydettirin yada satın alın.

c- Eğer daha önce kullanılmış olan Özel alan adı/domaini satın almış iseniz, bunu blogunuza yönlendirmek mümkün olmayacaktır. Yada daha önce domaini siz başka bir blog yada web sitesinde kulandıysanız, daha önce kullandığınız adresten domain kaydını silerek yeni bir blogger sitesinde kullanabilirsiniz.

Blogger Domain (Özel Alan Adı) Yönlendirme Ayarları

Blogger domain yönlendirme: Blogger alan adı yönlendirme olarak da bildiğimiz yönlendirme işlemi, İsimtescil.NET'te bulunan domaini (özel alan dınızı) blogger servislerine yönlendirmek için sadece domaininizin olması yeterlidir. İsimtescil.NET sitesinde üye girişi yaptıktan sonra sağ üst köşede bulunan Kontrol Paneli'nde bulunan hizmet yönetimlerinden Domain Yönetimi adımını tıklayın.

Açılan sayfada domainleriniz görüntülenmektedir. Burada blogger servislerinde kullanmak istediğiniz domainin sağında bulunan Detaylı Yönetim butonuna tıklayın ve açılan sayfada sol tarafında bulunan seçeneklerden 6. sıradaki Gelişmiş DNS ayarlarına tıklayın. Bu kısımda yönlendirme yapmak için domain adresiniziz A ve CNAME kaydını blogger'a yönlendirmeniz gerekiyor. Bunu yapmak için sayfanın hemen alt kısmında bulunan İşlem Seçiniz menüsünden Gmail Web Alanımı (Blogger) Kullan butonuna tıklayın. Aşağıdaki resimde gördüğünüz gibi açılan pencerede Kaydet butonuna tıklayın.

Gördüğünüz gibi domain-adi.com A kaydı blogger IP adresine ve www.domain-adi.com CNAME kaydı ise ghs.google.com'a yönlendirildiği görebilirsiniz.

Bu işlemleri yaptıktan sonra blogger yönetim panelinizden domain eklemek için Ayarlar kısmından Yayıncılık bölümünü açın. Aşağıdaki resimde gördüğünüz gibi blogunuzun URL adresinin hemen altında Özel alan adı ekle butonuna tıklayın.

Açılan menüde Gelişmiş ayarların hemen altında bulunan blog domain kutusu içerisine yönlendirme yaptığınız domain adını www. olarak ekleyin ve Kaydet butonuna tıklayın. kaydet butonuna tıkladıktan sonra blogger "Bu alan adına ilişkin yetkinizi doğrulayamadık HATA 32 yada 12" ile birlikte 2 adet kod vermektedir.

Blogger yönlendirme kodu: Alan adı kaydedicinizin web sitesinde (İsimtescil.NET) Alan Adı Sistemi (DNS) ayarlarınızı bulup şu iki CNAME'i girin:

Yukarıdaki kodları kaydetmek için İsimtescil.NET sayfanızın alt tarafında bulunan İşlem Seçiniz menüsünden CNAME Kaydı Oluştur butonuna tıklayın. Yukarıdaki almış olduğunuz kısa kodu aşağıdaki resimde olduğu gibi Kayıt kutusuna ekleyin, yukarıdaki uzun kodu ise hemen alt bölümüme ekleyerek Kaydet butonuna tıklayın. Bu işlemi yaptıktan sonra hemen üst tarafta 1 adet A kaydı 2 adet CNAME kaydı görünecektir. Bu işlemi yaptıktan sonra blogger sayfasına dönün ve yukarıdaki resimde gördüğünüz blogger hata vermişti. Şimdi Kaydet butonuna tekrar tıklayarak domain adınızı doğrulayın.

Domain doğrulama işleminiz tamamlandı ve CNAME güncelleme işlemi 1 ile 4 saat arasında sürmektedir. İşlemi hızlandırmak istiyorsanız modeminizi kapatıp yeniden başlattığınızda anında domaininizi görüntüleyebilirsiniz.

Blogger alan adı/domain yönlendirme sorunu: Bu işlemleri yaptıktan sonra atlanmaması gereken püf nokta ise blogunuz www olarak giriş yapmıyorsa, aşağıdaki resimde gördüğünüz gibi blog adresini Düzenle butonuna tıklayın ve domain-adi.com öğesiğini www.domain-adi.com konumuna yönlendir butonuna tıklayın ve kaydedin. Blogger domain yönlendirme işleminiz başarılı olarak gerçekleşmiş oldu.

Blogger Hosting Yönlendirme Bilgileri

Domain kaydınızı yaptığınız kaydedici sitesinde bir hostinginiz varsa, örnek olarak İsimtescil.NET'te hosting buluyorsa ve blogger yönlendirmesi gerçekleştirmek istiyorsanız, yine Kontrol Paneli'nden Hosting Yönetimine tıklayın. Açılan sayfada yönlendireceğiniz hostingin Kontrol Paneline giriş yapın. Tüm Domainlerimden domaini ismini seçin ve ardından DNS bölümünden DNS Listesine tıklayın.

Burada yapacağınız yönlendirme işlemi biraz daha basit, DNS Listesinin hemen altında Google Blogger Alanımı Kullan bölümüne ilgili kayıtları eklemeniz gerekiyor.

Blogger'dan almış olduğunuz kısa ve uzun kodları ekleyerek yönlendirme işlemini yapabilirsiniz. Almış olduğunuz kısa kodu Google Cname Adı kutusuna, uzun kodu ise Google Doğrulama Kodu kutusuna ekleyin ve Google Blogger Alanımı Kullan butonuna tıklayın. İşlem başarılı bir şekilde kaydedildi ve bu işlem 1 ile 4 saat arasında aktif olacaktır.

DNS Listesini kontrol ettiğinizde A ve (*) yıldız kayıtlarını ile alt kısımda bulunan CNAME Kayıtlarında domainin CNAME kaydını ghs.google.com adresine otomatik olarak yönlendirildiğini görebilirsiniz.

Bu işlemleri yaptıktan sonra domain girişlerinde www sorunu yaşanırsa, blogger sayfasından domain düzenle butonuna tıklayın ve hemen alt kısımda bulunan "domain-adi.com öğesini www.domain-adi.com konumuna yönlendir" işaretleyerek kaydetmeniz yeterlidir.

Read More

Blogger Yazı İçine Adsense Reklamları Koymak

Bir çok adsense kullanıcısı gelirini arttırmak için yazıların içine adsense reklamlarını koyuyor. En kolay ve pratik olarak size bloggerda yazının içine reklam koymayı anlatacağım . Anlattığım adımları sırayla uygularsanız en kısa yoldan ve sorunsuz bir şekilde bu işlemi başarabilirsiniz.

1- Reklam Kodunu Blogger'a Uygun Hale Getirelim

Reklam kodlarını blogger da direk html düzenle kısmından şablonumuza eklediğimizde kodlar görünmüyor dolayısıyla bir işe yaramıyor. İlk denememde direkt olarak kodları almıştım ve çalışmamıştı. Sonradan öğrendimki kodları değiştirmek gerekiyormuş.

Buraya girin ve reklam kodunuzu pencereye yapıştırın. Daha sonra Convert ad code butonuna basarak düzenlenmiş reklam kodunuzu alın. Bloggera uygun hale gelmiş reklam kodunuzu alın ve bir yere kaydedin. Sonraki adımda ise yazımızın neresine reklam koymak istiyorsak ona göre bir kod seçeceğiz.

2- Reklamı Yazının Neresine Koymak İstiyoruz?

Reklamlarınızı blog yazılarınızda yazının üstünde, altında ve ya yazının içinde sağda bir çok seçenek var bunlar için oluşturulmuş kodlar var. Bu kodlardan birini seçin ve ilk adımda oluşturduğunuz reklam kodunu koddaki Reklam kodu buraya kısmına yapıştırın. Reklam kodunuz şimdi tamamen hazır bir sonraki adımda reklam kodumuzu blog şablonuna yerleştiricez.

Reklamın üst tarafta çıkması için:

<b:if cond='data:blog.pageType == "item"'><br />Reklam Kodu BurayaA<br /> <br /> </b:if>

Reklamın sağ tarafta çıkması için:

<b:if cond='data:blog.pageType == "item"'><br /> <div style='float:right;'>Reklam Kodu Buraya<br /> </div></b:if>

Reklamın sol tarafta çıkması için:

<b:if cond='data:blog.pageType == "item"'><div style='float:left;'>Reklam Kodu Buraya<br /> </div></b:if>

3- Reklam Kodunu Blogger Şablonuna Yükleme

Reklam kodumuz artık hazır tüm düzenlemeleri gerekenleri yaptık şimdi şablona yerleştiricez. Şablonda yerleştireceğimiz yeri bulmadan önce Widget şablonlarını genişletin. Daha sonra CTRL+F fonksiyonu ile (post.body) yi bulun. Bunu bulduktan sonra reklamı yazını üstüne ise post.body'nin üstüne altına ise post.body'nin altına reklam kodunuzu ekleyin. Tamamdır. Artık Blogger sayfalarınızda yazıların içinde ki reklamlarla daha çok kazanabilirsiniz. Bol kazançlar.

Takıldığınız bir yer olursa yorum bölümünde belirtin, en kısa zamanda yardımcı olurum.

Read More

Blogger Site Açılış Hızını Arttırmak

Bu yazımda sizlere kendi kullandığım yöntem olan javascript dosyalarını blogger altyapısına aktarmayı açıklayacağım. Yazıyı yazma sebebim google'nin blogger yardım forumunda bir arkadaşın sorusuna cevap vermek.

Bildiğiniz üzere bazı blogger temaları javascript kodlarıyla çalışıyor. Bunun nedeni tema yapımcılarının kod dağınıklığıyla uğraşmak istememesi. ) Sitenizin açılması için gereken birçok javascript kodu olabilir. Temanızın javascript dosyası kullanıp kullanmadığını öğrenmek için, widget genişlet diyerek Ctrl + F kombinasyonuyla js veya javascript diye aratabilirsiniz. Bu js lerin daha hızlı yüklenmesini sağlayabiliriz. Üstelik hiçbir siteye js dosyalarımızı upload yapmaya gerek duymadan.

Örneğin blogunuzda benim blogum gibi video manşet, tab menü gibi bölümler varsa büyük ihtimal temanız js kullanıyordur. Açıklayacağım yöntem bu yöntem size açılışta hız kazandıracaktır. Çünkü artık kodlarınız başka sitede js olarak değil, blogger altyapısında kod olarak bulunacaktır.

Şimdi gelelim açıklamaya.

- Js kodunuzu alıp tarayıcıya yapıştırıyorsunuz.
- Açılan sayfadaki kodları aşağıda gösterdiğim yere yapıştırıyorsunuz.
- Bu işlemi yaparken notepad kullanın çünkü kodunuzu oraya yapıştırdıktan sonra bütün kodu kopyala yapıştır ile gösterdiğim yere koyacaksınız.

<script type='text/javascript'>

//<![CDATA[

Kodu buraya yapıştırın.

//]]>

</script>

Bunları yaparken de widget genişletmeyi unutmayın. Oluşturduğunuz kodun hepsini aşağıdaki resimde gösterdiğim yere yapıştırıyorsunuz. Ondan sonra kaç tane java kodunuz varsa yukarıdaki gibi yapıyorsunuz ve alt alta yapıştırıyorsunuz.



İşlem bu kadar. Eğer sorun yaşarsanız yorum bölümünde belirtin hemen yardımcı olurum. İyi bloglamalar.

Read More

Blogger Toplam Yorum Ve Yazı Sayısı - İstatistik Eklentisi

Bu eklentimiz toplam yorum ve yazı sayısını gösteren bir eklenti. Bir kere kurduğunuzda eklenti yeni yazılarınızı ve yapılan yorumlarıda otomatik olarak saymakta. Dilerseniz renkleri ve kalınlık ayarlarınızı kendiniz değiştirebilirsiniz. Ben sade olarak dümdüz bir şekilde değiştirdim.

Gelelim eklentiyi nasıl kuracağımıza.

<script style="text/javascript">

function numberOfPosts(json) {

document.write('Toplam Yazı: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}
function numberOfComments(json) {
document.write('Toplam Yorum: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="red"><script src="http://www.memursite.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://www.memursite.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

Yukarııdaki kodları sayfa ögelerinden, gadget ekleyerek html javascript bölümüne yapıştırarak kaydediyoruz. Hepsi bu kadar. Renk ve diğer düzenler için yapamayan arkadaşlara yardımcı olabilirim. Sadece bir yorum yeterli. İyi bloglamalar.

Read More

Blogger Siteye Kar Yağdırmak

Yılbaşı yaklaşıyor. Blogger sitenize kar yağdırmak ister misiniz? Sizce de artık yavaş yavaş sitelere kar yağdırma vakti gelmedi mi? Bu kar yağdırma efekti diğerlerinden çok farklı. Tanecikler çok düzenli düşüyor ve görüntüyü bozmuyor. Gecenin bu saatinde aklıma nerden geldiğini de söyleyeyim. Blog için icon ararken iconblock adlı sitenin kullandığını gördüm. Gayette hoş gözüktü gözüme. Ama bunu sitemizde nasıl kullanacaktık? Aslında çok zor bir iş değil, hemen kaynak kodlarından gerekli kodları ödünç aldım ve sizlerle paylaşmak için yazıyorum.

<script type="text/javascript">
sitePath = "http://iconblock.com/web/wp-content/plugins/let-it-snow/";
sflakesMax = 100;
sflakesMaxActive = 80;
svMaxX = 2;
svMaxY = 2;
ssnowStick = 1;
sfollowMouse = 0;
</script><script src="http://www.weebly.com/uploads/2/7/6/4/2764470/kar_-_www.blogkaan.com.js" type="text/javascript"></script>

Yukarıdaki kodları html/javascript ekle bölümünden ekliyoruz ve olay bitiyor. Javascript dosyasını kullandığım siteye attım böylece çalışmama gibi bir durum asla olamaz. Alıntı yaparsanız lütfen kaynak gösteriniz.

Read More

Blogger Yanıp Sönen Rengarenk Linkler

Gecenin bu saatinde gelen can sıkıntısı ile blogum için ekstra birşeyler bakıyordum. Biraz da javascript kodlarına meraklıyımdır. Daldım forumların arşivlerine ama yarısı fos çıktı. Hep ölü linkler, düzensiz alıntılar. Her neyse bir tane işe yarar kod buldum. Linklerin üzerine gelince, linkler rengarenk oluyor ve yanıp sönüyor. Hoşuma da gitti. Örnek olarak blogumda herhangi bir konu başlığının üzerine farenizi getirebilirisiniz.

Eğer siz de bunu blogunuzda kullanmak isterseniz:

Yerleşim > Sayfa ögeleri > Gadget ekle > Kodu yapıştırın > Kaydet. yönergesini izleyebilirsiniz.

Eklenti için gerekli kod:

<script src="http://www.fileden.com/files/2008/8/4/2033692/rainbow.txt"></script>




Read More

Blogger Javascript Dosyalarını Blogger Hostundan Çağırmak - Blogger Site Açılış Hızını Arttırmak

Bu yazımda sizlere kendi kullandığım yöntem olan javascript dosyalarını blogger altyapısına aktarmayı açıklayacağım. Aslında bu makale blogger site açılış hızını arttırmak diye de yazılabilir. Herneyse yazıyı yazma sebebim google'nin blogger yardım forumunda bir arkadaşın sorusuna cevap vermek.

Bildiğiniz üzere bazı blogger temaları javascript kodlarıyla çalışıyor. (Bunun nedeni tema yapımcılarının kod dağınıklığıyla uğraşmak istememesi.) Sitenizin açılması için gereken birçok javascript kodu olabilir. (Temanızın javascript dosyası kullanıp kullanmadığını öğrenmek için, widget genişlet diyerek Ctrl+F kombinasyonuyla js veya javascript diye aratabilirsiniz.) Bu js lerin daha hızlı yüklenmesini sağlayabiliriz. Üstelik hiçbir siteye js dosyalarımızı upload yapmaya gerek duymadan. Örneğin blogunuzda video manşet, tab menü gibi bölümler varsa büyük ihtimal temanız js kullanıyordur. Açıklayacağım yöntem bu yöntem size açılışta hız kazandıracaktır. Çünkü artık kodlarınız başka sitede js olarak değil, blogger altyapısında kod olarak bulunacaktır.

Şimdi gelelim açıklamaya.

- Js kodunuzu alıp tarayıcıya yapıştırıyorsunuz. 
- Açılan sayfadaki kodları aşağıda gösterdiğim yere yapıştırıyorsunuz.
- Bu işlemi yaparken notepad kullanın çünkü kodunuzu oraya yapıştırdıktan sonra bütün kodu kopyala yapıştır ile gösterdiğim yere koyacaksınız.

<script type='text/javascript'>

//<![CDATA[

Kodu buraya yapıştırın.

//]]>

</script>

Bunları yaparkende widget genişletmeyi unutmayın. Oluşturduğunuz kodun hepsini aşağıdaki resimde gösterdiğim yere yapıştırıyorsunuz. Ondan sonra kaç tane java kodunuz varsa yukarıdaki gibi yapıyorsunuz ve alt alta yapıştırıyorsunuz.



İşlem bu kadar. Eğer sorun yaşarsanız yorum bölümünde belirtin hemen yardımcı olurum.

Read More

Blogger Benzer Yazılar Eklentisi - Türkçe Karakter Destekli Ve Reklamsız

Mhmt Kly arkadaşımız benden blogger için benzer yazılar özelliğini anlatmamı istemiş. Bende kendi kullandığım benzer yazılar özelliğini anlatmaya başlıyorum. Bazı yerlerde eklenti kurulduğunda türkçe karakterler hatası olur veya aşağıda minik bir reklam linki çıkar. Fakat ben javascript dosyasını kendime göre düzenlediğim için hem reklamsız hem de türkçe karakter desteklidir. Şimdi kuruluma geçelim.

</head>

kodundan hemen önce aşağıdaki kodu ekliyoruz.

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i974.photobucket.com/albums/ae221/themescook/xclearfam/bullet_star.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/pckolog-blog_benzer.js' type='text/javascript'/>

Sonra Ctrl+F yardımıyla şablonumuzda

<p><data:post.body/></p>

kodunu aratıyoruz. Bu kodun altına da aşağıdaki kodu ekliyoruz.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Benzer Yazılar : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

ve şablonumuzu kaydediyoruz. Hepsi bu kadar.

Ek olarak eklentideki sıralama resmini değiştirmez isterseniz: Bu resim yerine kendi liste resminizi koyabilirsiniz.

Yazıların arasındaki ayraç çizgisini kaldırmak için

border-bottom:1px dotted #cccccc;

kodunu

border-bottom:0px dotted #cccccc;

olarak değiştirebilirsiniz.

Herhangi bir sorun olursa lütfen yorum bölümünden belirtiniz.

Read More

Blogger Bulunulan Sayfa - Konum - Nereden Geldin Eklentisi

Bana göre çok güzel bir eklenti olup, bloglarda çok güzel ve profesyonelce durmaktadır. Blogda yazıya nereden ulaştıysanız, üst tarafta ulaşma kademelerini gösteriyor. Basit bir işlemle biz de bunu blogumuza uygulayabiliriz. Demo olarak blogumda yazının hemen üst tarafına bakabilirsiniz.

İlk önce yerleşim > html düzenle > widget şablonunu genişlet diyoruz.

Ondan sonra

]]></b:skin>

kodunu bulup hemen üstüne

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

kodlarını yapıştırıyoruz.

Widget şablonunu genişlet dediğimizden emin olup

<b:include data='top' name='status-message'/>

kodunu buluyoruz ve bu kodu silip yerine

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

kodlarını yapıştırıyoruz.

Daha sonra

<b:includable id='main' var='top'>

kodunu silip yerine

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Ana Sayfa</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Etiketi Yok
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Ana Sayfa</a> » Arşivdesin <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Ana Sayfa</a> » Tüm Yazılar
<b:else/>
<a expr:href='data:blog.homepageUrl'>Ana Sayfa</a> » Etiket İçindeki yazılar altta <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

kodunu yapıştırıyoruz.

İşlem tamamdır. Herhangi bir sorun olursa yorum bölümünden bildirmeniz yeterli.

Read More

Blogger Yorumlara Avatar Eklentisi

Bazı temalarda bu eklenti kendiliğinden bulunurken, bazılarında ise manuel olarak eklemek gerekir. Örneğin benim temamda bu özellik yoktu kendim ekledim. Dilerseniz siz de basit bir düzenleme ile bu eklentiyi rahatça blogunuza ekleyebilirsiniz.

Eğer orjinal bir blogger şablonu kullanıyorsanız bu eklentiyi kurmak sadece 1 dk nızı alır. Kontrol paneline girin ve ayarlar sekmesinden Yorumlar bağlantısına tıklayınız. Yorumlarda profil resimleri gösterilsin mi seçeneğini evet yapın. Bu işlemleri yaptığınızda artık yorum yapanların avatarları görünecektir.

Benim gibi başka tema kullanan arkadaşlar için bu eklentiyi kurmak biraz zahmetli olacaktır. Dilerseniz hemen anlatıma geçelim.

Blogger kontrol paneline girin. Yerleşim -> Html Düzenle -> Widget Şablonlarını genişlet bağlantısına tıklayın.

İlk önce Ctrl+F kombinasyonu ile şablonumuzda

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

kodunu arıyoruz.

Genelde bu kod bulunmaz.

Eğer yok ise

<dl id='comments-block'>

kodunu buluyoruz ve

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

kodu ile değiştiriyoruz.

Daha sonra

<a expr:name='data:comment.anchorName'/>

kodunu bulup

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

ile değiştiriyoruz.

Daha sonra

]]></b:skin>

kodunu bulup hemen üstüne

.avatar-image-container {
background:url(http://i49.tinypic.com/sf9fg9.png);
}
.avatar-image-container img {
width:35px;
height:35px;
border:none;
}

kodlarını yapıştırıyoruz.

Eğer anonim yorumların avatar resmini değiştirmek isterseniz bu resim ile kendi istediğiniz resmi değiştirebilirsiniz.Herhangi bir sorun olursa lütfen yorum bölümünden belirtin.

Read More

Blogger Otomatik Devamını Oku Ve Otomatik Resim Boyutlandirma Eklentisi

Çok uzun bir yazı yazacağımız zaman anasayfadaki görüntü kirliliğini önlemek için bu eklentiyi kullanırız. Önceleri manuel olarak, her yazıda gösterilmesini istediğimiz bölümleri kodlar içine alarak bunu yapıyorduk. Fakat bu eklenti belirlediğimiz yazı karakterine göre yazıyı otomatik olarak bölüyor. Ayrıca konuya eklenilen resimleride anasayfada kendine göre boyutlandırıyor. Şuan bende bu eklentiyi kullanmaktayım. Bu yazımda kaynaktan farklı olarak düzenlemeleri daha ayrıntılı bir şekilde ele alacağım.
Dilerseniz hemen kuruluma geçelim.

İlk önce Yerleşim > HTML'yi Düzenle > Widget Şablonunu Genişlet diyoruz.

Daha sonra şablonumuzda

<data:post.body/>

kodunu buluyoruz.

Sonra bu kodu silip yerine

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/oto_devam.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Devamını Oku</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

kodlarını ekliyoruz.

İşlem tamamdır. İlave olarak:

summary_noimg = 430; - Yazının, özetinin ne kadarını alacağını
summary_img = 340; - Yazıdan kaç harf gösterileceğini
img_thumb_height = 100; - Otomatik boyutlandırlacak resmin uzunluğunu
img_thumb_width = 120; - Otomatik boyutlandırlacak resmin genişliğini ayarlayabilirsiniz.

Devamını oku yazısı yerine resim kullanmak isterseniz: devamını oku yazısını silip yerine

<img src="Resminizinlinki" />

ekleyebilirsiniz. (Resminizin linki yerine kendi isteğiniz resmi uploadlayıp koyun. ' ' işaretlerini silmeyiniz.)

Read More

Blogger 32x32 Arkadaş Bağlantı Kutusu Oluşturmak

Blogger kullanıcıları kendilerine ait özel bir arkadaş listesi oluşturmak isteyebilirler. Bunu yapmak gayet basit. Hemde fare ile resmin üzerine gelince parlayıp - kararma efekti ile birlikte. Gelelim bu eklentiyi nasıl kuracağımıza. İlerde link değişimi olursa ben de bunu kullanmayı düşünüyorum.

Html düzenle bölümüne giriyoruz ve aşağıdaki kodu buluyoruz.

]]></b:skin>

Aşağıdaki kodu önüne ekliyoruz ve şablonu kaydediyoruz.

a.linkopacity img{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} a.linkopacity:hover img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

Sonra Yerleşim > Sayfa Öğeleri’ne gidiyoruz ve HTML/Javascript diyoruz, oraya aşağıdaki kodu ekliyoruz ve kendi sitemize göre ayarlıyoruz.

<a title="Acıklama" href="Adres" class="linkopacity"><img src="Resim adresi" alt="" /></a>




Read More

Blogger Resimli Benzer Yazılar Eklentisi

 

Bu benzer yazılar eklentimizin özelliği ise yazıların başlarında konudan bir resim gösterilmesidir. Konuya koyduğunuz resim benzer yazılarda listelenen yazının başında gözükmektedir.

Hemen kuruluma geçelim.

İlk önce yerleşim > html'yi düzenle > widget şablonlarını genişlet diyoruz.

Şablonumuzda:

</head>

konudu buluyoruz ve üstüne

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
text-transform:none;
padding-left:5px;
}
#related-posts li {
list-style:none;
}
#related-posts h2{
font-size: 15px;
font-weight: bold;
color: #414141;
}
#related-posts a{
color:#868686;
}
#related-posts a:hover{
color:black;
}
a.bysaydamlik img{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
a.bysaydamlik:hover img{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;}

</style>
<script src='http://www.weebly.com/uploads/2/7/6/4/2764470/bloggerturkiye-resimlibenzer.js' type='text/javascript'/>
</b:if>

kodlarını ekliyoruz.

Sonra

<data:post.body/>

kodunu bulup altına

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Benzer Yazılar&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

kodlarını ekliyoruz.

İşlem tamamdır. Herhangi bir sorun olursa yorum bölümünden bildirmeniz yeterli.

Read More

Blogger İnfobar Oluşturmak

Adı üstünde infobar. Sayfanın alt bölümünde sayfa ile birlikte hareket eden bir bilgi çubuğu. Dilerseniz rss linkinizi, isterseniz başka bir sitenizin linkini veya twitter linkinizi, kısacası aklınıza ne gelirse yazabilirsiniz.

Yerleşim > html'yi düzenle > widget şablonlarını genişlet diyoruz.

Şablonumuzda :

]]></b:skin>

kodunu buluyoruz ve hemen üstüne

#mta_bar {
background:#5495b7;
border-top: 3px solid #6699ff;
margin: 0;
padding: 7px 0;
z-index: 100;
bottom:0px;
right:0px;
width: 100%;
overflow: auto;
position: fixed;
}
* html #mta_bar{
/*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a {background: url('http://lh4.ggpht.com/_pt7i0nbIOCY/SRtNzbvDqPI/AAAAAAAAAXk/KxbvrpJ1DE4/ico-rss-trans_thumb%5B1%5D.png?imgmax=800') no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}
#left_bar a:hover { text-decoration: underline; color: #fff; }

kodlarını ekliyoruz.

Daha sonra;

</head>

kodunu buluyoruz ve hemen üstüne

<script type='text/javascript'>
//<![CDATA[
var mta_arr = new Array();
var mta_clear = new Array();
function mtaFloat(mta) {
mta_arr[mta_arr.length] = this;
var mtapointer = eval(mta_arr.length-1);
this.pagetop = 0;
this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
this.mtasrc.height = this.mtasrc.offsetHeight;
this.mtaheight = this.cmode.clientHeight;
this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';
mtabar = mtabar;
eval(mtabar);
}
function mtaGetOffsetY(mta) {
var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
var parentOffset = mta.mtasrc.offsetParent;
while ( parentOffset != null ) {
mtaTotOffset += parentOffset.offsetTop;
parentOffset = parentOffset.offsetParent;
}
return mtaTotOffset;
}
function mtaFloatInit(mta) {
mta.pagetop = mta.cmode.scrollTop;
mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
}
function closeTopAds() {
document.getElementById("mta_bar").style.visibility = "hidden";
}
//]]>

</script>

kodlarını ekliyoruz.

Sonra 

</body>

kodunu buluyoruz ve hemen altına

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='http://www.memursite.com/' target='_blank'>Blogger Türkiye Kişisel Destek Blogu</a></span></div>
<span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;www.bloggerturkiye.org&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://lh5.ggpht.com/_pt7i0nbIOCY/SRGg-N2bQ4I/AAAAAAAAAVE/pG-pTLXsMtc/close_thumb%5B1%5D.png?imgmax=800' style='cursor:hand;cursor:pointer;'/></span></div>

kodlarını ekliyoruz.

Çubuğa yazacaklarınızı yukarıda yazan kodlarını ekliyoruz yazısının hemen üstündeki kodları değiştirerek değiştirebilirsiniz.

İşlem bu kadar. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.

Read More