Yazıları Çerçeve İçine Almak

Bugüne kadar kullandığım ve tasarladığım temalarda yazı alanını hep bir çerçeve içine almayı tercih etmişimdir.Yazılarım genelde uzun, görselerle destekli ve kod içeren yazılar olduğu için Resimli Devamını Oku eklentisi kullanarak ana sayfada yazının küçük bir bölümünü gösteriyorum ve bu bölümleri çerçeve içine alarak birbirinden ayırıyorum.

 

İletişim formundan bunun nasıl yapıldığını soran çok mesaj aldım.Bu yazıda yazılarınızı nasıl çerçeve içerisine alacağınızı ve bu çerçevelere nasıl stil vereceğinizi anlatacağım.

 

1. Klasik ve basit bir çerçeve ile başlayalım

 

Blogger Yazıları Çerçeve İçine Alma

İlk örnek en basit çerçeve örneği olsun.Resimde gördüğünüz gibi yazılarınızı 1 pixel kalınlığında siyah bir çerçeve içine almak için ]]></b:skin> kodundan önce şu kodu ekleyin:

 

.post { border:1px solid #000; padding:8px }

 

2. Çerçevenin kalınlığını ve rengini değiştirelim

 

Blogger Yazıları Çerçeve İçine Alma

İkinci örnekte çerçevinin kalınlığını 3 pixele çıkaralım ve rengini kırmızı yapalım.Bunun için kodları şu şekilde değiştiriyoruz:

 

.post { border:3px solid #ef1010; padding:8px }

 

3. Çerçeve şeklini noktalı yapalım

 

Blogger Yazıları Çerçeve İçine Alma

Üçüncü ve dördüncü örnekte çerçevenin şeklinde yapabileceğiniz değişiklikleri göstermek istiyorum.Öncelikle noktalı çerçeve yapalım.Örneğin çerçevemiz 2 pixel kalınlığında, siyah renkte ve noktalı olsun.Bunun için eklememiz gereken kod şu:

 

.post { border:2px dotted #000; padding:8px }

 

4. Çerçeve şeklini çizgili yapalım

 

Blogger Yazı Alanına Çerçeve Ekleme

Çerçevemizin şeklini noktalı yapmanın dışında bir başka sık kullanılan yöntem de çizgili yapmaktır.Bunun için de kırmızı renkli, 1 pixel kalınlığında ve çizgili bir çerçreve örneği verelim.Eklememiz gereken kod şu:

 

.post { border:1px dashed #ef1010; padding:8px }

 

5. Oval köşeli çerçeve yapalım

 

Blogger Yazıları Çerçeve İçine Alma

Bu ve bundan sonra göstereceğim örnekte kullanacağımız yöntem CSS3 olduğu için Internet Explorer gibi çağ dışı tarayıcılarda çalışmaz.Bu örnekte yazımızı 1 pixel kalınlığında, siyah renkli ve 10 pixel yarıçapında oval köşeli bir çerçeve içine alacağız.Eklememiz gereken kod şu:

 

.post { border:1px solid #000; padding:8px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }

 

6. Oval köşeli noktalı çerçeve yapalım

 

Blogger Yazıları Çerçeve İçine Almak

Son olarak oval köşeli çerçevinin şeklini noktalı , kalınlığını 2 pixel ve yarıçapını 20 pixel yapıp bir çerçeve oluşturarak yazıyı bitirelim.Ekleyeceğimiz kod şu:

 

.post { border:2px dotted #000; padding:8px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px; }

 

Son Söz

Olayın mantığını anlamanız için bu kadar örneğin yeterli olduğunu sanıyorum.Bundan sonra kendiniz de çeşitli kombinasyonlar oluşturarak farklı çerçeveler kodlayabilirsiniz.Sormak istediğiniz bir şey olursa yorum yazarak sorabilirsiniz.Bu arada yazıyı oluşturmak için epey zaman harcadım.Faydalı bir yazı olduğunu düşünüyorsanız aşağıdaki paylaşım butonlrını kullanarak yazıyı paylaşın lütfen.

135 yorum:

  1. teşekkür ederim hocam. çok faydalı bir bilgi. hemen blogumda uygulayacağım. kolay gelsin.

    YanıtlaSil
  2. evet hocam ilk sorum çerçeveler alt alta birbirine bitişik çıktı. aralarına bir iki santim boşluk bırakmak için ne yapmalıyım.
    ispanyolcadefteri.blog... buradan bakabilirsiniz hocam.

    YanıtlaSil
  3. @Estudiante
    Parantezi kapatmadan önce şu kodlarıda ekleyin

    ;margin:0 0 20px 0;

    YanıtlaSil
  4. teşekkür ederim hocam. sayenizde o sorunda çözüldü :)

    YanıtlaSil
  5. Yine yararlı ve bloglarımızı geliştiren bir paylaşım. Peki sağ taraftaki widgetlarda da çerçeve olsun istiyorum, bunu nasıl yapabiliriz?

    Çok teşekkürler hocam.

    YanıtlaSil
  6. @Fırat Yalçın
    Şu kodu kullanarak yapabilirsin:

    .sidebar .widget { }

    parantez içine çerçevenin stil kodlarını yaz.

    YanıtlaSil
  7. Hocam şu şekilde ]]> 'in üzerine yapıştırdım fakat olmadı, sağ taraftaki widgetlar için nereyi kullanıyorduk?


    .sidebar .widget {.post { border:1px solid #000; padding:8px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
    }

    YanıtlaSil
  8. Şu şekilde yapmalısın:

    .sidebar .widget { border:1px solid #000; padding:5px }

    YanıtlaSil
  9. Doğruya, pardon hocam ya uğraştırdım sizi de :) Dalgınlık.. Tekrardan çok teşekkürler hocam. Bunun sayesinde blog toparlandı vallahi.

    YanıtlaSil
  10. Bir an resimlerden bir şey çıkaramadım fakat geçde olsa anladım çok saolun

    YanıtlaSil
  11. hocam yine harikasınız ben de yaptım...

    YanıtlaSil
  12. hocam benim gibi acemiler için sağdaki widgetları cerceve içine almayı açar mısınız fırat yalcına yazmışsınız ama o terimleri anlıyor sanırım.yapmış.ben neyle neyi değiştirmeliyim onu anlayamadım da:)

    YanıtlaSil
  13. @annelikokulum
    Tabi kısaca anlatayım.Şablonunuzda ]]></b:skin> kodunun üstüne şu kodu ekleyin:

    .sidebar .widget { border:1px solid #000; padding:5px }

    Çerçeve rengini değiştirmek için #000 yerine başka bir renk kodu yazabilirsiniz.

    YanıtlaSil
  14. cansın hocam yapıyorum hemen.

    YanıtlaSil
  15. Çok teşekkürler hocam.Bu arada yeni yorum sistemiyle gelen yanıtla özelliği nedeniyle yorum panelini değiştirmek çok zor.Ona da bir el atarsanız çok iyi olur :)

    YanıtlaSil
  16. elinize sağlık güzel paylaşım olmuş

    YanıtlaSil
  17. Hocam merhaba.
    http://d1206.hizliresim.com/y/q/8hfr0.jpg
    Burdaki manşeti nasıl bu tür çerçeve içine alabiliriz ?
    yardımcı olursan sevinirim.

    YanıtlaSil
  18. hocam teşekkürler
    bir konuda yardımcı olurmusunuz
    bloggerde şeffaf(transparan) yazı nasıl yazılır yada hangi kod içerisine alırsak yayınlarımızın içerisinde görünmeyen yazı yazabiliriz?

    YanıtlaSil
  19. @sevilay
    Görünmeyen yazı diye bir şey yok ki.

    YanıtlaSil
  20. İlginçmiş... işe yarayabilir bende kodu yazayım dedim.
    denedim çalışıyor ama sorun çıkarsa bildirirseniz yardımcı olmaya çalışırım

    http://webseyyahi.blogspot.com/2012/06/blogger-de-transparent-seffaf-yaz.html

    Not: hocam burada okuyunca baktım internette böyle bir şey yok bir yayın yazdım . burayada direk html yazmaya izin vermediği için link verdim ama sorun olursa yorumdaki link kısmını silebilirsiniz.

    takip ettiğim başarılı bir blogunuz var, faydalı paylaşımlarınız için teşekkürler

    YanıtlaSil
  21. Hocam küçük bir png resmini tekrar ettirerek desenli çerçeveleri nasıl oluşturabiliriz. Bir de sizden ricam yorumlarda verdiğiniz önemli bilgilerle konuyu güncellerseniz daha güzel olur diye düşünüyorum.

    YanıtlaSil
  22. Hangi koddan önce ekliycez kodları ??

    YanıtlaSil
  23. @Bora
    Yazıyı dikkatli okursanız nereye eklenmesi gerektiğini belirtmiştim.

    YanıtlaSil
  24. Bu resimde oval çerçeve kodundaki ölçülerin ne manaya geldiği anlatılmış. Kodlardaki ölçülerle oynayarak kendi stilinizi oluşturabilirsiniz.

    http://news.css3.info/wp-content/uploads/border-radius-diagram-12.png

    YanıtlaSil
  25. Hocam ekledim fakat çerçeve çıkmadı.İsmimden bloguma bakabilirsiniz.

    YanıtlaSil
  26. Yazılarımı kendi yazısıymış gibi kaynak göstermeden izinsiz kullananlar bir de utanmadan benden yardım istemesinler.Ayıp oluyor...

    YanıtlaSil
  27. Öncelik verdiğiniz bilgiler için çok sağolun benm sorum şu yazı alanı ve widgetleri çerçevelediğimizde ana arka plan renginin bu çerçevelerin içine girmemesini nasıl sağlayabiliriz teşekkürler...

    YanıtlaSil
  28. Hocam çok sağolasın ne zamandır bunu arıyordum.

    YanıtlaSil
  29. Kodu uyguladım söylediğiniz gibi ama sayfanın üst kısmında kodlar göründü.birkaç denememde ve başka widget eklemelerimde de aynı şekilde oldu.Acaba nerde hata yapıyor olabilirim?

    YanıtlaSil
  30. @Şükriye Karahan
    Muhtemelen kodu yanlış yere eklemişsiniz.]]></b:skin> kodundan önce eklemelisiniz.

    YanıtlaSil
  31. Hocam benim sorum şu bütün sayfayı almak için hangi kodları kullanıyoruz....?? Sizin sayfanızdaki gibi

    YanıtlaSil
  32. Peki hocam arkaplana nasıl resim ekleyeceğiz?

    YanıtlaSil
  33. @Snowmann
    background url (http://...) şeklinde

    YanıtlaSil
  34. Merhaba arkadaşlar;
    Serdar Hocamız güzel bir yazı hazırlamış.Eminim 2 saatten fazla emek vermiştir.Kendisini kutlarım böyle bir yazıya şapka çıkarmak lazım.Tüm yorumları okudum.Alıntı yapan arkadaş için Serdar beyin yazdığı cümleden sonra acaba oradaki küçük resimleri büyütüp de baktımı ? Tek bir yazı yazsa o arkadaşın site hayatı bitebilirdi.Bu arada diğer arkadaşlara hatırlatma olsun.Yazılar özgün olduğu sürece güzelliğini devam ettiriyor.Diğer türlü kendimizi aldatmadan ileri gidemiyor.İnanın.
    Hocam tekrar ellerine sağlık.
    Bu çerçeveyi kod kullanırkende kullanabiliyoruz herhalde.Yayından sonra kod bozulurmu?
    Görüşmek üzere.Saygılar..

    YanıtlaSil
  35. @Adnan Güney
    Yorumunuz için teşekkür ederim ama sorunuzu anlamadım.Yazıların içinde kod paylaşırken kullanmaktan mı bahsediyorsunuz?

    Eğer sorunuz oysa şöyle cevap vereyim.Önce .kod {} şeklinde bir sınıf oluşturup parantez içerisine çerçevenin stil kodlarını yazın.Yazıda kod paylaşacağınız zaman da yazının HTML bölümünü açıp şunu yazın: <div class="kod"> kodlar </div>

    YanıtlaSil
  36. Teşekkür ederim Serdar Bey ;
    Saat geç oldu yarın bu konuyu deneyeceğim.Sonuca göre tekrar görüşmek üzere.Kolay gelsin.

    YanıtlaSil
    Yanıtlar
    1. Adnan bəy Salam ben sizlə nasil konusa bilirim bir facebook adınız varmı? ??

      Sil
  37. Olmadı Serdar Bey. Ben yanlış anlattım herhalde.
    Konu şu : İçerik yazdık ve yazı içinde çerçeve içene alarak bir kod parçası yayınlamak istediğimizde içerik yayınladığımızda kod bozulmadan Görülme şekli.
    Örnek siz herhangi bir kodu portakal rengi çerçeveye aldığınızda içeriği yayınladığınız zaman kod bozulmadan görülmesi konusu.PHP forum sitelerinde yapılan kod koyma kayar kutular gibi.

    YanıtlaSil
  38. Ben de aynı şeyi anlatmaya çalışmıştım.Şu yazı daha açıklayıcı olur sanırım.

    http://bloghocam.blogspot.com/2011/05/blog-yazlarnda-kod-gostermek-icin-kod.html

    YanıtlaSil
  39. çok teşekkür ederim bloğuma uyguladım çok güzel gözüküyo

    YanıtlaSil
  40. hocam sitem için yeni bir şablon edindim. Btemplates ten test sitemde onun üzerinde çalışıyorum. Sizin verdiğiniz oval kodu kullandım. Gayet başarılı durdu. Sorum şu testte düzelttiğim temayı kendi siteme uygulasam sorun olurmu ? teşekürler

    YanıtlaSil
  41. @şevket koray
    Elbette olur.Düzenlediğiniz temayı kaydedip bilgisayarınıza indirin, daha sonra kullanmak istediğiniz bloga yükleyin.

    YanıtlaSil
  42. teşekkür ederim. Denemeye devam. Ayrıca sizin sitenizi kendi siteme listelere ekledim. Yazılarınızı oradan takip ediyorum. Herhangi bir sakıncası yoktur umarım.

    YanıtlaSil
  43. Ayrıca hocam ben hiç bir değişiklik yapamıyorum artık. Dediğiniz gibi yaptım ama olmadı. Neden acaba?

    YanıtlaSil
  44. kolay gelsin tam bu konu ile alakalı değil ama, yazdığım yazılardan ilk 3 ü arasında bayağı mesafe açıldı, acaba önceden otomatik kısa kesme eklemiştim o yüzden mi. ama neden ilk 3 yazım için geçerli.
    Kodlamalarda boşluk mu bıraktım acaba. yardımcı olabilir misiniz

    YanıtlaSil
  45. göz atmak isterseniz yenibirsoyadimoldu.blogspot.com
    ana sayfamdaki ilk 3 yazıda oluyor. menülere girip mesela gezi ile ilgili olan yazıları döksem de yine ilk 3 ü arasında muazzam bir açıklık oluyor.

    YanıtlaSil
  46. serdar hocam merhaba paylaşımlarınızdan faydalanıyorum teşekkür ederim kendi adıma ..soruma gelince yayınları çerçeve içine aldım gayette hoş oldu ama ben yan sütundaki örneğin hakkımda yazısını ,son yorumları, yani yan sütunda olan konularıda çerçeve içine almak sitiyorum sizin sayfa öyle ..nasıl yapabilirim bu yazınızdaki paylaşım yalnızca yayınları alıyor ben yan sütundakileride almak istiyorum yardımcı olursanız sevinirim

    http://hazanmevsimi58.blogspot.com/

    YanıtlaSil
  47. @EYLÜL
    Tabi kısaca anlatayım. Şablonunuzda ]]> kodunun üstüne şu kodu ekleyin:

    .sidebar .widget { border:1px solid #000; padding:5px }

    Çerçeve rengini değiştirmek için #000 yerine başka bir renk kodu yazabilirsiniz.

    YanıtlaSil
  48. hocam sidebar .widgwet yazısınıdamı ,yoksa sadece parantezlerin içimi

    YanıtlaSil
  49. ]]> bu koddan 3 tane var hocam hangisinin üstüne eliycem

    YanıtlaSil
  50. ]]></b:skin> kodunu bulun ve bunun üstüne şu kodu olduğu gibi ekleyin:

    .sidebar .widget { border:1px solid #000; padding:5px }

    YanıtlaSil
  51. tamamdır hocam hallettim ,yalnız benim bir sorunum daha var size daha öncede bahsetmiştim haladevam ediyor bloguma ne linkwithin ekleyebiliyorum nede sizin yazılarınızdaki şablon eklentisi çalışıyor ne yaptıysam benzer yazılar olmuyor neden acaba

    YanıtlaSil
  52. ben bunu becerip beceremeyeceğimi bilemiyorum; yani blogdaki yazıları çerçeve içine alma işini. deniycem. fakat ben yapabilsem de yapamasam da; buna dair bilgi bulmak çok hoşuma gitti; çok istediğim bir şekil bu. yapamazsam o benim beceriksizliğim olur. =) konu için içtenlikle teşekkür ederim, elinize sağlık.

    YanıtlaSil

  53. hocam kenardaki konuları çerçeve içine alma kodunu vermiştiniz ,ama ben köşeli değill ovalimsi olmasını istiyorum bu koda ne ilave etmem lazım veya kod verirmisiniz....

    .sidebar .widget { border:1px solid #000; padding:5px }

    YanıtlaSil
  54. YUKARDA SORDUĞUM SORUYU UĞRAŞARAK HALLETİM HOCAM...

    YanıtlaSil
  55. serdar bey yukardaki çizgi olayını çift çizgi şeklinde nasıl yaparız ..ben kodları 2 kes tekralattım ama olmadı

    YanıtlaSil
  56. @EYLÜL
    Kodlarda solid ya da dotted yazan yere double yazarsanız çerçeve çift çizgi ile çekilir.

    YanıtlaSil
  57. malesef olmadı serdar bey solid kodunu kaldırıp denedim olmadı solidin sağına soluna denedim olmadı

    YanıtlaSil
  58. Şu kodu kullanabilirsiniz:
    .post { border-style:double;border-color:#000; padding:8px }

    YanıtlaSil
  59. .post { border:1px solid #ADADAD; padding:8px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }

    bendeki kod bu verdiğiniz kodu tam olarak neresine eklemeliyim

    YanıtlaSil
  60. O kodu tamamen silip, onun yerine bunu ekleyin:

    .post { border-style:double;border-color:#ADADAD;padding:8px }

    YanıtlaSil
  61. hocam oldu ancak köşeli oldu ve arası çok yağışık oldu bloguma bakarmısınız lütfen http://hazanmevsimi58.blogspot.com/

    YanıtlaSil
  62. Köşeleri oval istiyorsanız o yapılabilir ancak çift çizginin arası sabit, değişmez. Oval köşe için kod:
    .post { border-style:double;border-color:#ADADAD;padding:8px;border-radius:10px; }

    YanıtlaSil
  63. çok teşekkür ederim istediğim gibi oldu..sayenizde birçok işlevi kullanbiliyorum.son bir isteğim var sizde burayamı yazamlıyım bilmiyorum ama ben menüleri ve kateğorilerimi imleç üzerine gelince renk değişen oval buton olmasını istiyorum ama bulamadım nasıl yapabileceğimi

    YanıtlaSil
  64. Benim sayfanın en üstündeki gibi bir şey istiyorsunuz sanırım. Onu başka bir yazıda anlatırım.

    YanıtlaSil
  65. evet ama oval ve altında çizgi olmuycak :( günlerdir bunu araştırıyorum ve yoruldum aramaktan rica etsem şimdi bilgi veremezmisiniz :(

    YanıtlaSil
  66. çok teşekkür ederim sonunda buldum bunu artık benim için geriye çok az şey kalıyor sayenizde :)

    YanıtlaSil
  67. Serdar bey merhaba,
    benim blogumda yayınlarımın arka fonu ile normal arka fon rengim farklı... bu yüzden oval çerçeve koyduğumda köşelerde sorun yaşıyorum.
    http://tinypic.com/view.php?pic=inbn8l&s=6
    bunu nasıl düzeltirim?
    çok teşekkürler....

    YanıtlaSil
  68. @Senem Cakiroglu
    Blogger'ın kendi şablonlarından birini kullanıyorsanız rengi şablon tasarımcısından değiştirebilirsiniz. İsterseniz blog adresini yazın bir bakayım.

    YanıtlaSil
  69. @Serdar bey,
    rengi aynı renk yapınca halloluyor sayılır zaten, farklı renk olmasını istiyordum ben...
    bloggerın kendi simple şablonlarından biriyle başladım bloguma. sayenizde de şekle şemale sokmaya çalışıyorum:)
    tabii ki de adresi vereyim.
    http://senemie.blogspot.com/

    YanıtlaSil
  70. Siz şablon tasarımcısından aynı renk yapın, daha sonra çerçeve kodlarına küçük bir ekleme yaparak farklı renge dönüştüreceksiniz.

    YanıtlaSil
  71. yaptım ama bir de şöyle bir sorunum var, yayın arka planı, alt bilgi arka planı ve dış arka planım aynı renk olmasına rağmen ton farklı oluyor..
    çok sağolun bu arada Serdar bey :)

    YanıtlaSil
  72. işte bu benim aradığım konu..ama ben tüm yazılara değilde sadece belirli bir bölümde bu çerçeveyi kullanmak istiyorum..bunu nasıl yapabilirim?

    YanıtlaSil
  73. hocam güzel paylaşım ...acaba yorum kutusu nasıl alırız çerçeve içine böylemi
    .comment form{ border:1px solid #000; padding:8px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }

    YanıtlaSil
  74. peki bu kodun çalışmama nedenleri ne olabilir? bir türlü yapamadım.

    YanıtlaSil
  75. hocam çerçeve içindeki yazının arka plan rengini nasıl değiştirebilirm, ana arka plan ile çerçeve içindeki yazının arka plan rengi farklı olsun istiyorum da.

    YanıtlaSil
  76. Serdar Ağabey merhabalar. Ben hem yazılarımı hem de sidebar kısmına eklemek istedim. Yazılar oldu ancak sidebar kısmı olmadı. Verdiğiniz Siberbar kodlarını da ekledim dediğiniz yere olmadı. Neyden olabilir?

    Site: myhile.blogspot.com

    YanıtlaSil
  77. Serdar bey mrb benim sorunum şu hazır bir şablon kullanıyorum ve şablon üzerinde çoğu şeyleri kodlarla değiştirdim,şimdi bır konu yazdığımda konu içinde çerçeve içinde kod yazıyorum ama ön izleme yaptıgımda kod gözükmüyor bide konuları çerceve içine almak istıyorum sızın yukarda verdiğiniz kodlardan bırını sectım olmadı nedenı nedır acaba yardımcı olabilirmısınız?

    YanıtlaSil
  78. Hocam sizin sementit temanızdaki gadget çerçeveleri yerine http://k1309.hizliresim.com/1f/m/surbm.png böyle bir çerçeveyi nasıl koyabilirim.

    teşekkürler

    YanıtlaSil
  79. peki hocam sağ sütundaki widgetleri nasıl çerçeve içine alabiliriz ?

    YanıtlaSil
  80. @Emre Demirer
    ]]> kodunu bulun ve bunun üstüne şu kodu olduğu gibi ekleyin:

    .sidebar .widget { border:1px solid #000; padding:5px }

    YanıtlaSil
  81. Serdar Hocam ben sadece , konu açtığımda koyduğum resimlerin çerçeve içine nasıl alıcam ?

    YanıtlaSil
  82. Stil kodlarına şunu ekleyerek:

    .post-body img {
    border:1px solid #000
    }

    YanıtlaSil
  83. Hocam ben 5. kodu kopyaladım ama olmadı

    YanıtlaSil
  84. @Cemrenur Özkal
    Internet Explorer'da çalışmaz bu kodlar.

    YanıtlaSil
  85. Yok hocam Google Chrome kullanarak yaptım 5.kodu söylediğiniz kodun üstüne yapıştırdım olmuyor

    YanıtlaSil
  86. Acaba kodu doğru yere eklediğinizden emin misiniz? Eer eminseniz bir de şunu eklemeyi deneyin:

    .post-body { border:1px solid #000; padding:8px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }

    YanıtlaSil
  87. hocam denedim buda olmuyor ne yapabilirim başka?

    YanıtlaSil
  88. İkisinden birinin nmutlaka çalışması gerekir. Acaba tarayıcı olarak explorer mı kullanıyorsunuz?

    YanıtlaSil
  89. Teşekkürler çok faydalı bir yazı olmuş..

    YanıtlaSil
  90. Öncelikle merhabalar kodları uyguladım çok ta güzel oldu teşekkür ederim. İnternette arayıp ta bulamadıgım bir konu daha var. Gönderilen kayıtların aynı ebatta gözükmesini istiyorum. Malum bazı kayıtlar uzun bazıları kısa hal böyle olunca pek hoş bir görüntü olmuyor. Umarım demek istediğimi anlamışsınızdır. Yardımcı olursanız sevinirim. İyi çalışmalar.

    YanıtlaSil
  91. @}Ayhan Gümüşkılıç
    Blogda paylaştığım resimli otomatik devamını oku eklentisi bu işe yarar.

    YanıtlaSil
  92. ya hocam sizin ne harika eklentileriniz temalarınız var yaa saygılarımı sunuyorum size :)

    http://cerezlerim.blogspot.com/

    YanıtlaSil
  93. şükürler olsun buldum bunu da sonunda :) temam gittikçe kişiselleşip güzelleşiyor. Emekleriniz(anlattıklarınız) için çok teşekkür ediyorum tekrar tekrar Serdar Bey.

    YanıtlaSil
  94. Peki Sağ tarafta bulunan Konu başlıklarını nasıl çerçeve içine alacağız tümünü değil ayrı olarak.
    Metinlerini nerden ayarlayabiliriz.

    YanıtlaSil
  95. Bir türlü olmadı nedense.

    YanıtlaSil
  96. Hocam; Bu kod artık çalışmıyor. Güncelleme ihtimaliniz var mı acaba ?

    YanıtlaSil
  97. hocam öncelikle paylaşımlarınız için teşekkür ederim, emeğinize sağlık. ben sağdaki widgetları cerceve içine almayı başardım fakat bunları oval biçime nasıl alırız yardımcı olursanız sevinirim

    YanıtlaSil
  98. @murat kaya
    Yazıda 5 numarada verdim oval çerçeve kodlarını.

    YanıtlaSil
  99. evet hocam yazınızın tamamını okudum, yorumlardanda yararlanarak kener çerçeve kodlarını siteme ekledim. Yayınlanan yazıları çerçeve içerisine aldı (oval biçimde) fakat sağdaki widgetları daha önce dikdörtgen biçimde çerçevelendirmiştim ama onları tekrar oval biçime dönüştüremedim.

    YanıtlaSil
  100. Merhabalar Serdar bey,
    Aynen dediğiniz gibi yaptım yalnız bu çerçeve her bir post için ayrı ayrı oluyor ben bunu bir sayfada yayınlanan tüm postlarımı içine alacak bir şekilde çerçeve olmasını istiyorum; bunu nasıl yapabilirim?
    iyi çalışmalar

    YanıtlaSil
  101. ]]> kodunu şablonda arattım fakat görünmüyor. Ne yapabilirim?

    YanıtlaSil
  102. @Hatsune Miku
    Şablon > özelleştir > gelişmiş > css ekle bölümünden de ekleyebilirsiniz stil kodlarını.

    YanıtlaSil
  103. hocam bu kenarlıkları renk değilde resim kenarlığı nasıl ekleyebiliriz.

    YanıtlaSil
  104. Yahu ne mübarek adamsın sen çok güzel oldu.Ve anlatımın çok iyi cuk oturuyor herşey.

    YanıtlaSil
  105. hocam ben ekliyorum çerçevenin sağ tarafı boş kalıyor nasıl çözebiliriz

    YanıtlaSil
  106. serdar bey öncelikle sizi tebrik etmek istiyorum ve yürekten teşekkürler ..bir çok işimi sayenizde hallettim...benim sorum yazıları çerçeve şeklinde değilde o yazıların alt rengini nasıl değiştiebiliriz..yani sayfa beyaz olsun ama yazılarımın allt rengi başka renk olsun..ya da o yazıların altına renkli resim mesala sadce yeşil renkli resim mi eklememizgerekir ki nasıl yapılır yapılabilir

    YanıtlaSil
  107. @Bluedaisy Daisy
    Şu şekilde bir kod ekleyebilirsiniz
    .post { background:#fff }
    fff yerine istediğiniz renk kodunu yazabilirsiniz

    YanıtlaSil
  108. Ben bloğumda yaptım güzel oldu.

    YanıtlaSil
  109. Oval köşeli çerçevede kodu html eyemi yaziyoruz yoksa css eymi litfen yardimci olun

    YanıtlaSil
  110. TEWEKKURLER IS YARADI DUZ CERCEVE

    YanıtlaSil
  111. Hocam yine güzel bir makale ile bilgilendirdiğiniz için teşekkürler. Yalnız çerçeve içine almak indexlenmede iyi veya kötü etki edermi yada google açısından sorun olurmu

    YanıtlaSil
  112. @Yüksel Duman Blogger
    Olumlu veya olumsuz hiçbir etkisi olmaz.

    YanıtlaSil
  113. Hocam bütün sayfayı çerçeve içine almak istersek ne yapmamız gerekir yardımcı olurmusunuz ? örneğin sizin bloğunuzda olan turuncu çerçeve gibi.

    YanıtlaSil
  114. @Bir Bilgin Var
    .post yerine body yazın.

    YanıtlaSil
  115. HOCAM BU ÇERÇEVELERİ UYGULUYORUM. ANCAK İLETİŞİM SAYFASINDA BU ÇERÇEVENİN OLMASINI İSTEMİYORUM. YARDIMCI OLUR MUSUNUZ ?

    YanıtlaSil
  116. hocam bi arkadaş demiş nasıl sağ widgetleri çerçeve içine alırım bende almak istiyorum yaptım dediginizi oldu ancak sadece sağ widgetler degil bazı diğer widgetleride kutu içine alıyor ne yapmalıyım ?

    YanıtlaSil
  117. Hocam Geç saatlere kadar aradım bir türlü yardım eden olmadı aradım bulamadım yada ben arama yapmasını bilemedim

    sitemin altında bir yere sizin anlattığınız tarzda bir çerçeve belirleyip içine uzunca bir yazı yazıcam bu yazılar sağdan soldan taşmasın ve aşağı yazı yazdıkca inmesin çerçeve belirlediğim pixelde sabit kalsın istiyorum. ve ziyaretciler yazıyı okurken sağdaki scrollbarı aşığı yukarı oynatarak okusunlar istiyorum örnek bir resim vericek olursak bunun gibi hocam
    http://i.hizliresim.com/P5z9Gd.jpg

    galiba sizin verdiğiğiniz kodlar blog için ancak benim sitem wordpress acaba nasıl bir yol izlemeliyim şimdiden teşekkürler

    YanıtlaSil
  118. Teşekkürler Serdar abi :)

    YanıtlaSil
  119. hocam yazıyı çerçeveye alıyoruz fakat kategorilerimi sadece ana sayfada gösteriyorum yazıyı açtığımda kategoriler çıkmıyor fakat boş çerçeveler görünüyor widgete sadece ana sayfada görünmesi için tanımlama yaptım bu sorun için ne yapmam lazım

    YanıtlaSil
  120. Seyahat temasını kullanıyorum ama işe yaramadı,neden?

    YanıtlaSil
  121. kodları yazmak için yaptığın turuncu şeyi nasıl yaparız

    YanıtlaSil
  122. merhaba arkadaşlar bende yeni bir blogger kullanıcısıyım bende yazıları tıpkı bloghocamın griş sayfasındaki gibi ayırmak istiyorum fakat ]]> bu kodun nerde olduğunu bilmiyorum yardımcı olan arkadaşlara minnettar kalırım ve sitemi geliştirince onun reklamını yapabilirim lütfen bana yardımcı olur musunuz

    YanıtlaSil
  123. Hocam merhaba, body çerçevesini post çerçevesine yaklaştıramıyorum. Nasıl yaklaştırabilirim.

    YanıtlaSil
  124. Çok güzel bir anlatım olmuş. Ellerinize sağlık.

    YanıtlaSil
  125. Merhaba Blog Hocam, benim sitemde bazı yazılarımın kenarları soldan kesik görünüyor. Yazılarımı önce Word'de yazıp sonra Blogger'a kaydediyorum. Yazılarımda işaretlerin olup olmadığına da dikkat ettim, herhangi bir word işareti olmamasına rağmen soldaki kelimelerin birkaç harfleri eksik görünüyor. Soldan her kelimenin önüne boşluk koymayı denedim fayda etmedi, yardımcı olur musunuz? Teşekkürler momyandhoney.blogspot.com

    YanıtlaSil
  126. Gelişmiş kutular nasıl yaparız hocam
    jdsezer.blogspot.com

    YanıtlaSil
  127. Çok teşekkür ederim ellerinize sağlık.

    YanıtlaSil
  128. Merhabalar serdar bey çok faydali bir paylaşım olmuş. Bende blogumda sizin yorumlardaki gibi yorumları çerçeve içine almak istiyorum nasıl yapabilirim. Yardımlarınız için şimdiden teşekkürler.

    YanıtlaSil

Blogger tarafından desteklenmektedir.