Blogger'dan Yeni Özellik: Wordpress Tarzı Yorum Formu

Sonunda Blogger da Wordpress tarzı yorum stiline geçti. Örnek kullanım için Kelimelerin Soyağacı'na bakabilirsiniz. Bu yazıdan sonra burada da onu uygulayacağım. Disqus yorum sistemini kaldıracağım. Her neyse fazla uzatmadan yeni yorum sistemine nasıl sahip olabileceğinizden bahsedeyim.

1. BURAYA tıklayarak Blogger Draft'a giriyoruz.
2. Sırasıyla Ayarlar > Yorumlar sekmelerine tıklıyoruz.
3. Yorumlar sekmesinde "Yorum Formunun Yerleştirilmesi" adında bir bölüm var. Oradan "Aşağı katıştırılmış kayıt" ı aktif hâle getiriyoruz.

İşte bu kadar!

Eğer bunları da yaptığınız hâlde olmadıysa demek ki blogunuzun kodlarında bir değişiklik yapmak gerekecek. Bunun için de
1. Sırasıyla Yerleşim > HTML' yi Düzenle sekmelerine tıklıyoruz.
2. "Widget Şablonlarını Genişlet" seçeneğini aktif hâle getiriyoruz.
3. Şu kodları

<p class="'comment-footer'"> <b:if cond="'data:post.allowComments'"> <a href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><data:postcommentmsg/></a> </b:if> </p>


Şu kodlarla değiştiriyoruz......

<p class="'comment-footer'"> <b:if cond="'data:post.embedCommentForm'"> <b:include data="'post'" name="'comment-form'/"> <b:else/> <b:if cond="'data:post.allowComments'"> <a href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><data:postcommentmsg/></a> </b:if> </b:if> </p>


İşte bu kadar! Hayırlı uğurlu olsun Blogger kullanıcılarına.

http://smallvilledizi.blogspot.com/

Navbarın gizlenmesi 2

Navbarın sadece maus üzerine getirldiginde gözükmesini diger zamanlarda saklanmasını saglayan kod
style kısmına konuyor.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}<br />#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Not: Tarayıcıların eski sürümleri desteklemeye bilir

http://smallvilledizi.blogspot.com/

Blogger Sağ Tarafta Kayan Banner

Bir çok websitesinde görmüş olduğunuz sağ tarafta bulunan siz hareket ettikçe aynı doğrultuda hareket eden kayan bannerların blogger için nasıl yapıldığını bu yazıda bulabilirsiniz.
Birçok arkadaş biliyordur belki ama ben yinelemekte fayda buluyorum herkes kaynak sayfasından bu kodları bulmakla uğraşmasın burada elinin altında bulunsun.Bu kod ile reklamlarınızı kayan banner olarak yayınlayabilir ziyaretçinizin ilgisini biraz daha çekebilirsiniz bu ne kadar faydalı olur hiç bilemiyorum test etme imkanım olmadı.Neyse gelelim uygulama aşamasına;

1. Sayfanın herhangi bi yerine HTML/JavaScript ile eklemeniz gereken kodu görmek için tıklayınız.

2. Görmüş olduğunuz kodu eklerken en alt kısımda "Reklam kodunuzu buraya ekleyin" ibaresine dikkat edip gereken düzenlemeyi yapınız.

3. Daha sonra sayfanızda bir yere ekleyin ve Kaydettikten sonra reklamınız yayınlanıcaktır.İşte hepsi bu kadar basit.

http://smallvilledizi.blogspot.com/

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'/">

http://smallvilledizi.blogspot.com/

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ü?

ş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><br /><b:loop values="'data:labels'" var="'label'"><br /><li><br /><b:if cond="'data:blog.url"><br /><span dir="'data:blog.languageDirection'"><br /><data:label.name/><br /></span><br /><b:else/><br /><a dir="'data:blog.languageDirection'" href="'data:label.url'"><br /><data:label.name/><br /></a><br /></b:if><br /><span dir="'ltr'">(<data:label.count/>)</span><br /></li><br /></b:loop><br /></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="><br /><b:loop values="'data:labels'" var="'label'"><br /><option value="'data:label.url'"><br /><data:label.name/><br /><span dir="'ltr'">(<data:label.count/>)</span><br /></option><br /></b:loop><br /></select>

http://smallvilledizi.blogspot.com/