Blogger Breadcrumb Navigasyon Eklentisi

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img alt="Blogger Breadcrumb Navigasyon Eklentisi " border="0" height="176" src="http://2.bp.blogspot.com/-9o7asCm9Fjw/UeR4xXAnlWI/AAAAAAAALk4/YwBekB6QSwA/s400/blogger.PNG" title="Blogger Breadcrumb Navigasyon Eklentisi " width="320" /></div><b><br /></b><b><a href="http://ecanblog.blogspot.com/search/label/SEO">SEO</a> açısından önemli bir <a href="http://ecanblog.blogspot.com/search/label/blogger-eklentileri">Blogger Eklenti</a>si.Breadcrumbs</b> arama motorlarının ve ziyaretçilerin sitede rahat gezmesi için oluşturulmuş başlık linkleridir. Böylece kullanıcı alt kategorileri inse de bulunduğu içeriğe nereden geldiğini görüntüleyebilir.<br />Breadcrumbs’ın Türkçe karşılığı ekmek kırıntısıdır.<br /><br /><i>Örnek Breadcrumb - </i><b><i>Ana sayfa » kategori » konu ismi</i></b><br /><br /><i>Breadcrumb Nasıl Kurulur?</i><br /><i><br /></i><i>Alttaki kod bu kodun <b><b:includable id='main' var='top'></b> </i><i>hemen öncesine eklenmeli.</i><br /><b:includable id="main" var="top"><b><br /></b></b:includable><br /><pre style="background-color: #eeeeee; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(153, 153, 153); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-size: 12px; line-height: 20.46875px; max-height: 250px; overflow: auto; padding: 5px; text-align: justify; text-shadow: none; vertical-align: baseline;"><code><b:includable id='breadcrumb' var='posts'><br /><b:if cond='data:blog.homepageUrl == data:blog.url'><br /><!-- No breadcrumb on home page --><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><!-- breadcrumb for the post page --><br /><p class='breadcrumbs'><br /><span class='post-labels'><br /><a expr:href='data:blog.homepageUrl' rel='tag'><data:blog.title/></a><br /><b:loop values='data:posts' var='post'><br /><b:if cond='data:post.labels'><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <a expr:href='data:label.url' rel='tag'><data:label.name/></a><br /></b:if><br /></b:loop><br /><b:else/><br />&#187;Kategorisiz<br /></b:if><br />&#187; <span><data:post.title/></span><br /></b:loop><br /></span><br /></p><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;archive&quot;'><br /><!-- breadcrumb for the label archive page and search pages.. --><br /><p class='breadcrumbs'><br /><span class='post-labels'><br /><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/> Arşivi<br /></span><br /></p><br /><b:else/><br /><b:if cond='data:blog.pageType == &quot;index&quot;'><br /><p class='breadcrumbs'><br /><span class='post-labels'><br /><b:if cond='data:blog.pageName == &quot;&quot;'><br /><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; Tüm Yazılar<br /><b:else/><br /><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#187; <data:blog.pageName/><br /></b:if><br /></span><br /></p><br /></b:if><br /></b:if><br /></b:if><br /></b:if><br /></b:includable></code></pre></div><br /><i>Şimdi <b></b:skin></b> kodunu aratıp aşağıdaki CSS kodlarını hemen öncesine eklemelisiniz.</i><br /><br /><pre style="background-color: #eeeeee; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(153, 153, 153); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-size: 12px; line-height: 20.46875px; max-height: 250px; overflow: auto; padding: 5px; text-align: justify; text-shadow: none; vertical-align: baseline;"><code>.breadcrumbs{background-color:#fff; <br />border-radius:5px; <br />-webkit-border-radius:5px; <br />-moz-border-radius:5px; <br />border:1px solid #ddd; margin-top:5px; padding:10px; border-bottom:2px solid #ddd;<br />text-align:left;<br />font-size:11px}</code></pre><br /><i>Son olarak <b><div class='blog-posts hfeed'></b> kodunu arayıp bulduktan sonra üstüne aşağıdaki kodu ekleyin.</i><br /><br /><pre style="background-color: #eeeeee; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(153, 153, 153); box-shadow: rgb(204, 204, 204) 0px 0px 10px inset; font-size: 12px; line-height: 20.46875px; max-height: 250px; overflow: auto; padding: 5px; text-align: justify; text-shadow: none; vertical-align: baseline;"><code><b:include data='posts' name='breadcrumb'/></code></pre><br /><i><b><a href="http://ecanblog.blogspot.com/search/label/SEO">SEO</a></b> için çok iyi bir eklenti.Arama motoru sonuçlarında gözükmesi için ise biraz zaman alacaktır. </i></div>

Blogger Breadcrumb Navigasyon Eklentisi

SEO açısından önemli bir Blogger Eklenti si.Breadcrumbs arama motorlarının ve ziyaretçilerin sitede rahat gezmesi için oluşturulmuş başlık...

Devamı »

2013 Yılında Logo Değiştiren Markalar

<div dir="ltr" style="text-align: left;" trbidi="on"><h2>Köklü firmalar yıl içinde eski logolarından vazgeçerek yeni logolarına geçti.Sizler için değişen logoları profesyonel gözle bir araya getirdik.</h2><strong>YouTube</strong> Dünya üzerinde en çok tercih edilen <strong>video</strong> izleme sitelerinin başında gelen<strong>YouTube</strong>, Ağustos ayında görücüye çıkartmış olduğu yeni logosunda, <strong>Flat</strong>tasarıma giderken; bu <strong>logo</strong> yüzde yüz keskin köşelere sahip değil. Yeni<strong>YouTube</strong> logosu, <strong>Flat</strong> tasarımdan bir nebze olsun ayırıarak köşelerde hafif yuvarlak bir yapı sunuyor. <strong>YouTube</strong> yeni logosunda; ince ve sade bir font olarak Google’ın resmi fontlarından <strong>Roboto</strong>’yu kullanmış. Kısacası <strong>YouTube</strong>logosu gerçekten tertemiz ve pek leziz! <img class="aligncenter" height="266" src="http://static.shiftdelete.net/img/article_new/youtube-gorsel-1387295070.jpg" width="450" /><br /> <strong>Motorola</strong> <strong>Google</strong>, <strong>Motorola</strong>’yı satın aldıktan sonra 1 yıl logosunu değiştirmedi ve zamanı geldiğinde ikinci bir <strong>logo</strong> ile karşımıza çıktı. <strong>Motorola</strong> logosu, firmanın harf ve resimsel ögeler kullanılarak sembolleştirilmesinimerkez alır. <strong>Tasarım</strong> dünyasında 2013 yılını rengarenk olarak tanımlayabiliriz ve bu rengarenk dünyada yerini alan <strong>Motorola</strong>’nın ikinci logosu <strong>Google</strong>logosundaki gibi sıcak ve renkli bir yapıya sahip. Logodaki yenilikler ise şöyle; ilk logoda mor daire üzerine “M” harfi kullanılmıştı ama ikinci ve yeni logoda “M”nin etrafını rengarenk bir daire alıyor. Arka zemin ise beyaz, ayrıca ikinci logoda “ <strong>Google</strong> Company “ yazısı bulunuyor. Son olarak <strong>Motorola</strong> logosundaki <strong>font</strong> yapısı ince ve gayet modern bir yapıya sahip.<br />  <img class="aligncenter" height="266" src="http://static.shiftdelete.net/img/article_new/motorola-gorsel1387295090.jpg" width="450" /><br /><div style="text-align: right;"><br /></div><!--nextpage--> <strong>Avea</strong> 2004 yılının Şubat ayında kurulan <strong>Avea</strong>, 2013 yılı Haziran ayının sonlarına doğru “ Hayat Değişir Avea’yla “ sloganı ile yeni logosunu tanıttı. Yeni <strong>logo</strong> ile gelen renkli ikonun tasarımı <strong>Wi-Fi</strong> ve <strong>mobil</strong> bağlantı sinyali simgesine gönderme yapması dikkatlerden kaçmıyor. Kullanılan oval hatlı<strong>ikon</strong>, yazı fontu ile uyum içinde olup renkler de <strong>Avea</strong> dünyasının çeşitliliğini temsil ediyor. Bir anektod olarak yeni <strong>logo</strong> hakkında <strong>Avea</strong> Genel Müdür Yardımcısı Dehşan Ertürk, “ Logomuzu destekleyen yeni <strong>sembol</strong> ve mottomuz,<strong>Avea</strong>’nın heyecanlı, umut dolu, rekabete karşı iddialı bir şirket olduğu algısının altını çiziyor” demişti.<br />  <img class="aligncenter" height="266" src="http://static.shiftdelete.net/img/article_new/0avea1387296356.jpg" width="450" /><br />  <strong>Yahoo</strong> Her <strong>logo</strong> değişimi öncülüne göre büyük farklılıklar içermeyebilir. Bu örneği 20 yıllık logosuna sadık kalarak sadece bir kaç küçük değişiklik ile duyuran<strong>Yahoo</strong>’da görebilmemiz mümkün. Logoda kullanılan <strong>mor</strong> renk; tekrardan geçmişteki popülaritesini yakalamak isteyen <strong>Yahoo</strong>’nun özellikle geleneksel bir tutumdan vazgeçmediğinin bir göstergesi. Ayrıca logoda kullanılan <strong>mor</strong> renk; asalet, lüks ve itibarın rengidir. Son olarak şirket blogu üzerinden yapılan açıklamada: “Hem özümüzden çok uzaklaşmamak, hem de yeniliklerimizi yansıtacak bir <strong>logo</strong> tasarlamak istedik “ diye bir bilgiye yer verildi. Logosuyla modern bir adım atan<strong>Yahoo</strong>, aynı zamanda geleneklerine bağlılığını da <strong>tasarım</strong> açısından göstermeyi başarıyor. <img class="aligncenter" height="266" src="http://static.shiftdelete.net/img/article_new/yahoo-gorsel1387295255.jpg" width="450" /><br /><strong>Bing</strong> Arama motorları arasında önemli bir yere sahip olan <strong>Microsoft</strong>’un arama motoru <strong>Bing</strong>, geçtiğimiz Eylül ayı içerisinde açıkcası pek fazla anlam veremediğimiz logosunu ve kurumsal kimliğini değiştirdi. <strong>Logo</strong> detaylarına geçmeden önce Bing’in resmi <strong>blog</strong>’unda yazanlara göre<strong>Microsoft</strong>,yeni <strong>logo</strong> için “ çok sayıda çalışma “ düzenlemiş. <strong>Blog</strong>’a göre yeni logoda kullanılmış olan yazı fontu <strong>Microsoft</strong>’un kurumsal yazı fontu Segoe’nin özelleştirilmiş sürümü. Bu noktada özelleştirilmeden kasıt; örneğin “i” ile “n” harfleri arasındaki boşluk için detaylandırılacak olursa,<strong>Windows</strong> logosundaki ile aynı olacak şekilde ayarlanmış. 2009 yılından bu yana kullanmış olduğu eski logoda 2 renge yer veren ama mavi renk tonunun ağırlıklı olduğu <strong>Bing</strong>, yeni logosunda ise tek bir<strong>renk</strong> tonu ile yani sarı renk paleti içinde yer alan, bununla birlikte turuncuya da yakın bir renkle kurumsal kimliğini yeniliyor. B harfine benzeyen ikonu ise daha <strong>modern</strong> bir yapıya sahip. Detaylı bakıldığında logodaki “<strong>Bing</strong>” yazısının “b” harfinin üst çizgi kesimi ile ikondaki "b" simgesinin kesimi açısal bazda aynı ve bir uyum içinde. <img class="aligncenter" height="266" src="http://static.shiftdelete.net/img/article_new/bing-gorsel1387295277.jpg" width="450" /><br />  <strong>Gittigidiyor</strong> 2001 yılında kurulan ve 2011 yılında çoğunluk hisselerini <strong>eBay</strong>’e satan<strong>Gittigidiyor</strong>, <strong>eBay</strong>’in global <strong>marka</strong> kurallarına göre <strong>ofis</strong> yapısını yenilerken, logosunu ve kurumsal kimliğinide güncelledi. <strong>Gittigidiyor</strong> logosunda köklü bir değişikliğe giderken, 4 renk kullanıma,modern,basit ve inovatif yapısı ile alışveriş deneyimini çok daha keyifli hale getirmek için tasarlanmış olduğu belirgin bir şekilde göze çarpıyor. Logoda kullanılan ikonda renk seçimlerinde <strong>eBay</strong>’i temsel eden kırmızı, sarı, yeşil ve mavi renk tercih edilmiş. Logodaki kullanılan yazı fontu ise senelerce tercih edilen kalın ve tırnaklı fontun tersine ince, oval ve basit bir yapıya sahip. <strong>Modern</strong> yapısı ve akılda kalıcı sadeliği ile <strong>Gittigidiyor</strong>’un yeni logosu güzel bir görsel ziyafet sunuyor.<br />  <img class="aligncenter" height="266" src="http://static.shiftdelete.net/img/article_new/gittigidiyor-gorsel1387295300.jpg" width="450" /><br /><blockquote class="tr_bq"><span style="background-color: white; color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 14px; line-height: 21px; text-align: right;">ShiftDelete</span></blockquote></div>

2013 Yılında Logo Değiştiren Markalar

Köklü firmalar yıl içinde eski logolarından vazgeçerek yeni logolarına geçti.Sizler için değişen logoları profesyonel gözle bir araya getird...

Devamı »

Günün İOS Oyunu: Assasin’s Creed Pirates

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img alt="Günün İOS Oyunu: Assasin’s Creed Pirates" border="0" height="225" src="http://4.bp.blogspot.com/-pr-h3v4cAzM/UqrE8LBpPCI/AAAAAAAANKY/54YSVt4RR4s/s1600/creed-pirates.JPG" title="Günün İOS Oyunu: Assasin’s Creed Pirates" width="400" /></div><div data-mce-style="text-align: center;" style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px; text-align: center;"><strong><br /></strong></div><div data-mce-style="text-align: center;" style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px; text-align: center;"><strong>Günün İOS Oyunu: Assasin’s Creed Pirates</strong></div><div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px;"><strong>Assasin’s Creed Pirates</strong>’da Alonzo Batilla adındaki bir korsan ile denizlerde maceralara çıkacaksınız. Farklı düşmanlarınız ile karşılacağınız ve kendi servetinizi oluşturacağınız bir macera oyunu sizleri bekliyor.</div><div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px;">Oyunu <a data-mce-href="https://itunes.apple.com/us/app/assassins-creed-pirates/id692717444" href="https://itunes.apple.com/us/app/assassins-creed-pirates/id692717444">buradan</a> indirebilirsiniz.</div></div>

Günün İOS Oyunu: Assasin’s Creed Pirates

Günün İOS Oyunu: Assasin’s Creed Pirates Assasin’s Creed Pirates ’da Alonzo Batilla adındaki bir korsan ile denizlerde maceralara çıkacaksın...

Devamı »

Webcam Toy Web Uygulaması

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><img alt="Webcam Toy Web Uygulaması" border="0" height="241" src="http://4.bp.blogspot.com/-sgxfu6v4ZkM/Uql28jZcCXI/AAAAAAAANJU/vzs7kDhH2oo/s1600/webcam-toy.JPG" title="Webcam Toy Web Uygulaması" width="320" /></div><h2 itemprop="description" style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 19px;"><a href="http://webcam-toy-web/">Webcam</a> için Efekt Yapma Web Uygulaması</h2><div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px;"><strong>Webcam Toy</strong> bilgisayarınızın web kamerasını kullanarak kolayca internet tarayıcınız üzerinden çeşitli efektler uygulamanızı ve bunları da arkadaşlarınızla dilerseniz Facebook dilerseniz de Twitter üzerinden paylaşmanızı sağlayan bir web uygulaması.</div><div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px;">İçerisinde yer alan <strong>retro efektlerden</strong> tutun da kolaj seçeneklerine kadar 70'den fazla efekt barındıran web uygulaması kullanım kolaylığı ve görüntü kalitesi ile dikkat çekiyor. Kullanmak için tek yapmanız gereken uygulamanın web adresini ziyaret etmek ve <strong>"Hazır? Gülümse!"</strong> butonuna basarak klavyenizin ok tuşlarını kullanarak efektler arasında gezinmek.</div><div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px;">Eğer bilgisayar başında eğlenmeyi seviyor ve arkadaşlarınıza sürprizler yapmak istiyorsanız uygulamayı kaçırmamanızı öneriyorum.</div><div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 13px; line-height: 19px;"><br /></div><div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 19px; text-align: center;"><b><span style="font-size: large;"><a href="http://www.tamindir.com/webcam-toy/web/indir">ADRESE GİT</a></span></b></div></div>

Webcam Toy Web Uygulaması

Webcam için Efekt Yapma Web Uygulaması Webcam Toy  bilgisayarınızın web kamerasını kullanarak kolayca internet tarayıcınız üzerinden çeşitl...

Devamı »