Moda Blogları İçin İdeal Blogger Temaları

<p>Okuyucuların ortak istekleri ve beklentileri Blog Hocam’ın 1 numaralı yazı kaynağı diyebilirim. Son zamanlarda bayan bloggerlardan gelen talepler sonucunda da bu yazı ortaya çıktı.</p> <p> </p> <p>Modadan makyaja, takıdan alışverişe çeşitli konularda blog yazan bayan takipçiler, son zamanlarda tema konusunda sıkça danışmaya başlamışlardı. Bu kişileri genellikle <a href="http://www.pinterest.com/bloghocam/" target="_blank">BH Pinterest</a> sayfasına yönlendiriyordum fakat oradaki temaların bayan bloglarına özellikli de <a title="moda blogları" href="http://bloghocam.blogspot.com/2013/04/turkiyenin-en-unlu-moda-bloglar-ve.html" target="_blank">moda blogları</a>na pek uygun olmadığı bir gerçek. Son olarak <a href="https://twitter.com/nimostylo" rel="nofollow" target="_blank">@nimostylo</a> ile <a href="https://twitter.com/BlogHocam" target="_blank">Twitter</a>’da benzer bir diyalog yaşadıktan sonra moda blogları için uygun temaları derlemeye karar verdim.</p> <p> </p> <p>Başlıkta moda blogları için uygun temalar desem de aşağıdaki temalarda ufak tefek değişiklikler yaparak alışveriş, makyaj, takı gibi diğer konulardaki bloglarınızda da kullanabilirsiniz. </p> <p> </p> <p> </p> <h3>Alyeska II Blogger Teması </h3> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh13wuhBzcw47hgEL3-Ix-OQUeymYjcL44DIOdi3I6LtfCuNEYavY62hKFPquEKupbFwTzVVCw7ITTbxigtqqVBzyiawy81GqHJweaJPT-tJVz0maN00Xdz0mSForionSxj40NAwGGqsrzY/s1600-h/Alyeska-II-Blogger-Template7.jpg" target="_blank"><img alt="Alyeska II Blogger Teması " border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvANuWuQtIzSWPOMerYPxvJ5PX9M-r7v8TpAapsHmFKxdO7CHqLfjyLnIa3g6675spdx8PjV9Xmu7IB8WwCQBqcR5p7ZreTB05oRGcLTOYngDYax4lZ4ry1xen6jaNKTQ1hxir7nP4-3_2/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Alyeska II Blogger Teması " width="527" /></a></p> <p align="center"><a href="http://alyeska2-soratemplates.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong>  &  </strong><a title="DOWNLOAD" href="https://www.box.com/s/u0nzi1cx8ksz0o0dz9bh" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p>Slayt alanı, kullanışlı yatay açılır menüsü, orijinal arama kutusu ve görsel içeren yayınlara uygun ana sayfa tasarımıyla moda blogları için ideal bir Blogger teması. Resimli otomatik devamını oku eklentisi, sayfa numaralandırma eklentisi ve yorum sayısını gösteren baloncuk temayla birlikte hazır bir şeklide gelmekte. Ayrıca 4 sütundan oluşan footer alanını etkin bir şekilde kullanabilirsiniz.</p> <p> </p> <p> </p> <p><strong>Pretty Theme Blogger Teması</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyWWN2Z3Mw4XYAas4YPi1LeTXdawrVsMwT7SbfFK74aDRFkb7a4seqfS1qX7M_fi0ngDuZwHsokD52UVpPcL1BOjGj7PEAdUHZiV8hD5GNS1SJLjq7MmfaZXKgkq6eGflVnnEihmex8Hmh/s1600-h/pretty-theme5.jpg" target="_blank"><img alt="Pretty Theme Blogger Teması" border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ-UFv9uFSLNZBobNgLOiPdQ7q0U2LCETpiOVn61ieXAL2XAeOa-eHSPr82M-OUot7J89NWauL_hQBZtzdaBmRiXqMico6fsnwT_NOLcfjgFhiIqRc-syS-1YlaT8oUHY_Cnp3RsNSvEkT/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Pretty Theme Blogger Teması" width="527" /></a></p> <p align="center"><strong><a href="http://blogger-template-pretty-theme.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  &  <a title="DOWNLOAD" href="http://www.box.net/shared/8lutnqqfu5" rel="nofollow" target="_blank">DOWNLOAD</a></strong></p> <p> </p> <p>Sade ve basit bir tasarıma sahip olan Pretty Theme teması hızlı ve kullanımı kolay bir tema. Hiç bir eklenti olmadığı için blogunuzun çok çabuk açılmasını sağlar. Temiz bir kodlamanın dışında arka plan resmi, header resmi, üst tarafta şık arama kutusu ve temaya hareket katması için bir kadın resmi var. Hızlı ve sade bir tema isteyeler için ideal olabilir.</p> <p> </p> <p> </p> <p><strong>Beauty & Clean Blogger Teması</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT540dSmtq3DNFtaZ8fR1BjKaql6Oa1fsy8PKq6-joUoHuTDclsbcy_7NEKU6o1tgXf5joC70qwb90o90VY-2RGiXC3hPDPpex-s-YsK2-NGOuOeZ8pgLi2pRZNiNlX5f-fbC0Hv6-DLo8/s1600-h/BeautyClean5.png" target="_blank"><img alt="Beauty & Clean Blogger Teması" border="0" height="409" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfBCxO7RK5cY1NYo20Pr1vwm29N9Vr8wKgyjINq5LSLj67V6W7txAFC-64DrWvDiZDLSNWeCYaYBjZrhHTtM8_Wf7KItfHzctMWrga0GsAKNGMOaCHhV6FiwRQtDEqMzT92R2R0A6aQU38/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Beauty & Clean Blogger Teması" width="527" /></a></p> <p align="center"><strong><a href="http://beautyandclean-btemplates.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  &  <a title="DOWNLOAD" href="https://app.box.com/shared/3o4dubcfn5c3udksx32h" rel="nofollow" target="_blank">DOWNLOAD</a></strong></p> <p> </p> <p>Çok şık bir Blogger teması olan Beauty&Clean ‘de blog başlığında ve yazı başlıklarında özel font kullanılmış. Dolayısıyla bazı türkçe karakterlerde sorun çıkarabilir. Bunun dışında açılır menü ile sayfa numaralandırma eklentisi bulunuyor. Temanın en dikkat çekici yeri olan kuğu resmi olarak gördüğünüz sabit manşet alanına ise blogunuzun konusuyla ilgili bir duyuru veya başka bir resim ekleyebilirsiniz. Elegan tasarım tercih edenler bu temayı deneyebilirler.</p> <p> </p> <p> </p> <p><strong>Scrappy Blogger Teması</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDXGMrVMvyu_v2q9rQ5ERv9djnZ89VUw1Qm5h3bdbKCOkELPrXp2CQYsruqy9agioedH4iuUfz2zMpYx-mg1REgf8y-y0U9uwOxPA9rbCXA3IKbxDWj0AeTLaSYSSTsmFpP6eBOsQHEgX3/s1600-h/scrappy-blogger-template5.jpg" target="_blank"><img alt="Scrappy Blogger Teması" border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLFhQzSmD8JDpFKBMxDJXl31eQbey8FNEfwKfYVMEkRn5PCziDsg_NAGJ4ZnL2vztFWfiaWgUk3WZ1HOuHf3Kw7eZAF2iKmNwAVJlZvgp3lZy6vuVQq3P-NziIj_jmuuozWRE6_ziIionF/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Scrappy Blogger Teması" width="527" /></a></p> <p align="center"><strong><a href="http://scrappy-lovely.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  &  <a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/Scrappy-Blogger-Template.zip" rel="nofollow" target="_blank">DOWNLOAD</a></strong></p> <p> </p> <p>Vintage tarzını andıran bu tema bayan bir tasarımcı tarafından yapılmış. Temada “resimli otomatik devamını oku” eklentisi, basit yatay menü, öne çıkarılmış yazı tarihleri ve özel font kullanılan yazı başlıkları dikkat çeken özellikler. Yazı başlıklarında özel font kullanıldığı için bazı türkçe karakterlerde sorun çıkarabilir. </p> <p> </p> <p> </p> <p><strong>Project 10 Blogger Teması</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTaAxHETSl2c_ArbTOwzVDNpPAa5PrQ5stNfOIRT8f2dJ4osyFE5R6aUCELcV1WBsRmqculrPOEKwx7rZaTMG4cnJnu7o0E-2t6kq2WuxdK_VTkvvJtESmXhnrMiw366r8y5vrQk0lhPc_/s1600-h/Project-10-Blogger-Template5.png" target="_blank"><img alt="Project 10 Blogger Teması" border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyP6I7-Olgvs3FnrQZrTBHlzuGD6zL17xh5Up7Ax8E0TbojYLcaq0Edtww8nq8sy3C6BBxCskSrYGaOyIQVLck6niEtRYO-MG6ZEPJGoEsohLEdUD_blr5BRNNvulFivSX5AwyuojrEegQ/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Project 10 Blogger Teması" width="527" /></a></p> <p align="center"><strong><a href="http://project10-soratemplates.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  &  <a title="DOWNLOAD" href="https://www.box.com/s/9mjx7dfym93r9tl55goi" rel="nofollow" target="_blank">DOWNLOAD</a></strong></p> <p> </p> <p>Temanın ismi modayı pek çağrıştırmasa da demoyu incelediğinizde moda veya bayan blogları için kullanılabilecek br tema olduğunu görebilirsiniz. Sayısız özelliğe sahip, harika bir tema Project 10. Floating yani yüzen sidebar, sayfa üstünde haber akışı, otomatik slayt manşet alanı, resimli devamını oku eklentisi ve sayfa numaralandırma eklentisi başlıca özellikleri. Düzenlemek biraz vaktinizi alabilir ama uğraştığınıza değecektir. </p> <p> </p> <p>Yazının başında da belirttiğim gibi bu temaları moda bloglarının dışında diğer konulardaki bayan blogları için de rahatlıkla kullanabilirsiniz. Temaların tek tek nasıl düzenleneceğini yazmak ciddi mesai gerektirdiği için maalesef yazamadım :) Düzenlemeyle ilgi sorularınızı yorum bölümünü kullanarak sorarsanız cevaplamaya çalışacağım.</p>

Moda Blogları İçin İdeal Blogger Temaları

Okuyucuların ortak istekleri ve beklentileri Blog Hocam’ın 1 numaralı yazı kaynağı diyebilirim. Son zamanlarda bayan bloggerlardan gelen talepler sonucunda da bu yazı ortaya çıktı.   Modadan makyaja…

Devamı »

En İyi Responsive Blogger Temaları

<p>Günümüzde gelişen teknolojiyle birlikte web sitelerine girmek için kullanılan cihazların sayısı da oldukça arttı. Farklı çözünürlüklerde ve teknolojilerde cihazların kullanılması, web tasarımcılarını da harekete geçirdi ve poansiyel ziyaretçinin kaçırılmaması için yeni teknikler geliştirildi. <br /> <br /><strong>Responsive Tema Nedir?</strong> <br /> <br />Türkçeye duyarlı tema olarak çevirebileceğimiz responsive temalar, web sitelerinin; bilgisayar, tablet, mobil ve benzeri cihazlarda sorunsuz bir şekilde gösterilmesi için kullanılır. Farklı cihazlarda düzgün bir görünüm için özel bir kodlama tekniği kullanılarak geliştirilir. <br /> <br />Blogunuzda kullandığınız temanın veya bir web sitesinin responsive olup olmadığını kontrol etmek çin size 2 ücretsiz araç tanıtmak istiyorum. <br /> <br />1. <a href="http://ami.responsivedesign.is/" target="_blank">Am I Rersponsive</a>: Bu siteye gidip sayfanın ortasındaki adres kutusuna blogunuzu adresini yazıp <strong>Go</strong> tuşuna bastıktan sonra blogunuzun responsive olup olmadığını yazacak ve farklı cihazlardaki görüntüsünü gösterecektir. <br /> <br />2. <a href="http://responsivetools.com/" target="_blank">Responsive Tools</a>: Blogunuzun hangi cihazlarda ve hangi çözünürlüklerde nasıl göründüğünü detaylı olarak incelemek istiyorsanız bu aracı kullanabilirsiniz. <br /> <br /> <br />Responsive temalar hakkında kısaca bilgi sahibi olduktan sonra internetten derlediğim responsive Blogger temalarını paylaşmak istiyorum.</p> <p> <br /> <br /><strong>Geekiesmn Responsive Blogger Teması</strong> <br /> <br /></p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgZ5_XcdNcYn0aU_0Dk3m4TmKkb82wbZdXCm-dPEdaIM23q0aI4GtL_90Jj75NmgyRS8nGjZO5M6grnnyFRCuucdLaAIlzpwwL9Ubyk46Qzbev9juYOQrBEKtrwU_pRV23XP4ZFJI0dZha/s1600-h/Geekiesm12.png" target="_blank"><img alt="Geekiesmn responsive blogger template" border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQLO6EcZEGohs8WLdoSp_xoirXTInDnlrCtS22nc4R5MhLN3cSSFMNRpi_ne6z-bFIffCEWMGj3-PMPF_x3BuA-1jKdqCbTT-vEpSg5W4IxiofcEj3cY7Z9jddluM7qMkj6IfursacCxHJ/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Geekiesmn responsive blogger template" width="527" /></a>  <p align="center"><a href="http://geekiesm-theme.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong>  &  </strong><a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/Geekiesm-BH.zip" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p>Yazıların etiketlere göre ayrı bloklarda gösterildiği magazin tarzı ana sayfa görünümüne sahip olan bu temada; hazır reklam alanları, özel 404 hata sayfaları, sayfa numaralandırma ve özel sosyal paylaşım butonları gibi özellikler var. <br /> <br /> <br /><strong>Metrofy Responsive Blogger Teması <br /></strong> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCY7r_BHsmmW962uGEOQODR_fWj5O8RIWwGFAVFnyC1ycijYYNqo1nxm0XeIm4XJPTyNWN9fry_q1X660YmZrLvta6mS9tinycXJ1sK0SOHZyR-35ovn9PcbKiQFR4_grOSijMigvPu5Q2/s1600-h/Metrofy5.png" target="_blank"><img alt="Metrofy responsive blogger teması" border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOt0WMbMp47TwGzHq4QhvkndBZiXvvAyTZlCSTVt47_4ArZrEDoEs_Dw7wa2wL_IamEdJP-O278zRZFVsYBhvj7nlvsWKa9n1VmZ9etSgue-FwdO3x4u7fzxYugBS-bESfp8SoA9wDS3U0/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Metrofy responsive blogger teması" width="527" /></a></p> <p> </p> <p align="center"><a href="http://metrofy.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong>  &  </strong><a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/Metrofy-BH.zip" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p>Metro tarzı bir tasarıma sahip olan bu tema benim favorilerimden. Özellikle header bölümündeki metro tasarım çok orijinal olmuş. Bununla birlikte yatay menu ve sayfa numaralandrma dışında çok fazla özelliğin eklenmediği sade fakat kullanışlı bir tema.</p> <p> </p> <p> </p> <p><strong>Fizz Responsive Blogger Teması</strong> <br /> <br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEv1XNyWelw2CxNj9LVSGQ9t_-KjlT7qjD98x7kqGqPE4As_gl8ptnQfGQbBQAZe7pJNdSQvpKwYHYe_ELR7RYoRYwy5R2TTh_V63laIA7DbB0qhdTFInMOe-qNpPXSkxSlhakr5rEpb-w/s1600-h/Fizz5.png" target="_blank"><img alt="Fizz Responsive Blogger Teması" border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXWFl9vMP75muEDOZ9gc-uPHN-23xPNGJe0rlc-h6W2dU9JJK1SE9C4uu6nVAN-1_9YtIeczDz249Ttor5gIQK3NUkHKzw9R3aRO91zUIQxFph34lgdPWydKEM9nfCkijUORx5SCZwRf8Y/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Fizz Responsive Blogger Teması" width="527" /></a></p> <p> </p> <p align="center"><a href="http://fizz-theme.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong>  &  </strong><a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/Fizz-BH.zip" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p>Oldukça profesyonel bir görünüme sahip olan bu temada dikkati çeken ilk şey slayt bölümü. Ayrıca modern renk paleti, call to action için ayılmış alan ve 4 sütunlu footer, ana sayfada dikkat çeken özellikler. </p> <p> </p> <p> </p> <p><strong>My Extra News Responsive Blogger Teması</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJjcjEOweEyH5gNiRiIjmcaI1AbUG89tYB1Hi4SOimxZvi-6tAUFJkCw3_q-X9Y3fk1GoJxKvNV04DLGJSUfCeYsoFiTUdVGUva2RxJzBFkDRglZaSkKogm2ipyNYDSxCDRCv_oq1bfUG1/s1600-h/My-Extra-News5.png" target="_blank"><img alt="My Extra News Responsive Blogger Teması" border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKyYuN-c1RsvNDK9259bwWCC-Mbohy2l_5ohLhYWxRfagxbVWWB5VPsduZzNdKC5TSW47CqSfJ95LuO8eBZGgzP9xbGQoUPChp4CYu_ZDJr9QZ6dOyBsRDgCVEe8YFHQAsQddr1UMDUJp0/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="My Extra News Responsive Blogger Teması" width="527" /></a></p> <p> </p> <p align="center"><a href="http://myextranews-mkr.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong>  &  </strong><a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/MyExtraNews-BH.zip" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p>İçeriği fazla olan haber blogları düşünülerek tasarlanmış, oldukça özellikli bir tema.  Yatay menünün altındaki rastgele değişen metro tarzı eklenti çok dikkat çekici. “Load more” butonu ile navigasyon ve özel tasarlanmış yorum bölümü temayı öne çıkaran diğer özellikler. </p> <p> </p> <p> </p> <p><strong>Balance Responsive Blogger Teması</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv-CYeyx8XgCJsSAzGjV0OIYQlswCzqvDxIZY4zSMY7ig9j2rICJH9ivwS1TA0_YCAtvLBOujD8hegrTA_tHLcxUKpf8Oaiv1DYTHf3jE4WI8jBZnidns6GkFK-4GnTd0bBnD0vG2_9b-L/s1600-h/Balance5.png" target="_blank"><img alt="Balance Responsive Blogger Teması" border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLpRUVvt64350Zh2KDdnY7K0RfQTjRkN-jCWQQETyE_bJre6Rb4K_G9xhSreH_VsJ7y7-xxPmLYy32GNXvveqe-9DFo1Wd4rmYGoec_pdff_rlUFs5hnfcYZ6t29774dBZUITmyYPN-M0Q/?imgmax=800" style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin-left: auto; display: block; padding-right: 0px; border-top-width: 0px; margin-right: auto" title="Balance Responsive Blogger Teması" width="527" /></a></p> <p> </p> <p align="center"><a href="http://balance-responsive-theme.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong>  &  </strong><a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/Balance-BH.zip" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p>Temiz ve net bir tasarıma sahip olan bu temada en sevdiğim özellik blogdaki son yazının öne çıkarılması. Ayrıca fazlasıyla görünür ve büyük tasarlanan e-posta abonelik formunun headerda kullanılması akıllıca. <br /> <br /><strong><u>Not:</u></strong> Artık tema paylaşımlarını çoğunlukla <a href="http://www.pinterest.com/bloghocam/" target="_blank">BH Pinterest</a> hesabında paylaşıyorum. Blogda bu tür derlemeler veya anlatılması gereken paylaşımlara yer veriyorum. Bu zamana kadar paylaştığım ve bundan sonra paylaşacağım temaları <a href="http://www.pinterest.com/bloghocam/" target="_blank">Pinterest</a>’ten kolaylıkla takip edebilirsiniz. </p>

En İyi Responsive Blogger Temaları

Günümüzde gelişen teknolojiyle birlikte web sitelerine girmek için kullanılan cihazların sayısı da oldukça arttı. Farklı çözünürlüklerde ve teknolojilerde cihazların kullanılması, web tasarımcılarını …

Devamı »

Johny Asal Responsive Magazin Blogger Teması

<p>Johny Asal Responsive Blogger teması, magazin temalara güzel örneklerden biri. Ana sayfası yan yana 3 adet galeri tarzı kayıttan oluşan temanın, aynı şekilde 3 stunlu footer alanı bulunuyor. Tasarımda dikkatimi çeken şeylerden biri header ve footerdaki arka plan deseni ile gövde bölümündeki desenin aynı ama renklerinin farklı olması. Küçük ama hoş bir detay. Headerda bulunan açılır yatay menü sayesinde kategori ve linklerinizi ana sayfada gösterebilirsiniz. Diğer özelliklerini gçrmek için demo siteyi incelemenizde fayda var.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX1dfjiIz6MTak_jcL6cVUy5qhdsI7CXF7L81EQll01bfv_RTudiFV8FB63NXGdcGs0VLqZKBvrERrwBJ76oppMhdMS4qsKlrI4j-YGb_e2yrn-20mg2S45byzMwgJVk6idL6OBKMxKeGj/s1600-h/Johny-Asal-Responsive8.jpg" target="_blank"><img alt="Johny Asal Responsive Blogger Template" border="0" height="381" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRQRRvgiDZh4rP41BhvzkudcuxpAhJiteyPgnZkiiYai2iU6Dwv31QjrbIsxL9r9m6khqut7ToB6QuE25bdds9vVHdn8h74HcNIoqm-53RA_wBMmvrWWK4qw85pTx_o7cbmb02M6qMjqUy/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Johny Asal Responsive Blogger Template" width="327" /></a></p> <p align="center"><a href="http://nebukadnezar-hot.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a href="https://www.box.com/s/u9sg1i5ofwj37ax5821o" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p>Temayı kullanmaya karar verdiyseniz <a title="Blogger tema yükleme" href="http://bloghocam.blogspot.com/2011/04/blogger-sablon-yukleme.html" target="_blank">blogger tema yükleme</a> ile ilgili bilgi alabilir ya da daha önce paylaştığım diğer <a title="Blogger temaları" href="http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1" target="_blank">blogger temalarına</a> bakabilirsiniz.</p> <p> </p> <p>Yatay açılır menüyü düzenlemek için şalonun HTML kodlarında şu bölümü bulun:</p> <p> </p> <blockquote> <p><ul></p> <p><li><a href='<a href="http://nebukadnezar-hot.blogspot.com/">/</a>'>Home</a></li></p> <p><li><a href='<a href="http://nebukadnezar-hot.blogspot.com/#">#</a>'>Menu 1</a></li></p> <p><li><a class='prett' href='<a href="http://nebukadnezar-hot.blogspot.com/#">#</a>'>Drop Menu</a></p> <p><ul class='menus'></p> <p><li><a href='<a href="http://nebukadnezar-hot.blogspot.com/#">#</a>'>Drop Menu 1</a></li></p> <p><li><a href='<a href="http://nebukadnezar-hot.blogspot.com/#">#</a>'>Drop Menu 2</a></li></p> <p><li><a href='<a href="http://nebukadnezar-hot.blogspot.com/#">#</a>'>Drop Menu 3</a></li></p> <p></ul></p> <p></li></p> <p><li><a href='<a href="http://nebukadnezar-hot.blogspot.com/#">#</a>'>Menu 2</a></li></p> <p><li><a class='prett' href='<a href="http://nebukadnezar-hot.blogspot.com/#">#</a>'>Drop Menu 1</a></p> <p><ul class='menus'></p> <p><li><a href='<a href="http://nebukadnezar-hot.blogspot.com/#">#</a>'>Drop Menu 1</a></li></p> <p><li><a href='<a href="http://nebukadnezar-hot.blogspot.com/#">#</a>'>Drop Menu 2</a></li></p> <p><li><a href='<a href="http://nebukadnezar-hot.blogspot.com/#">#</a>'>Drop Menu 3</a></li></p> <p></ul></p> <p></li></p> <p></ul></p> </blockquote> <p> </p> <p>Burada # yerine açılmsını istediğiniz URL’yi yazacaksınız.</p> <p> </p> <p>Galeri ve magazin tarzındaki bu temayı haber blogları, fotoğraf blogları, moda blogları, yemek blogları ve teknoloji blogları için rahatlıkla kullanabilirsiniz. </p>

Johny Asal Responsive Magazin Blogger Teması

Johny Asal Responsive Blogger teması, magazin temalara güzel örneklerden biri. Ana sayfası yan yana 3 adet galeri tarzı kayıttan oluşan temanın, aynı şekilde 3 stunlu footer alanı bulunuyor. Tasarımda…

Devamı »

SEO Uyumlu Blogger Teması

<p>Temanın yapımcısı bu temadan SEO dostu, SEO uyumlu bir tema olarak bahsediyor. Bu konuda blogcular arasında çok arayış olduğunu biliyorum. Açıkçası kullanmadığım için gerçekten iddia edildiği gibi arama sonuçlarındaki performansınızı etkiler mi bilemiyorum ama denemekte fayda var. </p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwChyphenhyphen61dfQbvehLpq4cm2wh5OqeUEl4hRO6hhWQPeedGZoYqttyBkovoBfQazkFIb4mooBMvVEIsVsULRe5zvjUaaFCXOYde06SZMvmbZ1DghQky5v0BjWTDKscUatQJKYzrH-96btYOGf/s1600-h/super-seo6.jpg" target="_blank"><img alt="Super SEO" border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMLToYNK0JV4iXKUgeVlQtH5SBvpQRu3wjPA1IToWO_a-kK-DpzP4KCIsBmTzlFWvNj-UwetvITWcOYtn74ipuBlfKqqu9wPtGstTFxUTskFHmn4vCUGd9qqqPfmt-o1IJ-yFmUbW8STpn/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Super SEO" width="527" /></a></p> <p align="center"><a title="Demo" href="http://super-seo-lovely.blogspot.com/" target="_blank"><strong>Demo</strong></a><strong> & </strong><a title="DOWNLOAD" href="https://www.box.com/s/wy3ledvnby2i1oat22ye" target="_blank"><strong>Download</strong></a> </p> <p> </p> <p><strong><u>Temanın Özellikleri</u></strong></p> <p>- Otomatik “Resimli Devamını Oku” eklentisi mevcut. </p> <p>- Minimalist, temiz, şık ve kullanıcı dostu bir tasarıma sahip. </p> <p>- Yatay açılır menü ekli.</p> <p>- Sosyal butonlar mevcut.</p> <p>- Hazır reklam alanları var.</p> <p>- Yazı sonlarında sosyal paylaşım butonları mevcut.</p> <p> </p> <p><strong><u>Düzenlemeniz Gereken Yerler</u></strong></p> <p> </p> <p>- Sosyal butonlar</p> <p> </p> <blockquote> <p><a class='iconFacebook' href='<a href="http://super-seo-lovely.blogspot.com/#">#</a>'>Facebook</a></p> <p><a class='iconTwitter' href='<a href="http://super-seo-lovely.blogspot.com/#">#</a>'>Twitter</a></p> <p><a class='iconRSS' href='<a href="http://super-seo-lovely.blogspot.com/#">#</a>'>RSS</a></p> <p><a class='iconGoogle' href='<a href="http://super-seo-lovely.blogspot.com/#">#</a>'>Google</a></p> </blockquote> <p> </p> <p>- Yatay açılır menü</p> <p> </p> <blockquote> <p><ul class='dropdown' id='secondmenu'></p> <p><li><a href='<a href="http://super-seo-lovely.blogspot.com/">/</a>'>Home</a></li></p> <p><li><a href=''>World News</a></li></p> <p><li><a href=''>Entertainment</a></li></p> <p><li><a href=''>Health</a></li></p> <p><li><a href=''>Technology</a></li></p> <p><li><a href=''>Auto</a></li></p> <p><li><a class='sf-with-ul' href=''>Sport</a></p> <p><ul class='sub-menu'></p> <p><li><a href=''>Soccer</a></li></p> <p><li><a href=''>Formula 1</a></li></p> <p><li><a href=''>Rally Racing</a></li></p> <p><li><a href=''>Golf</a></li></p> <p></ul></p> <p></li></p> <p></ul></p> </blockquote> <p> </p> <p>Temayı kullanmaya karar verdiyseniz <a title="blogger tema yükleme" href="http://bloghocam.blogspot.com/2011/04/blogger-sablon-yukleme.html" target="_blank">blogger tema yükleme</a> ile ilgili bilgi alabilir ya da daha önce paylaştığım diğer <a title="blogger temaları" href="http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1" target="_blank">blogger temalarına</a> bakabilirsiniz.</p> <p> </p> <p>Temanın düzenlenmesiyle ilgili sorularınızı yorum bölümünden sorablirsiniz.</p>

SEO Uyumlu Blogger Teması

Temanın yapımcısı bu temadan SEO dostu, SEO uyumlu bir tema olarak bahsediyor. Bu konuda blogcular arasında çok arayış olduğunu biliyorum. Açıkçası kullanmadığım için gerçekten iddia edildiği gibi ara…

Devamı »

En İyi 10 Kişisel Blog Teması

<p>Kişisel blog sahibi bloggerlar, bloglarına uygun bir tema bulmakta zorlanabilirler. Kişisel bloglar insanların kendi düşüncelerini paylaştığı, samimi bloglardır. Dolayısıyla kişisel bir blogun tasarımı da sıcak samimi ve kişisel blogun ruhuna uygun olmalıdır. Aşağıda Blogger platformuna ait en beğendiğim kişisel blog temalarından bir derleme yaptım. Umarım beğenirsiniz.</p> <p> </p> <p><strong>1. Sunrise Blogger Template</strong></p> <p><strong></strong></p> <p><strong></strong></p> <p> </p> <p><strong></strong></p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXaltany-1_1G9vg-fwOe8BilnrnY9UwDQ8BXFqeJ8jCiYXxX8QYZqaA4jQNm4Oxkp5nk6ygEp2EdaRthzy1o22ND9vZXyZomEVG_ps2o0zjIa6-WLrmZdVYBenoaRRjr5-F8LgYx-UAQ/s1600-h/sunrise-blogger-template5.png" target="_blank"><img alt="sunrise blogger template" border="0" height="506" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizy1Z7ACgnuQW2gSiZreHYv1STZWaorHoMiUj6udNKWcWn_HDo0OuvkXPOSm6Al42JxQ9VBJr_GDG6U3FTIin8eaT4EeD4YfUh7eUteklgma4Orzrj6DYw_bm41kat_PGo4l6PyNIyhn7t/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="sunrise blogger template" width="525" /></a></p> <p align="center"><a href="http://sunrise-soratemplates.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="https://www.box.com/s/dmu6n13sw978zbsmojor" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p><u>Özellikler:</u> Açılır menü, manşet slayt, resimli otomatik devamını oku, özelleştirilmiş yorum bölümü, yukarı çık butonu, sosyal takip butonları.</p> <p> </p> <p> </p> <p><strong>2. WebDesign Blogger Template</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1fh4HuIIDTT3BlsAbDPSEYVSLqMWZjKKu_WmfTzGX2JjBjhdlw2P-vF58Y71tyHjDn2pgyElUrFb5syRGsgwqQwalnyn0kzxEHy41HLvW13-4mG3-rngN-k7pT51yy5eB6lcTZf70hf4e/s1600-h/Webdesign-blogger-template7.jpg" target="_blank"><img alt="Webdesign blogger template" border="0" height="420" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYyfIuzQme6pr9-7nxVgStaOWi_VCU0mfytkfnJqgPKAJlGWsSvLHYpgP8ib-3RHLGGrhxiFWGW90ARnP7QT7kVjfMyiS-1EPQ7wNyD3ZaTGb5jZdUHHaybX3cS4ipRQ7htY1AmY_u3OHS/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Webdesign blogger template" width="527" /></a></p> <p align="center"><a href="http://webdesign-soratemplates.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="https://www.box.com/s/7l35mr1mlqjvn1du784d" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a> </p> <p> </p> <p><u>Özellikler:</u> Yatay menü, manşet slider, resimli otomatik devamını oku, 4 sütunlu footer alanı, sayfa numaralandırma, yazar kutusu.</p> <p> </p> <p> </p> <p><strong>3. Timeline Blogger Template</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh98QWkD1lg_8X6dPqfFKRCd6-f55F7Koef378sVHwt3vWmlFeuOnZYJuDzPeEhyphenhyphenpCMQ3Q3B1vQu-_EGehojc3nFhH40v9J5hvES6qsBWBbbbLE0DgsjmrBd5Far0GpqS2dt_kUPRryPhnY/s1600-h/Timeline-Blogger-Template5.jpg" target="_blank"><img alt="Timeline Blogger Template" border="0" height="440" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtnHKteWYAOxtehIKebE8fR4KbaEGjsE95vUUoA5mlXoW2gKKaF-jLPOty-dSIJWXuuO7Nch6e7CaBRIy75JYvypJZbn9DgHom6Ai6GhprEzHOvroWgUTZSR-Q6ZwKRlicIVtghSThKSEz/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Timeline Blogger Template" width="527" /></a></p> <p align="center"><a href="http://timeline-dzignine.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="https://www.box.com/s/t6nlj4q5hc7yfvidmig1" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a> </p> <p> </p> <p><u>Özellikler:</u> Tek sütunlu, yatay menü, özel post footer, 3 sütunlu footer alanı, zaman tüneli tarzında tasarım.</p> <p> </p> <p> </p> <p><strong>4.  Espada Blogger Template</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIBFbij92xsAOuEyAq1VFrXiLrpK3ySRsjuzsceOGeAEgUzS33wW8zpEtzR5Xi8THnA5GB-SAT1Zz4RJm6fYuT7XwBPlhKNr4jPLEsmvyrV50d3mHh7b3E_2WIn5CzSjCl7iMy_nVikLIP/s1600-h/espada-blogger-template5.jpg" target="_blank"><img alt="espada blogger template" border="0" height="383" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN2ZHGKO3cO-qARa61_gljKEj-Pc3XOkfceb3oWKxWMxs09chn-OiavOMNmLtKhoonsN8UVuytY5MZf77JSHhxA0qAtgy1UN_xcHFYaZMgRU39W8aCWm439n9SDfJgIKRFXM9tCg21Rlyg/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="espada blogger template" width="527" /></a></p> <p align="center"><a href="http://espada-dzignine.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="https://www.box.com/s/knfx0unjcipelk2rb3xp" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a> </p> <p> </p> <p><u>Özellikler:</u> Yatay üst menü, özel post footer tasarımı.</p> <p> </p> <p> </p> <p><strong>5. Leatherbound Blogger Template</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizdfSdTuVMrDJ_tzyj110CuxYJZiq7L5BlYUIlrgI7JTzFvBpzo7YRalEvoyESLuq-Wpt4RVhCh9hth7xncxWOxHGrGGZV1hhnAE5wHTH5U_IBuPfHfhX29XgCIyPjeaXQwi6RqWKq0M0Y/s1600-h/Leatherbound-blogger-template5.jpg" target="_blank"><img alt="Leatherbound blogger template" border="0" height="385" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDmXkynzTDvuodAKpVIqK-mR-c-t-j77F6Ms8qvG2iVPq5Nt_6sOPNUfJRG7wOBeCJu4_Fho1I1tZpG67wMm6z9R49gWwIx54SXM0y3jzVqUd7-9o3qW9Nu-OJ1eM7RpyfY8L9nd9C_3MK/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Leatherbound blogger template" width="527" /></a></p> <p align="center"><a href="http://leatherbound-srtemplate.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="https://www.box.com/s/f3c60ae6b7bbcfa67979" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p><u>Özellikler:</u> Şık tasarım. </p> <p> </p> <p> </p> <p><strong>6. My Wall Blogger Template</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6WLh7j_-8JuwWbBg7JqQHQGgY4yNmgkuj2ML3C-mVhFHNLcNVtuEkl2VI6w-vDQtRQG7tHFjxtrfdJY2kFOsFJPyYRXQzd9FxmAytytUVs9HS28mnHQhs2lzo0Z3XbC2GQb1BPCo1ijQ8/s1600-h/My-Wall-Blogger-Template6.jpg" target="_blank"><img alt="My Wall Blogger Template" border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpq8J2yFYi_FcCCd2J5xIwJxBWhWwF3tIBtoNLTsOfGMO3NrjyCalZKMX8a9JI0RL9hmPg71q3606HCEQHkZ5st_AcyKwRs-xs1yZpUxEWR9O7KRHo5_-InVQQjxPrysR3baA2OqeZ0_lt/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="My Wall Blogger Template" width="527" /></a></p> <p align="center"><a href="http://mywall-raytemplates.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="http://dl4files.com/mywall.html" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a> </p> <p> </p> <p><u>Özellikler:</u>  Resim tabanlı tasarım, sol sidebar sabit, özel sosyal paylaşım butonları.</p> <p> </p> <p> </p> <p><strong>7. Lummoxie Blogger Template</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhogcGPjs80m4jr85DmavRmTaP53S9FBKdBFGyB7YI0Ce4F_9r5jPjRX3uiucGt2zF4PLYJo3co0Uu9ikKg4h5CcfuwxBIyrTpolwMUswhYLt47llZ6xjiU_0C5XW9nrOiMtboAt-WWda7o/s1600-h/lummoxie-blogger-template5.png" target="_blank"><img alt="lummoxie blogger template" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW1oGeL4fcOkJSof_w5ID35hjlWXCDZJzRRm14kOaS0y7bQD4y6ap5JEmAtZqdVjvVT7M-bLGeRhvifQS7wkbWm6turQNBlKH3MecovLH6PQ0HdJtGbkbYOur6zgSxgXYFFpIZ9ChV6-L7/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="lummoxie blogger template" width="527" /></a></p> <p align="center"><a href="http://lummoxie.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="http://bit.ly/o0mM1H" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p><u>Özellikler:</u> Üst menü, özel yorum bölümü, şık tasarım.</p> <p> </p> <p> </p> <p><strong>8.  My Personal Diary Blogger Template</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxZYI055iSmSEv2W2Pu_wQbgkzSP7YJXCNxU9F_Q2TowuM_tje9lhWuUilmSi6N6iOCCtVDVtrH2Tl3D53U9R3SOximtmxve_jxEEFR6dBKlH1CffH8_f9E6sBdwnFAq3l8cdBqKrr6Wf3/s1600-h/my-personal-diary-blogger-template5.jpg" target="_blank"><img alt="my personal diary blogger template" border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3E0V29NTeaytaIgG0ahDI53HUo9gw3_dqNLx_QC-rxU3CIhNlVkgyFsPgpWjRDgnZDys8UoyBU8OIuEP6TdzpKARI2YR9I2mWxE8KNYvtV5r1aQ-4UELdx_WZvH49tA9nYY41TKgCzj6N/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="my personal diary blogger template" width="527" /></a></p> <p align="center"><a href="http://mypersonaldiary-raytemplates.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="https://www.box.com/s/rc4r1aje7kbsufusoelh" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a> </p> <p> </p> <p><u>Özellikler:</u> Resim tabanlı tasarım, </p> <p> </p> <p> </p> <p><strong>9. CherryTruffle Blogger Template</strong></p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinAgKUddI1ahYnmC9LaM0pF_4l_PxG71Ch63C1Uqh32Dw7E6L2a0HTjOEqR1bKO7XQg2nxT7rMBuipXDSyenWrQBsOD3EYjgmeAR_YlPwpXCrQy7JaIHjqQj_a5DMsz0zXG7telU41Z6YH/s1600-h/Cherry-Truffle-blogger-template5.jpg" target="_blank"><img alt="CherryTruffle blogger template" border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLPZdL3rbBptHaRyPJ_P16vuylAGrKLpHoRU1AKvAGSh90j8bNMgqvJpySya50_uosViS_nA8onPR8ershAxHh5ZlByqvqo9IJIo1afBAvmdj7iyu7w6WMYbMOCjDu_UwJrhhXN_nyRqpS/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="CherryTruffle blogger template" width="527" /></a></p> <p align="center"><a href="http://cherry-truffle.blogspot.com/" rel="nofollow" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="https://www.box.com/s/edfe6a18b5430cbdfa91" rel="nofollow" target="_blank"><strong>DOWNLOAD</strong></a> </p> <p> </p> <p><u>Özellikler:</u> Üst menü, yatay açılır menü, sosyal takip butonları, resimli otomatki devamını oku, sayfa numaralandırma, 3 sütunlu footer alanı, özelleştirilmiş yorum bölümü.</p> <p> </p> <p> </p> <p><strong>10. Compartidisimos Blogger Template</strong></p> <p><strong></strong></p> <p> </p> <p><strong></strong></p> <p><strong></strong></p> <p><strong></strong></p> <p><strong><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSR9E3nYomWV_Jw2ep4R0csh9BsULaXJaF0eqeezkXws94aPEK7E5HSuSmifriEc1MbD6jSrTd6wmzW9CZKZThlENnIcjqATRG4Ms6rEj0jlOAZ67QJLwMALTfoZF7Kg8T7H14DmWxfDqA/s1600-h/compartidisimo-blogger-template5.jpg" target="_blank"><img alt="compartidisimo blogger template" border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd8IbJ2Y_Tv1AWaRXnLg5r17fV3uPREEXCUOsqT01z5-7FFkNw_rLzLDlet1d4t8C0rNtIFd-EfBDlRwFMsq0FNZLt4OZ4pkqPoZYYSUPOQZTlUU848xGS3s1isj1bjDUMGG7XjiXClyq_/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="compartidisimo blogger template" width="527" /></a></strong></p> <p align="center"><strong><a href="http://compartidisimos.blogspot.com/" rel="nofollow" target="_blank">DEMO</a> & <a title="DOWNLOAD" href="https://www.box.com/shared/tu9vzaoffidkifcqpc5h" rel="nofollow" target="_blank">DOWNLOAD</a></strong></p> <p><strong></strong></p> <p><u>Özellikler:</u> Üst menü, sabit manşet, resimli otomatik devamını oku, 3 sütunlu footer, özelleştirilmiş yorum bölümü.</p> <p> </p> <p> </p> <p>Araştır, toparla, düzenle… derken epey uğraştım bu yazıyı hazırlamak için. Alttaki butonları kullanarak sosyal ağlarda paylaşırsanız sevinirim.</p>

En İyi 10 Kişisel Blog Teması

Kişisel blog sahibi bloggerlar, bloglarına uygun bir tema bulmakta zorlanabilirler. Kişisel bloglar insanların kendi düşüncelerini paylaştığı, samimi bloglardır. Dolayısıyla kişisel bir blogun tasarım…

Devamı »

Responsive Max Mag 2013 Blogger Teması

<p>Zaman geçtikçe her alanda olduğu gibi Blogger temalarında da teknoloji gelişiyor. 2013 yılıya birlikte Blogger tema yapımcıları yeni ve güzel temalar kodlamaya başladılar. Bu yıl tanıtmak istediğim ilk temanın ismi MaxMag. </p> <p> </p> <p>MaxMag isimli bu temanın pek çok özelliği var. Bunlardan kısaca bahsetmek istiyorum. </p> <ul> <li>Responsive, kullanıcı dostu tasarım </li> <li>Hazır reklam alanları </li> <li>Ticker haber akışı </li> <li>Sabit yatay açılır menü </li> <li>Şık slider manşet alanı </li> <li>Hazır arama kutusu ve sosyal butonlar </li> <li>Resimli otomatik devamını oku eklentisi </li> <li>Yazar bilgi kutusu </li> <li>Resimli benzer yazılar eklentisi </li> <li>Özelleştirilmiş yorum kutusu </li> </ul> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDueRYIYfXo1J0Kq005Zc8fpJZxHuO8eTPiTu42Cj7244VX5A2-_YZfO-9OczgNBwYkSp0oKMfli1qqlGr8Ue0lA3GAnUPC5JWdIZdCf6yVERhK-IkZr8NC4Uu1wjom9OM_8M9ntPSFh1q/s1600-h/maxmag-blogger-template8.png" target="_blank"><img alt="MaxMag Blogger Template" border="0" height="361" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOsq7GgASsYoH_f8zrnKes6eDzcbcJZhHSo6YKydkmYxSfxGuOzpkOmkJlawIMBdJIQ3aJhTQ3cgPK6I0gTsUeSqkXtAg4sT1fT00R9pLm2S1XTda7uooCOdz3xNL_h-qmStiuGOpCPGIC/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="MaxMag Blogger Template" width="545" /></a></p> <p align="center"><a href="http://maxmagdemo.blogspot.com/" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="https://www.box.com/s/9y5j0brr4frxuj4fazat" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <p>- Sabit yatay açılır menüyü düzenlemek için şablonda şu kodları bulup isimleri değiştirin ve # yerine açılmasını istediğiniz URL’leri yazın.</p> <p> </p> <blockquote> <p><div class='menu-main-nav-container'><ul><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Home</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">http://#</a>'>Features</a></p> <p><ul class='sub-menu'></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Shortcodes</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Slideshow</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Wallpaper Ad</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Full Width Page</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Archives Page</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Homepage Blog</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>No Leaderboard</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Typography</a></li></p> <p></ul></p> <p></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Business</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Entertainment</a></p> <p><ul class='sub-menu'></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">http://#</a>'>Blogs</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">http://#</a>'>Columnists</a></p> <p><ul class='sub-menu'></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">http://#</a>'>Max Mag Staff</a></li></p> <p></ul></p> <p></li></p> <p></ul></p> <p></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Sports</a></p> <p><ul class='sub-menu'></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">http://#</a>'>Blogs</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">http://#</a>'>Columnists</a></li></p> <p></ul></p> <p></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Fashion</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Tech</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Travel</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Food</a></li></p> <p></ul></div></p> </blockquote> <p> </p> <p>- Blog başlığının yanındaki küçük linkleri değiştirmek için şu kodları bulup aynı ekilde düzenleyin.</p> <p> </p> <blockquote> <p><div class='menu-secondary-nav-container'></p> <p><ul></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>About</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Support Center</a></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Purchase Theme</a></li></p> <p></ul></p> <p></div></p> </blockquote> <p> </p> <p>- Ticker haber akışında gösterilecek haberleri değiştirmek için şu kodları bulup düzenleyin.</p> <p> </p> <blockquote> <p>div id='ticker'></p> <p><span class='ticker-heading'>Don't miss</span></p> <p><ul class='ticker-list'></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#/">#/</a>'>Fashion For Grown Ups at Rue du Mail</a><span class='ticker-date'>Posted 125 days ago</span></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Size matters at Monaco Yacht Show</a><span class='ticker-date'>Posted 131 days ago</span></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Seven tasty pizza recipes everyone will enjoy</a><span class='ticker-date'>Posted 131 days ago</span></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Find delicious, easy sundae recipes</a><span class='ticker-date'>Posted 131 days ago</span></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Three-Way Tie at Weekend Box Office</a><span class='ticker-date'>Posted 131 days ago</span></li></p> <p><li><a href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'>Dave Matthews Band bigger than Dylan</a><span class='ticker-date'>Posted 135 days ago</span></li></p> <p></ul></p> <p></div></p> </blockquote> <p> </p> <p>- Sosyal butonları kendi hesaplarınıza bağlamak için şablondan şu kodları bulup hesap adreslerini değiştirin.</p> <p> </p> <blockquote> <p><li><a alt='Facebook' class='fb-but' href='<a href="http://www.facebook.com/templateism">http://www.facebook.com/templateism</a>' target='_blank'></a></li></p> <p><li><a alt='Twitter' class='twitter-but' href='<a href="http://www.twitter.com/templateism">http://www.twitter.com/templateism</a>' target='_blank'></a></li></p> <p><li><a alt='Pinterest' class='pinterest-but' href='<a href="http://www.pinterest.com/fosterzone">http://www.pinterest.com/fosterzone</a>' target='_blank'></a></li></p> <p><li><a alt='Google Plus' class='google-but' href='<a href="https://plus.google.com/106374439082237286396/">https://plus.google.com/106374439082237286396/</a>' target='_blank'></a></li></p> <p><li><a alt='YouTube' class='youtube-but' href='<a href="http://maxmagdemo.blogspot.com/#">#</a>' target='_blank'></a></li></p> <p><li><a alt='Linkedin' class='linkedin-but' href='<a href="http://www.linkedin.com/company/#">http://www.linkedin.com/company/#</a>' target='_blank'></a></li></p> <p><li><a alt='RSS Feed' class='rss-but' href='<a href="http://maxmagdemo.blogspot.com/#">#</a>'></a></li></p> </blockquote> <p> </p> <p>Magazin, teknoloji, moda, haber ve eğlence türündeki bloglar için uygun olabilecek bir tema. Temay kullanmaya karar verdiyseniz <a title="blogger tema yükleme" href="http://bloghocam.blogspot.com/2011/04/blogger-sablon-yukleme.html" target="_blank">blogger tema yükleme</a> ile ilgili bilgi alabilir ya da daha önce paylaştığım diğer <a title="blogger temaları" href="http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1" target="_blank">blogger temalarına</a> bakabilirsiniz.</p> <p> </p> <p>Temanın düzenlenmesiyle ilgili sorularınızı yorum bölümünden sorablirsiniz. </p>

Responsive Max Mag 2013 Blogger Teması

Zaman geçtikçe her alanda olduğu gibi Blogger temalarında da teknoloji gelişiyor. 2013 yılıya birlikte Blogger tema yapımcıları yeni ve güzel temalar kodlamaya başladılar. Bu yıl tanıtmak istediğim il…

Devamı »

Kendi Tasarımım: Sementit Blogger Theme

<p>Bir süre önce, kendi düzenlediğim Sementit Blogger temasının beta versiyonunu, sosyal medya hesaplarımda yaptığım bazı etkinliklerle paylaşmıştım.Gelen geri bildirimler sonucunda temadaki hataları ve eksikleri gidererek tam sürümünü blogda paylaşmaya karar verdim.</p> <p> </p> <p><img alt="box" border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIysPMFcHwmU-IMVIGno0528F556UzHBrHvls3-ysN9dhfIoXixuYMMmK_mwZS5npefFguwMzIi8ICECDy4xz4ELr3s8Yw4O84-aDbC5IJw_59WSuvY9LqfTeZZCjeXtvVzbexKjAsv7vh/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="box" width="240" /></p> <p> </p> <p>Öncelikle temanın orijinalinden bahsetmek istiyorum.Daha önce de belirttiğim gibi bu temayı sıfırdan kodlamadım.<a title="Alfa" href="http://alfabloggertemplate.blogspot.com.br/" rel="nofollow" target="_blank">Alfa</a> isimli temayı düzenleyerek bu hale getirdim. Tema nereden nereye geldi diye merak ediyorsanız buyurun ilk ve son hali…</p> <p> </p> <p align="center"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLIOWM-mJ87RIbq18OgywWeNgcbccfmb7hFUG93mvvzmNoXWMHzlvUJ2lejjWeaBkAMD8iBqujQStajOsz_ZUFXeyPAjau2xKincZvfSjpgYQHRoo2J8JfcCWWwXQkP6xGaIt-7deWZ8KL/s1600-h/alfa9.png" target="_blank"><img alt="alfa" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1winfLcwV2uxiNtHPVmny_YfbcV26b5fu3hyphenhyphenYG_YheN8Ycq9Wqtj-A817zrek1njjSlqr0AGfj7QVehfNyWkOHMYrxlxg4xA6WyI5oVGGcqxs1pwStZmOabjd4qO8ec_wzGezU70KDGqw/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="alfa" width="116" /></a>     <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaOgxplF5uch27cBhqQLz9qpmw6rXutN0VIltTcQpwrjH9R1HZZAaLSp1QijvKvOaD_vVnvcIlD-ibpKX60hGt59qVls86J7Y4D0eN8J5qySql0IgEuySgehoOZRlysHFiseMrGnrg0hFR/s1600-h/sementit4.png" target="_blank"><img alt="sementit" border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh70ZLbXR5MeUZEwNu8CmajrCnR6zrEkvyy9vrIoc1T93Q6T64_hC4Teim6pgOc9FN5adwVRdZYEcI106AhgRiSIZCESMC23H1PewjkUgyv3bNX_k1EcaIiML10fRVr4nHbBwdn7G23dFu/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="sementit" width="116" /></a></p> <p>                                        <strong>ÖNCE</strong>                      <strong>SONRA</strong></p> <p><strong></strong></p> <p>Temaya pek çok özellik ekledim ve modern bir görünüme kavuşturdum.Kısaca özelliklerinden bahsetmek gerekirse:</p> <p> </p> <ul> <li>Header  bölümünün geniş olması çok istendi.Bu blogunuzun banner ya da logosunu koyabileceğiniz header bölümünü genişlettim. </li> <li>Sayfalar arasındaki geçiş önceki – sonraki şekilndeyken numaralı geçiş eklentisini ekledim. </li> <li>Arka plan resmini ve renk paleetin tamamen değiştirdim. </li> <li>Tipografi, yazı başlıkları ve sidebar başlıklarını değiştirdim. </li> <li>Resimli benzer yazılar eklentisi ve paylaşım kutusu ekledim. </li> <li>Yorum bölümünü özelleştirdim. </li> <li>Statik sayfalardaki hatayı düzelttim. </li> </ul> <p> </p> <p>Temanın diğer özelliklerini görmek ve düzenleme konusunda bilgi almak için <a title="Sementit Blogger Theme" href="http://bloghocamsementit.blogspot.com/" target="_blank"><strong>DEMO</strong></a> siteye bakabilirsiniz. <br /> <br />Demo sitedeki yorumları kapattım.Temayla ilgili tüm sorularınızı bu başlık altına yorum yazarak sorun lütfen<strong></strong></p> <p><strong></strong></p> <p align="center"><strong><a title="Sementit Temasını İndir" href="https://dl.dropbox.com/u/60346665/sementit.zip" target="_blank">>>> Download Sementit Blogger Theme <<<</a></strong></p>

Kendi Tasarımım: Sementit Blogger Theme

Bir süre önce, kendi düzenlediğim Sementit Blogger temasının beta versiyonunu, sosyal medya hesaplarımda yaptığım bazı etkinliklerle paylaşmıştım.Gelen geri bildirimler sonucunda temadaki hataları ve …

Devamı »

Legit Blogger Teması [Animasyonlu Header]

<p>Sıradışı özellikleriyle dikktimi çeken <a title="Blogger temaları" href="http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1" target="_blank">Blogger temalarını</a> paylaşmaya devam ediyorum.Bugün paylaşcağım <strong>Legit</strong> isimli tema da <a title="Dzignine" href="http://www.dzignine.com/" rel="nofollow" target="_blank">Dzignine</a> tarafından kodlanmış çok etkileyici bir tema.</p> <p> </p> <p><img alt="Legit Blogger Template" border="0" height="469" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij2prAtEqApwiIYyLaNXpvmcBi6bOogWISdNEEcShkEqATfI10zyPBV91fVDgzt_UPxrZ-cVYnijwkL8itfA6C7XLVVWb2ommS6AGYelOAfWdIrV9RdS2aqaZ7JHlZLuRj-LgudIjnyh6l/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Legit Blogger Template" width="327" /></p> <p> </p> <h5 align="center"><a title="DEMO" href="http://legit-dzignine.blogspot.com/" target="_blank">DEMO</a> & <a title="DOWNLOAD" href="http://www.dzignine.com/wp-content/uploads/biyanpasau/2012/04/legit.zip" target="_blank">DOWNLOAD</a></h5> <p> </p> <p>Temada dikkatimi çeken başlıca özellikler şunlar:</p> <p> </p> <ul> <li><strong><u>Hareketli Header:</u></strong> Temaın en göze çarpan özelliği HTML5 teknolojisi ile oluşturulmuş Header bölümü.Bulut animasyonu gerçekte hoş olmuş. </li> <li><strong><u>Sağ & Sol Sidebar:</u></strong> Temanın içerik bölümünün sağ ve sol tarafında toplam 2 adet sidebar var.Sidebar’daki gadget başlıkla kullanılan özel font Türkçe karakterlerleri desteklemediği için Türkçe karakter kullanmamanızı öneririm. </li> <li><strong><u>Blog Başlığı:</u></strong> Header kısmındaki animasyonun bozuomaması için her zaman üst tarafta görmeye alıştığımız blog başlığı bu temada sol sidebarın en üstünde. </li> </ul> <p> </p> <p>Sade ve şık bir tasarıma sahip Legit teması renk uyumuyla da başarılı bir çalışma bence.Kişisel bloglar için çok uygun bir tema.Animasyonlu header sayesinde ziyaretçilerin dikkatini çekeceğinizden emin olabilirsiniz.</p>

Legit Blogger Teması [Animasyonlu Header]

Sıradışı özellikleriyle dikktimi çeken Blogger temalarını paylaşmaya devam ediyorum.Bugün paylaşcağım Legit isimli tema da Dzignine tarafından kodlanmış çok etkileyici bir tema.     DEMO & DOWNLO…

Devamı »

Smoother Blogger Teması

<p>Dikkat ettiyseniz bir blogda sadece farklı özelliklere sahip ve orijinal <a title="Blogger temaları" href="http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1" target="_blank">temalar</a> paylaşıyorum.Beğendiğim diğer tüm temaları ise <a title="Blog Hocam Facebook sayfası" href="http://www.facebook.com/bloghocam" target="_blank">Facebook</a>, <a title="Blog Hocam Google+ sayfası" href="https://plus.google.com/108761595756468128383" target="_blank">Google+</a> ve <a title="Blog Hocam Twitter sayfası" href="https://twitter.com/BlogHocam" target="_blank">Twitter</a> hesaplarımda paylaşıyorum. <br /> <br /></p> <p><img alt="Smoother Blogger Template" border="0" height="394" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiJsBJZUptcUUrkfZalacCRa9_ZqNDr2de4Zl2aOLzPy7DA_eUw9Awe4rEkLH7FaIjnMVFsm5ySWf2eIG5OUFxarH0vIIXfJs-jw4vFbyPhZsAQSseIpmqz81domHQAGIFSYSUgwYQ8RVb/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Smoother Blogger Template" width="525" /></p> <h5 align="center"><a title="Demo" href="http://smoothertemplate.blogspot.com/" target="_blank">DEMO</a> & <a title="Download" href="http://bloggeritems.com/wp-content/uploads/2012/12/Smoother_Template_Version_1.3.zip" target="_blank">DOWNLOAD</a></h5> <p> </p> <p>Smoother temasının da kendine has, harika özellikleri olduğu için blogda paylaşmaya karar verdim.İşte temanın göze çarpan bazı özellikleri:</p> <ul> <li>Temanın sağ tarafında şık bir sidebar var.Sol tarafta ise sayfayla birlikte kayan ve sadece paylaşım butonlarından oluşan bir bar var. </li> <li>Blog başlığında kullanılan font hover efekti sayesinde logosu olmayanların ayrıca logoya ihtiyacı yok. </li> <li>Yazı başlıklarında gölgelendirme kullanılmış ve üzerine gelindiğinde yumuşak bir renk geçişi var. </li> <li>Numaralı sayfa navidasyonu, otomatik devamını oku gibi bazı eklentiler hazır. </li> <li>Tüm  ekran çözünürlüklerinde sorunsuz çalışıyor. </li> <li>Blogger şablon düzenleyiciyle uyumlu olduğu için bazı değişiklikleri kolayca yapabilirsiniz. </li> </ul>

Smoother Blogger Teması

Dikkat ettiyseniz bir blogda sadece farklı özelliklere sahip ve orijinal temalar paylaşıyorum.Beğendiğim diğer tüm temaları ise Facebook, Google+ ve Twitter hesaplarımda paylaşıyorum. DEMO…

Devamı »

BlueBuzz: Bugüne Kadar Paylaştığım En İyi Tema

<p>Bugüne kadar paylaştığım <a title="Blogger temaları" href="http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1" target="_blank">Blogger temaları</a> arasında benm en iyisi olduğunu düşündüğüm bir temayı tanıtcağım size.Görünüm olarak sade ve çok dikkat çekici değil ama özelliklerini görünce bana hak vereceksiniz.</p> <p> </p> <p><img alt="BlueBuzz Blogger Template" border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcM1ucZvlrp13S5ouSlXSbMScTmzgI-echOZU9kBaSSOpFhgfo9yBGvwYLf1zIrCHLgHzMXkOrGCQageJw7uecXiS0sbBDH1PGiZ4B0gMpdAK7sAlKAn_txWj6DNKEONOcRpY3ivUGlspY/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="BlueBuzz Blogger Template" width="525" /></p> <p> </p> <p align="center"><a title="Demo" href="http://bluebuzz-ivythemes.blogspot.com/" target="_blank"><strong>DEMO</strong></a><strong> & </strong><a title="DOWNLOAD" href="https://www.box.com/s/etvs0h1y9plk3h4pml8k" target="_blank"><strong>DOWNLOAD</strong></a></p> <p> </p> <ul> <li><strong><u>Sayfa Görünümü:</u></strong> Blogu açtığınızda yazılar liste şeklinde alt alta gözüküyor.Ancak barın hemen başındaki grid view ikonuna basarak galeri görünümüne geçebiliyorsunuz.İstediğiniz an list view ikonuna basarak liste görünümüne dönüş yapabiliyorsunuz.Oldukça hızlı ve pratik. </li> <li><strong><u>Açılır Menü:</u></strong> Temanın en orijinal özelliklerinden biri de barın devamındaki açılır menü.Menüdeki her bir öğenin başında bir ikon var ve bu öğelerin içine gadgetlar entegre edilmiş.Menüdeki son yazılar, son yorumlar ve kategoriler öğelerinin üzerine geldiğinizde açılan panelde o gadgetları göreceksiniz. </li> <li><strong><u>Sosyal Butonlar:</u></strong> Barın devamındaki sosyal butonlar CSS sprite iözelliği kullanarak oluşturulmuş ve üzerine geldiğinizde rkendi rengine dönüşüyor. </li> <li><strong><u>Arama Kutusu:</u></strong> Barın sonundaki arama kutusu ilk bakışta size klasik, her sitede gördüğünüz bir arama kutusu gibi gelebilir ama işin aslı öyle değil.Bir arama yaptığınızda küçük bir pencere açılarak sonuçlar orada gösteriliyor.Ana sayfaız açık kalıyor. </li> <li><strong><u>Yorum Bölümü:</u></strong> Temanın bir diğer güzelliği de yorum bölümü.Özellikle bir kişinin yorumunu yanıtladığınızda aynı çerçeve alındığı için o kişiye verdiğiniz cevap net belli oluyor. </li> </ul> <p>Bunların dışında resimli otomatik devamını oku, Cufon gibi diğer temalarda bulabileceğiniz özellikler de var ama onlardan bahsetmeyeceğim.</p>

BlueBuzz: Bugüne Kadar Paylaştığım En İyi Tema

Bugüne kadar paylaştığım Blogger temaları arasında benm en iyisi olduğunu düşündüğüm bir temayı tanıtcağım size.Görünüm olarak sade ve çok dikkat çekici değil ama özelliklerini görünce bana hak verece…

Devamı »

Harika Bir Galeri Teması: Pegasus

<p>Pegasus teması, ana sayfada sadece yazıda kullanılan resimlerin gösterildiği çok şık bir tema.Resimlerin üzerine geldiğinizde o resme ait yazı başlığı beliriyor ve tıklandığında kayıt sayfasına yönleniyor.</p> <p> </p> <p>Ana sayfada kayıtlara ait resimlerin dışında 4 sütunlu footer alanı ve yatay açılır menünün bulunduğu bir header var.Sayfalar arasındaki geçiş sayfa nbumaralandırma eklentisi kullanılarak kolaylaştırılmış.</p> <p> </p> <p>Bu temanın sidebarı nerede diye sorabilirsiniz.Ana sayfada minimalist bir tasarım istendiği için sidebar sadece kayıt sayfalarında gözüküyor.</p> <p> </p> <p>Son olarak yorum bölümünden bahsetmek istiyorum.Yorumlarda dişli yorum sistemi mevcut ve güzel bir stil kullanılmış.Ayrıca blog yazarının yorumlarının bir rozet kullanılarak belirginleştirlmesi güzel bir detay olmuş.</p> <p> </p> <p><img alt="Pegasus Blogger Template" border="0" height="317" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhss9wmTAA_Oe5yEaxAb8PAbC-U8R-d-7AEClQf0SJ5VFQe5W0QrnOvo7Mgi2MFOjYx7j_9giJZuhVbrXjTfbb5UY23lddmrUw03TBFTleMHpRv7e_uYhd7p1uLlhafqs_fy7338NLhJr4M/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Pegasus Blogger Template" width="527" /></p> <h3 align="center"><a title="Demo" href="http://pegasus-srtemplate.blogspot.com/" target="_blank">DEMO</a> & <a title="DOWNLOAD" href="https://www.box.com/s/f8d37906b39201fe8a4c" target="_blank">DOWNLOAD</a></h3> <p align="center"> </p> <p>Demosuu inceleyip temayı kullanmaya karar verdiyseniz düzenlemeniz gerekenttekyer olan üstteki yatay menüyü nasıl düzenleyeceğinizi göstereyim.Menünün kodları şunlar:</p> <p> </p> <blockquote> <p><div class='menu-main-container'> <br /><ul class='sf-menu' id='menu-main'> <br /><li><a href='#'>Home</a></li> <br /><li><a href='#'>Blog</a></li> <br /><li><a href='#'>Styling</a></li> <br /><li><a href='#'>Skins</a> <br /><ul class='sub-menu'> <br /><li><a href='#'>Black</a></li> <br /><li><a href='#'>Blue</a></li> <br /><li><a href='#'>Purple</a></li> <br /><li><a href='#'>Teal</a></li> <br /><li><a href='#'>Green</a></li> <br /><li><a href='#'>Orange</a></li> <br /><li><a href='#'>Silver</a></li> <br /><li><a href='#'>Yellow</a></li> <br /></ul> <br /></li> <br /><li><a href='#'>Templates</a> <br /><ul class='sub-menu'> <br /><li><a href='#'>Portfolio &amp; Blog Mixed Homepage</a></li> <br /><li><a href='#'>Full-Width Page</a></li> <br /><li><a href='#'>Full-Width Page with Featured Image</a></li> <br /><li><a href='#'>Full-Width Page with Slider</a></li> <br /><li><a href='#'>Standard Page with Featured Image</a></li> <br /><li><a href='#'>Sitemap</a></li> <br /><li><a href='#'>Blog Categories</a> <br /><ul class='sub-menu'> <br /><li><a href='#'>Animals</a></li> <br /><li><a href='#'>Places</a></li> <br /></ul> <br /></li> <br /><li><a href='#'>Portfolio Categories</a> <br /><ul class='sub-menu'> <br /><li><a href='#'>Places</a></li> <br /><li><a href='#'>Animals</a></li> <br /><li><a href='#'>People</a></li> <br /></ul> <br /></li> <br /></ul> <br /></li> <br /><li><a href='#'>Contact</a></li> <br /><li><a href='#'>Purchase</a></li> <br /></ul> <br /></div></p> </blockquote> <p> </p> <p>Menüde yer alan her öğeye ait kod  <li><a href='#'>Contact</a></li> şeklinde gösterilir.Buraadaki <strong>#</strong> yerine Contact yazısına tıklayınca açılmasını istediğiniz sayfanın URLsini yazacaksınız. </p>

Harika Bir Galeri Teması: Pegasus

Pegasus teması, ana sayfada sadece yazıda kullanılan resimlerin gösterildiği çok şık bir tema.Resimlerin üzerine geldiğinizde o resme ait yazı başlığı beliriyor ve tıklandığında kayıt sayfasına yönlen…

Devamı »

Float Blogger Teması

<p>Yeni bir orjinal tema paylaşımı ile karşınızdayım.Bu temanbın ismi ise <strong>Float</strong>.Blogcuların kullandıüı temalar birbrine o kadar benziyor ki böyle usta tasarımcıarın elinden çıkan orjinal bir tema ile karşılaştıımda çok hoşuma gidiyor ve paylaşma ihtiyacı duyuyorum.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaMuiD0C-FUtNYX7NPydjG_PZZBdo99y9-qd0PlJpzTHqJvRVA8SxstB5z19R_qRO5x_Lbwkh9rwQfl9qWwbcoHojkJBRKaJ66EYtTcjAhPs-j2oZphqYNsJggij1Yk8dTYSMzXOlEV6A0/s1600-h/float-blogger-template5.jpg" target="_blank"><img alt="Float Blogger Teması" border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikkNZii0ut1NVZvSx1k1byZYH3LKDeay7E14DhFkpgFKKehGg9iI6Nm6N7gm3C7lrfty_9D1v8Qp3XeVcCsYNImSeeRrTOyNiZy2L2_RAfXtSafBZum-3kHXpPdP4NlR6mYaK5VRMI2T0Q/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Float Blogger Teması" width="375" /></a></p> <h5 align="center"><a title="Demo" href="http://float-srtemplate.blogspot.com/" target="_blank">Demo</a> – <a title="DOWNLOAD" href="https://www.box.com/s/db807de9431cbec9b96a" target="_blank">Download</a></h5> <p> </p> <p>Üstteki yatay menüyü düzenlemek için şanblondan şu kodlrı bulun:</p> <p> </p> <blockquote> <p><ul class='menu' id='menu-menu'> <br /><li><a href='#'>Home</a></li> <br /><li><a href='#'>Styling</a></li> <br /><li><a href='#'>Drop-down</a> <br /><ul class='sub-menu'> <br /><li><a href='#'>News</a></li> <br /><li><a href='#'>Video</a></li> <br /><li><a href='#'>Lorem Ipsum</a></li> <br /><li><a href='#'>Some Link</a></li> <br /></ul> <br /></li> <br /><li><a href='#'>Archives</a></li> <br /><li><a href='#'>Contact</a></li> <br /></ul></p> </blockquote> <p> </p> <p>Menüdeki her bir öğeyi şu şekilde düzenleyeceksiniz:</p> <p> </p> <blockquote> <p><li><a href='<strong>Açılacak link</strong>'><strong>Öğenin adı</strong></a></li></p> </blockquote> <p> </p> <p>Düzenlemeniz gereken diğer bir yer ise sosyal butonlar.Bunun için şablondan aşağıdaki kodları bulun:</p> <p> </p> <blockquote> <p><ul> <br /><li><a href='#' id='dribbble'>Dribbble</a></li> <br /><li><a href='<a href="http://facebook.com'">http://facebook.com'</a> id='facebook'>Facebook</a></li> <br /><li><a href='#' id='flickr'>Flickr</a></li> <br /><li><a href='<a href="http://twitter.com'">http://twitter.com'</a> id='twitter'>Twitter</a></li> <br /><li><a href='#' id='google'>Google+</a></li> <br /><li><a href='#' id='tumblr'>Tumblr</a></li> <br /><li><a href='#' id='pinterest'>Pinterest</a></li> <br /><li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' id='rss'>RSS</a></li> <br /></ul></p> </blockquote> <p> </p> <p>Her bir sosyal ağın önündei <strong># </strong>işareti yerine o sosyal ağa ait adresinizi yazın.Örneğin:</p> <p> </p> <blockquote> <p><li><a href='<a href="http://twitter.com/bloghocam'"><strong>http://twitter.com/bloghocam</strong>'</a> id='twitter'>Twitter</a></li> gibi</p> </blockquote> <p> </p> <p>Eğer listedeki sosyal ağlar arasında hesabınız olmayanlar varsa o satırı tamamen silebilirsiniz.</p>

Float Blogger Teması

Yeni bir orjinal tema paylaşımı ile karşınızdayım.Bu temanbın ismi ise Float.Blogcuların kullandıüı temalar birbrine o kadar benziyor ki böyle usta tasarımcıarın elinden çıkan orjinal bir tema ile kar…

Devamı »

Tüm Zamanların En Özellikli Blogger Teması

<p>Bu güne kadar gördüğünüz en orjinal Blogger temasıyla tanışmaya hazır mısınız? Giriş cümlesi size çok iddialı gelmiş olabililr ama temayı test edip özelliklerini görünce bana hak vereceksiniz.</p> <p> </p> <p>Aslında premium olan bu tema ilk kodlandığında yanlış hatırlamıyorsam $20 civarında bir fiyata satılıyordu.Sonra ne oldu bilmiyorum temanın yapımcısı ücretsiz dağıtmaya karar verdi.İşte bu temanın özellikleri:</p> <ul> <li><strong><u>ThumbCropper:</u></strong> Bildiğiniz gibi normal temalarda ana sayfada yazıya ait resmin thumbnail şeklinde küçültülmüş haki gözükür.Bu temada kullanılan ThumbCropper aracı sayesinde yazının içerisindeki resim kırpılarak ana sayfada gözükür. </li> <li><strong><u>Sonsuz Scroll:</u></strong> Twitter2da ve bazı sitelerde sayfanın altında daha fazla diye bir buton yer alır ve o butona tıkladığınızda sayfaya yeni öğeler eklenerek saşağı doğru ayar.İşte bu temada da ileri-geri veya numaralı sayfa geçişleri yerine bu özellik kullanılmış. </li> <li><strong><u>2 Renk Seçeneği:</u></strong> Temayı indirdiğinizde zip dosyasının içinde açık ve koyu renk seçenekleri için 2 adet .xml dosyası bulacaksınız.Eğer beyaz versiyonunu tercih etmiyorsanız gri versiyonunu da kullanabilirsiniz. </li> <li><strong><u>Tarayıcı uyumluluğu:</u></strong> Temalarda yaşanan en büyük sorulardan biridir farklı tarayıcılarda düzgün çalışmaması.Bu tema tarayıcı uyumlu olduğu için tüm tarayıcılarda sorunsuz çalışmaktadır. </li> </ul> <p> </p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLnqMrRfOoaX9Mwcm5LscOTVRK4LAfsbkX6r81_BLM0R7uZ_oQOIUQnc7vYV04WbqVr4tEw8lZVfr3xwUNx46kh1pSDV4RVdK9eJqf-K7ks27Mrp2cmqHKMRqEE6eWOd5iCQuE8-_Cvv-g/s1600-h/premium-galeri-temasi5.png" target="_blank"><img alt="Premium Galeri Teması" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ4yeSUlpbQK6WFAgKecSBD0iB3bfpkNrsLg3mR_mZR6w6M04NXhmmn6McUHjlfbYx7AbfV_VkMb4NPmp6EhUf7JXtS9KdaEGoi0CjdS3o5azc0tz3BhhVb0i3Lm1qiYhXiw_aLdGerlA6/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Premium Galeri Teması" width="527" /></a></p> <p> </p> <p>       <a title="Demo" href="http://portfolio-demo-theme.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEgXCP0e6AHLiTX8bkDpK7ti2eVt3AT7rAj4ZLfRAtZHLqrEmjz0KotiupwLU1MTKvqMT4yJZc1Z4pTnaIlgvOdr_vjFfs6_Oi5-s7zGcudbAjReizhWuvBYOulu1IHkcoBv_OwyT6NhaZ/s237/DEMO.png" /></a>   <a title="Download" href="https://www.box.com/s/cdc5e1e5f5ca4968e818" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05l1PQ_VzUgd8GrJbGDNQCyPpzEbtfD0B7SEccHtol-VtcU8261MIXs-48qFzUiiAkhzOGt2z6brpFtwhFdVXVcidb-g8O9e-CxJEFixZu3EH7GZoCSTUzgvMTXiw9qrza-5J0faRdfUL/s240/download4.png" /></a></p> <p> </p> <p>Demosuna da baktıysanız bu temayı neden bu kadar övdüğümü anlamışsınızdır.Fotoğraf ağırlıklı blog yazanlar veya blogunu portföy gibi kullananlar için bu şiddetle tavsiye ediyorum bu temayı.Gördüüm tek zayıf tarafı ise sanırım yorum bölümü.</p>

Tüm Zamanların En Özellikli Blogger Teması

Bu güne kadar gördüğünüz en orjinal Blogger temasıyla tanışmaya hazır mısınız? Giriş cümlesi size çok iddialı gelmiş olabililr ama temayı test edip özelliklerini görünce bana hak vereceksiniz.   Asl…

Devamı »

Bloom Magazin Teması

<p>Uzun zamandır Blogger teması paylaşmıyordum.Sebebi takip ettiğim tema sitelerinde hep benzer temaların olmasıydı.Farklı olanları da ya beğenmiyordum ya da bir yerinde eksik görüyordum.Nihayet paylaşmaya değer güzel bir temaya rastladım.İsmi <strong>Bloom</strong>.</p> <p> </p> <p><strong><u>Özellikleri</u></strong></p> <ul> <li>Şık arama kutusu. </li> <li>Header’da iki kademeli açılır yatay menü. </li> <li>Slayt manşet alanı. </li> <li>Sabit manşet alanı. </li> <li>İki sütunlu kayıt alanı. </li> <li>Numaralı sayfa navigasyonu. </li> <li>Resimli otomatik devamını oku eklentisi. </li> </ul> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaJzOUSCzPTThzLFuAtkLmiDR0Zgw_ZOE8P8RwRxKIBivADvgGQjEFlQGYC1B-T4v_iVIUj4s-u34aTP9Pvk78Z1QNspMTrCrG-dff3X3_Jdy3_s5-Z2yattIE3qxaIfAvmQPepX5eDVcu/s1600-h/bloom-magazin-blogger-temasi6.png" target="_blank"><img alt="Bloom Magazin Teması" border="0" height="293" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwbNw9rgh6WtUe1nyZGFaaHdScUL9zZJCSHnFzLcvmdLjWip3Xuh77_HLxEwtw-ztSyOkudANSjTEgzxpdLJ-sx0X__F51xl-9ogjrVML8F_hthjJjnJ6WuvidduPE9H5Gu7-eff_qC4g2/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Bloom Magazin Teması" width="527" /></a></p> <p>         <a title="Demo" href="http://bloom-template.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEgXCP0e6AHLiTX8bkDpK7ti2eVt3AT7rAj4ZLfRAtZHLqrEmjz0KotiupwLU1MTKvqMT4yJZc1Z4pTnaIlgvOdr_vjFfs6_Oi5-s7zGcudbAjReizhWuvBYOulu1IHkcoBv_OwyT6NhaZ/s237/DEMO.png" /></a>   <a title="Download" href="https://www.box.com/s/206bc4c7f407344c9396" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05l1PQ_VzUgd8GrJbGDNQCyPpzEbtfD0B7SEccHtol-VtcU8261MIXs-48qFzUiiAkhzOGt2z6brpFtwhFdVXVcidb-g8O9e-CxJEFixZu3EH7GZoCSTUzgvMTXiw9qrza-5J0faRdfUL/s240/download4.png" /></a></p> <p> </p> <p>Şimdi de düzenlemeniz gereken yerlerden bahsedeyim:</p> <p> </p> <p><strong><u>1. Kademe Yatay Menü:</u></strong> Açık renk zemin üzerine olan açılır yatay menüyü kendinize göre düzenlemek için şablonun HTML kodlarında şu bölümü bulun:</p> <p> </p> <blockquote> <p><ul class='wpn_menu' id='menu'> <br /><li><a href='#'>Home</a></li> <br /><li><a href='#'>Get in Touch</a></li> <br /><li><a href='#'>HTML Elements!</a> <br /><ul class='children'> <br /><li><a href='#'>Headings</a></li> <br /><li><a href='#'>List Fun</a></li> <br /><li><a href='#'>Blockquotes!</a></li> <br /></ul> <br /></li> <br /><li><a href='#'>Page Templates</a> <br /><ul class='children'> <br /><li><a href='#'>Links &amp; Bookmarks</a></li> <br /><li><a href='#'>Lost? View Sitemap</a></li> <br /><li><a href='#'>No Sidebars</a></li> <br /></ul> <br /></li> <br /></ul></p> </blockquote> <p> </p> <p>Burada dikkat etmeniz gereken şey <strong>ul class='children'</strong> ile <strong>/ul</strong> arasındaki bölümün açılır menünün açılan kısmına ait olduğudur.</p> <p> </p> <p><strong><u>2. Kademe Yatay Menü:</u></strong> Hemen altındaki kinci yatay menüyü düzenlemek için de şu kodları bulun:</p> <p> </p> <blockquote> <p><ul class='wpn_submenu' id='submenu'> <br /><li><a href='#'>Culture + Celebrity</a></li> <br /><li><a href='#'>Fashion + Beauty</a></li> <br /><li><a href='#'>Food + Health</a></li> <br /><li><a href='#'>Travel + Nature</a> <br /><ul class='children'> <br /><li><a href='#'>Dropdown Flyout</a> <br /><ul class='children'> <br /><li><a href='#'>Child 2nd Level</a> <br /><ul class='children'> <br /><li><a href='#'>Child 3rd Level</a> <br /><ul class='children'> <br /><li><a href='#'>Child Item #1</a></li> <br /><li><a href='#'>Child Item #2</a></li> <br /><li><a href='#'>Child Item #3</a> <br /></li></ul></li></ul></li> <br /></ul> <br /></li> <br /><li><a href='#'>Dropdown Item</a> <br /></li></ul> <br /></li> <br /></ul></p> </blockquote> <p> </p> <p>Burada da her <strong>ul class='children'</strong> komutu yeni bir alt link oluşturmanızı sağlar.</p> <p> </p> <p><strong><u>Slayt Manşet:</u></strong> Menülerin hemen altındaki slayt manşeti düzenlemek için şu kodları bulun:</p> <p> </p> <blockquote> <p><div class='imageElement'><h2>Was &#8220;Free Willy&#8221;Better Off in Captivity?</h2><p/> <br /><a class='open' href='#' title='Read More'/> <br /><img class='full' src='<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIE64KxLvseCNQC179PMz9Lwvbrl8V2vU-VeMmQKCbOFG7mDGrdmLt4pbqSa2UdnYd5e-cENZ2BvgVPrtQm7ueD4vU-ymp0IdHIGearu0lXPv8qV6iGpLGKeSigTpM0oaCG5ODiNn49qx6/s586/free-willy.jpg'/">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIE64KxLvseCNQC179PMz9Lwvbrl8V2vU-VeMmQKCbOFG7mDGrdmLt4pbqSa2UdnYd5e-cENZ2BvgVPrtQm7ueD4vU-ymp0IdHIGearu0lXPv8qV6iGpLGKeSigTpM0oaCG5ODiNn49qx6/s586/free-willy.jpg'/</a>> <br /><img class='thumbnail'/></div></p> <p><div class='imageElement'><h2>One for Mom,One for Mother Earth</h2><p/> <br /><a class='open' href='#' title='Read More'/> <br /><img class='full' src='<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-UeA4jZIY2R4GCe7sl7RhabfgB2EvexbFomhmsCTCurV9tyA2UYsEb7omBuz2Vhd7j6pFKnDFLy6uyniValwmHbT1h7zU7cVmXDrTBzByjwmzM3sSdtM6OTK6HCZbveubW0vCXNbRv-2r/s586/earth.jpg'/">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-UeA4jZIY2R4GCe7sl7RhabfgB2EvexbFomhmsCTCurV9tyA2UYsEb7omBuz2Vhd7j6pFKnDFLy6uyniValwmHbT1h7zU7cVmXDrTBzByjwmzM3sSdtM6OTK6HCZbveubW0vCXNbRv-2r/s586/earth.jpg'/</a>> <br /><img class='thumbnail'/></div></p> <p><div class='imageElement'><h2>Power Station Takes an Axe to Santa&#8217;s Workshop</h2><p/> <br /><a class='open' href='#' title='Read More'/> <br /><img class='full' src='<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ5oQK4yuCsG4sBZexANGWbtiGDNBUi5m2zcwoSZWTV2penXlIC-ORMr9hjYhKeyov22HFHPs4L03QdpNU0rho07V6jL_Ic1bEYVBVG3vtcwUvwcu4hYduvS4eaeiKEgpe1I3iwyeMlKCX/s586/santas.jpg'/">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ5oQK4yuCsG4sBZexANGWbtiGDNBUi5m2zcwoSZWTV2penXlIC-ORMr9hjYhKeyov22HFHPs4L03QdpNU0rho07V6jL_Ic1bEYVBVG3vtcwUvwcu4hYduvS4eaeiKEgpe1I3iwyeMlKCX/s586/santas.jpg'/</a>> <br /><img class='thumbnail'/></div></p> <p><div class='imageElement'><h2>Ben Southall Wins Spot as Island Caretaker</h2><p/> <br /><a class='open' href='#' title='Read More'/> <br /><img class='full' src='<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1KyI8j2POpolREbzaaU-W_P7UBjn9mrZcGXdo4EPT0U3TL9JzNmY4JAvNTRWo3Dtf-zkdBXo-I5bs8hZkRSFn5REYeT2X724eU6JGfDlm-YGRaq8TdmFVVmkOZwILIq0b7RpYEUwsNpU/s586/island.jpg'/">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1KyI8j2POpolREbzaaU-W_P7UBjn9mrZcGXdo4EPT0U3TL9JzNmY4JAvNTRWo3Dtf-zkdBXo-I5bs8hZkRSFn5REYeT2X724eU6JGfDlm-YGRaq8TdmFVVmkOZwILIq0b7RpYEUwsNpU/s586/island.jpg'/</a>> <br /><img class='thumbnail'/></div></p> <p><div class='imageElement'><h2>Australia Seeks $18 Million for Moreton Island</h2><p/> <br /><a class='open' href='#' title='Read More'/> <br /><img class='full' src='<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3nxV8RvN3BkGk1HoEkHhTEiqav0AhweM19HkiI1qVYQNP7Rm4HyeyjisBsxc3F0iYMMMzxUPaIXDKEaoHHP86tMvsyy_bxpcpYyt-t2SFcGYa_ss61kykR4hEtQsaJ-EaLiHsqtpre73c/s586/australia.jpg'/">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3nxV8RvN3BkGk1HoEkHhTEiqav0AhweM19HkiI1qVYQNP7Rm4HyeyjisBsxc3F0iYMMMzxUPaIXDKEaoHHP86tMvsyy_bxpcpYyt-t2SFcGYa_ss61kykR4hEtQsaJ-EaLiHsqtpre73c/s586/australia.jpg'/</a>> <br /><img class='thumbnail'/></div> <br /></p> </blockquote> <p> </p> <p>Burada gösterilecek resimleri, o resme ait başlıkları ve resme tıklayınca açılmasını istediğiniz sayfaları belirleyeceksiniz.</p> <p> </p> <p><strong><u>Sabit 3’lü Manşet:</u></strong> Slaytın hemen altında yan yana 3 adet manşet daha var.Bunları düzenlemek için sayfa öğelerine (yerleşim) gidip Highlight1, 2 ve 3 isimli gadgetları düzenle deyin ve gösterilecek resmi, yazıyı ve linki oradan değiştirin.</p>

Bloom Magazin Teması

Uzun zamandır Blogger teması paylaşmıyordum.Sebebi takip ettiğim tema sitelerinde hep benzer temaların olmasıydı.Farklı olanları da ya beğenmiyordum ya da bir yerinde eksik görüyordum.Nihayet paylaşma…

Devamı »

3 Sütunlu Türkçe Blogger Teması: WP-OpenCart

<p>Bu güne kadar hiç 3 sütunlu bir Blogger teması paylaşmamıştım.Neden bilmiyorum ama 3 sütunlu blog temalarına bir türlü ısınamadım.İlk defa beğendiğim ve paylaşmaya değer gördüğüm 3 sütunlu bir Blogger teması ile karşılaştım.Temanın ismi <strong>WP-OpenCart</strong> ve Wordpress ‘ten Blogger’a çevrilmiş bir tema.</p> <p> </p> <p>3 sütunlu bir tema olarak test bloguma yüklediğimde aynı zamanda 2 sütunlu olarak kullanılabildiğini de farkettim.Sidebarlardan birini boş bıraktığınızda tema otomatik olarak 2 sütunlu bir temaya dönüşünüyor.Hem de hizalama ve yerleşim sorunu yaşamadan.Yorum bölümünde yorum yanıtlama seçeneğinin de aktif olduğunu ve sorunsuz çalıştığını hatırlattıktan sonra sizi temanın demousu izlemeye davet ediyorum…</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXFes7kfME8YqJuhmgBBWuqu15uMWyeLx6JgsAHyf0J29W7KHp3Q4ez49mNyNzKpw_IEVV5V2xNzRm1bDFG1Ege2shQtJNWedgPAR50wtfNqpmDIVrnFmNv01HtxkJaf-MJnEeyakN8ZH7/s1600-h/WP-OpenCart5.png" target="_blank"><img alt="WP-OpenCart Blogger Template" border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyxUiU1vQuRJwN2TAV0wAEDXPvjfXtSRaqWLB_DP1GPA8o7DQ-GoLEoZrZ0v-XA_pZcoNq21bMAMtPJq0vB1rmmP4dfTH1wryxTLrk-K0kkkBXoqS_r0dJbG5h_Svto74zMht6-bEnJaUO/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="WP-OpenCart Blogger Template" width="527" /></a></p> <p>           <a title="Demo" href="http://litethemes-wpopencart.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEgXCP0e6AHLiTX8bkDpK7ti2eVt3AT7rAj4ZLfRAtZHLqrEmjz0KotiupwLU1MTKvqMT4yJZc1Z4pTnaIlgvOdr_vjFfs6_Oi5-s7zGcudbAjReizhWuvBYOulu1IHkcoBv_OwyT6NhaZ/s237/DEMO.png" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" /></a>  <a title="Download" href="http://www.box.com/s/lnhqakb6tbopb2jfbh2f" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05l1PQ_VzUgd8GrJbGDNQCyPpzEbtfD0B7SEccHtol-VtcU8261MIXs-48qFzUiiAkhzOGt2z6brpFtwhFdVXVcidb-g8O9e-CxJEFixZu3EH7GZoCSTUzgvMTXiw9qrza-5J0faRdfUL/s240/download4.png" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" /></a></p> <p> </p> <p>Temanın demo sitesi ingilizce ve orjinalidir.Ancak indirdiğinizde zip klasörünün içinden türkçe hali çıkacaktır.Bir kaç küçük değişklik yapıp temayı türkçe olarak upload ettim.O yüzden demonun inglizce olması sizi yanıltmasın :) </p> <p> </p> <p>Temada düzenlemeniz gereken tek yer yatay menü.Yatay menüyü ister açılır, ister normal yatay menü olarak kullanabiliriz.Şablonda menüye ait kodları şunlardır:</p> <p> </p> <blockquote> <p><div class='menu'> <br />                <ul> <br />                  <li class='page_item'><a href='#' title='Menu #1'>Menu #1</a></li> <br />                  <li class='page_item'><a href='#' title='Menu #2'>Menu #2</a></li> <br />                  <!-- begin example drop down menu --> <br />                  <li class='page_item'><a href='#' title='Menu #3'>Menu #3</a> <br />                    <ul class='children'> <br />                      <li class='page_item'><a href='#' title='Sub Menu #1'>Sub Menu #1</a></li> <br />                      <li class='page_item'><a href='#' title='Sub Menu #2'>Sub Menu #2</a></li> <br />                    </ul> <br />                  </li> <br />                  <!-- end example drop down menu --> <br />                  <li class='page_item'><a href='#' title='Menu #4'>Menu #4</a></li> <br />                </ul> <br />              </div></p> </blockquote> <p> </p> <p>Arama kutusunun üzerindeki <strong>Home</strong> – <strong>About </strong>– <strong>Contact</strong> yazan yerlerde oluşturduğunuz statik sayfalar otomatik olarak gözükecektir.Orada Sayfalar gadgetı ekli.Her hangi bir değişikliğe gerek yok.</p> <p> </p> <p>Son olarak paylaşttığım diğer <a title="Blogger Temaları" href="http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1">Blogger temalarına</a> ve Blogger temalarının nasıl yükleneceğini bilmeyenler için hazırladığım <a title="Blogger Şablon Yükleme" href="http://bloghocam.blogspot.com/2011/04/blogger-sablon-yukleme.html">yazıya</a> bakmanızı öneriyorum.</p>

3 Sütunlu Türkçe Blogger Teması: WP-OpenCart

Bu güne kadar hiç 3 sütunlu bir Blogger teması paylaşmamıştım.Neden bilmiyorum ama 3 sütunlu blog temalarına bir türlü ısınamadım.İlk defa beğendiğim ve paylaşmaya değer gördüğüm 3 sütunlu bir Blogger…

Devamı »

Tüm Ayarlarıyla Bubsy Blogger Teması

<p>Wordpress’ten Blogger’a <a title="BloggerReflex" href="http://www.bloggerreflex.com/" target="_blank">BloggerReflex</a> tarafından çevrilen Busby Blogger Teması, şık ve profesyonel görnümüyle dikkatimi çekti ve burada paylaşmak istedim.Denemek için test bloguma yüklediğimde Bloggr Şablon Tasarımcısı ile uyumlu olduğunu gördüğümde bu tema benim için daha değerli hale geldi.Bunun gibi Blogger Şablon Tasarımcısı ile uyumlu tema bulmak çok kolay olmuyor.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigO8oZvy5o1C7f-OJwXUYFtkZJvOEbuVucd6DAVprLKq_hdvY-2BsTLzVmRwlLVX_tkA9X9cLZyoPHCLRmdfw7QCezNQzq7mrhN4IHrkZxjK8R9KC1a-l2qzlvVWremc1Jc_izAX86-Xd0/s1600-h/busby-blogger-template5.jpg" target="_blank"><img alt="Busby Blogger Teması" border="0" height="395" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijPKAxIMwc7OfIh8OaAeY8eydOQZcmv9LLil11uELA1ohpllxtiJpYImxX7GbcZKgcCvxrOyZ3q7tYJSTkBXXGYvnFgVSdBLSu9jfdBCnW74kBjsvhj5bO4PlgRkFjKQruGjdvQx5iOXP3/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Busby Blogger Teması" width="529" /></a></p> <p>        <a title="Demo" href="http://busby-blogger-template.blogspot.com/" target="_blank"><img alt="Demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEgXCP0e6AHLiTX8bkDpK7ti2eVt3AT7rAj4ZLfRAtZHLqrEmjz0KotiupwLU1MTKvqMT4yJZc1Z4pTnaIlgvOdr_vjFfs6_Oi5-s7zGcudbAjReizhWuvBYOulu1IHkcoBv_OwyT6NhaZ/s237/DEMO.png" title="Demo" /></a>  <a title="Download" href="http://www.box.com/s/k2bk7rmo398a9zamsctu" target="_blank"><img alt="Download" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05l1PQ_VzUgd8GrJbGDNQCyPpzEbtfD0B7SEccHtol-VtcU8261MIXs-48qFzUiiAkhzOGt2z6brpFtwhFdVXVcidb-g8O9e-CxJEFixZu3EH7GZoCSTUzgvMTXiw9qrza-5J0faRdfUL/s240/download4.png" title="Download" /></a></p> <p> </p> <p>Temanın görünümü Blogger Şablon Tasarımcısından istediğiniz gibi değiştirebileceğinizi hatırlattıktan sonra kodlarda düzenlemeniz yerlere geçiyorum.</p> <p> </p> <p><strong><u>Twitter, RSS, Facebook Butonları</u></strong></p> <p>Sağ üst tarafta, blog başlığının yaında bulunan Twitter, RSS ve Facebook butonlarını düzenlemek için aşağıdaki kodları bulun ve <strong><font color="#ff0000">#</font></strong> yerine kendi Twitter, RSS ve  Facebook adreslerinizi yazın.</p> <p> </p> <blockquote> <p><ul id='social'> <br />        <li class='twitter'><a href='<strong><font color="#ff0000">#</font></strong>'>Twitter</a></li> <br />        <li class='rss'><a href='<strong><font color="#ff0000">#</font></strong>'>RSS</a></li> <br />        <li class='facebook'><a href='<strong><font color="#ff0000">#</font></strong>'>Facebook</a></li> <br />    </ul></p> </blockquote> ss <p> </p> <p><strong><u>Manşet</u></strong></p> <p>Manşette slayt olarak gösterilen resimleri ve başlıkları düzenlemek için aşağıdaki kodları bulun.Kodlarda ki <strong><font color="#ff0000">#</font></strong> yerine açılmasını istediğiniz sayfanın adresini, <strong><font color="#ff0000">Post Title</font></strong> yerine açılacak sayfanın başlığını, <a href="http://……jpg"><strong><font color="#ff0000">http://……jpg</font></strong></a> yerine ise gösterilecek resmin adresini yazın.</p> <p> </p> <blockquote> <p><ul>                <br />            <li><h2><a href='<strong><font color="#ff0000">#'</font></strong>><strong><font color="#ff0000">Post Title</font></strong></a></h2> <a href='<strong><font color="#ff0000">#</font></strong>'><img src='<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_EIPQiEveRT3K1SXu2DnNnpOlKfwuJLJ5OLepQQhUfDtyNtMwatS8d_5kyu8o2O-u2MZkw4h258_M-VOm3QfSOEBrlgZFIfdi_PgikXEyURbwMxiag9daEONdM_Y2qK0cpma_n_zup9I/s1600/spray-paint.jpg'/"><strong><font color="#ff0000">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_EIPQiEveRT3K1SXu2DnNnpOlKfwuJLJ5OLepQQhUfDtyNtMwatS8d_5kyu8o2O-u2MZkw4h258_M-VOm3QfSOEBrlgZFIfdi_PgikXEyURbwMxiag9daEONdM_Y2qK0cpma_n_zup9I/s1600/spray-paint.jpg</font></strong>'/</a>></a></li> <br />            <li><h2><a href='<strong><font color="#ff0000">#</font></strong>'><strong><font color="#ff0000">Post Title 1</font></strong></a></h2> <a href='<strong><font color="#ff0000">#</font></strong>'><img src='<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZWk84zYKNvIrUGg0WptoLV4liHg5oa7ogam8fdue5kOT6Sg0243w-hq-fQynYMvOVqT3no7Mf0uAEpSLOduN7_AgdM0IWztW8FTqMiwADkmx0hD-2JvF9hWtIhqwB9dqUvKppTo3KecU/s1600/south-bank-graffiti.jpg'/"><strong><font color="#ff0000">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZWk84zYKNvIrUGg0WptoLV4liHg5oa7ogam8fdue5kOT6Sg0243w-hq-fQynYMvOVqT3no7Mf0uAEpSLOduN7_AgdM0IWztW8FTqMiwADkmx0hD-2JvF9hWtIhqwB9dqUvKppTo3KecU/s1600/south-bank-graffiti.jpg</font></strong>'/</a>></a></li> <br />            <li><h2><a href='<strong><font color="#ff0000">#</font></strong>'><strong><font color="#ff0000">Post Title 2</font></strong></a></h2> <a href='<strong><font color="#ff0000">#</font></strong>'><img src='<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkPu7TwoJTa3Sd8pftRwlE0ek9S1zjzxU00vJ5SmtzkKniJzaa6sa0fpdSgBA83B9Tc_GnIP3PHpcqHflTqPAJLmMI2M8iDyeDGUhANrwBDGPl1g-XPYxZ2utm1NCbm2N2VrdcFjXn1Cw/s1600/skater.jpg'/"><strong><font color="#ff0000">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkPu7TwoJTa3Sd8pftRwlE0ek9S1zjzxU00vJ5SmtzkKniJzaa6sa0fpdSgBA83B9Tc_GnIP3PHpcqHflTqPAJLmMI2M8iDyeDGUhANrwBDGPl1g-XPYxZ2utm1NCbm2N2VrdcFjXn1Cw/s1600/skater.jpg</font></strong>'/</a>></a></li>        <br />        </ul> <br /></p> </blockquote> <p> </p> <p><strong><u>Tarih</u></strong></p> <p>Temayı yüklediğinizde büyük ihtimalle yazı başlıklarınınn yanında tarih gözükmesi gerekirken <strong>undefined</strong> gibi bir şey yazacaktır.Bunu düzeltmek için yapmanız gereken ayarlar şöyle:</p> <p> </p> <p>1. Kumanda Paneline giriş yaptıktan sonra <strong>Ayarlar</strong> > <strong>Biçimlendirme </strong>> <strong>Tarih Başlığı Biçimini</strong> > <strong>Cuma, Şubat 10, 2012</strong> olarak ayarlayın. </p> <p> </p> <p>2. Yine aynı yerdeki <strong>Tarih Damgası Biçimini</strong> > <strong>Cuma, Şubat 10, 2012</strong> olarak ayrlayarak kaydedin.</p> <p> </p> <p>Yapılması gereken ayarlar bu kadar.Artık Busby teması kullanıma hazır.Her hangi bir sorun yaşrsanız yorum bölümünden iletebilirsiniz.</p>

Tüm Ayarlarıyla Bubsy Blogger Teması

Wordpress’ten Blogger’a BloggerReflex tarafından çevrilen Busby Blogger Teması, şık ve profesyonel görnümüyle dikkatimi çekti ve burada paylaşmak istedim.Denemek için test bloguma yüklediğimde Bloggr …

Devamı »

Elite Minima: Ücretsiz Premium Blogger Teması

<p><a title="Custom Blogger Templates" href="http://www.custombloggertemplates.com/" target="_blank">Custom Blogger Templates</a> sitesinde Blogger temaları yapan <strong>Harish</strong>, yeni bir Premium Blogger teması yapmış.Bildiğiniz gibi internetten indirdiğimiz temalar <strong>Blogger Şablon Tasarımcısı</strong> ile uyumlu olmadığından dolayı bu temalarda değişiklik yapamıyoruz.İşte <strong>Elite Minima</strong> isimli bu temanın en güzel özelliği Blogger Şablon Tasarımcısı ile uyumlu olması.Bu sayede renkleri, yazı tiplerini, boyutlarını kolayca değiştirebilirsiniz.</p> <p> </p> <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6RFlSEUGVub2rKK8pO7AoVKql9fU0RoZpy_5xSzahroxqa_Yfer1nZ8S9aXJ5gk84P8-zACwj5R22lJZ-s7i_926QHKM1A2zQkdO-Be0Gqs1t5_35I1SPAO1LubV5RAOgF26RLXOONyXe/s1600-h/Elite-Minima7.png" target="_blank"><img alt="Elite Minima" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggVQVwkiAhddmBeSHtsdj0ER7fczQWa6d7UittZcylyzwUglRqARdqOfUgR_jPl-jpLwWS-DihpMl8VTVOKHDEvT1rM_Si5GRDL5iErhKLzuP4yPqWLkwtV3DuhEqAA19GpKpPFbsfkuI7/?imgmax=800" style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Elite Minima" width="548" /></a></p> <p>        <a title="Demo" href="http://eliteminima-bloggertemplate.blogspot.com/" target="_blank"><img alt="Demo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEgXCP0e6AHLiTX8bkDpK7ti2eVt3AT7rAj4ZLfRAtZHLqrEmjz0KotiupwLU1MTKvqMT4yJZc1Z4pTnaIlgvOdr_vjFfs6_Oi5-s7zGcudbAjReizhWuvBYOulu1IHkcoBv_OwyT6NhaZ/s237/DEMO.png" title="Demo" /></a>   <a title="Download" href="http://www.box.com/s/qvbk7fvk9pjx0avrgyla" target="_blank"><img alt="Download" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg05l1PQ_VzUgd8GrJbGDNQCyPpzEbtfD0B7SEccHtol-VtcU8261MIXs-48qFzUiiAkhzOGt2z6brpFtwhFdVXVcidb-g8O9e-CxJEFixZu3EH7GZoCSTUzgvMTXiw9qrza-5J0faRdfUL/s240/download4.png" title="Download" /></a></p> <p> </p> <p>Temada Türkçeleşmesi gereken birkaç yer vardı.Onları Türkçeleştirip kendi Box hesabıma upload ettim.Temayı Türkçe olarak kullanabilirsiniz.</p> <p> </p> <p>Yazı başlıklarında kullanılan font <strong>Ş</strong> karakterini desteklemiyor.İsterseniz Blogger Şablon Tasarımcısı’ndan fontu değiştirebilirsiniz.</p> <p> </p> <p><strong><u>Temanın bazı özellikleri şöyle:</u></strong></p> <ul> <li>Özelleştirilebilir, temiz, minimal arayüz. </li> <li>CSS3 ile oluşturulmuş şık arama kutusu. </li> <li>Resimli otomatik “devamını oku” eklentisi. </li> <li>3 sütunlu footer alanı. </li> <li>Şeffaf hover efektli sosyal paylaşım butonları. </li> <li>Benzer yazılar eklentisi. </li> </ul> <p>Blogger’da nasıl tema değiştirileceğini bilmiyorsanız <a title="Blogger Şablon Yükleme" href="http://bloghocam.blogspot.com/2011/04/blogger-sablon-yukleme.html">buraya</a> bakabilir, paylaştığım diğer Blogger temalarını ise <a title="Blogger Şablonları" href="http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1">buradan</a> görebilirsiniz.</p>

Elite Minima: Ücretsiz Premium Blogger Teması

Custom Blogger Templates sitesinde Blogger temaları yapan Harish, yeni bir Premium Blogger teması yapmış.Bildiğiniz gibi internetten indirdiğimiz temalar Blogger Şablon Tasarımcısı ile uyumlu olmadığı…

Devamı »