Eylül 2013 « Genel Blog - Her Türlü Paylaşım

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ı da harekete geçirdi ve poansiyel ziyaretçinin kaçırılmaması için yeni teknikler geliştirildi. Responsive Tema Nedir? 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. Blogunuzda kullandığınız temanın veya bir web sitesinin responsive olup olmadığını kontrol etmek çin size 2 ücretsiz araç tanıtmak istiyorum. 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 Go tuşuna bastıktan sonra blogunuzun responsive olup olmadığını yazacak ve farklı cihazlardaki görüntüsünü gösterecektir. 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. Responsive temalar hakkında kısaca bilgi sahibi olduktan sonra internetten derlediğim responsive Blogger temalarını paylaşmak istiyorum. Geekiesmn Responsive Blogger Teması <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>  <a href="http://geekiesm-theme.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  &  <a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/Geekiesm-BH.zip" rel="nofollow" target="_blank">DOWNLOAD</a>   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. Metrofy Responsive Blogger Teması <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>   <a href="http://metrofy.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  &  <a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/Metrofy-BH.zip" rel="nofollow" target="_blank">DOWNLOAD</a>   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.     Fizz Responsive Blogger Teması <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>   <a href="http://fizz-theme.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  &  <a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/Fizz-BH.zip" target="_blank">DOWNLOAD</a>   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.     My Extra News Responsive Blogger Teması   <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>   <a href="http://myextranews-mkr.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  &  <a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/MyExtraNews-BH.zip" rel="nofollow" target="_blank">DOWNLOAD</a>   İç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.     Balance Responsive Blogger Teması   <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>   <a href="http://balance-responsive-theme.blogspot.com/" rel="nofollow" target="_blank">DEMO</a>  &  <a title="DOWNLOAD" href="https://dl.dropboxusercontent.com/u/60346665/Balance-BH.zip" rel="nofollow" target="_blank">DOWNLOAD</a>   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. Not: 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.