Daha önceki yazılarımızın birisinde [ wordpress tarzı yorum forumu 1 ] bildirdiğimiz üzere blogger yorum gönderme zamazingosu oldukça kullanışsız.Wordpress'in yanında beş para etmez yorum yazmak işkence hele birde kelime doğrulaması varsa insanı pişman eden türden :)

Bu konuda ki bir önce ki yazımızda bu sorunu bir nebze olsun çözümlemeye çalışmıştık sizlere duyurarak ama pek kullanışlı olmamıştı.Kullanan da olmamıştır sanıyorum.Blogger aleminin yardımsever neferi Erdal (namıdeğer Damacana.org) blogger yardım adına araştırdığı konuları ve bilgilerini toparladığı ve duyurduğu blogunda Blogger Yorum Formuna alternatif olan bir yeniliği duyurdu. Resimli bir anlatımla çokda güzel izah etmiş.

Bu özelliğin ingilizce olması bence eksi bir durum ifade etmez zira zaten kullanıcıların alışkın olduğu formda ve hiç ingilizcesi olmayan bir ziyaretçinin bile kolaylıkla kullanacağı hoş bir özellik o yüzden denemenizi kesinlikle tavsiye ederim yorumlarınızda büyük oranda artış olacaktır.

Denemeden önce son olarak şunu belirtmek isterim kurmadan önce blogunuzda daha önce yorum gönderme kısmına manuel olarak yapılan değişiklikler (örneğin : yorum gönder kısmına resim eklenmesi vs.) bu özelliğin çalışmamasına sebep oluyor.Bu sebeple temanızı yeniden kurup sade bir şekilde işlemlere başlarsanız herhangi bir sorun ve aksilikle karşılaşmazsınız.

Buyrun denemek için > [Blogger Yorum Aparatı Disqus.com ile Değişti ]

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

Merhaba Sevgili BloggerDestek okuyucuları,
Bugünümüzün konusu iletişim aracılığı ile gelen sorular arasında en çok merak edilen konuyu sizlere izah etmeye çalışacağım.Genellikle blogger altyapısı ile kurulan dizi siteleri bu soruyu sık sık sormuş vaktim olmadığından tek tek cevap yazamadım.Burada sorunuza cevap bulabilirsiniz.

Sorun şu: Blogger'da bir etikete tıklandığında o etiket altında bir çok yazı var ve hepsinin açılması çok zaman alıyor.Etikete tıklandığında 3 veya 5 yazı çıkmasını nasıl sağlayabiliriz?

Cevabımız oldukça basit,Sitemizde birçok etiket bulunabilir fakat bunların en önemlilerini html/java kısmından tek tek el ile eklemeniz ve her etiket url'sinin hemen sonuna "?max-results=3"(Burada 3 ,o etikete tıklandığında çıkacak yazı sayısı)
Yani örnek olarak"http://www.bloggerdestek.com/search/label/blogger%20eklentisi" iken bu uzantıyı şu hale getirdiğimizde sorun ortadan kalkmış olacak.

http://www.bloggerdestek.com/search/label/blogger%20eklentisi?max-results=3

Bu Çözümü Otomatik hale nasıl getirebiliriz bilmiyorum.Eğer sayfa kodlarında biz düzenleye yapılabilirse otomatik olarak her etikete bu yöntem uygulanırsa çok daha kullanışlı olacaktır.Çünkü bu yöntem ile yazı altında ki etiketlere tıklandığında yeniden eski sorun ile karşılaşılır.Bu çözüm sadece anasayfa için geçerli olacaktır.Umarım işinizi görür:)


Sevgiler, www.bloggerdestek.com

Dip not:Blogger'da etiketleri Bir pencere içinde açmayı MaFiAMaX'ın bu yazısında okuyabilirsiniz.Böylelikle etiketler yeni bir sayfada açılmak yerine Küçük bir pencere içerisinde hızlıca açılabilir.

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

Efendim, twitter'ı duydunuz mu ben bilmem. Zaten kullansanızda kullanmasanızda umrumda değil. Ben kullanıyorum. Mafiamax, 19 litre, ekubio vs. kullanıyor. Daha ünlü birinimi istiyorsunuz: Snoop Dogg. :)

twitter'a kısaca; anlık dirsek teması diyebiliriz. Cuk diyede otururur. :) Şimdi lafı fazla uzattım farkındayım; ama bazen saçmalamak iyi geliyor insana.

Bu zımbırtıyı blogunuza gömmeniz için, twitter'a üye olmanız gerekiyor. Şuradan olabilirsiniz. Üyelik işlemi çok kolay.

Şimdi geldik blogger blogumuza twitter'a gömmeye. Sağolsun bloggERdal, twitter'ı blogger blogumuza nasıl gömeceğimizi anlatmış. Şuradan okuyabilirsiniz.
Blogunuza gömdükten sonra görünüşü hoşunuza gitmeyebilir; çünkü ingilizcedir. Bunu Türkçeleştirmek içinde Erhan abinin yazısını okumanız gerekecektir.
Bunları yaptıktan sonra sen sağ, ben selamet.

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

Blogger'da, "Bağlantı Listesi" sayfa öğesine eklediğimiz bağlantılara tıkladığımız zaman, aynı pencerede açılırlar. Bunun önüne geçmek aslında çok basittir. Yanlızca target="_blank" koduyla!

Uygulamanın bir örneğine bakmak için kendi blogumdaki* bağlantılar listesindeki bir linke tıklamanız yeterli. Lafı fazla uzatmadan işleme geçelim. :)
1. Kontrol Paneli>Yerleşim>Html'yi Düzenle yolunu izliyoruz.
2. 'Widget Şablonlarını Genişlet' seçeneğini işaretliyoruz.
3. Tema kodlarımızın arasında ayrı pencerede açtırmak istediğiniz sayfa öğesini buluyoruz. Örnek:

<b:widget id='LinkList1' locked='false' title='Bağlantılar' type='LinkList'>

4. Bu kodun 5-6 satır altında şu kodu buluyoruz:

<li><a expr:href='data:link.target'><data:link.name/></a></li>

Aşağıdaki ile değiştiriyoruz:

<li><a expr:href='data:link.target' target="_blank"><data:link.name/></a></li>

Oldu bitti...

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

Biliyorsunuzki blogger da icerik ekleyince baslikta türkce harfler varsa url de göstermiyor ben biraz kurcalayarak bu sorunu hallettim gibi ama biraz zahmetli tabi

Simdi blogumuza icerik eklerken konu basligina türkce harf ekleyeceksek noktasiz olani ekliyecegiz

Örnek: Konu Başlığımız Budur ---> Konu Basligimiz Budur

Yani üstte dogru olan kalin yazi ile yazilan yazidir (Konu Basligimiz Budur)

Yazimizi yazip gönderdikten sonra tekrardan yaziyi düzenle linkine tikliyoruz.

Bu sefer yazi basligimizi türkce harfli yaziyoruz. Sonra yazimizi yayinliyoruz



Örnek: (eski) Konu Basligimiz Budur ---> Konu Başlığımız Budur (yeni)

Yukarda kalin yazi gibi

Deneme sayfasi olarak buraya bakabilirsiniz

http://kisalink.blogspot.com/2008/03/ocisg.html

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

Herkese merhabalar Araniza yeni katildim :)

Bu konuyu jackbook.com da görmüstüm ilk zamanlar nasil yapiliyor nedir diye cok merak etmistim
ama biraz kurcaladim bulamadim aradan bayağı zaman gecti nasip bugüneymis, bugün isin sirrini cözdüm.

Biliyorsunuz ki blogger da konu icinde yorum gönder formu yoktur
ya link sekildi Yorum Gönder yazisi vardir yada sizin yaptiginiz
yorum butonu

Simdi size anlatacagim konu ise blogspotta konu icinde yorum gönder
formu olusturma yani yorum gönderme penceresini iframe olarak konunun
altina yerlestirmek olay cok basit

Kontrol Paneli / Yerlesim / HTML'yi Düzenle ve Widget sablonlarini genisleti tiklayin


Assagidaki kodu bulun
<b:includable id='comments' var='post'><div class='comments' id='comments'><a name='comments'/><b:if cond='data:post.allowComments'><h4><b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:<b:else/><data:post.numComments/> <data:commentLabelPlural/>:</b:if></h4><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><data:commentPostedByMsg/></dt><dd class='comment-body'><b:if cond='data:comment.isDeleted'><span class='deleted-comment'><data:comment.body/></span><b:else/><p><data:comment.body/></p></b:if></dd><dd class='comment-footer'><span class='comment-timestamp'><a expr:href='"#comment-" + data:comment.id' title='comment permalink'><data:comment.timestamp/></a><b:include data='comment' name='commentDeleteIcon'/></span></dd></b:loop></dl><p class='comment-footer'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></p></b:if><div id='backlinks-container'><div expr:id='data:widget.instanceId + "_backlinks-container"'><b:if cond='data:post.showBacklinks'><b:include data='post' name='backlinks'/></b:if></div></div></div></b:includable>

Bu kod ile degistirin

<b:includable id='comments' var='post'><div class='comments' id='comments'><a name='comments'/><b:if cond='data:post.allowComments'><h4><b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:<b:else/><data:post.numComments/> <data:commentLabelPlural/>:</b:if></h4><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><data:commentPostedByMsg/></dt><dd class='comment-body'><b:if cond='data:comment.isDeleted'><span class='deleted-comment'><data:comment.body/></span><b:else/><p><data:comment.body/></p></b:if></dd><dd class='comment-footer'><span class='comment-timestamp'><a expr:href='"#comment-" + data:comment.id' title='comment permalink'><data:comment.timestamp/></a><b:include data='comment' name='commentDeleteIcon'/></span></dd></b:loop></dl><p class='comment-footer'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></p></b:if><div id='backlinks-container'><div expr:id='data:widget.instanceId + "_backlinks-container"'><b:if cond='data:post.showBacklinks'><b:include data='post' name='backlinks'/></b:if></div></div></div></b:includable>

Simdi <-/body> tagini bulun ve <-/body> tagindan hemen sonra assagadaki kodlari yapistirin
<!-- www.jackbook.com --><!-- this to hide and show el --><script languange='javascript'>function showcomment(a,b){var jackbookdotcom = document.getElementById(a);jackbookdotcom.style.display = 'none';jackbookdotcom = document.getElementById(b);jackbookdotcom.style.display = 'block';}</script><!-- www.jackbook.com -->

Assagadaki kodu bulun

<span class='post-comment-link'><b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><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></b:if></b:if></span>

Assagıdaki Kodla degisitirin
<span class='post-comment-link'><b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.url + "#comments"' ><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b:if></b:if></span>

ve son olarakta kayit edin :) bu kadar

demo görmek isterseniz tıklayın:

Arkadaslar daha burda yeniyim su kodu gösterme isini yapamadim kusura bakmayin

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

Eğer temanızdan olumlu sonuçlar almak istiyorsanız bunlara dikkat etmelisiniz:

1. Tema tüm tarayıcılarda sorunsuz çalışmalıdır. Başta Opera, Mozilla Firefox ve Internet Explorer olmak üzere...
2. Sadeliğe önem verilmelidir. Eğer tema karışık olursa okuyucuların dikkatini yazılarınızdan çok, diğer zamazingolar çeker.
3. Gereksiz menüler kullanılmamalıdır. Örneğin konusu "sinema" olan bir blogda, hava durumu olması oldukça lüzumsuzdur.
4. Temada kullanılan kodların web standartlarına uygun olmasına dikkat edilmelidir.
5. Renk uyumu çoğunluğun zevkine uygun olmalıdır; herkesin zevkiyle eşleşmesi elbette imkansızdır.
6. Tek sütunlu temalar ön planda olmalıdır. Eğer çok gerekliyse iki sütunlu olabilir, fakat üç ve daha fazla sütun tema için olumsuzdur.
7. Grafik kullanımı düşük olmalıdır. Böylece hız konusunda bir artınız olur.
8. Başkası tarafından kullanılmayan/az kullanılan temalar tercih edilmelidir. Temayı kendiniz yapacaksanız hiçbir sorun olmaz.
9. CSS kodlama dilinden mutlaka yararlanmalısınız. Böylece az kodla daha çok ve verimli iş yapabilirsiniz.
10. Büyük bloglardan veya webmasterlardan mutlaka temanız hakkında görüş ve öneri almalısınız. Böylece hatalarınızı görüp, düzeltebilirsiniz.

Bunlarn dışında şuan devam eden anketimizin sonuçlarını takip edip genel bir yargıya ulaşabilirsiniz...

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

Ç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 post-footer-line-3'/> 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.

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

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. :)

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

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.

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

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.

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

Tarafımdan(Deastrilsion) hazırlanacak olan Blogger eğitim videoları başlıyor. İlk video bloggerdan blog açmak.

Zamanla blogger'ın kontrol panelini inceleyen videoları sunacağız.

İlk videoyu izlemek için tıklayın

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

İ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.

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

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...

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

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:

Örnek için blogumdaki* herhangi bir kategoriye tıklayabilirsiniz.

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

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.

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

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...

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

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.)

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

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 :)

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!

Öncelikle Blogger Destek merkezine yeni geldim. Donjuan Yasin ve diğer arkadaşlara beni kabul ettikleri için teşekkür ederim. :)
Çoğu kullanıcı bloguna etiketlerim sayfa öğesini ekler. Bu öğenin yanında o kategoriye ait rss adresi bulunan bir logo fena olmaz değil mi? Bu işlemi ilk önce BlogandWeb'te gördüm. Sonra Türkçe'ye çevirdim. :) Şimdide anlatıyorum...
1. İlk olarak Yerleşim>Html'yi Düzenle kısmına gidin ve "Widget Şablonlarını Genişlet" seçeneğini işaretleyin.
2. Ctrl+A Ctrl+F ile kodların arasından şuradaki kodları bulun.
3. O kodları bulduktan sonra yanına şuradaki kodları yapıştırın.
4. Şablon'ununuzu kaydedin.

Bu kadar. :) Çalışmanın örneği;

Bu kadar...

Eğer bu yazı hoşunuza gitti ise, RSS Üyesi Olarak Yazılara Abone Olun!