Blogger için Mashable stil ajax navigasyon menü

Blogger Mashable stil Ajax Menü
Blogger için AJAX Navigasyon menüsü Blogger JSON beslemesi API ve AJAX kullanarak Blogger platformu için oluşturulan çok yeni widget. Bu navigasyon menüsü Mashable.com eski sitesinden esinlenmiştir. Tekrardan kodlanmış ve geliştirilmiş bu widget'a özelleştirilebilir özellikler eklendi. Bu widget jQuery kütüphanesi ve Blogger json beslemesi, API tabanlı çalışır. Javascript devre dışı olduğunda menü sadece normal açılır menü gibi çalışır ve javascript etkin olduğunda bu AJAX dönerek açılır ve alt menüleri resimli şekilde açar.

Bu Eklenti Nasıl Kurulur?

  1. Blogger panelinize giriş yapın > Şablon > HTML'yi Düzenle
  2. Ctrl+F yardımı ile ]]></b:skin>  kodunu aratıp bulun ve hemen üstüne aşağıdaki kodları kopyalayıp yapıştırın.

.mefmenu *{margin:0;padding:0;}
ul.mefmenu{list-style:none;line-height:1;overflow:visible!important;}
ul.mefmenu:after{content:' ';display:block;height:0;clear:both;margin:0;padding:0;}
#mefajaxmenu {width:960px;background: #ededed;background: -moz-linear-gradient(top, #ededed 0%, #e0e0e0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e0e0e0));background: -webkit-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -o-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: -ms-linear-gradient(top, #ededed 0%,#e0e0e0 100%);background: linear-gradient(to bottom, #ededed 0%,#e0e0e0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 );border: 1px solid #cccccc;}
ul.mefmenu li{list-style:none;position:relative;float:left;margin:0!important;padding:0!important;}
ul.mefmenu li a{font-family:Arial, georgia, Helvetica, sans-serif!important;color:#6b6b6b!important;text-shadow:0 1px 0 #fff;text-decoration:none;font-weight:400!important;text-transform:capitalize!important;font-size:12px!important;display:block!important;border:0 none!important;margin:0;padding:12px 16px!important;}
ul.mefmenu li a:hover,ul.mefmenu li a.hoverover{background:#f5f5f5!important;}
ul.mefmenu ul{position:absolute;display:none;top:100%;border:1px solid #ccc;}
ul.mefmenu ul li{float:none;min-width:160px;background:#f5f5f5;text-shadow:none;}
ul.mefmenu ul li a{text-transform:none;font-weight:400;padding:12px 14px;}
ul.mefmenu ul li a:hover,ul.mefajaxmenu ul li a.hoverover{background:#fff!important;}
ul.mefmenu ul ul{display:none;left:100%;top:0;}
ul.mefajaxmenu li div.submenu{display:none;position:absolute;width:600px;z-index:90;left:-1px;top:100%;overflow:hidden;min-height:150px;background:#fff;border:1px solid #ccc;border-top:0 none;}
ul.mefajaxmenu ul,ul.mefajaxmenu ul li{display:block!important;border:0 none!important;margin:0!important;padding:0!important;}
ul.mefajaxmenu ul li{background:none!important;float:none!important;}
ul.mefajaxmenu ul.verticlemenu{position:absolute;width:33%;left:0;top:0;bottom:0;background:#f5f5f5;}
ul.mefajaxmenu ul.postslist{position:relative;display:block;width:65%;float:right;background:none;margin:8px 0!important;}
ul.mefajaxmenu ul.postslist li{display:block;overflow:hidden;border-bottom:1px #eee solid;position:relative;min-height:60px;padding:8px 8px 8px 110px !important;}
ul.mefajaxmenu ul.postslist li:last-child{border-bottom:none 0;}
ul.mefajaxmenu ul.postslist li .imgCont{position:absolute;left:0;top:8px;width:100px;height:60px;overflow:hidden;border:1px solid #dcdcdc;font-size:0;line-height:0;}
ul.mefajaxmenu ul.postslist li .imgCont img{position:relative;top:-20px;width:100px;height:100px;display:block;padding:0;}
ul.mefajaxmenu ul.postslist li a{display:block;line-height:1.4;padding:0!important;}
ul.mefajaxmenu .loader{background:url(https://lh5.googleusercontent.com/-4qjg1CclZ64/UK6TG-7resI/AAAAAAAAJ6w/z6dE6nRTNKI/s128/loading_icon_1.gif) no-repeat scroll 0 0 transparent;width:22px;height:22px;position:absolute;top:50%;margin-top:-11px;right:5px;}
ul.mefajaxmenu .menuArrow{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #999;display:block;height:0;margin-top:-4px;position:absolute;right:11px;top:50%;width:0;}
ul.mefmenu li:hover > ul,ul.mefajaxmenu li:hover div.submenu{display:block;}

  1. Tekrar Ctrl+F yapıp  </head> kodunu buluyoruz ve hemen üstüne aşağıdaki javascript kodlarını kopyalayıp yapıştırıyoruz.
  2. Şablonu Kaydet diyip çıkın.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://meftun-mede.googlecode.com/svn/trunk/ajaxbloggermenu.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#mefajaxmenu').ajaxBloggerMenu({
numPosts : 4, // Konu Sayısı
defaultImg : 'http://2.bp.blogspot.com/-yRSXWDTHZlA/T6s8tkMqNnI/AAAAAAAAA7w/SEgoiBELIF4/s1600/no-photo-available.jpeg' // Varsayılan küçük resim
});});
</script>

Bu bölümde HTML linklerimizi dikkatli eklememiz gerekiyor, aksi takdirde eklenti doğru çalışmaz.
AJAX Menü URL'ler üç tür kabul eder. Menüde sadece bu URL'leri kullanmanız gerekir. Bunlar Etiket (Label), Arama Sorgusu (Search Query) ve Etiket ile Arama Sorgusu (Label with Search Query).
Etiket URL http://blogadresiniz.blogspot.com/search/label/LABELNAME
Arama Sorgusu http://blogadresiniz.blogspot.com/search?q=SEARCHQUERY
Etiket ile Arama Sorgusu http://blogadresiniz.blogspot.com/search/label/LABELNAME?q=SEARCHQUERY

  • Son olarak Blogger panelinizden Yerleşim > Gadget Ekle > HTML/JavaScript yolunu takip edin.
  • Ve aşağıdaki kodları Online HTML Editör ile isteginize göre ayarlayarak kopyalayıp yapıştırın.
  • Kaydet diyip çıkın.

<ul id="mefajaxmenu" class="mefmenu">
<li>
<a href="http://meftunmede.blogspot.com">ANA SAYFA</a>
</li>
<li>
<a href="#">ÖRNEK 1</a>
<ul>
<li><a href="http://meftunmede.blogspot.com/search/label/Sosyal%20Medya">SOSYAL MEDYA</a></li>
<li><a href="http://meftunmede.blogspot.com/search/label/Blogger%20Eklentileri">BLOGGER EKLENTİLERİ</a></li>
<li><a href="http://meftunmede.blogspot.com/search/label/Yemek%20Tarifleri">YEMEK TARİFLERİ</a></li>
<li><a href="http://meftunmede.blogspot.com/search/label/Filmler">FİLMLER</a></li>
</ul>
</li>
<li>
<a href="#">ÖRNEK 2</a>
<ul>
<li><a href="http://meftunmede.blogspot.com/search/label/Html%20Kodlar%C4%B1">HTML KODLARI</a></li>
<li><a href="http://meftunmede.blogspot.com/search/label/Programlar">PROGRAMLAR</a></li>
<li><a href="http://meftunmede.blogspot.de/search/label/%C4%B0nternet">İNTERNET</a></li>
<li><a href="http://meftunmede.blogspot.de/search/label/Ara%C3%A7lar">BLOGGER ARAÇLARI</a></li>
</ul>
</li>
<li><a href="http://www.MeftunApart.com">NORMAL LİNK</a></li>
</ul>

Özelleştirme

Kırmızıyla işaretli yerlerde;
1- Style kodlarında width:960px; menünüzün genişliği,
2- Script kodunda numPosts : 4, // Alt menüde görünmesini istediğiniz konu sayısı
3- Ve menüde kendi blogumdan örnekler verdiğim kırmızıyla işaretli bölümleri (Linkler ve isimleri) değiştirebilirsiniz, çoğaltabilirsiniz.

Umarım eklenti hoşunuza gitmiştir. Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

Blogger ".tr" Yönlendirmesini Engelleme

Blogger
Google Blogger'a Türkiye’den yapılan ip girişlerinde site uzantısını .com.tr uzantısına yönlendirmeye başladı. Bunun olmasıyla beraber bir çok sitenin alexa,index ve pr değerleri malesef kayboldu yada düştü. Blogger'in şimdilik 18 ülkeye verdiği bu özellik "country-code top level domain (ccTLD)" olarak adlandırılıyor. Bu durumdan rahatsız olanlar için .tr uzantısı yönlendirilmesini engellemek çok kolay. Bu sorunu ufak bir yönlendirme ile halledilebiliyoruz. Blogumuza hangi ülkeden girilirse girilsin ".blogspot.com" şeklinde çıkıyor ve site değerlerimizde herhangi bir düşüş yaşamıyoruz. Böylece global bir blog adresiniz oluyor. Yapmanız gereken aşağıdaki scripti kodunu blogunuza eklemek.

Ülkeye özgü yönlendirme uygulanan aktif ülkeler listesi

1. Argentina – Yönlendirir [blogspot.com.ar]
2. Australia – Yönlendirir [blogspot.com.au]
3. Brazil – Yönlendirir [blogspot.com.br]
4. Canada – Yönlendirir [blogspot.ca]
5. France- Yönlendirir [blogspot.fr]
6. Germany – Yönlendirir [blogspot.de]
7. India – Yönlendirir [blogspot.in]
8. Italy – Yönlendirir [blogspot.it]
9. Japan – Yönlendirir [blogspot.jp]
10. Mexico – Yönlendirir [blogspot.mx]
11. New Zealand - Yönlendirir [blogspot.co.nz]
12. Portugal - Yönlendirir [blogspot.pt]
13. Spain - Yönlendirir[blogspot.com.es]
14. Sweden – Yönlendirir [blogspot.se]
14. Türkiye – Yönlendirir [blogspot.com.tr]
15. UK – Yönlendirir [blogspot.co.uk]

Toplamda Blogger 259 domaine sahip. Ben sadece 15 tane örnek verdim. Merak edenler daha fazlası için buraya bakabilirler.

  • 1- Blogger kontrol panelinize giriş yapın
  • 2- Şablon > HTML'yi Düzenle
  • 3- Aşağıdaki script komutunu <head> kodunun hemen altına kopyalayıp yapıştırın

  • <script type='text/javascript'>var str=window.location.href.toString();if(str.indexOf(&quot;.com/&quot;)==&quot;-1&quot;){var str1=str.substring(str.lastIndexOf(&quot;.blogspot.&quot;));if(str1.indexOf(&quot;/&quot;)==&quot;-1&quot;){var str2=str1}else{var str2=str1.substring(0,str1.indexOf(&quot;/&quot;)+1)}window.location.href=window.location.href.toString().replace(str2,&quot;.blogspot.com/ncr/&quot;)}
    </script>
    

    Barış, huzur, sağlık ve bereket Arkadaşlar!Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

    Meta Tag (Etiket) Oluşturucu

    meta tag oluşturucu
    Meta tag (etiketleri) bir HTML biçimiyle yazılmış sayfanın içinde yer alan, sıklıkla arama motorlarının, ilgili internet sitesini doğru biçimde sınıflandırmasını sağlayan, yanı sıra tarayıcıya çeşitli yönergeleri uygulatan tanımlama ipuçlarıdır. Bu yüzden bir site için arama motorlarının en iyi şekilde indexlenmesini sağlayan çok önemli kodlardır. Bu meta tag etiketlerinin ne olduğunu, nasıl kullanılması gerektiğini bir önceki yazımda ayrıntılı şekilde anlatmaya çalışmıştım. Aşağıdaki meta tag oluşturucuyla siteniz için gereken önemli meta tag'larınızı kolayca oluşturabilirsiniz.
    META TAG ETİKET OLUŞTURUCU
    Blog URL :
    (http:// ile blogunuzun URL'sini girin)
    Site Başlığı (Title) :
    (Maksimum 100 karakter)
    Site Tanımlaması (Description) :
    (Maksimum 250 karakter)
    Anahtar Kelimeler (Keywords) :
    (Maksimum 15 anahtar kelime ve Virgülle ayırınız)
    Yazar (Author) :
     (Blogun yazarın adı)
    Dil (Language) :
     (Sitenizin Dilini Seçiniz)
    Dağıtım (Distribution) :
     (Sayfa içeriği kime hitap ediyor)
    Robots :
     (Arama motorlarının içerik taraması için 'All' seçin)
    Telif hakkı bilgisi (Copyright) :
     (Kısaca kopya/telif hakkı bilgisini girin)
     

    Not:
    1- Aşağıda gösterdiğim bölümler blogger siteleri içindir! Websiteleri bu kodları silerek sayfalarına ekleyebilirler.
    2- Bu kodlardan sayfalarınızda halihazırda var olanlar olabilir, ikinci defa eklememeye dikkat edin!
    <b:if cond='data:blog.url == &quot;http:// ile blogunuzun URL'si&quot;'>
    ...
    </b:if>
    

    Barış, huzur, sağlık ve bereket Arkadaşlar!Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

    Meta Tag Etiketleri nedir, Nasıl kullanılır?

    Meta Tag etiketleri nedir, nasil kullanilir?
    Meta etiketler, web yöneticilerinin arama motorlarına siteleri hakkında bilgi vermesi saglayan, <head> bölümüne eklenen bilgi etiketleridir. Sayfanın <head> alanında kullanılan meta etiketleri (tag) tarayıcılara, arama motorlarına, robotlara, link analiz vb. programların hepsine sayfa hakkında ihtiyaç duydukları bilgileri sağlar. Bu bilgiler, meta etiketinin name özelliğinin ismini, content özelliğinin değerini oluşturduğu isim-değer çifti olarak sağlanır. Sitenizin bu arama motorlarınca doğru bir şekilde gösterimi için bazı Meta tag’ları kullanmakta fayda var. Tamamının isteğe bağlı olarak belirtildiği bu değerlerin popüler kullanıma sahip olan özellik isimleri aşağıdaki listede gösterilmektedir. Meta tag etiketleri hakkında yeterince bilgi aldıktan sonra Meta Tag Oluşturucu ile Meta taglarınızı oluşturabilir, bu konuyu daha iyi kavrayabilirsiniz.
    1. author
    2. abstract
    3. content-language
    4. content-type
    5. copyright
    6. description
    7. designer
    8. distribution
    9. expires
    10. generator
    11. keywords
    12. language
    13. publisher
    14. reply-to
    15. revisit-after
    16. refresh
    17. robots
    18. title

    author

    Güncel sayfanın yazarının ve/veya iletişim bilgilerinin belirtilmesini sağlar.
    <meta name="author" content="Meftun MEDE, meftunmede@gmail.com" />

    abstract

    Güncel sayfanın kısa özetinin belirtilmesini sağlar.
    <meta name="abstract" 
     content="HTML meta etiketi tarayıcılara ve arama motorlarına 
     sayfa hakkında bilgiler sağlar." />

    content-language

    Sayfanın hangi dilde yayın yaptığının bilgisini verir. Lisan kodları listesindeki değerlerden birini alarak güncel sayfanın içerik lisanını belirtir. Aşağıdaki örnek, sayfa lisanının Türkçe olduğunun belirtilmesini gösterir.
    <meta name="content-language" content="tr" />
    Lisan kodları ile birlikte ayrıca, Ülke kodları listesindeki değerlerden biri kullanılarak lisanın ait olduğu ülke de belirtilebilir. Aşağıdaki örnek, sayfa lisanının Türkiye Türkçesi olduğunun belirtilmesini gösterir.
    <meta name="content-language" content="tr-TR" />

    content-type

    Bu etiket, sayfanın içerik tipini ve karakter kodlamasını gösterir. Yazılmadığı takdirde sayfa ISO-8859-1 karakter kodlaması olarak değerlendirilir. HEAD etiketi içerisinde en üste yazılmalıdır. Aşağıdaki örnek, sayfa içerik tipinin text/html ve karakter setinin UTF-8 olarak belirtilmesini gösterir.
    <meta name="content-type" content="text/html charset=utf-8" />
     
    <meta http-equiv="content-type" content="text/html charset=utf-8" />

    copyright

    Güncel sayfanın kısa kopya/telif hakkı bilgisinin belirtilmesini sağlar.
    <meta name="copyright" 
     content="(c) 2014 Meftun MEDE (http://meftunmede.blogspot.com) Tüm Hakları Saklıdır." />

    description

    Güncel sayfa ile ilgili açıklama girilen kısımdır. Olması çok önemlidir. Çoğu zaman arama motorları açıklama kısımlarında sizin buraya yazdığınız yazıyı görüntülerler. Mümkün olduğu kadar kısa ve içerikle ilgili bilgi veren bir yazı girilmelidir.
    <meta name="description" 
     content="Bu sayfada HTML meta etiketinin içerebileceği 
     değerlerin isimleri açıklanmaktadır." />

    designer

    Güncel sayfanın (sitenin) tasarımcısının belirtilmesini sağlar.
    <meta name="designer" content="Meftun MEDE - Blogger Eklentileri" />

    distribution

    Güncel sayfanın (sitenin) hitap ettiği bölgenin belirtilmesini sağlar. Aşağıdaki değerleri alabilir.
    • Global : Tüm internet ağına hitap ettiğini belirtir.
    • Local : Sitenin bulunduğu IP adres bloğunun ait olduğu ülkeye hitap ettiğini belirtir.
    • IU (Internal Use) : Kamuya hitap etmediğini belirtir.
    Aşağıdaki örnek, bu sayfanının sadece Türkiye'ye hitap ettiğinin bildirilmesini göstermektedir.
    <meta name="distribution" content="local" />

    expires

    Güncel sayfanın son geçerli olduğu tarihi GMT formatında belirtir. Sayfayı daimi olarak geçersiz kılmak için content özelliğine '0' değeri atanmalıdır.
    <meta name="expires" content="Thu, 31 Dec 2009 23:59:59 GMT" />

    generator

    Güncel sayfayı oluşturmak için kullanılan programın isminin ve sürümünün belirtilmesini sağlar.
    <meta name="generator" content="Notepad IDE v5.1" />

    keywords

    Güncel sayfanın içeriğini tanımlayacak virgül ile ayrılmış anahtar kelimeleri belirtir. Çok fazla anahtar kelimenin olması zarar getirebilir. Birkaç anahtar kelime girilmesi yeterli olacaktır.
    <meta name="keywords" content="html, meta, name, keywords" />

    language

    İngilizce olmayan sayfalarda İngilizce sayfa lisan adının belirtilmesini sağlar.
    <meta name="language" content="Turkish" />

    publisher

    Güncel sayfayı yayınlayan uygulamanın isminin ve sürümünün belirtilmesini sağlar.
    <meta name="publisher" content="VS 2008" />

    reply-to

    Güncel sayfa hakkında e-posta adresi belirtilmesini sağlar.
    <meta name="reply-to" content="meftunmede@gmail.com" />

    revisit-after

    Arama motorlarına gün olarak sonraki ziyaretlerini gerçekleştirme zamanının bildirilmesini sağlar.
    <meta name="revisit-after" content="7" />

    <meta name="revisit-after" content="7 days" />

    refresh

    Belirtilen süre sonunda belirtilen bir URL adresinin yüklenmesini sağlar. URL adresi belirtilmezse güncel sayfa adresi tekrar yüklenir. Aşağıdaki örnek, her 10 saniyede bir güncel sayfanın tekrar yüklenmesini gösterir.
    <meta name="refresh" content="10" />
    Aşağıdaki örnek, sayfa yüklendikten 60 saniye sonra http://meftunmede.blogspot.com adresinin yüklenmesini gösterir.
    <meta name="refresh" content="60;http://meftunmede.blogspot.com" />

    robots

    Bu tag arama motorlarına nasıl davranmaları hakkında ön bilgi veriyor. Sayfanın arama motorlarında listelenip listelenmemesini bu tag ile belirleyebiliyoruz. Bu tagın alternatifi olarak robots.txt dosyası da bu işlevi görebiliyor. content özelliği aşağıdaki değerleri alabilir. Virgül ile ayrılarak birkaç değer birden belirtilebilir.
    • index : Sayfanın dizine eklenmesini bildirir.
    • follow : Sayfa içindeki bağlantıların/linklerin izlenmesini bildirir.
    • archive : Sayfanın ön izleme için ekran görüntüsünün oluşturulmasını bildirir.
    • noindex : Sayfanın dizine eklenmesini engeller.
    • nofollow : Sayfa içindeki bağlantıların/linklerin izlenmesini engeller.
    • noarchive : Sayfanın ön izleme için ekran görüntüsünün oluşturulmasını engeller. Daha önce oluşturulduysa silinmesini sağlar. (Önizlemenin silinmesi arama motorlarına göre farklılık gösterebilir.)
    • all : Tüm olumlu bildirimleri uygular. Arama motorları index, follow ve archive bildirimlerinden farklı bildirimleri de kabul ediyor olabilir. Bu yüzden arama motorunun yardım/destek sayfasına bakınız.
    • none : Sayfanın gözardı edilmesini bildirir.
    • noodp : Eğer sayfa DMOZ dizininde kayıtlı ise arama sonuçlarında DMOZ dizinindeki açıklamanın yerine sayfanın kendi açıklamasının kullanılmasını sağlar. Bu değer, özellikle MSNBOT (live.com) için geçerlidir.
    Bir arama motoru robotu aksi belirtilmediği sürece bir sayfayı dizine ekleyebilir, sayfadaki linkleri takip edebilir ve sayfanın önizlemesini oluşturabilir. Bu yüzden robots özelliği ile all, index, follow ve archive değerlerinin kullanımının çok özel bir anlamı yoktur. Bunlar yerine sadece robotu engellemek amacıyla, engelleme amacına göre none, noindex, nofollow ve noarchive değerlerinin kullanımı daha doğru olacaktır. Aşağıdaki örnek, index, follow ve archive değerlerinin uygulamasını göstermektedir.
    <meta name="robots" content="all" />
    Aşağıdaki örnek, arama motoruna sayfayı dizinine eklememesini fakat, sayfadaki linkeri takip etmesinin bildirilmesini göstermektedir.
    <meta name="robots" content="noindex, follow" />
    Aşağıdaki örnek, arama motoruna sayfayı dizine eklemesini fakat, sayfadaki linkeri takip etmemesinin ve sayfanın önizlemesinin oluşturulmamasının bildirilmesini göstermektedir.
    <meta name="robots" content="index, nofollow, noarchive" />

    title

    Arama motorunun dizininde gösterilecek başlığı belirler. Aslında bir Meta Etiketi değildir. Fakat meta etiketi şeklinde kullanımı vardır ve aynı kategoridedir. Sayfanın başlığını verir ve Google açısından en önemli etikettir. Buraya yazılanlar tarayıcının üst bilgi kısmında, arama motorunda sayfa listelenirken ve sayfanız sık kullanılanlar gibi bir yere kaydolurken gözükecek olan kısımdır. Sayfa içeriği ile ilgili en uygun başlık yazılmalıdır. Aynı şekilde HEAD etiketi içerisine yazılır.
    <meta name="title" content="HTML Meta Etiket Değerleri" />

    Açıklama

    Bir META etiketi (tag), sağladığı bilgiyi ihtiyaç duyan programlara bildirmek için sayfaya eklenir. Yukarıdaki listede bir kısmı HTTP protokolü ile bildirilmiş, bir kısmıda arama motorları ve W3C organizasyonu tarafından önerilerek kabul görmüş META değerleri bulunmaktadır. Örneğin, nofollow değerini ilk Google kullanmış, ardından diğer arama motorları da kabul etmiştir. Bu listedeki META etiketi (tag) özellik değerleri haricinde daha binlerce etiket değeri bulunmaktadır. Bunlardan bazıları, keyphrases, subject, classification, geography, rating vs. vs. şeklindedir. Bu değerlerin çok büyük bir kısmı birçok program ve arama motoru tarafından tanınmadığı için sayfalarda kullanılmamalıdır. (Hatta, bu listedeki birkaç değer bile fazlalıktır.) Eğer META etiketleri ile herhangi bir konuda özellikle bilgilendirilmesi gereken bir program veya arama motoru varsa ilgili programın veya arama motorunun yardım bölümünde mutlaka ilgili etiket ile ilgili bilgi vardır. Örneğin, herhangi bir sayfanın Google ve YandexBot dizininde listelenmesini engellemek için aşağıdaki META etiketlerinin kullanılacağı Google ve Yandex yardım sayfalarında yer verilmiştir.
    <meta name="googlebot" content="noindex" />
    
    <meta name="YandexBot" content="noindex" />
    
    * googlebot ve YandexBot özellik değerlerine, listede gösterilen robots değerinin alabileceği değerler de atanabilir. Ayrıca Google, site yöneticisi araçları bölümüne giriş yapan bir kullanıcının sitenin sahibi olup olmadığını kontrol etmek için aşağıdaki gibi verify-v1 değerini içeren rastgele üretilmiş bir anahtar kodun sayfaya eklenmesini isteyebilir. Eğer kullanıcı sayfanın kaynak koduna erişip bu etiketi sayfaya ekleyebiliyorsa sitenin sahibi olduğunu ispatlamış olur.
    <meta name="verify-v1" content="XXXXXXXXXXXXXXXXXXXX" />
    
    Bununla beraber programlar, arama motorları veya internet hizmeti veren siteler, site yöneticilerinden verify-v1 değerine benzer bir çok META etiket değerini sayfalara eklemesini isteyebilir. Hangi etiketin hangi değerle ekleneceği yalnızca ilgili sitenin yardım sayfalarında bulunabilir. Son olarak, Google, Yahoo ve Yandex gibi popüler arama motorlarının yardım sayfalarına bakıldığında en önemli META özellik değerlerinin sadece description ve keywords olduğu görülmektedir. Tüm meta etiketlerinin opsiyonel olmasına rağmen bu iki değerin ve bunlar ile birlikte title etiketinin de kullanımı arama motorlarının sayfayı doğru analiz etmesi açısından önemlidir ve fayda sağlar. Diğer binlerce META özellik değeri bilgilendireceği bir hedef (arama motoru vs.) olmadığı sürece sayfaya eklenmesinin hiç bir anlamı olmayacaktır. Örneğin, yukarıda bahsedilen "rating" değeri, sözde sayfanın hitap ettiği kamu kesimini belirler ki bu Amerikan standartlarına göre 5 farklı değere sahip bir derecelendirmedir. Fakat, bu özellik 1996-97 yıllarındaki çalışmalarda HTML 3.2 önergesinin beraberinde önerilmiş ve hemen ardından iptal edilmiş bir değerdir. Yani en az 10 yıldır herhangi bir geçerliliği olmayan ve güncel olarak popüler arama motorlarının, hakkında bir bildirimi olmayan bir değerdir.

    Blogunuza blogger giriş formu/Login form Widget'i ekleyin

    Blogger giriş formu/Login form Widget
    Blogunuz için blogger giriş formu Widget'i ekleyin. Bildiğiniz gibi Bloggerda Yazılara cevap yazabilmek yada yorum yapabilmek için giriş yapılması gerekmekte. Bu eklenti sayesinde blogunuza yorum yapmak isteyenler bu Login Form/Giriş formunu oturum açmak için kullanabilecekler. Hem blogunuzu daha profesyonel gösterecek hemde blogger kullanıcıları burdan oturum açıp giriş yapabilecekleri kullanışlı bir eklenti. Ayrıca formunuza stil vererek kendi zevkinize göre fontunu, rengini, genişliğini vs. ayarlayabilirsiniz. Blogunuzun sidebarına aşağıdaki kodları bir widget şeklinde eklemek ve bu giriş formundan kontrol paneline erişmek mümkün.

  • ● Blogger kontrol panelinize giriş yapın.
  • Yerleşim Gadget Ekle HTML/JavaScript yolunu takip edin.
  • ● Ve aşağıdaki kodları kopyalayıp yapıştırın.
  • Kaydet diyip çıkın.

  • <p>Google Hesabınızla oturum açın</p>
    <form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()" target="_blank"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> E-posta: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Şifre: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Şifrenizi mi unuttunuz?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Oturum aç" class="ubtn ubtn-block" name="submit" type="submit"/>
    </form>

    Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

    Pardus - Ücretsiz Türk İşletim Sistemi (Linux)

    Pardus - Ücretsiz Türk İşletim Sistemi (Linux)
    Pardus; 2003 yılında temelleri atılan milli işletim sistemi olan, Türkiye'de TÜBİTAK-UEKAE tarafından geliştirilen, özgür, hızlı kurulabilen, kolay kullanılır, çoklu dil içeren, bilgisayar kullanıcılarının temel masaüstü ihtiyaçlarını gidermek üzere halihazırdaki linux dağıtımlarının üstün taraflarını kullanan; kurulum, yapılandırma ve kullanım kolaylığı sağlayan açık kaynak bir işletim sistemidir. Pardus adı, Anadolu Parsı'nın bilimsel adı olan Panthera pardus tulliana'dan gelmektedir. Pardus'un bugüne kadar yayınlanmış 5 ana sürümü ve 9 ara sürümü mevcuttur. Bunlara ek olarak 2 kurumsal sürümü vardır.

    Pardus'un özellikleri nelerdir?

    Pardus Özgürlük için
    1- Açık kaynaklıdır.
    2- GPL lisanslıdır.
    3- Özgürdür.
    4- Adını Anadolu panterinin isminden alır.
    5- TÜBİTAK-UEKAE tarafından gerçekleştirilen bir işletim sistemidir.
    Pardus'un bileşenleri nelerdir?
    1- YALI (Yet Another Linux Installer): Pardus ve paketlerin kurulumu için kurulum yazılımı
    2- ÇOMAR (Configuration Manager): Yazılımların uyumu için yapılandırma yöneticisi
    3- PİSİ (Packages Installed Successfully as Intended): Paketlerin kurulumu / kaldırılması için paket yönetim sistemi
    4- TASMA: Kullanıcının sisteme dair ayarları değiştirebildiği uygulama
    5- Zemberek – Pardus: Türkçe yazım denetimi
    6- Müdür: Gelişmiş donanım tanıma sistemi
    7- Kaptan: Masaüstü yapılandırması
    8- KDE: Masaüstü denetimi
    9- OpenOffice: Ofis uygulamaları

    Pardus'un sistem gereksinimleri nelerdir?

    1- 800 mhz Intel veya amd işlemci (en az 1200 MHz önerilir).
    2- 256 MB RAM (512 MB önerilir).
    3- En az 4GB boş alana sahip harddisk.
    4- Pardus hizmetlerine ve kaynaklarına ulaşmak için internet bağlantısı.

    Neden Pardus kullanmalıyım?

    1- Özgürdür.
    2- Türkçedir.
    3- Virüslere geçit vermez.
    4- Hızlı kurulur.
    5- Kolay kullanılır.
    6- Her şey yazılım dahildir.
    7- Özelleştirilebilir.
    8- Şeffaftır.
    9- Çoklu dil desteği.
    10- Eğlencelidir.

    Pardus hangi donanımları desteklemektedir?

    Sisteminizin Pardus için uygun olup olmadığını denetleyebildiği donanımları Dış bağlantılar başlığı altındaki Pardus Donanım Uyumluluk listesi linkinden bakabilirsiniz.

    Pardus’u nasıl deneyebilirim?

    Pardus’u bilgisayarınıza kurarak ya da Çalışan sürümüyle sabit diskinize hiç dokunmadan deneyebilirsiniz.
    Pardus hem optik diskler üzerinde hem de usb bellek ve disklerde çalışabilir.
    Sisteminizin BIOS yazılımında belirlenen açılış sırasını Pardus kullanacağınız optik sürücü ya da USB bağlantısı önce olacak şekilde ayarlamanız gereklidir.
    Yeni bilgisayarların çoğu açılış sırasında bir tuşla (bir çok masaüstü bilgisayarda F8 bu işi görür) bu sırayı değiştirebilmenizi sağlar.

    Pardus resmi internet sayfası
    Pardus resmi indirme sayfası

    Blogger Popüler Yayınlar Otomatik Numaralandırma eklentisi

    Blogger Popüler Yayınlar Otomatik Numaralandırma eklentisi
    Bugün CSS3 otomatik artış özelliğini kullanarak popüler yayınlar listesini Otomatik Numaralandırma eklentisini görüntülemeyi öğreneceğiz. Numaralara kare/dikdörtgen ve yuvarlak gibi değişik şekiller stil uygulayabilirsiniz. Kenar çubuğunda sidebarda bu pratik uygulamanın demosunu görebilirsiniz. Blogger için bu efekti oldukça kolay adımda JavaScript kullanmayı gerektirmeden Saf stilleri kullanarak eklemenizi sağlar. Popüler Yayınlar eklentisi blog sayfası Görüntülenme sayısını arttıran ve blogunuza daha fazla okuyucu kazandıran etkili bir araçtır. Google analytics verilerini kullanarak en çok ziyaret edilen sayfalar temel alınarak yayınları sırayla gösterir.

    Popüler Yayınlar Widget'ını ekleme

    1. Blogger kontrol panelinize giriş yapın > Yerleşim
    2. "Gadget ekle" ye tıklayın.
    3. Listeden "Popüler Yayınlar" seçin.
    Popüler Yayınlar
    4. Aşağıdaki resimde gösterildiği gibi kendi ayarlarınızı yapılandırmanız gerekir: Mesela "küçük resim" kutusunu işaretlerseniz paylaştıgınız yazılardaki kullandıgınız ilk resim eklentinizde görünür.
    Popüler Yayınlar
    5. Kaydet diyip çıkıyoruz.

    Popüler Yayınlar Eklentisi özelleştirme

    Şimdi varsayılan stillerini değiştirmek ve Özel stilleri kullanarak istediğiniz tasarımı kendi görünüşünü değiştirmek gerekir.
    1. Blogger kontrol panelinize giriş yapın > Şablon
    2. Şablonunuzu yedeklemeyi unutmayın.
    3. HTML'yi Düzenle
    4. Ctrl+F yardımı ile ]]></b:skin>  kodunu aratıp bulun ve Kodunu genişletmek için () siyah oku tıklayın.
    b:skin
    5. </b:skin> kodunun hemen üstüne aşağıdaki style kodlarını kopyalayıp yapıştırın.
    .popular-posts ul{padding-left:0;counter-reset:popcount;}
    .popular-posts ul li:before{background:#292D30;color:#fff;box-shadow:1px 2px 9px #666;float:left;list-style-type:none;margin-right:15px;counter-increment:popcount;content:counter(popcount);font-size:16px;position:relative;font-weight:700;font-family:georgia;border:2px solid #ddd;padding:.3em .6em;}
    .popular-posts ul li{border-bottom:1px dashed #ddd;}
    .popular-posts ul li:hover{border-bottom:1px dashed #696969;}
    .popular-posts ul li a{text-decoration:none;color:#5A5F63;}
    .popular-posts ul li a:hover{text-decoration:none;}
    
    Özelleştirme:
    • Kare baloncukları düzenlemek arka plan rengini değiştirmek için #292D30
    • Baloncuk metin rengini değiştirmek için #fff
    • Varsayılan olarak numaralandırma solda, eğer sağa almak istiyorsanız float:left olan bölümde left'i right yapın.
    • Varsayılan olarak baloncuğun şekli kare. Yuvarlak yapmak istiyorsaniz değiştirmek için box-shadow: 1px 2px 9px #666666; kodundan hemen sonra aşağıdaki kodu ekleyin.
    border-radius:15px;

    6. Şablonu kaydet diyip çıkıyoruz. işlem bukadar!
    Herkeze kolay gelsin. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz. iyi bloglamalar...

     
    • Meftun Apart

      Meftun Apart Fethiye

      Apartlarımız deniz ve plaja 50 metre mesafede olup, klimalı, full eşyalı 2+1, 1+1, 4-6 kişilik ve havuzlu apartlardan oluşmaktadır.

    • Meftun Mede Blogger

      MEDE Blogger Tema Yardım

      Blogger şablonuzda, temanızda yardımamı ihtiyacınız var? Hertürlü blogger tema yardımı ücretsiz yapılır...

    • Sitemap sayfası oluşturma

      Sitemap sayfası oluşturma

      Sitemap bir web sitesinin haritasıdır.Arama motorlarının web sitelerini hızlı, daha çabuk ve tam olarak indexlemesi için oluşturulurlar.

    • hit arttırma

      Sitenizin hitini arttırın!

      Kaliteli hit arttırma sitemi ile ücretsiz hit kazanın, sitenizi Google'da yükseltin! Sitenizi ekleyin ve binlerce ziyaretçi kazanın!

    • Sosyal Medya!

      Sosyal Medya

      Sosyal platformların sayısı artmaya devam etmektedir ve Sosyal medya içeriğine internet aracılığıyla her zaman her yerden erişilir.