31 Mayıs 2009 Pazar

Geçersiz Etkinlik İtirazı

Geçersiz tıklama Ban

Bildiğiniz üzere Google, Adsense yayıncı politikaları konusunda çok hassas, Türkiye'de de Webmasterların en çok suistimal ettiği konulardan birtanesi de bu. Fakat geçen yıllar içerisinde Google da yayıncı haklarını korumak için bayağı bir yol katetti.

Biz olayın webmasterlar tarafında olan kişiler olarak, yayıncı politikalarına ve isteklerine dikkat etmemiz gerekiyor. Türkiye'de Adsense'nin biryerlere gelebilmesi için önemli bu.

Tabi geçersiz tıklamayı anlatacaktım ama biraz uzun bir giriş oldu. Eğer geçersiz tıklama nedeniyle google'dan ban yediyseniz. aşağıdaki lnkten ulaşıp Geçersiz Etknlik ile ilgili itiraz başvurusunu yapabilirsiniz. Sonucu ne olur bilemeyiz tabi ama en azından denemek gerekiyor.

Google Adsense Geçersiz Tıklama İtirazı

googlegecersiztiklama

Buton ve Logo Yapın

Kendi Blogger Logo ve Butonlarınızı Yapın

Bu site sayesinde hızlı ve basit bir şekilde kedi butonlarınızı ve logolarınızı yapabilirsiniz.



Arkaplan Pattern'i Oluşturma

Kendi arkaplan resminizi kendiniz oluşturun.


Bazen temamızın arkaplan resmini değiştirmek isteyebiliriz. Bu noktada ya kendimiz birşeyler ortaya çıkartmaya çalışırız ya da indernetteki sitelerden faydalanöaya çaışırız. BgPatterns bu konuda bize fazlasıyla yardımcı olacaktır.

29 Mayıs 2009 Cuma

Blogger’da 125x125 Reklam Alanı Oluşturma

Blogunuza ek olarak nasıl B: section ekleyeceğinizi ve 125x125 reklam alanı oluşturmayı öğrenin!!

Birçoğumuz temalarda reklam alanları doğru düzgün yerleştirilmediği için çok sık tema değiştirmek zorunda kalıyoruz. Hatta öyle zaman geliyor ki sadece reklam alanları için tema değiştirmek zorunda kaldığımız oluyor. Bu yazımızda sizin de işinize yarayacağını düşündüğüm b: section yani reklam alanlarının (125x125) yerleşimini göreceğiz.

Blog Sidebar’a b:section eklemek:
1 : Blogger ---> Yerleşim ---> Html’yi Düzenle
2 : Temanız sağ sidebarda 2 kolonlu ise 125x125 reklam alanının bunu üzerine oluşturmak isteyebilirsiniz ki bizde bunu yapcağız.

clip_image001


Aşağıdaki kodu buluyoruz:

<div id='sidebar-right'> <b:section class='sidebar-right' id='sidebar-right' preferred='yes'>

Aşağıdaki kodu yukarıdaki kodun üzerine yapıştırıyoruz..

<div id='sidebar2'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
</b:section></div>

Şu anda blogumuza b:section ekledik, şimdide b: section için CSS kodlarına ihtiyacımız var.

#sidebar2 {
float : right;
margin-left:4px; width : 415px; background:#ffffff;
font : 11px Verdana;
}
#sidebar2 .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#sidebar2 .widget h2, #sidebar2 h2 {padding-left: 10px;
text-align:center;padding-left: 18px;
font: 12px/34px "Georgia", Verdana;
text-transform: uppercase;
color: #ffffff;
background: url("http://i263.photobucket.com/..........................gif") repeat;font-weight:bold;
}
#sidebar2 a {
color: #969696;
font-size : 12px;
text-decoration : none;
}
#sidebar2 a:hover {
color: #969696;
text-decoration : none;
}
#sidebar2 ul {
border : medium none;
margin : 7px;
padding : 0;
}
#sidebar2 ul li {
list-style-type : none;
border-bottom : 1px dotted #87581f;
margin : 0;
background-position : 0% 100%;
padding-left : 8px;
padding-right : 10px;
line-height : 15px;
padding-top : 5px;
padding-bottom : 5px;
}
#sidebar2 ul li a {
text-decoration: none; background: url(http://i263.photobucket.com/...................................gif) no-repeat; padding:0 0 0 12px;color: #87581f;
}

Yukarıda kırmızı ile yazılı yerleri kendi blogunuza uygun bir şekilde değiştirebilirsiniz.
Böylece başarılı bir şekilde blogumuza b: section ve CSS dolarını ekledik.

Yerleşim’e tıklıyoruz ve karşımızda sidebarın üzerinde yeni bir Gadget alanı oluştu. Bu alana 125x125 reklam alanı oluşturmak için HTML/ JAVASCRIPT ve aşağıdaki kodları kopyalıyoruz.

<div class="sidebar-ads">
<div class="sidebar-banner"><a href="#">
<img border="0" src="http://i263.photobucket.com/..................................jpg "/></a></div>
<div class="sidebar-banner"><a style="text-decoration: none;" href="#"><img border="0" src="http://i263.photobucket.com............................jpg" /></a></div>
<div class="sidebar-banner"><a style="text-decoration: none;" href="#"><img border="0" src="http://i263.photobucket.com/................................jpg" /></a></div>
<div class="clear"></div><p><a href="mailto:your email id" title="Reklam Alanı">Reklam Alanı</a></p>
</div>

Yukarıdaki kodu ekledikten sonra kaydediyoruz ve Html Düzenle’de aşağıdaki değişiklikleri yapıyoruz.

/* Sidebar - Ads */
.sidebar-ads {
float: left;
width: 410px;margin-left:5px;
margin-bottom: 5px;
}
.sidebar-banner {
padding: 5px;
float: left;
}
#sidebar2 p { background:url(http://i263.photobucket.com/...........................gif) no-repeat center left; margin-top:5px;text-align:right;padding-right:10px;}

Ön izleme yapıyoruz ve bir sorun yoksa kaydediyoruz.

clip_image002

Evet başarılı bir şekilde sağ taraftaki sidebarın üzerine 3 adet 125x125 reklam alanı oluşturduk. Umarım faydalı olmuştur. Konuyla ilgili olarak herhangi bir sorun yaşarsanız bana Yardım Hattı’ndan ulaşabilirsiniz

28 Mayıs 2009 Perşembe

Blog ve Sosyal Medya İle İlgili 20 Ücretsiz E-Book

Download 20 Free eBooks About Social Media!

İngilizce bilenler için muhteşem bir kaynak

The New Rules of Viral Marketing
David Meerman Scott

Marketing Apple
MarketingApple.com

Masters of Marketing
Startup Internet Marketing

Podcast Marketing eBook
Christopher S. Penn

Google Adwords Secrets
SEO Book

Get Viral Get Visitors
Stacie Mahoe

Marketing With Case Studies
Dynamic Copywriting

How to Write a Marketing Plan
Geisheker Group

SEO for WordPress blogs
Blizzard Internet

Social Web Analytics
Social Web Analytics

Geeks Guide to Promoting Yourself With Twitter
Geekpreneur

The Zen of Blogging
Hunter Nutall

What is Social Media
iCrossing

A Primer in Social Media
SmashLab

Effective Internet Presence
Effective Internet Presence

Introduction to Good Usability
Peter Pixel

Increasing the Response to Your Email Marketing Program
CRM Transformation

We Have a Website. Now What?
Craig Rentmeester

Blogs & Social Media
PRSA

The Podcast Customer Revealed
Edison Media Research

Blogger Tema Yazılımları

Blogger tema yapmaya yarayan birçok yardımcı programlar var, tabiki sizin için faydalı olabilecek en iyisini seçmek çok önemli. Bu yazımızda tema yapmaya yarayan yazılımlardan birkaç tanesini ele alacağız.

  • Adobe Creative Suite: Bir çok tema yapmanıza yarayabilecek önemli programlardan bir tanesidir. Dizayn araçları bu ürünün en üstündeki kısmında bulunur.
  • Microsoft Expression Software: Fastastik denebilecek kadar eşsiz temalar yapabileceğiz programlardan birtanesidir. Bu yazılım geniş dizayn araçları sunmasıyla ön plana çıkıyor.
  • CoffeeCup.com Designer: Tema yapmak için seçebileceğiniz yazılımlardan bir tanesi de CoffeeCup. en önemli özelliği herhangi bir tema yapma deneyiminiz olmadan bile bu yazılım sayesinde eşsiz temalar oluşturabilirsiniz..
  • Rapid Weaver 4: Bilgisayarına Mac sistemi kurulu olanlar için faydalı olabilecek bir yazılım.
  • Windows Live Writer: Bu yazılımın offline araçları sayesinde temanıza yeni şekiller vererek üzerinde modifikasyonlar yapabilirsiniz. Bazı tema uzmanları online blog dizaynının güç ve yorucu olduğunu düşünür. Siz de aynı fikirdeyseniz bu yazılım işinizi görebilir. Gördügünüz üzere tema yapmamızı sağlayan harika yazılımlar var ancak burda önemli olan sıfırdan bir tema yapmanını zor ve zahmetli yanlarının da olabileceğini göze almak ve eşsiz temalar ortaya çıkarabilmek. Ayrıca bu yazılımlar biryana halihazırdaki temala üzerinde değişilikler yapmak suretiyle kendinize has temalar da oluşturabilirsiniz.

Blogger Etiketleri: , ,

Yazınızın İlk Harfini Değiştirin


WpGuy tarafından yayınlanan Wordpress hack uygulamalarından birtanesine esinlenerek biz de burda Blogger temamıza uygulayacağız. Tabi yapacağımız bu Hack ile ilgileniyorsanız okumaya devam edin ama ilginiz çekmiyorsa yapacak birşey yok. :)

Peki bu hacki nasıl yapacağız?

Öncelikle HTML düzenle kısmınına gidiyoruz ve tememızın kodlarını görüntüledikletn sonra aşağıdaki kodları style kodları arasına yapıştırıyoruz.


.initialcap{
float: left;

font-size: 40px;
line-height: 35px;

font-family: Georgia, "Times New Roman", Times, serif;
color: #2583ad;
padding-right: 5px;
}

kodları yapıştırdıktan sonra, hazırladığımız yeni makalemizin ilk karakterini değiştireceğiz. Bunu için aşağıdaki kodda olduğu gibi ilk karakteri kodlar arasına yerleştiriyoruz.

<span class="initialcap">B</span>est of Blogger


 


Blogger Etiketleri: , ,

Yahoo'da creative commons rights Resimleri

Yahoo resim arama konusunda işimizi kolaylaştıracak bir adım attı. Bir resime ihtiyacımız olduğu zaman Yahoo Image search'te bulunan ve creative commons license ile dağıtılan resimleri bulabilir ve kullanabiliriz. Eminim Yahoo'nun sağladığı bu servis hayatımızı daha da kolaylaştıracaktır.

yahoo-creative-commons

20 Mayıs 2009 Çarşamba

Blog temanızı Sola konumlandırın

Blog Temanınız 2 kolay adımda sola konumlandırabilir siniz.


İlk olarak temamızı Backup alıyoruz.

HTML'yi Düzele ----->Full Temayı Yükle------>XML dosyamızı bilgisayarımıza kaydediyoruz.
Teman düzenle kısmından aşağıdaki kodları buluyoruz::


----------------------------------------------- */
#outer-wrapper {
padding-left: 250px;
padding-right: 200px;
text-align: left;
xyzxyzxyzxyz
border-top: 0;
overflow: hidden;
}

Bu kısım bazı temalarda outer-wrapper olarak isimlendirlir ve bütün blogumuzu içerir. Eğer ek olarak başka kodlar eklersek bundan bütün temamız etkilenir.



Aşağıdaki kodları xyzxyzxyz yazan yere ekliyoruz.


float:left;
margin-left:20px;


Eğer temanızda margin ile ilgili kodlar varsa onu siliyoruz ve yukarıda belirttiğimiz kodları eliyoruz. Eğer sağ tarafta yeni bir kolon isterseniz aşağıdaki kodları ekleyebilirsiniz.


#rightcolumn {
float:right;
margin-right:20px;
}
ve <body> tagının altında konumlandırıyoruz.

Örneğin;


<body>
<div id="rightcolumn"> </div>


Temamızın önizleme yapıyoruz ve kaydediyoruz

Blogger Etiketleri: , ,

19 Mayıs 2009 Salı

Blogger CSS Yapısı

Genel olarak düşünürsek Blogger Temaları 5 ana bölümden oluşur.

  1. HTML'in olduğu bölüm.
  2. Title tagları ve metataglar.
  3. The third part is peculiar to the beta template and is where the Variable Definitions are defined.
  4. CSS'nin olduğu kısım.
  5. Websayfasının Body kısmının yer aldığı alan. Burası HTML'ni önemli bir rol aldığı alandır. Ayrıca 5. kısım <body> ve </body>tagları arasında yeralır.

    4. kısımda belirttiğimiz CSS temanın aşağıdaki alanları arasında belirlenir:

    <b:skin><![CDATA[/*
    ve

    ]]></b:skin>
    </head>

    Burada backround arka planı değiştirmekten tutunda, fontlar ile ve genel yapıl üzerindeki değişiklikler yapabilir siniz. Renkleriniz ve linklerinizin yapısı da buradan belirlenir. Ayrıca burada blogunuzdaki grafik elementlerini tanımlayabilirsiniz.
    Bir Örnek;

    body {
    background:$bgcolor;
    margin:0;
    color:$textcolor;
    font:x-small Arial;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }
    Yukarıdaki örneğimiz temamızın body kısmındaki özellikleri tanımlar. Yani bütün web sayfamızın body kısmını ve ayrıca bu kod içerisinde margin, yazırengi, yazı hizalama, font, font büyüklüğü gibi alanları tanımlıyoruz. Bunun dışında arkaplan rengi tanımlayabileceğimiz birçok özellik var.
Blogger Etiketleri: , , ,

18 Mayıs 2009 Pazartesi

Google Blog Arama Algoritmasını Güncelliyor

Google Blog Search logo

Herhangi bir resmi açıklama olmamasına rağmen Google Blog Arama konusunda birçok yenilikler yapıyor.

Bir e-mail diyaloğunda Arama motoru gurubunu müdürü olan Jeremy Hilton blod searck anasayfasında yaptıkları kümelenme demetlerinden bahsetti.:

Hilton: "Biz blog yazılarını kümelensini de içeren yeni bir çalışma yapıyoruz. Ayrıca kümelenmedeki postların genişletilmesi üzerine yeni çalışmalar da yapıyoruz." diyor.

Yapılan algoritma çalışmalarından bir tanesi de daha otoriteli içerik, en yeni yazılar konusunda yapılan çalışmaları içeriyor. böylece Google insanların ençok konuştukları konuda yazıları bulmak istiyor.

“Biz birçok rank siganlleri alıyoruz. Aldığımız bu ranklara ve kümelenme algoritmasına göre signalleri daha iyi değerlendirebiliyoruz. Yaptığımız yeniliklerden birtanesi de yeni liklerin daha hızlı yüklenebilmesi "

.

Ayrıca güncellemeler daha küçük dizayn yeniliklerini içeriyor. .Hylton'un belirttiğine göre bu yeni kümelenme şekli daha modern ve daha aerodinamik biçimli.

Google Blog Search Home Page

Ayrıca Hilton daha atoriteli konumlanmış sonuçların rank konusunda daha iyi sonuçlar vereceğini belirtiyor.

Kaynak: SearchEngineLand

17 Mayıs 2009 Pazar

Wolfram Alpha Ve Türkiye

Uzun zamandan beri Google ile karşılaştırılan ve Google'ı tahtını sarsacağı söylenen Wolfram Alpha, Türkçesi "Matematiksel bilgi motoru" olan "computational knowledge engine" yayına başladı. .

Wolfram Alpha'yı kullanarak birçok verinin sonuçlarını sayısal olarak almanız ve karşılaştırma yapmanız mümkün. Ben arama motoruna Turkey yazdım. Wolfram Alpha'da Turkey yazdığınızda çıkan arama sonuçları

turkey - Wolfram-Alpha_1242595140843

Flock Browser ve Blogger

Flock Logo

Hangi browserı kullanıyorsunuz?

Ziyaretciler hangi borwaerdan geliyor. Google Analytics'ten takip edebilirsiniz. Örneğin benim %60 Firefox, %30 Internet Explorer ve %10 diğer browserlardan ziyaretçilerim geliyor.

Buradan söyleyebiliriz ki insanlar Firefox'u seviyor. İşte size farklı bir tarayıcı, Bloggerlar için yapılan, birçok gelişmiş özellileri olan bir tarayıcı Flock.

Blogger'lar neden Flock Kullanmalı?

  1. Flock aslına bir Firefox tarayıcısıdır. Nasıl mı? Firedox bir açık kaynak yazılımıdır., Flock da Firefox'un bir diğer versiyonudur ve eklentileri de tanır..
  2. Flock ile arkadaşlarınıza sürekli bağlı kalabilirsiniz. Flock sosyal ağlar için vazgeçilmez bir tarayıcıdır. Kendi digg, face book, flickr vs gibi hesaplarınız Flock üzerinden yönetebilirsiniz.
  3. Flock bir çok blogger özelliklerine sahiptir. Öyleki kendi içerisinde bir yazı editörü bile bulundurur. Kullanışlı ve esnek bir çok özelliği vardır ve belki Firefox'tan 10 kere daha hızlıdır.
  4. download edin Flock! kullanmaya başlayın.

test

dfgafdghadfhadfh
fshjhdshklj
şdlkjhmndş
dijhmd
ğdjhdgij
djlkdighlkjmdighkljm
idlkjilgjhmdilkjm
dijiglkjdigjlkm
dljkmdihgjmdiglkj
dkjmdljmidlhgkj
Blogged with the Flock Browser

Blogger'da Son Eklenenler ve Son Yorumlar Gadget Ekleme

Birçok Blog yazarları kendi bloglarına Son Eklenenler ve Son Yorumlar Widget eklemek isterler ve bunu için bir çok blog yazarı Javascript kodlarla hazırlanmış widgetler kullanırlar. Ancak bu Arama Motoru Optimizasyonu için iyi olmayabilir çünkü sayfanızda fazlaca javascript kodları kullanmak sayfanızın yüklenmesini yavaşlatır bu sitenizin ziyaretçileri için iyi bir düşünce uyandırmaz.

Sizenize Son yorumlaru ve Son Ekleneler widget eklemek için Feed URL'nizi kullanabilirsiniz.

Örneğin; Son eklelenler için;

http://BlogunuzunAdı.blogspot.com/feeds/posts/default


ve Son Yorunlar için;


http://BlogunuzunAdı.blogspot.com/feeds/comments/default

Benim Son Eklenen ve Son Yormlar Feed URL'lerim şöyle

http://bloggerofbest.blogspot.com/feeds/posts/default
http://bloggerofbest.blogspot.com/feeds/comments/default

Sizde kendi feed adresinizi kullanarak kendi sitenize bunları ekleyebilirsiniz.

Aşağıdaki adımları izleyin;


  1. Blogger'a login olun
  2. Yönetim Panel ------> Yerleşim
  3. Sayfa Öğlelerini tıklıyoruz.
  4. Gadget ekleye tıklıyoruz.
  5. Açılan pencerede Feed kısmından kendi Son Ekleneler linkimizi ekliyoruz.


6. Devam'a tıklıyoruz

7. Ardından kaç tane son eklenen yazının ggörüntülenmesini istiyorsak onu ekliyoruz ve gerekli düzenlemeliri yaptıktan sonra

8. Değişiklikleri Kaydet ve Kaydet yaparak Gadget'i kaydediyoruz. Son eklenenler Gadget'imiz hazır.

Son Yorumlar için de aynı yolu takip ederek Gadget oluşturabilir ve sitenizde yayınlayabilirsiniz. :

feed url

Twitter'dan İzleyebileceğiniz 25 SEO uzmanı

 

   

clip_image002

Search Engine Land
Web – Search Engine Land
Twitter Profile

clip_image003

Aaron Wall
Web – SEOBook.com
Twitter Profile

clip_image004

Rand Fishkin (SEO Moz)
Web – SEOMoz.com
Twitter Profile

clip_image005

Matt Cutts (Google)
Web – Mattcutts.com
Twitter Profile

clip_image006

Barry Schwartz (Rusty Brick)
Web – Cartoonbarry.com
Twitter Profile

clip_image007

Brian Carter
Web -
Twitter Profile

clip_image008

Ann Smarty
Twitter Profile

clip_image009

Michael Gray
Twitter Profile

clip_image010

Dave Naylor
Twitter Profile

clip_image011

David Brown
Twitter Profile

clip_image012

Joost De Valk
Twitter Profile

clip_image013

Dev Basu
Twitter Profile

clip_image014

Lee Odden
Twitter Profile

clip_image015

Neil Patel
Twitter Profile

clip_image016

Andy Beal
Twitter Profile

clip_image017

Jennifer Laycock
Twitter Profile

clip_image018

Todd Malicoat (Stuntdubl)
Twitter Profile

clip_image019

Jim Boykin
Twitter Profile

clip_image020

Bruce Clay Inc (Company)
Twitter Profile

clip_image022

Andy Beard
Twitter Profile

clip_image023

Danny Sullivan
Twitter Profile

clip_image024

Jordan Kasteler
Twitter Profile

clip_image025

Matt Mcgee
Twitter Profile

clip_image026

Will Critchlow
Twitter Profile

clip_image027

Patrick Altoft
Twitter Profile

16 Mayıs 2009 Cumartesi

Sitenize Google Reader Butonu Ekleyin

Sitenize Google Reader Eklemek için buradaki adrese gidiyoruz. ilk yere Feed URL mizi yazıyoruz ve Create HTMl yi tıklıyoruz.  HTML kodlarını kendi sitemize ekliyoruz. Örneğin benim kendi Google Reader:

Add to Google

15 Mayıs 2009 Cuma

HTML Color v1.4

HTML color V.1.4

Web Tasarımıyla ve Blog Tasarımıyla ilgilenenlerin işin yarayabilecek bir programı paylaşmak istiyorum. HTML Color v1.4. Bu program sayesinde kolaylıkla HTML renk kodları yapabilir siniz. Zira bu programla resimdeki renkleri kaydediyor ve sadece bir mouse hareketiyle kodlara ulaşabiliyorsunuz.  İşlevsel ve işe yarayan bir progra indirmek isterseniz :

download here!

Google Translate ve Kopya İçerik


Tekrar tekrar belirtmeye gerek yok sanırım özgün içeriğin önemini anlatmaya ama ben burda bir noktaya daha değinmek istiyorum. Bildiğiniz gibi son dönemlerde bir Google Translate furyası aldı başını gidiyor. Özgün içeriği Google Translate'te İngilizce'den Türkçeye tercüme etmekte arayan birçoklarını maalesef forumlarda okuyorum.

Hele özgün içerik adına sabahlara kadar atılan Google Translate taklalarına ne demeli. İngilizce bir site hazırlamak için nerden geldiği belli olmayan hatta daha başından sonuna kadar okumadıkları makaleyi önce Türkçe'den italyanca'ya sonra İtalyanca'dan İspanyolca'ya sonra da İspanyolca'dan İngilizce'ye çevirmek sonra da bunu özgün içerik diye ortaya çıkmak gerçekten çok acı. Tam güler misin ağlar mısın durumu. Bundan dolayıdır ki internet işe yaramayan bir sürü bilgi çöplüğüne döndü. Sabahlara kadar bununla vakit kaybedileceğine sacede bir tane 3-4 paragraflık bir yazı hazırlamak daha mı zor? İnsan sormadan edemiyor.

Bu gibi Google Translate üzerinden İngilizce site hazırlama (ya da kopyalamamı demem gerekiyor) taktiklerini Google farkeder, sonra saatlerinizi hatta günlerinizi harcadığınız emeklerin boşa gitmesi içten bile değil. İşin ilginç tarafı bu durumlar bazılarını işine yarıyor ve ortaya özgün içerikler çıkıyor.

Biz millet olarak çok yaratıcılıyız. Çok yaratıcılıyız da taklitte, kopyada çok yaratıcılıyız.

13 Mayıs 2009 Çarşamba

Blog Header’a (Başlık) Resim Eklemek

Temamızın header kısmını resim eklemek genelde hepimiz için sorun olmuştur. Genelde sitelerde bu konuyla ilgili olarak ya yarım yamalak açıklamlar var ya da bilenler özellikle söylemek istemiyorlar. Bu yazımızda header kısmına resim ekleme konusuna toptan çözüm getiriyorum.

Öncelikli olarak Temamızın bir BACKUP’ını alıyoruz. Ardından Header kısmına ekliyeceğimiz buradan upload edip bir kenara kopyalıyoruz.

Yönetim Paneli---->Yerleşim -------->Sayfa Öğeleri yolunu izledikten sonra HTML’yi Düzenle’ye tıklıyoruz. Tabi Widgetleri Genişlet’i de tıklamayı unutmuyoruz. Burada bize lazım olan kod:


<div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="false" title="The Widgets of Beta Blogger. (Header)" type="Header">
</b:widget>
</b:section></div>


Yukarıda gördüğünüz maxwidgets="1" i maxwidgets="2" olarak ve
showaddelement="no" u showaddelement="yes" olarak değiştiriyoruz.

Ardından temamızı Kaydediyoruz.

Daha işimiz bitmedi devam ediyoruz.

Sayfa Öğeleri’ne tıklıyoruz ve karşınızda header kısmında bizi bekleyen bir Gadget kutucuğu karşılıyor. Resmimizi buraya kaydedeceğiz. Gadget’a tıklıyoruz ve resim linkinden değişiklikleri de yaptıklatn sonra kaydedip çıkıyoruz. Unutmayın başta upload ettiğimiz resmi burada img src’den sonra ekliyoruz.

<a title="Blog Başlığınız" href="Blogunuzun Linki"><img src="Upload ettiğimiz resmin linki" alt="Blogunuzun Başlığı"></a>

Ekleye tıklıyoruz ve işlem tamam. Temanın Header kısmına resim ekledik. Gördüğünüz gibi çok kolay.

Buradan yapılmış bir örneğini de görebilirsiniz.

Bu yazımız faydalı olduyda aşağıdaki yazılarımız da işinize yarayabilir.

Blog Temanızın Genişliği Nasıl Değiştirilir

Blog Yazarken Windows Live Writer Kullanmamızı Gerektiren 13 Neden

Birbirinden Harika Twitter Butonları

twitter-31a

İnternette gezinirken bir siteye rastladım bu internet sitesinde bir birinden harika Twitter butonları var. Eğer Twitter’a üye iseniz burda ki butonları kendi sitenize yerleştirerek sitenize daha fazla ziyaretçi çekmeniz mümkün.

12 Mayıs 2009 Salı

Neden Twitter (Ya da nam-ı Diğer Cıvıltı)?

Twitter her geçen gün aklımızdaki sorulara anlık cevap alabilieceğimiz bir araca dönüşüyor. 2 yaşındaki micro blogging platformu hızlı bir şekilde büyüyor. Bilmeyenler için söyliyelim Twitter birinin okuduğu ya da gönderdiği birşeyi diğerinin update yaptığı ücretsiz bir sosyal network ağı ve micro blogging servisidir. Güncellemeler kullanıcının profilinde görüntüleniyor kayıtlı kullanıcılarda bunu görebiliyor. Ayrıca kullanıcılar updatelere SMS, RSS, e-mail vs aracılığıyla da ulaşabilirler.

Eğer bir iPhone sahibiyseniz ücretsiz twitter uygulamalarından yararlanabilirsiniz. Twitter hesabınızı Facebook ile interactive bir şekilde kullanabilir ve Twitter kullanıcılarına ulaşarak bilgi alışverişinde bulunabilirsiniz.

Kendi profiliniz gerçek zamanlı reklam platformu gibi kullanarak, sizi izleyenlere herhangi bir ürününüzün tanıtımını yapabilirsiniz veya sitenizin reklamını yaparak daha çok ziyaretçi çekebilirsiniz.

Twitter Home

Not: Burada Twitter ile ilgili daha ayrıntılı ve profesyonel bir makale var. Belki ilginizi çeker diye düşündüm. Click here

Blog Temanızın Genişliğini (width) Nasıl değiştirirsiniz?

Blog temanızın genişliğini değiştirebilmek için öncelikle CSS (CASCADING STYLE SHEET) yapısını bilmek gerekiyor. Bu konuya da ayrıca başka bir makelemizde değineceğim.

Temamızda değişiklik yapma için öncelikle Blogger Kumanda Paneli / Yerleşim / Sayfa Öğeleri’ni izliyoruz. HTML’yi düzenleden Şablonu düzenleyeceğiz. Ancak burada unutmamaız gereken önemli bir konu mutlaka Temanızın bir BACK UP alın.
Widget Şablonlarını Genişleti tıklıyoruz ve Temamızda değişiklik yapmaya başlayabiliriz.:
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1025px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 530px;
margin-left: 20px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#sidebar-wrapper {
width: 250px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#newsidebar-wrapper {
width: 170px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
OuterWrapper ana wrapperları ve 2 tane sidebar wrapperları içerir. Bunlar genişlik paremetrelerini gösterirler ve float parameter olarak tanımlanırlar. Burda dikkat edilmesi gerekem konu outer wrapper float parametera sahip değildir. Bundan dolayı sayfanın ortasındaki pozisyon margin olarak tanımlanmıştır. Main yada sidebar kolunun genişliğini değiştirdiğinizde bunların sadece parametreleri değişir, ve ardından outer wrapper genişiğini de aynı şekilde değiştrimeniz gerekebilir.
Ardından HEADER genişiğinide değiştrmek isterseniz, aynı şekilde Edit template texten yapabilirsiniz.
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:750px;
margin:0 auto 10px;
border:0px solid $bordercolor;
}
then change 750 to whatever width you want it to be.

Not. Bazı temalar OUTER WRAPPER’a sahip olmayabilir. Bu durumda temanızdaki body kısmından bu değişiklikleri yapabilirsiniz.

11 Mayıs 2009 Pazartesi

Bloglarınız Yazarken Windows Live Writer Kullanmanızı Gerektiren 13 Neden

Blogger Etiketleri: , ,

image

Windows Live Writer blogumuza yazı yazarken bize kolaylık sağlayan ve bir çok platform tarafından desteklenen bir yazılımdır. Bu programı kullanarak çok kolay bir şekilde yazılarınızı yazabilir siniz. Bu yazımızda bu programın avantajlarından bahsedeceğim.

1. Bu program ücretsizdir. Buradan indirebilirsiniz. ----- İndir

2. Kod kullanmadan Table oluşturabilirsiniz.

3. Kolaylıkla resim galerileri yapabilirsiniz.

image

4.Yeni bir pencere açıp hiperlikleri düzenliyebilir. Kod kullanmadan nofollow ve title tag ekleyebilirsiniz.

image

5. Birçok Blogu aynı anda yönetebilir siniz.

6. Technorati/ Delicious/Flickr/Live Journal/Ice Rocket tagları ekleyebilirsiniz.

7.Kolaylıkla etiket ekliyebilirsiniz.

8. Yazınıza Maps, Videos, pictures ekleyebilirsiniz.

9. Hazırladığınız makalaye yayınlama tarihi atayıp o tarihte yayınlanmasını sağlayabilir siniz.

10. Makalenizi piv servislerine tanıttırp hızlı bir şekilde yazınızın indexlenmesini sağlayabilir siniz.. Bunun için Araçlar---Seçenekler-----Ping Servisleri yolunu izleyin. Aşağıdaki linklerine yazılıma ekleyip, bu servisleri de kullanabilir siniz.

http://ping.feedburner.google.com/
http://rpc.pingomatic.com/
http://blogsearch.google.com/ping/RPC2
http://www.bloglines.com/ping

11. Sizin için gerekli olan ekletileri indirip, programı daha etkili bir şekilde kullanabilir siniz. Ancak 3. parti yazılımlara dikkat edin.

12.Bu program sizi üretken yapabilir. daha fazla yazı hazırlayabilir ve çevrim dışı olsanız bile yazılar hazırlayabilirsiniz.

13. Blogunuzdaki yazınız herhangi bir sebepten dolayı iptal olursa Windows Lİve Writer’daki kopyasını kullanarak tekrar yazabilir siniz..

Yönetici Yorum ve Ziyaretçi Yorum Kutularının Arka Planını Değiştirmek



Geçtiğimiz günlere bir arkadaşım admin commet box ile ziyaretci comment box farklı arkaplanlarda yapıp yapamayacağımı sormuştu. Bunu yapmak aslında çok kolay, temanıza ufak tefek ayarlamalarla bunu gerçekleştirebilirsiniz. Eğer bu anlatımla ilgileniyorsanız dikkatlice okuyun :)



until the end.

comment box



Bildiğiniz gibi her temanın farklı kodlama ve dizaynı vardır. Bunula birlikte biz burda örnek olması açısından Minima Template'i kullancağız. Aşağıdaki adımları izleyelim.

  1. Blogger
  2. Layout
  3. Edit HTML
  4. Download Full Template. Temanızın back up alın.Ne olur ne olmaz.
  5. Expand Widget Template'i tıklıyoruz

    expand-widget-templates

  6. Temanızda bu kodu bulun.
    ]]></b:skin>






  7. Aşağıdaki kodu yukarıdaki kodun üstüne yapıştırın


    .comment-admin {



    clear: both;



    margin: 10px 0 14px 0;



    padding: 10px;



    width: 400px;



    background: #eee;



    color:#000;



    }




  8. Aşağıdaki kodu bulun:









<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='data:comment.url' title='comment permalink'>



<data:comment.timestamp/></a>



<b:include data='comment' name='commentDeleteIcon'/>



</span>



</dd>















9. Kırmızı yazan kodu bulduğunuz kodun üstüne yapıştırın.












<b:if cond='data:comment.author == data:post.author'>



<dd class='comment-admin'>



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



</dd>



<b:else/>

















  1. Temayı kaydedin.






  2. İşlem tamam.






Note:Yukarıda yaptığımız işlem CSS kodlarının basit bir şekilde yerleştirilmesiydi. Sizde kendi yaratıcılığınızı kullanarak bunu geliştirebilirsiniz.







10 Mayıs 2009 Pazar

Meta Robots ve Robot.txt Hakkındaki Herşey

Robotlar Seo konusunda önemli role sahiptirler. Sayfaları ve Folderları kontrol edebilmek için Robot META talarını ve Robots.txt dosyasını kullanırız.
Websayfasını tasarlayan kişi hangi sayfaların arama motorları tarafınfan indexlenmesi gerektiğini, hangi sayfaların indexlememesi gerektiğini HTML alanındaki Robots META tagların yerleşimiyle belirleyebilir. Aşağıda genel olarak kullanılan Robots taglarını görebilirsiniz.

< content="NOINDEX" name="ROBOTS">- Ignore content and follow links
< content="NOFOLLOW, INDEX " name="ROBOTS">- Include content and do not follow links
< content="NOINDEX,NOFOLLOW" name="ROBOTS">- Ignore content and do not follow links
< content="INDEX,FOLLOW" name="ROBOTS">- Include content and follow links
< content="NOARCHIVE" name="ROBOTS">- Cache link should not show Search results pages
< content="NOODP" name="ROBOTS">- The Open Directory Project (ODP) title and description for the page should not be displayed in Search results
< content="NOYDIR" name="ROBOTS">- The Yahoo Directory title and description for the page should not be displayed in Search results
< content="NOSNIPPET" name="ROBOTS">- Titles are only displayed in Search results page and not description or text context for this page

Özellikle folderları yönetmek için robot.txt dosyası kullanılabilir. Bu dosya her serverın root dizinine yerleştirilir ve bunun formatı HTML değildir. Tipik bir robot.txt dosyası aşağıdaki gibidir.

User-agent: *
Allow: /
Disallow: /admin*
Allow: *content*
Disallow: /test/
Disallow: /paypal/
Disallow: /credit/
Disallow: /cgi/