Bloggercılar ve diğer blogculara tasarımda yardımcı olabilecek birkaç kaynak bir araya getiriyorum. Bunlar hiç tasarımdan anlamayanından tasarım manyaklarına kadar herkesin işine yarayabilecek kaynaklar. Sizler de yorumlarınızla bu arşive katkıda bulunabilirsiniz.

1) Fatih Hayrioğlu'nun CSS Dersleri
Fatih Hayrioğlu'nun web sitesinden birçok şey öğrendim bu ay, çok iyi hazırlanmış bir web sitesi var, CSS hakkında birçok kaynak incelemiş, bizler için bu bilgileri derlemiş. Ve en sonunda da bütün bunları tek bir başlık altına arşivlemiş. Neredeyse CSS ile ilgili herşeyi anlatmış. Helal olsun valla. Ayrıca bir de e-kitap yazmış CSS ile ilgili... Buyrun...

2) Temel CSS Dersleri: CSS Nedir ve Nasıl Kullanılır
Bunu da ben blogumda yazmıştım bir gün oturup da. CSS'ye iyi bir giriş yapmıştım. Ama daha sonra Fatih Hayrioğlu'nun sitesini görünce bunları boşuna yazdığımı düşündüm :) Buyrun...

3) Javascriptİndir
Burada da birçok kullanışlı javascript kodunun derlenmiş ve kategorilenmiş halini görüyoruz. Az çok javascript ve HTML'den anlayanlar için çok güzel bir kaynak. Buyrun...

4) DHTMLGOODİES
Javascript ve HTML Kodlarıyla harikalar yaratıyorlar ajax ve javascript alanında kendi ürettikleri kodları yayınlıyorlar kaynak ingilizce ama gayet güzel. Birçok güzel kodu burada bulabilirsiniz. Buyrun...

Düzenleme(unuttuğum bir ayrıntı);
Az kalsın Web 2.0'ı unutuyordum. Onunla ilgili de bir kaynak vereyim istedim.
5) Hazır Web 2.0 Tasarım Araçları
eburhan hazırlamış birçok web 2.0 kaynağını bir araya getirmiş. Çok işe yarar bir çalışma olmuş doğrusu... Buyrun...

Bunlar benim en çok kullandığım kaynaklar... Sizin de beğendiğiniz başka güzel html, javascript, css kaynakları varsa buraya bir şekilde iletebilirsiniz. (Mesela yorum yaparak :))

İyi günler dilerim...

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

Bir yazımız vardı benzer yazılar diye ve kelimelerin soyağacı'na link içeriyordu, ama oradaki yazı silinmiş. Bana da lazım oldu ilk baktığım yer burasıydı ama burada bulamadım biraz daha araştırdım bulduğum yazıyı bu kez link vermeden ben yazıyorum.
Gerekli gördüğüm açıklamalar;
-Bu eklentinin çalışma mantığı şu; bir yazının altında o yazıda bulunan etiketlerdeki yazıların bağlantıları çıkıyor, bunu RSS'den Javascript aracılığıyla getiriyor ve bu nedenle etiketlerimizin isimlerindeki Türkçe karakterler görünmüyor. Bu nedenle bu eklentiyi kuracaksak etiketlerimizi Türkçe karakter olmadan yazalım. (ğ,ü,ş,ı,ö,ç yerine g,u,s,i,o,c)

Şimdi gelelim eklentinin kurulmasına;;
- Blogger Kontrol Panelinden blogunuzun yönetim paneline girin ve HTML'yi düzenle kısmına gelin.
- Widget şablonlarını genişlet seçeneğini tıklayın.
- CTRL+F yardımıyla <data:post.body/> kodunu bulun.
- Altına şu kodları yerleştirin;


<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Benzer Yazılar</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>

-Bu kadar. Şablonunuzu Kaydedin.
Hayırlı Günler Dilerim :)

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

Blogger Draft üzerinde yapılan yeniliklerden birisi de bugün ortaya çıktı! Blogger'de artık yazı içine yorum formu ekleyebiliyoruz. Şüphesiz bu biz blogger yazarlarının en çok istediği şeylerden birisiydi ve bu özellik meydana çıktı. Bu özelliğin nasıl uygulanacağını hemen büyük blogger yazarları bloglarında yazmışlar bize de bunu çalıp buraya yazmak düşmez ya :) İşte Mafiamax'ın anlatımıyla Blogger'da Yazı İçine Yorum Formu Eklemek; tıkla!
Blogger'da son zamanlarda yapılan ama sadece draft üzerinden ulaşılabilen birkaç yenilik daha var, bunlara bakmak için de kaan-blog'a zıpla; link!

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

Merhaba,
Önceki yazılardan birisinde etiket sayfalarında çok fazla yazı gösterilmesi sorununa bir çözüm aranmıştı.
Orada verilmiş bir URL eklentisi vardı: ?max-results=3 şeklinde.
Bu URL eklentisini aldım didikledim didikledim ve sanırım sorununuza çare olacak birşey buldum :)
Burda vereceğim kodlar blogger şablonunuzun bayağı bir içine gömülmüş olduğundan böyle ince ayarlar yapmadan önce şablonunuzu yedekleyin.

Şimdi, Öncelikle HTML Düzenleye giriyoruz blogumuzda...
"Widget Şablonlarını Genişlet"'e tıklıyoruz. Tıkladık mı?
Sonra açılan sayfada CTRL+F yardımıyla data:label.url kodlarını buluyoruz ve bulduğumuz bütün data:label.url kodlarını şununla değiştiriyoruz;

data:label.url + "?max-results=3"

Normal bir blog sayfasında bu koddan 2 yada 3 tane olması gerekir. Neyse, bunları yaptıktan sonra şablonumuzu kaydediyoruz. Ve etiketlerimizin linklerine bakıyoruz linkin sonuna ?max-results=3 eklenmişse tamamdır başardınız.

Edit+Not:Etiketler sayfalarınızın bir tanesinde kaç tane yazı gösterilmesini istiyorsanız koddaki 3 rakamının yerine onu yazınız.

İyi günler dilerim efendim :)

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

Adsense'den aldığımız kodun ana sayfaya değil de yazı sayfalarına, ve yazıların üstüne eklenmesini şu yazıda görmüştük. Reklamlar Yazı İçinde Yayımlansın.
Bu şekilde yaptığımızda reklamlar yazı sayfasında, yazının üstünde görünüyordu.
Şimdi bu reklamları tasarım açısından hoş bir hale getirmek için kendim de uyguladığım ve gelirimi de iyi arttırdığını gözlemlediğim bir yöntemi anlatayım.
Bu yazıyı uyguladıktan sonra adsense reklamınız yazı içinde, yazı ile aynı hizada yazının sağında veya solunda olarak görünecekler.
İlk iş olarak blogumuzun paneline girip, Yerleşim -> HTML'yi Düzenle kısmına giriyoruz ve Widget Şablonlarını Genişlet seçeneğini açıyoruz.
1) Adsense'den kodlarımızı alıyoruz. Bunu yapmayı biliyorsunuzdur. Yazının dizaynını bozmaması için alacağınız reklamların boyutu 200x200 idealdir bence.

2) <data:post.body/> kodunu buluyoruz ve üzerine şu kodları yapıştırıyoruz;
<span style='float:right;'>
<b:if cond='data:blog.pageType == "item"'>

</b:if></span>
b:if ile başlayan kodlar reklamın sadece yazı sayfalarında görünmesini, yani ana sayfada görünmemesini sağlar, span kodu arasına almamın nedeni ise sağa dayalı yapmak için float css tagını eklemektir. float: right yerine float:left yazarsanız reklamlarınız sola dayalı olur.
3)Bu kodların arasına adsense reklam kodumuzu yerleştiriyoruz ve
Yerleştirdiğimiz adsense kodlarındaki bütün
(<) işaretlerinin yerine (& l t ;)
(>)işaretlerinin yerine (& g t ;) ve
(") işaretlerinin yerine (& q u o t;)
kodlarını yazıyoruz. Tabi parantezsiz ve karakterlerin aralarındaki boşlukları silerek. Biz bu kodları aralarında boşluklar olarak verdik çünkü burada o kodları yazdığımızda otomatik olarak simgelediği işarete dönüşüyor.
Daha sonra şablonumuzu kaydediyoruz.
Örnek olarak PCDostu'ndaki herhangi bir yazıya girebilirsiniz.

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

Bugün, ufak tefek çalışmalar sonucu Lightbox'ı bloguma uygulamayı başardım. Lightbox'ı bileniniz var, bilmeyeniniz var. Peki nedir bu Lightbox?
Lightbox, küçük resimlerin önizlemelerini sayfayı terketmeden görmenizi sağlayan basit bir JavaScript uygulamasıdır. Örnek için şurayı ziyaret ediniz.
Peki nasıl yapılır bu Lightbox denen şey?
1. Lightbox 2.0 için gerekli olan dosya buradan indiriyoruz.
2. İndirdikten sonra, zipli dosyayı bir yere çıkartıyoruz. 'images' klasörü içerisindeki; close.gif, closelabel.gif, loading.gif, nextlabel.gif, prevlabel.gif dosyalarını ImagesHack gibi yerlere upload ediyoruz.
3. Lightbox.css dosyasını açıp, önceden bir sunucuya yüklediğimiz resimlerden nextlabel.gif ve prevlabel.gif'i alıp o dosyaya yerleştiriyoruz.[Orada (...images/nextlabel.gif) şeklinde olan yerlere.]
4. Lightbox.js dosyasını açıp; loading.gif, closelabel.gif dosyalarını yerleştiriyoruz.
5. Şimdi, GooglePages gibi yerlere resimleri yerleştirdiğimiz; Lightbox.css, Lightbox.js, Prototype.js, scriptaculous.js dosyalarını yüklüyoruz.
6. Yerleşim>Html'yi düzenle yolunu izliyoruz, <head> kodundan sonra aşağıdaki kod kümesini ekliyoruz.

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder">
</script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/>

7. Bu kod kümesine 5. adımda bir servise yüklediğimiz dosyaları yerleştiriyoruz.
8. Temamızın kodlarıyla burada işimiz bitiyor. Kaydediyoruz.
Yazı yazarken resmimize Lightbox'ı uygulamak için aşağıdaki kodu kendimize göre düzenliyoruz.

<a href="Resim adresi" rel="lightbox" title="Resim açıklaması">
<img src="Resim Adresi"/></a>

NOT: Bu yazı, Blogger Kontrol Paneli baz alınarak yazılmıştır.

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

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!

Google Analytics Blog' da duyurulan habere göre Blogger Kontrol paneli içerisinden Blogumuzun istatisliklerine rahatlıkla bakabiliceğiz.Fakat şu an test aşamasında ve umarım anlık ziyaretçi kontrolü ve online sayaç (bknz.who.amons) eklenir.Wordpress'de ki gibi gelen bağlantılar hemen görülür.Neyse bunlar olmasa bile bu gelişme sayesinde Google Analytics istatisliklerimize bakmak için çok fazla uğraşmadan pratik bir şekilde kontrol edebileceğiz.Resimden de anlaşıldığı gibi hoş bir arayüze sahip ve çok kullanışlı umarım en kısa zamanda Blogger'a Google Analytics entegre edilir.

Haberin > Kaynağı ve devamı. <

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

Blogger'da çeşitli yolların dışında ZoomClouds adlı servis ile, kendinize göre şık etiket bulutları oluşturabilir, blogunuza yerleştirebilirsiniz.

Bende nasıl çalıştığını merak ettiğim için 'Etiket Bulutu' adı altında bloguma yerleştirdim, üstünde biraz oynama yaptım ve bu halini aldı. Normalde bulutun en altında ZoomClouds resmi duruyordu, onu kaldırdım; ama onu kaldırdıktan sonra yazı yazdıkça sorunlar olurmu bilmediğim için bu yazıyı bir anlamda deneme yazısı olarak yazıyorum:)

ZoomClouds.com adresine girip şu bağlantıdan üye oluyorsunuz. Daha sonra kolay işlemler ile etiket bulutunuzu oluşturuyorsunuz. O sayfada en altta verilen kodu kopyalayıp Blogger Kontrol Paneline geliyorsunuz.
Yerleşim> Sayfa Öğeleri> Sayfa Öğesi Ekle> HTML/Javascript yolundan bu kodu blogunuza koyuyorsunuz ve etiket bulutunuzun keyfine bakıyorsunuz:)
Bence bu sistemin 2 tane eksik yanı var.
1. Etiket bulutunun en altında ZoomClouds resmi göstermesi.
2. Bir etiketin üstüne tıkladığımız zaman, o etikete ait yazıların üstünde ve yanında reklam olması.
Ne olursa olsun bence ZoomClouds güzel bir servis. Denemenizi tavsiye ederim.

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

GoogleBoy iş başında!.. Blogger twitter temasının 2. versiyonu bitti. Hemen indirme bağlantılarına yoğunlaşalım. Bu arada lütfen bağlantılarınıza twitter'ı eklemeyi ihmal etmeyiniz. Demosuna buradan bakabilirsiniz.

RapıdShare RapıdShare SpeedyShare Dosyam

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!

Woork

Vay be istenince neler yapılıyormuş dediren birbirinden hoş ve güzel 54 adet değişik ve bi o kadar da güzel Blogger temasını Blogger Buster yazarı Amanda,blogger kullanıcıları için çok güzel bir inceleme ile sıralamış içlerinde ilham alınabilicek bir çok tema bulunmakta tek tek resimlerini altlarına linklerini vermiş size kalan tek tek inceleyerek kendinize pay çıkarmak.Ayrıca Amanda'yı takip listenize almanız yararınıza olacaktır.

Gelelim benim düşünceme yazıda ki bir tema beni hayretler içerisinde bıraktı.Aslında hepsi birbirinden güzeldi.Woork temasını çok tebrik ettim.Fakat İlk kez flash tabanlı bir blogger blogu gördüm(www.indextwo.net). Kullanışlı olur mu?, olmaz mı? tartışılır ama flash ile tasarımlar her zaman ilgimi çekmiştir.Neyse bakalım siz hangilerini beğeneceksiniz.Buyrun inceleyin

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

Rainbow Garden Blogger Template

Merhaba Sevgili BloggerDestek okuyucuları,bugün rutin blogger ile ahkam kesen blogların gezintisinden derlediğim haberleri sizlerle paylaşmak üzere yazıma başlıyorum.

İlk durağımız blogger kullanıcılarını tema olarak rahatlatan son zamanlarda sıkça güncellenmeyen blogandweb blogunda ki şu yazıya göre Blogger kullanıcılarının yenilikleri ilk olarak denediği gadgetleri eklediği Blogger Draft adresinde ki yenilik ve gelişmeler bulunmakta.Blogger Draft adresinden blogumuza anket,bağlantı listesi,besleme vb gadget ekleme işlemlerini yapabilmekteyiz.Blogger eklentileri ilk olarak Draft'dan eklenilebilir ve yeni arayüzü ile kullanıcılarının işini dahada kolaylaştırmanın yanı sıra göze hoş bir görüntü sergilemiş

Resimden de anlaşılıcağı üzere güzel bir kategori sistemi oluşturulmuş.Bunun bize ne yararı var derseniz elbette ki hiçbir faydası olmadığı kesin.Ama bilmenizde fayda var.Hatta deneyip test etmek de isteyenleriniz olabilir diyerekten bu linki sizlere taktim ediyorum http://draft.blogger.com

Onun dışında bugün epeydir güncellenmeyen blogger tema sitelerinden biri olan jackbook.com yeni bir tema ile yeni yazısını bizlere sunmuş adını da Rainbow Garden Blogger Template olara duyurmuş görmeyen duymayan arkadaşlara bildirilir.
Buda resmi ve isterseniz bir de demosu: demo ,
Temayı indiregandi yapmak içinde buyrun burdan> continue reading

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

Classic temayla uyarladığım ilginç bir blogger teması demosuna bakın : DEMO

Nasıl kullanacagınızı söyleyeyim ,

help yazıp entera basın çıkan kodlardan birini (mesela "profile") yazıp bıdaha entera basın o sayfa açılsın =)

yorum bekliyorum =)

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

Uzun süredir planlarını yaptığım, yapmak için bir kaç girişimde bulunduğum digg temasını nihayet bugün Blogger XML Tema ailesine kazandırdım.Uzun uğraşlar sonucu digg'in temasını blogger'a uyguladım. Eğer eksiklikler var derseniz, eçkinmeden, utanmadan söyleyiniz.

Temada değiştireceğiniz kısımlar;

Footer'da bulunan arkaplanı [ footerch3.gif ] aynı boyutta yaparak istediğiniz gibi tasarlayabilirsiniz.

Logo için digglr2.gif aynı renkte kendi istediğiniz gibi değiştirebilirsiniz.

Değiştirmeyeceğiniz tek $ey ise yine footer'da yazan theme by googleboy ibaresi kaldırılmamalıdır. Eğer kaldırılır ise blogu başına yıkılsın inş :)

Demo İndir

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!

Evet destek ekibi ve değerli okurları. Bu günden itibaren en iyi blogger tasarımlarını yazacağız ve konuşacağız. Nedir diye sorarsanız gördüğünüz ilginç ve beğendiğiniz blogger bloglarını tanıtabiliriz. Hani SmashingMagazine yapıyor arada bir. Bizde bunu blogger da yapanları görelim. göreniniz var mı? benim bir kaç tane var. Eğer sizde görebilirseniz neden yazmayalım?

Madem ki ilk baştan başlıyoruz. İşte ilginç blog tasarımı... Benim fikrim gayet güzel düşünülmüş. çok güzel...

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

Şimdiye kadar pilli sitelerinden bir tek bildirgec.org'un teması yapılmıştı. Bende düşündüm pilliyi blogger'a uyarlayayım. Düşündüğüm anda yapmaya başladım. Öce durakladım. Hangisinden başlayayım diye. Aslında sosyomat' la başlayacaktım, sonraya bıraktım. En sevdiğim 22dakika.org ile başladım. Bu tema 1 haftalık çalışmanın sonucu. Günde bir saatimi ayırdım. Pek benzemedim ama neden ulan tam benzetemedin derseniz bilgisayarı resetledim, tüm programlarım gitti. Şu an bu yazıyı bile zar zor yazıyorum. Vee temayı bugün bitirdim. Ancak böyle çıktı. Daha devam edecektim işte şans.


Temada değiştireceğiniz tek şey logo.gif'i kendinize özel yapmanız. Değiştirmemeniz tek şey ise yine footer'da Theme by GoogleBoy yazan ibareyi kaldırmamak. Kaldıran top'tur!!.

Demosuna göz gezdirmek için burayı,

İndirmek için burayı patlatın.

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

Önceki yazılarımızdan birinde blog yazarının yorumlarını farklı renklerde göstermiştik. Acaba blog yazılarını için de aynı benzeri yapabilir miyiz diye araştırdık. Yapılabiliyormuş. Blogunuzda tek başına değilseniz, birden fazla yazar var ise yazarların yazılarını farklı biçimlerde gösterebilirsiniz. Entel yazarın yazılarını siyah tonlarda, Dantel yazarın yazılarını ise işlemeli fon üzerinde yayımlayabilmek mümkün. Anlatmakla olmuyor, Güç Kaynağı adlı örnek sayfaya bakın:

Nasıl yapılıyor?

Blogger Yardım Sayfalarında verilen kodlar işe yaramadı. Üzerinde ufak değişiklik yaparak kullanılır hale getirdim.

1. Blogger Kontrol Paneli >>> Yerleşim >>> HTML’yi Düzenle>>> Temanızı yedekleyin. "Widget Şablonlarını Genişlet" işaretli olsun
.
2. Her bir yazar için CSS ile her bir yazar için farklı renkler, arkaplan resimleri, fontlar vs. belirleyin. Mesela şöyle:
.yasin{
background-color:#FFC69F;
border:1px solid #BDDE5B;
color:#333333;
display:block;
}

.avare{
background-color:#2B292E;
border:1px solid #00A817;
color:#eeeeee;
display:block;
} Renkleri değiştirebilir, yeni özellikler ekleyebilirsiniz.


3. <p><data:post.body/></p> satırını bulun.
4. Bu satırın öncesine şu kodları&lt;span class=&quot;<data:post.author/>&quot;&quot;&gt;sonrasına ise şu kodları </span"> yerleştirin.
5. Şablonu kaydedin.

Bu anlattıklarımız XML şablonlar içindir. Klasik şablon kullananlar Blogger Yardım sayfalarına bakabilirler veya bir yazarımızın (ben değilim:) ) aynı özelliğin klasik şablonlar için nasıl yapıldığını anlatan yazısını bekleyebilirler.

Örneğe ve anlattıklarıma bakarak "Ne işe yarar ki bu!.." diyerek kestirip atmayın. Hayal gücünüze ve hünerinize bağlı olarak, bütünlüğü bozmadan çok güzel ve özel tasarımlar oluşturabilirsiniz. Hem çok sesli hem de çok renkli bir blog görür sanal âlem.
Blogger Destek yazarları için günün ipucu: HTML kodlarını <xmp> </xmp>arasına yazdığınızda yorumlanmayacaktır.

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

Blogger yazılarınızda hızlı düzenle butonunuz görünmüyor mu ki? Bazı temalarda nedendir bilmiyorum ama gerçekten de görünmüyor... Bunun için bende bir yöntem buldum kendimce ve kendi blogumda uyguladım, bloggerdestek için de eski temalardan birinde uygulamıştım, sonra yasin abim için de uyguladım o da en sonunda sitede anlat dedi :) Ben de gerekli vakti bulup hemen yazımı yazıverdim...
1) Öncelikle temanızı düzenlemek için girdiğiniz HTML Düzenle paneline giriniz...

2) Widget şablonlarını genişlet seçeneğini aktif ediyoruz.

3) Şablon kodlarınız arasında şu kodları bulun;

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'>&#160;</span>
</a>
</span>

4) Bu kodların içindeki,

<span class='quick-edit-icon'>&#160;</span>

kodunu temizliyoruz ve onun yerine,

<img src="resim linki" border="0"/>kodunu yerleştiriyoruz...

resim linki yazan yere isterseniz kendiniz istediğiniz bir resim linki koyabilirsiniz, bu resim sadece site yazarına görünecektir, o yüzden o kadar da görüntüsü önemli değil, aşağıda da klasik düzenleme butonunun resim linkini veriyorum, onu kullanmanız daha basit olur bir de resim ile uğraşmazsınız :)

http://www.blogger.com/img/icon18_edit_allbkg.gif

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