Blog’unuza bir menü ve arama kutusu ekleyin

Bundan önce 4 bölüm halinde Blogger şablonunu özelleştirmek  1   2   3   4 diye şablonumuzun kaynak kodları üzerinde yaptığımız değişikliklerle blog’uğunuzun tasarımını kendinize göre nasıl özelletirebileceğinizi görmüştük . Bu yazımızda ise sırasıyla blog’umuza bir menü eklemeyi ve arama kutusu yerleştirmeyi göreceğiz.

 menü

Blog tasarımınız her ne kadar görsel olarak sizin zevkinizi ve beğeninizi yansıtsa da  kullanım açısından ziyaretçilerinizin kolayca yolunu bulabilmesi ve yazılarınız arasında rahatça gezine bilmelerini yada yeni sayfa oluştur özelliğini kullanarak oluşturduğunuz sayfalara bağlantı oluşturmak için blog’unuza bir menü ekleyebilirsiniz.

 

Blog’unuza menü eklemek için sıfırdan kod yazmanıza da gerek yok bunun için hazır kodlardan da yararlanabilirsiniz.

 

Bu konuda hazırlanmış birçok örneği www.dynamicdrive.com/style/ adresinde bulabilirsiniz.

 

Blog’unuza menü ekleyin.

İlk kodumuz HTML kodu bu kodu blog’umuzun <body> ve </body> etiketleri içerisinde görünmesini istediğiniz bölüme yerleştirmemiz gerekiyor. İkinci kodumuz ise CSS kodu onu da hemen anlaşılacağı gibi blog’umuzun CSS kodları arasına yerleştireceğiz.

 

Bunu yapabilmek  için de sırası ile aşağıdaki adımları takip edin.

 

 20100210_121250_thumb2_thumb6_thumb2

Blogger  Kumanda Paneli ➜ Yerleşim ➜ HTML’yi Düzenle yolunu takip ederek blog’umuzun kodlarına doğrudan müdahale edilebileceğimiz modüle ulaşıyoruz.

 

Bilgisayarınızın klavyesinde bulunan Ctrl ve F tuşuna aynı anda bastıktan sonra  açılan arama formunda ]]></b:skin>  terimlerini aratın.

 

Daha sonra altta bulunan kodlarının tümünü kopyalayıp hemen üstüne gelecek şekilde yapıştırın.

 

CSS Kodu.

 

#navigation{ width:850px; background: #F9f9f9 url() repeat-x scroll 0 0; color: #333; float: left; height: 40px; padding:0px 0px 0px 0px; margin:5px 0; }
#navigation ul li{ display: block; float:left; height: 52px; margin-left: 0px; }
#navigation ul{ margin: 0px 0px 0px -40px; }
#navigation ul li a{ font: normal 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; background-color: transparent; color: #444; display: inline-block; font-size: 15px; height: 27px; padding: 10px 0 0; text-align: center; text-transform: capitalize; width: 118px; }
#navigation ul li a:hover,#navigation ul li.current_page_item a,#navigation ul li.current-cat a{ background: #7C691A; color: #fff; text-decoration: none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 0px solid #5C2D58; }
#navigation ul li.active a{ background: #68C4F4; color: #fff; text-decoration: none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 0px solid #5C2D58; }

 

 

CSS kodlarını şablonunuza eklediğinizde böyle görünecek.

Screenshot_7

 

HTML Kodu.

Menümün hemen blog başlığı altında yer alması için blog’uğunuzun kaynak kodları arasında <DIV id="content-wrapper"> etiketini bulun ve altta bulunan HTML kodlarını kopyalayıp bu etiketin hemen üstüne gelecek şekilde yapıştırın.

 

<DIV id="navigation">

<UL>

<LI class="home active"><A href="http://interaktifblog.blogspot.com/"> Ana Sayfa </A></LI>

<LI><A href="http://interaktifblog.blogspot.com/feeds/posts/default"> Yazılar RSS</A></LI>

<LI><A href="http://interaktifblog.blogspot.com/feeds/comments/default">Yorum RSS</A></LI>

<LI><A href="http://interaktifblog.blogspot.com/#">Sizin Linkiniz</A></LI>

</UL>

</DIV>

 

HTML kodlarınıda şablonunuza eklediğinizde böyle görünecek.

 

Screenshot_8

 

Kodu ekledikten sonra blog ziyaretçilerimizin ana sayfadan bağlantı oluşturduğunuz diğer sayfalara oradan da  tekrar ana sayfaya geri dönebilmeleri için linkleri düzenlemeniz gerekiyor.

 

Bunu da bir örnekle anlatacak olursam sanırım yeterince anlaşılacaktır.

 

<LI class="home active"><A href=http://interaktifblog.blogspot.com/> Ana Sayfa </A></LI>

 

Kırmızı ile renklendirilmiş kısma sayfamın adı olan Ana Sayfa yazıyorum ve Mavi ile renklendirdiğim kısmada sayfamın bağlantısını ekliyorum.

Sırası ile diğer linkleri ve gitmesini istediğiniz bağlantıları da bu şekilde oluşturabilirsiniz.

 

 

Blog’unuza bir arama kutusu ekleyin.

İçeriğimiz zenginleşip, yazılarımız çoğaldıkça  blog ziyaretçilerinizin aradıklarını daha kolay bir şekilde bulabilmelerini sağlayabilirsiniz.

 

search-boxBlogger’ın bir arama kutusu ekleyebileceğiniz gadget’ı bulunsa da çok fazla özelleştirme imkanı bulunmadığı için ben kendi arama formumu kullanmayı tercih ediyorum.

 

Bunu yapmak içinde sırası ile aşağıdaki adımları takip edebilirsiniz.

 

Bilgisayarınızın klavyesinde bulunan Ctrl ve F tuşuna aynı anda bastıktan sonra  açılan arama formunda ]]></b:skin>  terimlerini aratın.

CSS Kodu.

Daha sonra altta bulunan kodlarının tümünü kopyalayıp hemen üstüne gelecek şekilde yapıştırın.

 

#search-box {width:288px;height:100px;border-left:1px solid #e9e9e9;border-right: 1px solid#e9e9e9;float:right;margin:0;padding :0px;background: #f9f9f9;}

 

#s {height:20px;border:1px solid #F1F1F1;background:#FFF;width:216px;float:left;

padding-top:6px;padding-left:8px;margin: 5px 0 0 7px;}

 

#searchsubmit {float:left;margin-top:5px;padding:0;}

 

HTML Kodu.

Arama formumuzu kenar çubuğuna en üste eklemek için  blog’uğunuzun kaynak kodları arasında <DIV id="sidebar-wrapper"> etiketini bulun ve altta bulunan HTML kodlarını kopyalayıp bu etiketin hemen altına gelecek şekilde yapıştırın.

 

 

<DIV id="search-box">

<h2>Blog'ta Ara</H2>

<FORM action="http://bloggermodifiye.blogspot.com/search" method="get">

<INPUT class="searchtext" id="s" name="q" type="text" value="">

<INPUT alt="Search" id="searchsubmit" src="file:///C:/Documents%20and%20Settings/Aceer/Desktop/Test/Gon.png" type="image" value="">

</FORM>

</DIV>

<DIV class="clear"></DIV>

 

 

Yaptığımız tüm işlemlerin sonucuna da buradan bakabilirsiniz.

 

 

TayfunBir blog’un içeriği elbette blog’u ayakta tutacak olan asıl öğedir ancak her şey tasarımla başlar. Siteniz veya blog’unuz kullanıcıya kolaylık sağlamayan bir tasarıma sahipse içeriğiniz ne kadar zengin olursa olsun ziyaretçileriniz alternatif bloglar’a yöneleceklerdir.Tasarımlarda kullanabileceğiniz bir birleriyle uyumlu renk örneklerini görmek için Colorcombos sitesine bakabilirsiniz.

 

 

Blogger’da profesyonel adımlar

 

Blogger şablonunu özelleştirmek (Bölüm I )          Blogger şablonunu özelleştirmek (Bölüm II)

 

Blogger şablonunu özelleştirmek (Bölüm III )         Blogger şablonunu özelleştirmek (Bölüm IV)

 

Bloguğunuza menü ve arama kutusu ekleyin  Blogunuza slayt ve İletişim kutusu ekleyin

 

Blogger Gedgatlarını özelleştirin (Bölüm I )     Blogger Gedgatlarını özelleştirin (Bölüm II )

Paylaş !

43 yorum:

  1. DİV İD SİDE BAR KODUNU BULAMIYORUM HTML DE KARDEŞİM

    YanıtlaSil
  2. Ümit Widget şablonlarını genişlet yazan kutucuğu işaretle diyor birde öyle dene.

    Farzedelim ki bu işlemi yapmana rağmen olmadı o zamanda şunu deneyebilirsin CSS kodlarını yazıda olduğu gibi normal şekilde ekle HTML kodlarınıda kopyaladıktan sonra Tasarım bölümünde bulunan Sayfa öğelerine sekmesine gidip Gadget ekleye tıklayarak HTML/Javascrip olarak ekleyebilirsin.

    YanıtlaSil
  3. üstad bloğuma üst menü yaptım ve farlı kategoriler oluşturdum.Mesela XXX kategorisi oluşturdum ve XXX diye etiketlediğim yazılarımı göstermesini istedim ve şu şekilde düzenledim.

    <"li>xxx


    XXX diye etiketlenen yazıları gösteriyor fakat sayfanın başında "XXX etiketine sahip en yeni yayınlar gösteriliyor. Daha eski yayınları göster" yazısı çıkıyor bu yazının görünmemesi için nasıl bir yol vermek lazım yada yazdığım kodmu yanlış? Sayfada öyyle bir yazı hiçte hoş durmuyor doğrusu

    YanıtlaSil
  4. sefilcoban
    Blog'uğunun CSS kodları içerisine aşağıdaki kodları ekelersen yardım mesajlarını gizleyebilirsin..

    .status-msg-wrap {
    display:none;
    }

    YanıtlaSil
  5. Güzel oldu üstad teşekkür ederim...

    YanıtlaSil
  6. http://www.dynamicdrive.com/style/csslibrary/item/jquery_drop_line_tabs/
    burdaki adresdeki örnekte gösterilen menüyü kendi bloğumda yapamadım...düzgün olarak çalıştırabilmek için
    =>droplinetabs.css
    =>droplinemenu.js kodlarını ekleyin diyor bende bu kodlarını CSS kodları içine ]]> ifadesinin üstüne yapıştırdım. HTML kodlarını Gadget olarak ekledim bu şekilde Menü oluşturuluyor fakat sekmenin üstüne gelince alt klasorleri göstermiyor.
    Yukarıdaki sayfada verilen The CSS/ JavaScript kodlarını tam olarak nereye kopyalanacığını çözemedim, CSS olarak ekledim olmadı /head ifadesinin üstüne gelecek şekilde kopyaladım olmadı, Gatget olarak ekledim yine olmadı....
    Yan menü örneklerindeki benzer menüler oluyor ama üst menü bir türlü olmuyor.:)

    YanıtlaSil
  7. öncelikle o kodları düzenlemen gerekiyor yani javascrip dosyalarını bir yere yüklemen gerekiyor ,ayrıca css dosyasını ve resimleride yükleyip css ve javascrip dosyaları içinde yerlerini belirtmen gerekiyor .neyse bunları senin yerine ben yaptım . aşağıdaki linke tıkla menün çalışan hali ve css ve javacript dosyalarının adresleri bulunuyor kodların hepsini kopyala
    http://m.friendfeed media.com/7c37c5184671420f03fc4a47135acbc2fcde0099
    ve ]]> ifadesinin hemen altına yapıştır.
    Daha sonrada html kodlarını eklemen gerekiyor.
    Ama bunun yerini senin bulmam gerekli ,html kodları içerisinde ama önce şunu dene ,gaadget olarak ekle ve yazıların üstüne sürükle...

    YanıtlaSil
  8. Teşekkür ederim...
    Kendinin biraz kod bilgisi olmayınca tam istediğin gibi sonuç alınamıyor üstad.Menü oluşturuluyor oluşturulmasına ama sekmenin üstüne gelince açılan klasörler sayfanın orta yerinde çıkıyor tabii onada ulaşmak mümkün olmuyor.Uyumlu hazır kodları bekleyeceğiz artık :)
    Bloğunuzda modifiyeli hazır kodlarıda görmek dileğiyle...

    YanıtlaSil
  9. Bunun üsütnde çok çalıştım ama ön izlemede hiç bir fark oluşmuyor.

    YanıtlaSil
  10. benim bloğumda <DIV id="sidebar-wrapper" böyle bir kod yok ne yapmam lazım her türlü arattım :S
    http://goqo.blogspot.com

    YanıtlaSil
  11. gogo
    hemen aşağıda bulunan kodların altına bulunan kodların ekle ...

    sidebar section' id='sidebar-right-1'>

    sters tube neyi yapamadığını biraz açarsan yardımcı olmaya çalışalım..

    YanıtlaSil
  12. Tayfun..Ben arama kutusunu bloga sorunsuz şekilde ekledim ancak boyutları blogumla uyuşmadı.. Ne yapabiliriz ?

    YanıtlaSil
  13. eklediğin css kodlarındaki width yazan bölümün değerleriyle oyna...değeri azaltırsan kutu kısalır yükseltirsen uzar

    YanıtlaSil
  14. Etiketleri kullanarak yayınları kategorilere,yine bu kategorileri kendi içinde farklı kategorilere ayırdım be bunun için sekmeli üst navigation menü oluşturdum ama bu yeni menüde ÖR: mobil/oyunlar sekmesine tıkladığımda oyunlar etiketine sahip yayınlar gösterilmiyor.
    Aynı linki verdiğim yan menüde sorunsuz gösterilirken üst menüde yayınlar gösterilmiyor.

    Şu linkleri kullandım:
    http://sefilcoban.blogspot.com/search/label/%20Mobil%20Oyunlar?max-results=8/

    http://sefilcoban.blogspot.com/?q=mobil%20oyunlar&x=0&y=0#tr/search

    birinci link de hiçbir yayın gösterilmiyor ikincise ise alakasız yayınlar gösteriliyor.

    bunlar haricinde kullanabileceğim bir link önerebilirmisiniz.

    bu da kullandığım menünün kodları:
    https://sites.google.com/site/sefilcoban/Resources/YeniMetinBelgesi%282%29.txt?attredirects=0&d=1

    YanıtlaSil
  15. sefilcoban
    ilk linkte etiketi yanlış yazıyorsun .. şöyle

    bu doğru link http://sefilcoban.blogspot.com/search/label/%20Mobil%20Oyunlar?max-results=8/
    çünkü sen yazıları Mobil diye etiketlemişsin yani etiketin ilk harfi büyük ..

    fakat menüde kullandığın linkteyse http://sefilcoban.blogspot.com/?q=mobil%20oyunlar&x=0&y=0#tr/search
    etiketin ilk harflerinde küçük harf kullanmışsın mobil%20oyunlar

    etiketleme yaparken büyük küçük harfe duyarlı olduğunu unutma.

    bu linki menüdeki linkle değiştirirsen sorunsuz çalışacaktır.

    http://sefilcoban.blogspot.com/search/label/%20Mobil%20Oyunlar?max-results=8/

    son soruna gelecek olursak google sites kullanmadığım için bu konuda yardımcı olmıyorum...

    YanıtlaSil
  16. teşekkürler şimdi oldu
    üst menüdeki linklere etiketleri birebir kopyala yapıştır yaparak denemiştim ama kaydettiğimde büyük harfler küçük olarak kaydediliyormuş...tüm etiketleri küçük harf olarak tekrar yazdım ama uğraştığıma değdi.

    YanıtlaSil
  17. benim bloğumda < DIV id="content-wrapper"> böyle bir kod yok ne yapmam lazım! yardımcı olursanız sevinirim.. http://lezizyemekmenusu.blogspot.com/

    YanıtlaSil
  18. iyi günler tayfun bey sizin anlattıgınız sekilde navbarı kaldırmaya çalıştım bütün yöntemleri denememe ragmen sadece CSS li yöntemde kalkıyor ama bu seferde navbarın yerini çirkin bir boşluk alıyor oraya ana menü ve arama kutusu koymak istedim ama :

    < DIV id="content-wrapper">

    sidebar section' id='sidebar-right-1'>

    kodlarının her ikiside şablonumda bulunmuyor.widgetı genişleterekde denediğim halde kodlar yok.ne yapmalıyım bu durumda yardımcı olursanız sevinirim bide bloguma büyük boy ikonlu rss,twitter,facebook vs gibi paylaş gadgetı eklemek istiyorum ama o kadar aramama ragmen bulamadım nasıl ekleyebilecegimi yardımcı olursanız gerçekten çok iyi olur.şimdiden teşekkür ederim yardımlarınız için

    YanıtlaSil
  19. tayfun bey istediğim sosyal medya paylaşım iconlarını buldum ve indirdim ama bunu gadget olarak nasıl bloguma ekleyecegim?

    YanıtlaSil
    Yanıtlar
    1. yazıdada belirttim bu her şablonda farklı olabiliyor ve senin istediklerini yapmayı anlatmak iki sayfa yazı yazmak demek bunlar için HTML ve CSS bilgin olması gerekiyor bu kodlama dilleri hakkında hiç bilgin yoksa hazır bir şablon bulup onu kullanmak en mantıklısı.

      Sil
  20. Selamlar...super bilgiler ediniyorum tesekkurler basarılarınızın devamını dilerim.bende navbari kaldırdım malum soruuu Nail giris yorum olcek?
    Sizin sag ustteki giris bolumunden nasil eklerim onuda mı bu yöntemle ekliyebilirim?

    İlquer.com daki htlm kod ile değiştirdim....sorun olmaz sanırım giris i eklemek istiyorum yardım;)

    YanıtlaSil
    Yanıtlar
    1. Meerhaba ..
      navbarı kaldırdıktan sonra blogger'ın kumanda paneline girmek için bir çok yöntem bulunuyor en kolayı http://blogger.com/home buradan sayfaya giriş yaptıktan sonra bu sayfayı internet tarayıcınızın yer imlerine ekleyebilirsiniz.

      yukarıda ki menuyü kendi blog'unuza eklemeniz aslında zor bir işlem değil ama her şablonunun kodları farklı olduğu için kodların yerlerini kendi şablonunuz da bulmanız gerekiyor.

      Sil
  21. Cok sagol tayfun home dan giris yapıyorum zaten tum yazılarını keyif ve merak icinde okuyorum.ben ana saya giris ve benzer konular siniflandirip sade bir menü eklemek istiyorum.html den kodları bulup bunu denicem.bu yöntemle bir cok degisiklik yaptım.kendi çapımda öğreniyorum iste:)

    Asil sorum:blogun ana sayfasına bir foto koyup bu fotoya link vermek.blogerin kendi ayarlarında bunu buldum(ama tek link ekleniyor),benzer konularında alt alta sıraladım.ama tam istediğim bu degildi.atıyorum Ferrayi resmi koydum.bu resme tikladigimizda;sayfa sayfa sırasıyla,F458,f430,F599 gelsin istiyorum.

    Bu işlemi menuyede yapmayı öğrenmek istiyorum.ferrari başlığına tıkla hepsi sıra sıra gelsin.

    Basını şisirdim ama öğrenmek istiyorum.bloguma bakarsan amayor

    YanıtlaSil
  22. Bloğumuza bakarsan amatör cabamı görürsün;)sevgiler;)

    YanıtlaSil
    Yanıtlar
    1. Yapmak istediklerinin bir çok yöntemi var menüyle başlayalım.
      diyelim ki header kısmına eklediğin resmin tam altına bir menü eklemek ve bu menüde kategorilerine yer vermek istiyorsun.
      kategori hakkında bir fikrin varmı bilmiyorum o yüzden önce oradan başla burada ki yazıda yazılarını yani içeriğini nasıl farklı kategorilere böleceğini görebilirsin.

      daha sonra bu kategorileri sayfalar menüsüne nasıl ekleyebileceğine de burada ki yazıda bakabilirsin.

      son olarak resimli kategoriler içinde burada ki bakarsın.

      konuların anlatımları gayet ayrıntılı ama takıldığın bir yer olursa o zaten her konun altında yorum formu var oradan sorarsın.

      Sil
    2. Ayrıca şablonun genişliği çok fazla senin ekranında düzgün görünüyor olabilir ama netbook veya daha küçük ekranlı pclerde şablonun güzel görünmez.

      Şablon tasarlamak hakkında bir fikrin yoksa btemplates sitesinden içeriğine ve zevkine uygun bir şablon bulup bunu kendi blogun da kullanabilirsin.

      şablonunu nasıl değiştireceiğini bilmiyorsan burada ki yazıya bakabilirsin.

      Sil
    3. Tayfun cok sagol cok incesin...pc format bekliyor düzelsin hemen dediklerine bakıcam.ve dediğin gibi takılırsam yazicam..

      iPad de yazılar minicik çıkıyor dediğin doğru.farkindayim normal ekrandA saga kaymak zorunda kalıyorum;)sablon geniş kucultunce header olarak seçtiğim resim sığmadı resim aynı kalacak sekilde sablonu nasil daralticam şaşırdım;)boyutuylada oynadım kestim biçtim olmadı....

      Dümdüz beyaz bir sayfa istiyorum ben bloger şablonlarında yazı yazılan yer minik kenar boşlukları cok die genişlettim ama olmadı ;)

      Önerilerini bekliyorum cok cok sagol ...bu arada basarılar ve masallah ;)

      Sil
  23. Blogger --tasarıma girdiğin zaman şablon tasarımcısına tıkla ve orada bulunan şablon seçeneklerinde basit yazana tıkladığında bu şablonun altında farklı renk alternatifleri açılacaktır.

    Adı simple olan bu şablonlardan 7. si tam senin istediğin gibi bir şablon sade ve beyaz ayrıca bu şablonun genişliği 960px yani günümüz standartlarında hemen hemen tüm ekranlara uygun.

    Header olarak kullanmak istediğin görselide basit bir resim düzenleme programıyla açıp genişliğini 960px olarak ayarlarsan sanırım tam uyacaktır ayrıca blog'un adınıda bu görselin üzerine yazarsan daha hoş görünecektir.

    Dediğim şekilde görseli hazırlayıp yüklediğinde orada bulunan seçenekelerde blog başlığının yerine ve sığacak şekilde küçült işaretli olsun bu sayede blog başlığınla görsel üst üste binmez.

    Ayrıca görseli gadget olarak ekleme gadget eklediğin bölümde üst bilgi diye bir bölüm var oradan ekle.

    Bu resim header için bir fikir verebilir ayrıca burada ki görsele bakıp headerı nasıl değiştirebileceğine bakabilir burada ki görsele bakıpta şablonu nasıl seçebileceğini görebilirsin.

    YanıtlaSil
    Yanıtlar
    1. Cok sagol tayfun Süpersin ....ilk olarak sablonla headir i halledeyim...takılırsam donerim sorarım.ne mutlu bilgilerini paylaşıyorsun sayende öğreniyoruz.pc düzelsin hemen başlıyorum;)kolay gelsin sevgiler:)

      Sil
    2. Tayfun selam gene yorucam seni:)gösterdiğin yolları izleyerek bir kac degisiklik yaptım bir bak yorumlarını bekliyorum:)verdigin linkten icerigi kategorilere ayırma etkilemeyi yaptım Cumartesi.yeni bloger panelinde sagdan etiketlemeye başladım.sadece 3-4 sayfalık kayıtları etiketledim daha sonra devam edip diğer aşamaya gecicektim.bos vakitte pcden post yapıp pad den yayınlıyorum pc de yaptıgım kayıtlar pad de düzenle önizleme olarak gotunuyor.hazirladigim postlar gitmiş.pc den girdim gene yok.dun bir post yaptım pcden yayınladım.bugun düzenlemeye önizlemeye bastım gene yok.uzattim ama ne yaptığımı bil diye:)ne oldu şimdi ?sevgiler

      Sil
    3. Merhaba .. Kategori için tek tek yazılarını etiketlemene gerek yok burada ki anlatıma bakıp yazılarını daha hızlı kategorilere ayırabilirsin.

      Şablon ve header değişmiş şablon'un ebatları ve sadeliği de güzel olmuş ama header bence çok büyük blog'a girildiğinde direk yazıların çıkarsa daha iyi olacaktır ayrıca header için illaki resim kullanmak zorunda da değilsin güzel bir fontla yazacağın blog başlığında çok güzel duracaktır üstelik kullandığın temanın bir çok font seçeneği bulunuyor şablon tasarımcısında bir göz at istersen.

      Teman sade olduğu için yazı başlıkklarının altında ve kenar çubuğunda bulunan gadgetların altında border veya arka plan kullanırsan biraz daha belirleyici olacaktır hemde duranlığı ortadan kaldırmış olursun.

      Yazı yazamama problemine gelecek olursak sanırım şuan blogger yeni arayüzünde bazı sorunlar bulunuyor yazını birde eski ara yüzde yazmayı dene, hatta windows live writer kullanabilirsin, kayıtların bir yedeğini bilgisayarında sakladığı için yazıların kaybolma derdide ortadan kalkar üstelik yazılarında bol bol görsel kullanmayı sevdiğin için görseller üzerinde düzenleme yapabilir ve fligran ekleyebilirsin.

      yukarıda sıraladıklarımdan etiketleri kendin halledersen daha sonra tema seçmende yardımcı olabilirim.

      Sil
    4. Ay cok tesekkurler bilgiler icin...valla resim olsun istedim kestim kirptim cidden buyuk:)))bende deli gibi etiketliyorum tek tek bide diyorum ki"layn bunun bı kolayı vardır":)))

      Yani bı gariplik oldugu belli kaydediyorum kaybolmuş.pc de duruyordu iPad de görünmedi...bunuda dikkate alıcam

      Tamam tayfun cok sevinirim.etiketi bu hafta sonu hallederim...hani sade olsun dedim sıkıcı oldu galiba...ben halledince buraya yazarım...

      Cok incesin yardımların icin cok tesekkurler...sevgiler:)

      Sil
    5. rica ederim ...bence de sade olması en iyisi ama bir menu eklendimi ufak bir kaç değişiklikle göze daha hoş gelebilir...

      tabiki herşeyden önemlisi senin beğenilerin, blog'un senin zevkine hitap ediyorsa gerisi bence çokta önemli değil ...

      Sil
    6. Kesinlikle bir degisiklik lazım katılıyorum...bu arada herkese senden sitenizden ve yardımlarından bahsediyorum:)sevgiler..tekrar sonsuz tesekkurler

      Sil
    7. bende teşekkür ederim :) çok naziksin.

      Sil
  24. arama sonuçlarını sınırlanma yapılabilirmi?

    YanıtlaSil
  25. yapamıyorum ama yarışma var daha açık olsaydı keşke...

    YanıtlaSil
  26. Tayfun öncelikle çok teşekkürler, harika bir paylaşım yapmışsın sayende çok kolay bir şekilde menüyü ekledim bloguma ve boyutlarını da ayarladım ancak sana sormak istediğim birşey var ;) Kutucukların renklerini değiştirmek istiyorum bununla ilgili bir tavsiyen olabilir mi? kodun bazı yerleriyle oynadım ama sonuç alamadım yardımcı olabilrisen çok sevinirim ;)

    YanıtlaSil
    Yanıtlar
    1. merhaba irem ..
      eklediğin CSS kodlarında bu kod background: #F9f9f9; menünün araka planını belirler, yine css kodları içinde ki bu background: #7C691A; kodda linklerin(kutucukların) arka plan rengini belirler.

      aşağıdaki linktede css ile neler yapabileceğini oradaki kodların ne anlama geldiğini ve arakaplan renklerini değiştirebileceğin 16lık HTML kodlarını görebilirsin.

      http://www.bloggermodifiye.com/2011/02/blogger-ve-temel-css-egitimi.html

      Sil
    2. çok teşekkürler, harikasın ;)

      Sil
  27. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  28. ben yaptım ama ararken hıc bı yayın bulunmadı dıyor nasıl yapıcaz

    YanıtlaSil

Lütfen yazıyla ilgisiz yorum yapmayın sormak istediğiniz bir soru varsa sağda bulunan kotegorilerden sorunuza en uygun olan kategoriye tıklayıp, açılan sonuçlardan birisine yorum yapabilirsiniz, ayrıca sadece link bırakmak için yapılan spam yorumlar yayınlanmaz