Siteye Arama Kutusu Ekleme

1. Bloggera giriş yaptıktan sonra Yerleşimi seçin. Gadget eklemesi yaptıktan sonra “HTML/JavaScript” seçin.
2. Aşağıdaki kodu ekleyip kaydedin



<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

Blogger Yardım Sitesi

"YOUR BLOG URL/search" : Site URL'si
NAME OF YOUR BLOG    : Blogun Adı


Eğer arama kutusunu yanındaki yazıyı resim olmasını istiyorsanız aşağıdaki kodu denein.



<p align="left">
<form id="searchthis" action="YOUR BLOG URL/search" style="display:inline;" method="get">
<strong>NAME OF YOUR BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" type="image" src="IMAGE URL" align="top"/>
</form></p>

Blogger Yardım

Arka Plana Resim Ekleme

Başlık için resim ekleme

1. Bloggera giriş yaptıktan sonra şablonu seçip. Html ile düzenlemeyi seçin.
Aşağıdaki kodu bulun

# Header-wrapper { 

hemen yanına aşağıdaki satırı ekleyi

background-image: url(URL address of your image);

Aşağıdaki örneğe bakın.

# Header-wrapper { 
background-image: url ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQdW3DH4DY_BYMrhRYNe_wTHEZ8j1rs8vUMZNCxC91GafgcLg1nt59Jw-YhCi7BdnzWEBGZQdR91fqGAmELRDz0CWMCbXfwZhx-hua-4p_ayK3xUhvUlPnYQnx2VFyrLyrx6IfzGZNdLY/s1600/digg1.jpeg );

Şablonu kaydedin ve sitenize yenileyin.

 Ana Arka plan resmi ekleme

1. Bloggera giriş yaptıktan sonra şablonu seçip. Html ile düzenlemeyi seçin.
Aşağıdaki kodu bulun

body {

Bu koddan sonra aşağıdaki satırı ekleyin.

background-image: url ( Resminizin URL adresini );

Aşağıdaki örneğe bakın.

body { 
background-image: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQdW3DH4DY_BYMrhRYNe_wTHEZ8j1rs8vUMZNCxC91GafgcLg1nt59Jw-YhCi7BdnzWEBGZQdR91fqGAmELRDz0CWMCbXfwZhx-hua-4p_ayK3xUhvUlPnYQnx2VFyrLyrx6IfzGZNdLY/s1600/digg1.jpeg);

Şablonu kaydedin ve sitenizi yenileyin.

Mesajlara Arka plan resmi ekleme

1. Bloggera giriş yaptıktan sonra şablonu seçip. Html ile düzenlemeyi seçin.
Aşağıdaki kodu bulun

# Main-wrapper {

Bu koddan sonra aşağıdaki satırı ekleyin.

background-image: url ( Resminizin URL adresi );

Aşağıdaki örneğe bakın.

# Main-wrapper { 
background-image: url ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQdW3DH4DY_BYMrhRYNe_wTHEZ8j1rs8vUMZNCxC91GafgcLg1nt59Jw-YhCi7BdnzWEBGZQdR91fqGAmELRDz0CWMCbXfwZhx-hua-4p_ayK3xUhvUlPnYQnx2VFyrLyrx6IfzGZNdLY/s1600/digg1.jpeg);

Şablonu kaydedin ve sitenizi yenileyin.

Kenar Çubuğu Arka plan resmi ekleme

1. Bloggera giriş yaptıktan sonra şablonu seçip. Html ile düzenlemeyi seçin.
Aşağıdaki kodu bulun

# Sidebar-wrapper {

Bu koddan sonra aşağıdaki satırı ekleyin.

background-image: url ( Resminizin URL adresi );

Aşağıdaki örneğe bakın.

# Sidebar-wrapper { 
background-image: url ( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQdW3DH4DY_BYMrhRYNe_wTHEZ8j1rs8vUMZNCxC91GafgcLg1nt59Jw-YhCi7BdnzWEBGZQdR91fqGAmELRDz0CWMCbXfwZhx-hua-4p_ayK3xUhvUlPnYQnx2VFyrLyrx6IfzGZNdLY/s1600/digg1.jpeg );

Şablonu kaydedin ve sitenizi yenileyin.

Blog Temanızın Renklerini Değiştirin.

Blogger temanızın arka plan rengini değiştirelim.

1. bloggera giriş yaptıktan sonra şablonu seçip. Html ile düzenlemeyi seçin.
Aşağıdaki kodu bulun.

# header-wrapper {

bu kodun hemen aşağısındaki satırda ,

background:İstediğin renk;

İstediğiniz rengi, renk katologlarından "# FFFFFF" bu örnekteki gibi bulabilirsiniz.

background:# FFFFFF;

Aşağıdaki örneğe bakın.

# Header-wrapper { 
background: # FFFFFF ;

Şablonu kaydedip, sitenizi yenileyin.

Blogger Ana arka plan rengini değiştirme

1. Şablondan HTML Düzenlemeyi seçin.

body {
background:$bgcolor

Eğer istediğiniz rengi ayarlamak istiyorsanız yukarıdaki kodu aşağıdaki kodla değiştirin.
Örnek:
body { 
background-color: # FFFFFF;

Şablonu kaydedin, sitenizi yenileyin.

Blogger Mesaj arka plan rengini değiştirmek;

1. Şablondan Html ie düzenlemeyi seçip aşağıdaki kodu bulun.

# Main-wrapper { 

 # FFFFFF rengini ayarlamak istiyorsanız. Aşağıdaki kodla değiştirin.

Örnek:
# Main-wrapper { 
background-color: # FFFFFF;

Şablonu kaydedin, sitenizi yenileyin.

Blogger Kenar arka plan rengini değiştirmek;

1. Şablondan Html ie düzenlemeyi seçip aşağıdaki kodu bulun.

# sidebar-wrapper {

Eğer # FFFFFF  gibi bir kenar çubuğu rengini ayarlamak istiyorsanız, Yukarıdaki kodu aşağıdaki kodla değiştirin.

# Sidebar-wrapper { 
background-color: # FFFFFF;

Şablonu kaydedin, sitenizi yenileyin. 

Değişik Blogger Temaları

Blogger temasını yüklemek için
1. Önce zip dosyasından uygun bir yere çıkartın.
2. Blogger sayfasına giriş yapılır.
3. Bloga ait ayarlar kısmı açılıp sol kısımdaki şablonlar kısmına tıklanılır. Sağ üst kısımda yedekle ve geri yükle kısmına basılır.
4. Açılacak sayfada zip dosyasından çıkardığınız xml. dosyası seçilip yüklenir.
5. Tema Yüklenmiştir.
Tema1 

Temayı Yükle

Tema2

Temayı Yükle

Tema3

Temayı Yükle

Egzotik Tatil Blogger Teması

Blogger temasını yüklemek için
1. Önce zip dosyasından uygun bir yere çıkartın.
2. Blogger sayfasına giriş yapılır.
3. Bloga ait ayarlar kısmı açılıp sol kısımdaki şablonlar kısmına tıklanılır. Sağ üst kısımda yedekle ve geri yükle kısmına basılır.
4. Açılacak sayfada zip dosyasından çıkardığınız xml. dosyası seçilip yüklenir.
5. Tema Yüklenmiştir.

Temayı Yükle

Blogunuzun Ana Başlık, Kenar Çubuğu ve Başlık Genişliğini Ayarlama

Blogunuzun ana başlık, kenar çubuğu ve başlık genişliğini ayarlamak için aşağıdaki adımları ugulayabiliriz.
1. Hesabınıza giriş yapın ve blogunuzun şablon kısmına tıklayın.
2. Html oarak ayarlamayı seçin
3.Aşağıdaki kodları bulun.

# Header-wrapper { 
width: 750px; 
margin: 10px 0 auto; 
border: 1px solid $ bordercolor; 
}


# Main-wrapper { 
width: 400px; 
margin-left: 20px; 
float: left; 
sözcük kaydırma: break-word; IE sidebar şamandıra kırarak uzun metin için / * düzeltme * / 
}


# Sidebar-wrapper { 
width: 150px; 
float: right; 
word-wrap: break-word; IE sidebar şamandıra kırarak uzun metin için / * düzeltme * /
}


Yukarıdaki ilk kodda başlık genişliğinin 750 px olduğunu söylüyor. İkinci kod grubunda ana sütun genişliğinin 400 piksel olduğunu söylüyor. Son kod ise kenar çubuğu genişliğinin 150 piksel olduğunu söylüyor. Bu kodlardan yararlanarak boyutlarını isteğinize göre şekillendirebilirsiniz.