Disqus for Blog Okulu

Bumerang - Yazarkafe

blog öğreniyorum etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
blog öğreniyorum etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger Ana Sayfada Görüntülenecek Yayın Sayısını Belirleme

Blogger Ana Sayfada Görüntülenecek Yayın Sayısını Belirleme

Blogumuzu takip eden bazı arkadaşlardan aldığım mail ve sorularda ana sayfada neden sadece 5 yazı görünüyor yada ana sayfada neden daha fazla yazım çıkmıyor gibi sorular alıyorum.Bu sorulara cevap olması açısından bir yazı yayınlıyayım dedim:)
Blogger Ana Sayfada Görüntülenecek Yayın Sayısını Belirlemek aslında tamamen sizin elinizde olan bir durum değil, normalde sayısal olarak birazdan bahsedeceğimiz ksımdan istediğiniz değeri girerek görüntülemek istediğiniz yazı adedini belirleyebiliyorsunuz, fakat işin içinde blogger olunca yani ücretsiz bir hosting sağlayıcı olunca ince bir nüans yada küçük bir hatırlatma yapmak gerekiyor;
Öncelikle Blogger Ana Sayfada Görüntülenecek Yayın Sayısını Belirleyelim:
1-Blogger hesabımızla giriş yapıyoruz.
2-Yerleşim Linkine tıklıyoruz.

3-Aşağıda resimde de gördüğünüz gibi Main (1) kısmındaki Düzenle (2) linkine tıklıyoruz.


4-Düzenle linkine tıkladığımızda karşımıza bir pencere çıkacak bu pencerede de yukarıda resimde 3 numara ile gösterdiğimiz  Ana Sayfadaki Kayıt Sayısı bölümünde bulunan rakamları değiştirerek, blogger Ana sayfada görüntülenecek yazı adedini belirleyebiliriz.
Buraya kadar herşey normal, yukarıda bahsettiğimiz ince nüanslık kısım da bundan sonra başlıyor. Eğer ana sayfada belirlediğiniz yazı adedi kadar yazı görünmüyorsa, yani bahsettiğimiz yerdeki  Ana Sayfadaki Kayıt Sayısı yazan yere örneğin 6 rakamı girdiniz ama blogunuzun ana sayfasında 3 yazı görünüyorsa, Ana sayfadaki yazılarınızın boyutu blogger sayfa yüklenme sınırını aşıyor demektir, yani yazdığınız yazılar içerisinde çok fazla resim ve buna benzer yer kaplayacak şeyler var ise, blogger siz 6 yazı görünsün demenize rağmen, ben 6 yazı gösteremem senin yazı boyutun çok büyük, ben bunu kısıtlayıp 3 tane olarak gösteriyorum benim limitim budur der ve 3 yazıyı gösterir.

Blogger Ana Sayfada Görüntülenecek Yayın Sayısını Belirleme (Videolu Anlatım)

Blog Nasıl Açılır?(Videolu Sesli Anlatım)

Blog Nasıl Açılır?(Videolu Sesli Anlatım)

Sizde blog dünyasına girip birşeyler yazıp çizmek istiyorsanız, blogger üzerinden blog nasıl açabilirim? bloggerden blog açmak istiyorum, ne yapmam lazım? diyorsanız doğru adrestesiniz dünyaca ünlü ilk blog sağlıyıcısı Blogger'i Google'ın satın alması ile önlenemez bir yükselişe geçti ve bayağı bir üyesi olduğu biliniyor.Türkçe desteği , ücretsiz Domain barındırma imkanı bloggeri cazip kılan seçeneklerin başında geliyor.




(Eğer blog açacaksanız Bloggerden açmanızı  şiddetle öneririm görebileceğiniz en iyi blog servislerinin en başlarında yer alır).Blog açmaya karar verdiyseniz ki bu yazıyı okuyarsanız karar vermişsiniz demektir; sizin için çektiğimiz ve düzenlediğimiz, sesli olarak anlatım yaptığımız, bloggerde blog nasıl açılır adlı videomuzu izlediğinizde sizde kendinize özgü bir blog açabilir ve paylaşmak istediklerinizi blogunuza yazıp, blog yazarlığına ilk adımı atabilirsiniz.Bu konu ile ilgili sorunuz olursa ister konu altında bulunan yorumlardan istersenizde iletişim kısmından bize sorabilirsiniz.

BLOG NASIL AÇILIR?VİDEOLU ANLATIM:

Blogger Disqus Yorum Formu Ekleme

Blogger Disqus Yorum Formu Ekleme

Bloggerin yorum formu çok sade bir şekilde tasarlanmış, gerçektende görüntü olarak da kötü ve kullanışsız olduğunu bir çok blogger arkadaş biliyor ve bunu kabul ediyor,bu yüzden yorum kutusu değiştirme ile ilgili bir çok eklenti ve kodlar geliştirilmiş durumda, blogger yorum kutularını birkaç eklenti ile güzelleştiren arkadaşlar var, biz size bu eklentileri değilde, dünyanın önde gelen sitelerinin ve türkiyede devleşmiş sitelerin kullandığı yorum formu olan disqus yorum formunu blogunuza nasıl ekliyebileceğinizi anlatacağız.

Blogger Animasyonlu Slayt Alanı (Nivo Slider)

Blogger Animasyonlu Slayt Alanı (Nivo Slider)

Bloglardaki slayt alanlarının, yada türk bloggerler arasında blogger manşet alanı olarak adlandırılan geçişleri farklı animasyonlarla süslenmiş blogger nivo slider olarak bilinen müthiş bir blogger slayt alanı yada blogger manşet alanı eklentisi ile karşınızdayız.Blogger nivo slider slayt alanını blogunuza ekleme işlemi oldukça basit.Üstellik emsallerine göre yani bu kadar kaliteli olan slayt alanlarına göre ilk etapta açılış hızı da oldukça iyi.
Yani blogunuzun açılış hızını pek te etkilemeyen ve blogger slayt alanları içerisinde benimde en çok beğendiğim blogger slayt alanı eklentisi olan blogger nivo slider i blogunuza eklemek için:
DEMO GÖRÜNÜM
1-Blogger hesabımızla giriş yapıyoruz.Her ihtimale karşı blogger şablonumuzu yedeğini alıyoruz.
2-Kumanda Paneli>Şablon>Htmlyi Düzenle yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz.
3-Html kodları içerisinde Ctrl+F yardımı ile </head> kodunu aratıp buluyoruz.Aşağıdaki kodu kopyalayıp bulduğumuz </head> kodundan önceki kısma yapıştırıyoruz.
<!-- blogger nivo slider www.oyun04.com araba oyunlari code start-->
<style type="text/css">
/* <![CDATA[ */
    #blogokuluSlideContainer           {position: relative;display: block;}
    #blogokuluNivoSlider               {position:relative;width:600px  !important;height:300px  !important;min-height:225px  !important;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnT1PECCci_pimXmHSpwiylh4-LNYoBKXKG0HQNQ6in2wggaFm7x7GUyHmQw0svlt59sPmiD_fyp2GUZwSWenEXgteMPcofGIx8KKXgKEpDm1_Dq4lVuWF12nuqwclgacSSxFC89xGzndh/s1600/w2bLoader.gif") no-repeat 50% 50%; margin: 20px auto 35px;-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.4);box-shadow: 0px 1px 5px rgba(0,0,0,0.4);}
    #blogokuluNivoSlider img           {position:absolute;top:0;left:0;display:none}
    .nivoSlider                  {position:relative;width:100%;height:auto;}
    .nivoSlider img              {position:absolute;top:0;left:0}
    .nivo-main-image             {display:block!important;position:relative!important;width:100%!important}
    .nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
    .nivo-slice                  {display:block;position:absolute;z-index:5;height:100%;top:0}
    .nivo-box                    {display:block;position:absolute;z-index:5;overflow:hidden}
    .nivo-box img                {display:block}
    .nivo-caption                {padding:10px;font-family:Helvetica,Arial,sans-serif;position:absolute;left:10px;bottom:10px;right:10px;background:#000;color:#fff;-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8;width:auto;z-index:8;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    .nivo-caption p              {padding:5px;margin:0}
    .nivo-caption a              {display:inline!important}
    .nivo-html-caption           {display:none}
    .nivo-directionNav a         {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjunzq0ma3IJ7vXlZX3_DHL3KdZ8WKqwt6nhtpOxiAwPKLvOtwMJDHlFO8WlqIdH9FLlozDKacaAbR-Pn1nq9ef26la2xr35mwRnN_zNP_ESKqvC-pHQOX6VglMeeGelorRT3meKtxbQRYo/s1600/w2bArrows.png") no-repeat;text-indent:-9999px;border:0}
    .nivo-prevNav                {left:10px}
    .nivo-nextNav                {background-position:-30px 0!important;right:10px}
    .nivo-controlNav             {position:absolute;left:0;right:0;bottom:-35px;text-align:center}
    .nivo-controlNav a           {position:relative;z-index:9;cursor:pointer;display:inline-block;width:22px;height:22px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB4dFpb3mfXOPlsDkbMZoP8nTnLMy8gldAgx7z8et4gZZkYGAjWhnLRZP-YA4KQKxaR9JNOrJChj2vzDfHpmYyI_183mhy4evIXU1HwV682NA-DQmE9d5JMqkkwnJZGC0w9txFVQeLZvia/s1600/w2bBullets.png") no-repeat;text-indent:-9999px;border:0;margin-right:3px}
    .nivo-controlNav a.active    {font-weight:bold;background-position:0 -22px}
/* ]]> */
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function($) {
    $('#blogokuluNivoSlider').nivoSlider({
        effect           : 'random',
        slices           : 15,
        boxCols          : 8,
        boxRows          : 4,
        animSpeed        : 500,
        pauseTime        : 3000,
        startSlide       : 0,
        directionNav     : true,
        directionNavHide : true,
        controlNav       : true,
        keyboardNav      : false,
        pauseOnHover     : true,
        captionOpacity   : 0.8
    });
});
/* ]]> */
</script>
<!-- blogger nivo slider www.oyun04.com araba oyunlari code end-->
bu kod içerinde: renkli olarakta belirttiğimiz. 
width:600px blogger slayt alanı genişlik değeri

height:300px blogger slayt alanı genişlik değeri
        animSpeed    : 500, slayt geçiş hızı
        pauseTime    : 3000, bir resmin slaytta bekleme süresi
        startSlide      : 0, hangi slayttan başlayacağını seçiyoruz.
daha sonra şablonumuzu kaydedip çıkıyoruz.
4-Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu takip edip aşağıdaki kodu kopyalayıp açılan gadget içerisine yapıştırıyoruz.

<div id="blogokuluSlideContainer">
    <div id="blogokuluNivoSlider">
<a href="URL ADRESİ-1"><img src="RESİM URL ADRESİ-1" title="RESİM AÇIKLAMA SATIRI-1" alt=""/></a>
<a href="URL ADRESİ-2"><img src="RESİM URL ADRESİ-2" title="RESİM AÇIKLAMA SATIRI-2" alt=""/></a>
<a href="URL ADRESİ-3"><img src="RESİM URL ADRESİ-3" title="RESİM AÇIKLAMA SATIRI-3" alt=""/></a>
<a href="URL ADRESİ-4"><img src="RESİM URL ADRESİ-4" title="RESİM AÇIKLAMA SATIRI-3" alt=""/></a>      
    </div>
</div>
kod içerisinde:
URL ADRESİ-1:Yerine blogger salyt alanındaki resme tıklayınca yönlendirmek istediğimizadresin URL sini yazıyoruz.
RESİM URL ADRESİ-1:Slayt alanında görüntülemek istediğimiz resmin URL adresini yazıyoruz. 
RESİM AÇIKLAMA SATIRI-1:Blogger Slayt alanı altında görünen açıklama satırı.Bu kısma reklediğiniz resimle ilgil kısa bir açıklama yazabilirsiniz.
Yaptığınız değişiklikler neticesinde görünüm aşağıdaki gibi olacaktır.
<a href="www.blogokulu.org"><img src="http://imageshack.us/a/img89/8497/arabaoyunlari.png" title="Blogger Eklentileri,blogger widget ve blogger hakkında güzel şeyler bulabileceğiniz bir blog.Blog Okulu" alt=""/></a>
Gerekli eklemeleri ve düzenlemeleri yaptıktan sonra eklediğiniz gadgeti blog kayıtlarının üzerine sürükleyip bırakın.Blogger slayt alanı,blogger manşet alanı kullanıma hazır.

Blogger Başlık Yerine Resim Koyma

Blogger Başlık Yerine Resim Koyma

Blogger Başlık Yerine Resim Koyma konusunu sizlere videolu olarak anlatacağız.Blogger başlık resmi sayesinde blogunuz daha çekici ve göze daha hoş görünecek.Sadebir yazı yerine blogger başlığınıza resim koyup yazı ile birleştirip blogculukta profesyonelliğe bir adım daha yaklaşabilirsiniz. Blogger Başlık Yerine Resim Koymak için Eklediğimiz Videoyu İzleyin.

Blogger Kategoride Mesaj Kutusunu Silme

Blogger Kategoride Mesaj Kutusunu Silme


Bildiğiniz gibi blogger de kategorilendirme yok, etiketleri kullanarak kategori oluşturuyoruz.Bu noktada etiketlerin de blogger için vazgeçilmez olduğu gerçeği kaçınılmaz oluyor.Kategorileri etiketlerle oluşturduğumuz için etiketlerden birine yada kategori linkine tıkladığımızda resimde de gördüğünüz gibi blog kayıtlarının hemen üstünde blogger eklentileri kategorisine sahip kayıtlar gösteriliyor.Tüm Kayıtlarşeklinde bir etiket isminin ve diğer yazılarınıza ait linkin (tüm kayıtlar) bulunduğu kutu içerisinde bir mesaj çıkıyor.
Aslında bence pek zararı olmayan ama bazı kullanıcıların görüntü kirliliği yaptığını iddia ettiği bu mesaj kutusunu eğer istemiyorsanız blogunuzdan kaldırabilirsiniz.Blogger kategori mesaj kutusunu blogunuzdan kaldırmak için.
  • Öncelikle şablonumuzun yedeğini alıyoruz.
  • Kumanda Paneli>Şablon>Htmlyi Düzenle>Devam Et yolunu takip edip widget şablonlarını genişlet kutucuğunu işaretliyoruz.
  • Html kodları içerisinde Ctrl+F yardımı ile aşağıdaki kodları buluyoruz.
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
  • Yukarıda bulduğumuz kodların yerine aşağıdaki kodları kopyalayıp, yapıştırıyoruz.
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
  • son olarak şablonumuzu kaydedip çıkıyoruz.

Blogger Standart Şablonlarda Ürün Pazarlama

Blogger Standart Şablonlarda Ürün Pazarlama

Blogger standart şablonlarını kullanarak ürünlerinizi satabileceğiniz yada göze hoş gelebilecek bir şekilde sergileyebileceğiniz bir kodu sizlere sunacağız.Bu kodu ile sergilediğiniz ürünün resmini,fiyatını,kısa açıklamasını düzenli bir şekilde ve net olarak ziyaretçilerinize sunabilirsiniz.Eğer daha profesyonel bir şablon isterseniz de bizim daha önce yayınladığımız blogger alışveriş şablonunu kullanabilirsiniz.
Blogger standart şablonlarında ürün pazarlamak için hazırladığımız kodu sizlere iki şekilde vereceğiz.
1-Bahsettiğimiz Gibi Ürün Pazarlamak için
2-Yemek Blogu yazan blogger arkadaşlar için.
Yemek blogu yazanlarda da yine yemeklerde kullandıkları malzemeler,tarifi ve bir resmi düzenli olarak ziyaretçilerinize sunma imkanı verecek bir kodu paylaşacağız.
Blogger standart şablonlarında ürün pazarlamak için hazırladığımız koduyapılışı kodunu blogunuza eklemek için yapmanız gereken aşağıdaki kodu kopyalayıp Normal yazı yayınladığınız alanda HTML modundayken sayfanıza yapıştırmak.Ardından kod içerisinde gerekli düzenlemeleri yaptıktan sonra ürünümüzü yayınlamak.
1- Ürün Pazarlamada kullanacağınız kod.
<center><table border="1" style="width: 500px;"><tbody>
<tr><th class="item_thumb" id="thumb" width="40%"><a href="http://www.blogger.com/Your-Image-URL">
<img alt="Resmin Açıklaması" border="0" src="Resim URL Adresi Buraya" style="cursor: move; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th><td style="text-align: justify;">Detaylı Bilgiyi Buraya Yazın</td></tr>
<tr><th>ÜRÜN ADI</th><td class="item_name">Ürün Adını Burya Yazın</td></tr>
<tr><th>FİYATI</th><td class="item_price">Ürün Fiyatını Buraya Yazın</td></tr>
<tr><th>ÜRÜN AÇIKLAMASI</th><td class="item_Description">Ürün Kısa Açıklamayı Buraya Yazın</td></tr>
<tr><th>SİPARİŞ TELEFON</th><td class="item_Description">Sipariş Telefonunu Buraya Yazın</td></tr>
<tr><th>SİPARİŞ MAİL ADRESİ</th><td class="item_Description">Sipariş Mail Adresinizi Buraya Yazın</td></tr>
</tbody></table></center>
Kod içeriisnde renkli olarak verdiğimiz alanları kendinize göre düzenleyin.
Örnek olarak Aşağıda hazırladığımız örnek tasrıma bakabilirsiniz.Kodu HTML modundayken ekleyip Oluştur modunda istediğiniz gibi rahatlıkla düzenleyebilirsiniz.(Not:Aşağıdaki çanta ve özelliklertamamen bir örnek olarak verilmiştir)

Pembe Örgü Çanta
Tamamen el işi Göz nuru olan uzun uğraşlar sonunda makrome ipi ile falanca örgü tipi kullanılarak pembe iplikle ördüğüm ve sizlerinde beğenisine sunmak istediğim pembe örgülü çanta karşınızda.
ÜRÜN ADIPembe Örgülü Çanta
FİYATI00.00TL
ÜRÜN AÇIKLAMASIPembe Örgülü Çanta Makrome ipi ile tığ kullanılarak yapılmıştır.
SİPARİŞ TELEFON0530 123 45 67
SİPARİŞ E-MAİLblogokulu@blogokulu.org
2-Blogger Yemek Tarifi Blogları için Tablo Kodu:
<center><table border="1" style="width: 500px;"><tbody>
<tr><td style="text-align: left;"><h2 style="text-align: center;">
<i><span style="color: #660000;"><u><b>Malzeme Listesi</b></u></span></i></h2>
<div>
<table><tbody>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
<tr><td><img border="0" height="27" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb2AXaoL4JntKE1MSXoNxXEvMdhyphenhyphenk5R2N-gngr75fdSvIK3PrOw7P59II7MU2MTdDIwobvvcPD51pcUAYN8SLQQNQQmeqEa3-4SEZG5vn0kyBJIgmunE_EWzIcSWZPeuT9Hnj1e8-jb6r_/s320/havuc+kopya.png" width="27" /></td><td>Malzeme</td></tr>
</tbody></table>
</div>
</td><th class="item_thumb" id="thumb" width="40%"><a href="http://www.blogger.com/Your-Image-URL">
<img alt="Resmin Açıklaması" border="0" src="Resim URL Adresi Buraya" style="cursor: move; display: block; height: 300px; margin: 0px auto 10px; text-align: center; width: 300px;" /></a></th></tr>
<tr><th style="text-align: left;"><div style="text-align: center;">
<i><span style="color: #660000;"><u>HAZIRLANIŞI</u></span></i></div>
<div style="text-align: center;">
<img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzBNxXTXG_YB5fGpZ-KmWFY-JhhY3y0kFBeHXCxvyBPbDWPNfz21RbmqAg5dffgimubX8zcTqfFVxuh3Mssa22F4MTn2lR6cgoldMt7aI9-jxPommvXLUaeMtD7fO4btznZ6dfKsaJU54V/s200/cooker.gif" width="70" /></div>
</th><td class="item_name">Yemeğinizin,tarifini bu kısımda anlatabilirsiniz.</td></tr>
<tr><th style="text-align: left;"><i><span style="color: #660000;">PİŞİRME SÜRESİ</span></i></th><td class="item_price">Pişirme Süresini yazın</td></tr>
<tr><th style="text-align: left;"><i><span style="color: #660000;">TAVSİYELER</span></i></th><td class="item_Description">Özel Tavsiyeleri bu kısma yazabilirsiniz.</td></tr>
</tbody></table></center>
Kodu blogunuza html modundayken ekledikten sonra gerekli düzenlemeleri oluştur modundayken yaparsanız daha kolay içini doldurabilirsiniz.height:300px ve width:300px değerlerini değiştirerek resim boyutunu değiştirebilirsiniz.
Örnek Görünüm:

Malzeme Listesi

Yarım Kilo Kıyma
2 Adet Soğan
1Tatlı Kaşığı Tuz
1Tatlı Kaşığı Karabibe
1 Kaşık Sıvı Yağ
Yarım Bardak Etsuyu


Resmin Açıklaması
HAZIRLANIŞI
1 kabın içinde rendelemiş olduğunuz soğanları, kıymayı, tuzu, karabiberi et suyu ile beraber elinizle güzelce 5-10 dakika yoğurun. Yoğurma işleminden sonra köftelere istediğiniz şekli verip hazırlayın. 
Kızgın ateş üzerinde yağlanmış ızgarada pişirin. Pişirdikten sonra servis tabaklarına alın.
PİŞİRME SÜRESİ20 dk yada Köfteler Kızarıncaya kadar
TAVSİYELER
İsteğe göre yanına, maydanoz ve domates ile süslendirebilirsiniz. Afiyet olsun:)

Blogger Alan Adı-Blogger Domain Satın alma

Blogger Alan Adı-Blogger Domain Satın alma

Son bir aydır blogger alan adı satın alma işlemlerinde problem vardı.Blogger kullanıcıları alan adı satın almak istediklerinde çeşitli hata ve sorunlarla karşılaşıyorlardı.Bu konu ile ilgili bana mail atıp ne yapalım? diye soran arkadaşlar vardı,bende alan adı satın alıp çeşitli yöntemlerle bloglarını bu alan adlarına yönlendirebileceklerini,fakat blogger alan adı satın alma sorunu çözülene kadar beklemelerini tavsiye etmiştim.
Blogger alan adı satın alma problemi aşılmış durumda.Artık blogger alan adı satın almak isteyen arkadaşlar bu işlemi gerçekleştirebilirler.Blogger Alan Adı Satın Alma İşlemi için:
1-Blogger hesabımızla giriş yapıyoruz.
2-Aşağıdaki resimdeki gibi ayarlar sekmesine tıklıyoruz.
3-Ayarlar sekmesini tıkladığımızda Yayıncılık başlığı altında blogger alan adı satın almak için +Özel Alan adı Ekle linkine tıklıyoruz.
4-Özel alan adı ekle linkine tıkladığımızda yine yayıncılık başlığı altında aşağıdaki gibi bir pencere açılacak.
Bu pencerede resimde gösterdiğimiz yere satın almak istediğiniz blogger alan adını yazıyoruz.Örnek:bloggerozelalanadi gibi.Daha sonra yine resimde gösterdiğimiz com,net,org,info ve biz gibi uzantılardan birini seçip blogger alan adımıza bir uzantı seçiyoruz.Son olarak 3 numarayla gösterdiğimiz kullanılabilirliği denetle butonuna tıklıyoruz.
5-Kullanılabilirliği denetle butonuna tıkladığımızda eğer alan adı kullanılıyorsa size bir başka alan adı almanız tavsiye edilecek, kullanılmıyorsa aşağıdaki gibi bir pencereyle karşılacaksınız.
Burada kayıt işlemlerine devam et butonuna tıklıyoruz.
6-Bu aşamadan sonra sizden kişisel bilgileriniz adres vb. gibi şeylerin olduğu bir pencere açılacak bu penceredeki gerekli bilgileri dolduruyoruz.
gerekli bilgileri doldurduktan sonra en altta bulunan kabul ediyorum google checkouta git yazan butona tıklıyoruz.
butona tıkladığımızda bizi ödeme sayfasına yönlendirecek.10 ABD dolarını ödedikten sonra blogger alan adını bir yıllık satın satın almış oluyoruz.Alan adını satın aldığımızda blogspot uzantılı blogunuzda otomatik olarak bu alan adına yönlendiriliyor.Yani blogunuzun adresi www.bloggeralanadi.blogspot.com ise alan adi olarak www.bloggeralanadi.com adresiniz aldıysanız blogunuzu www.bloggeralanadi.blogspot.com adresinden ziyaret etmek isteyen biri otomatikmen www.bloggeralanadi.com adresine yönlendirecek.Blogger alan adı satın almayla ilgili sorularınız olursa yorumlar kısmından sorabilirsiniz.

Alan adı satın aldıktan sonra bazı arkadaşlarda bağlantı çubuğunda www. yazmadan sitelerinin açılmadığını söyleyenler oldu.Yani örnek olarak http://blogokulu.org yazdığınızda site hata veriyor,http://www.blogokulu.org yazdığınızda site açılıyor.Bu sorunu çözmek için;
Ayarlar>Temel>Yayıncılık sekmesine geldiğinizde Düzenle Linkine tıklayın.
Linke tıkladıktan sonra aşağıdaki gibi bir pencere açılacak.Bu pemcerede işaretlediğim kutucuğu seçip kaydet butonuna bastığınızda sorun çözülecektir.