web-xL

<div class="separator" style="clear: both; text-align: center;">
<span style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1weiT63JNWttAJL1-KDADLBu8lKXLy8c7PfMbLyLa11T4qNig7jnF3xMne7Ej9WRXErzdrtrfBLFiX6QfvtS4ivT9-DrqrwSmwqC8CdO5yxO5VSly1a70YZGHYrhX7AW_HOjCKUSywLE/s1600/navbar.JPG" /></span></div>
<br />
<br />
<div class="" style="background-color: white; clear: both; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;">
Bloğunuza orjinal bir site havası vermek için Bloggerden Navbarı nasıl kaldırabileceğinizi anlatacağım;1.yöntem Kodlu 2. si ise kodlarla uğraşmadan navbarı kaldırabileceğiniz bir yöntem.<br /><u><span style="color: #660000;"><b>1Yöntem:</b></span></u>Öncelikle<b>Tasarım></b><b>Htmlyi Düzenle</b>kısmından Şablon html kodumuzun yazılı olduğu kısma geliyoruz.Ctrl+F tuşuna basıp şablon içerisinde<b> <span style="color: #990000;">]]></b:skin></span></b>bunu aratıyoruz.Aşşağıdaki kodu bu koddan önceki kısma yapıştırıyoruz.</div>
<br style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px;" />
<pre style="background-color: #eeeeee; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px dashed rgb(153, 153, 153); font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px;"><code>#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
} </code></pre>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px;"><br /></span><br />
<table style="background-color: white; color: black; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px;"><tbody>
<tr><td><div style="text-align: justify;">
Ön izlemeye bakıyoruz eğer sıkıntı yoksa kaydedip Bloğumuzu orjinal bir site havasında Navbarsız kullanmaya başlıyoruz.</div>
<u><span style="color: #660000;"><b>2.Yöntem:</b></span></u>Blogger Admin Panelinin yenilenmesinden sonra <b>blogger navbar kaldırma </b>işlemini artık kodsuz olarak da yapabiliyoruz.<b>@muhtar</b> adlı ziyaretçimizin yorumu üzerine bu yazıya ek yapmaya karar verdim.<b>Kodsuz olarak blogger navbar yada blogger üst çubuğu kaldırmak için;</b></td></tr>
</tbody></table>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px;">Resimde de gördüğünüz gibi;</span><b style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px;">Kumanda Paneli>Yerleşim>Navbar</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px;"> </span><span style="background-color: white; color: #0b5394; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px;"><b>Düzenle</b></span><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px;"> yolunu takip ediyoruz.</span><br />
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<span style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizbhWiZjjgc45BEQZcPyy6RV45J6GQGi2GrCXwYANLudpEC5a-k6NiRTWWOzP0vNDpOYlWYD2XqHp2n1PeT8-B250054r5gxO661_8maJhV8NhL04m2ZFACsu2kfOvLyuGPJm2-yCcU5I/s1600/bloggernavbarkaldirma1+kopya.png" width="640" /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: left;">Navbar Düzenle linkine tıkladığımızda aşağıdaki gibi bir pencere açılacak;</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: left;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb9gxnPBA1gBBaH4SvjPCvPt7l-V5urbmzG5YkDnGaGDA588k4IrAyXHUe3ewL8pFzFEnECEPXXr-lNYPMGOuEnX5Z4TsMI2LfXtR8stvVHGytwj-KRA885LwqibZco333Nnv04gPCXjA/s1600/bloggernavbar+kaldirma2+kopya.png" width="358" /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="margin-left: 1em; margin-right: 1em;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="margin-left: 1em; margin-right: 1em;"><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: left;">Navbar </span><b style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: left;">Kapalı </b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: left;">modunu seçip </span><b style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: left;">kaydet</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: left;"> butonuna bastığımızda </span><b style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: left;">blogger navbar kaldırma</b><span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: left;">işlemi gerçekleşmiş olacak.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px; text-align: left;"><br /></span></div>
<span style="background-color: white; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 20px;"><br /></span>

Blogger Navbar Kaldirma

Bloğunuza orjinal bir site havası vermek için Bloggerden Navbarı nasıl kaldırabileceğinizi anlatacağım;1.yöntem Kodlu 2. si ise kodlarl...

Devamı »

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITT7rEN0MVNd6LV5KU9NQBdraU_C19hl-CbzTrTofk4KhIjWqcxOLoA24KV4WFClii1bUEFLZOdf6ULX11BLcXaVYSZGdckTQWWmvHu4_NcgRHuc4jggWDHHJ0QxdMl3A4pO3sHq39_c/s1600/blogger-meta-tag-ayarlari.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgITT7rEN0MVNd6LV5KU9NQBdraU_C19hl-CbzTrTofk4KhIjWqcxOLoA24KV4WFClii1bUEFLZOdf6ULX11BLcXaVYSZGdckTQWWmvHu4_NcgRHuc4jggWDHHJ0QxdMl3A4pO3sHq39_c/s1600/blogger-meta-tag-ayarlari.jpg" /></a></div>
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<b style="background-color: white; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 15.600000381469727px;">Blogger Seo <span style="color: #444444;">-</span></b><span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;"> konusunda dikkat etmeniz gereken noktalardan biri meta taglar. Meta taglar kısaca sitenizin tanıtım yazılarıdır. Blogger alt yapısında ise sizi sunulmayan bir özelliktir,  bu sebeple kendiniz meta tag kodlarını blogunuza ekleyerek Blogger Seo ayarlarını tamamlamalısınız. Google böcekleri siteleri indexlerken bir çok etkeni dikkate alır. Geçmiş döneme oranla Blogger Seo için meta taglar önemini bir nebze olsun yitirmiş olsa da hala etkinliğini koruyor.</span><br />
<h3 style="font-family: 'trebuchet MS', Arial, Helvetica;">
<b>Blogger Seo Ayarları - Blogger Meta Tag Ayarları -  Blogger Meta Tag Eklemek</b></h3>
<ul style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;"></ul>
<div style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">
Blogger kumanda panelinş kullanarak tasarım kısmına geliyoruz ardından  html'yi düzenle  butonuna basarak temamızı oluşturan kodlara ulaşıyoruz.  Tasarım > Html'yi düzenle</div>
<div style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK8wKlgu8-K6rtho3BOkZgmpgo4L2XXABedz5qic756YLH0sEWmWkrEjXg-qov9RFVMvXy9DxyfexY8PQEyhCRd-naFAd56d6guVJiENDu5uaPeHJOzB56RhReS87LCAfWKe0CHwnJpKM/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="57" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK8wKlgu8-K6rtho3BOkZgmpgo4L2XXABedz5qic756YLH0sEWmWkrEjXg-qov9RFVMvXy9DxyfexY8PQEyhCRd-naFAd56d6guVJiENDu5uaPeHJOzB56RhReS87LCAfWKe0CHwnJpKM/s1600/1.png" width="320" /></a></div>
<div style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">
<br /></div>
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Ardından Widget Şablonlarını genişlet kutucuğunu işaretleyerek  temamızın tüm kodlarına erişiyoruz</span><br />
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOheFZdcZgUWJOXgcQBP0d7rgIg0ncBIgmu9UkrUyvmLVqPBfUNiiwIVR3GYesN_Apu3362UAE1ykkkEuS1UOSYu5skEoB_9PNdplQKGyZSCJmsJTmyvqRXI00fbvbdkLGvFHGcI0TJRo/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOheFZdcZgUWJOXgcQBP0d7rgIg0ncBIgmu9UkrUyvmLVqPBfUNiiwIVR3GYesN_Apu3362UAE1ykkkEuS1UOSYu5skEoB_9PNdplQKGyZSCJmsJTmyvqRXI00fbvbdkLGvFHGcI0TJRo/s1600/2.png" width="320" /></a></div>
<div class="separator" style="clear: both; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">
Karşımıza çıkmış kod dizini içerisinde CTRL + F kombinasyonunu kullanarak<b> </b></div>
<div class="separator" style="clear: both; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">
<b><br /></b></div>
<div class="separator" style="clear: both; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">
<span style="color: red;"><b><b:include data='blog' name='all-head-content'/> </b></span>koduna ulaşıyoruz</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTADLpwlJpOkbU52iYsQgCMwrvwUXt8Q1kCe5_Cxassk16OOWnb6m6wUTvnAqaTXiW4_ft_h0eKZ_JwG7iOeGGlVVEHb8jISe7TP623jRAxEQs0zquXVMTqfOw7-lmaAWQzWIW7bd8Z0Q/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTADLpwlJpOkbU52iYsQgCMwrvwUXt8Q1kCe5_Cxassk16OOWnb6m6wUTvnAqaTXiW4_ft_h0eKZ_JwG7iOeGGlVVEHb8jISe7TP623jRAxEQs0zquXVMTqfOw7-lmaAWQzWIW7bd8Z0Q/s1600/3.png" width="320" /></a></div>
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Bulduğumuz bu kodun hemen altına gelecek şekilde Blogger Seo için uygun Meta tag kodlarımızı ekliyoruz.</span><br />
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<b style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;"><meta content='<span style="color: red;">Sitenizin tanımı</span>' name='description'/></b><br />
<b style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;"><meta content='<span style="color: red;">Sitenizle ilgili anahtar kelimeler</span>' name='keywords'/></b><br />
<span style="color: red; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;"><b><br /></b></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS1lIVQZnZ2CHMM57Z5YKQbBKI289dJP4TD5n_0Udk9p47NBWJO1yJlWTZ_DmeqVxEX8vJ82ZKV3a0-voXH-p1PKds2XWRUJDDLlbKWVIOY7N7rJ7noUHbJEky8fmEykXRYAmelwkM4Ms/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="159" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS1lIVQZnZ2CHMM57Z5YKQbBKI289dJP4TD5n_0Udk9p47NBWJO1yJlWTZ_DmeqVxEX8vJ82ZKV3a0-voXH-p1PKds2XWRUJDDLlbKWVIOY7N7rJ7noUHbJEky8fmEykXRYAmelwkM4Ms/s1600/4.png" width="320" /></a></div>
<span style="color: red; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;"><b><br /></b></span>
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Kodlarınızı ekledikten sonra </span><b style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">description</b><span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;"> olarak belirlenmiş kısıma blogunuz ile ilgili kısa ve öz bir tanıtım yazısı yazmanız gerekiyor. Bu  </span><b style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">description </b><span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">tanıtım yazısı Google böcekleri tarafından indexlenecek ve aramalarda kullanıcılara sunulacaktır. Örnek vermek gerekirse</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS0MXcrRs_HnWKFpX5khzAh5VOVbHThD1SziDPdb7EWHcnXZnoycy0UNoyxejXhL9lVJ6gJ3lL6sdBXMp_wWFrCYLhxQ6DKPGIZHwTyC6N2kPxiEwnyKZRaUJKhQsoSkMHbBBiUsoH9us/s1600/meta-tag-description-kodu.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="31" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS0MXcrRs_HnWKFpX5khzAh5VOVbHThD1SziDPdb7EWHcnXZnoycy0UNoyxejXhL9lVJ6gJ3lL6sdBXMp_wWFrCYLhxQ6DKPGIZHwTyC6N2kPxiEwnyKZRaUJKhQsoSkMHbBBiUsoH9us/s1600/meta-tag-description-kodu.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">şeklinde verilmiş bir description kodunun Google üzerinde arama sonuçlarında görülmesi şu şekilde olacaktır. Google arama sonuçlarında sizin verdiğiniz description yazısını kullanıcılar ile  arama sonuçlarında paylaşacaktır. Bu hem Blogger seo ayaları için bir katkı sağlayacak hemde kullanıcıları arama sırasında bilgilendirecektir. Meta Tagların temel görevi site özetini içerisinde barındırmasıdır.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFSgubgAwd9SuzSBtdOPDn_Rl271iWlJLCs7qubJTrt2zRUmXGlRzp1ZEX6L0LfXQWk_FjZObdJejZcmrLAOHwXkfQMH2hg8pcmnrc-7tOJZhSfNHzn8jvqpSF9Duy8_f8hJKyNrWfk6Y/s1600/blogger-description-kodunun-google-gorunmesi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFSgubgAwd9SuzSBtdOPDn_Rl271iWlJLCs7qubJTrt2zRUmXGlRzp1ZEX6L0LfXQWk_FjZObdJejZcmrLAOHwXkfQMH2hg8pcmnrc-7tOJZhSfNHzn8jvqpSF9Duy8_f8hJKyNrWfk6Y/s1600/blogger-description-kodunun-google-gorunmesi.png" width="320" /></a></div>
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Keywords kodları ise virgüllerle ayırarak girilen bir takım anahtar sözcüklerden oluşmalıdır. Bu anahtar sözcükler sitemizin konusunu kısaca özetler nitelikte olmalı. Meta tag ayarları yapılırken dikkat edilmesi gereken noktalardan birisi ise çok fazla etiket kullanmamak. Name kodları içerisine </span><b style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Blogger Meta Tag Ayarları</b><span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">na uygun olarak 100 karakteri geçmeden etiketler ekleyin.</span><br />
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">  <meta content='</span><b style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Blogger Eklentileri , Blogger Dersleri , Blogger Seo ve Blogger Temaları Hakkında Web Günlüğü ..</b><span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">' name='description'/></span><br />
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">    <meta content='</span><b style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Blogger Dersleri , Blogger Seo , Blogger Eklentileri , Blogger Temaları , Blogger Destek , Blogger Yardım</b><span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">' name='keywords'/></span><br />
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<b style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;"><span style="color: red;"><br /></span></b>
<span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Kaliteli işlenmiş Blogger meta tag ayarları , Blogger seo ayarlarınıza olumlu bir katkı sağlayacağı gibi aynı zamanda belirlediğiniz anahtar kelimelerde sizi bir adım öteye taşıyacaktır.</span><br />
<br style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;" />
<b style="font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">Not :</b><span style="background-color: white; font-family: 'trebuchet MS', Arial, Helvetica; font-size: 13px;">   Keywords kodlarında bulunan siteniz ile ilgili anahtar kelimelerin bir kaçının description kodları içinde yer alan tanıtım yazısında bulunmasında yarar vardır. Bu şekilde Blogger meta tag ayarlarını tamamlamış oluyoruz.</span>

Blogger Meta Tag Ayarları

Blogger Seo - konusunda dikkat etmeniz gereken noktalardan biri meta taglar. Meta taglar kısaca sitenizin tanıtım yazılarıdır. Blogger ...

Devamı »