Subscribe For Free Updates!

We'll not spam mate! We promise.

Blogger ayarlar etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger ayarlar etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

5 Mart 2015 Perşembe

Blogger SEO Ayarında Meta Tag Kullanımı


Blogger SEO Ayarında Meta Tag Kullanımı

Meta-Tag Kodlarınız:

<title>Site Başlığı</title>
<meta name="description" content="Site Tanımlaması"/>
<meta name="keywords" content="Anahtar Kelimeler"/>

<meta name="author" content="Yazar"/>









Youtube Kanalımızı Ziyaret Edin...





Youtube Kanalımızı Ziyaret Edin...


Robot Olmadığını Kanıtla!!!


Robot Olmadığını Kanıtla!!!

Kim söylediki zaten blogger dayı sana benim robot olduğumu. Blogger 50 yayından sonra bu şekilde uyarı vermeye başlar. bugünde bana böyle oldu....

Bu uyarı çok sorun çıkartacak bir uyarı değildir.

4 Mart 2015 Çarşamba

Gadget Açılır Menü yapma kodu - Açık Kaynak Kodu ile Birlikte Gadget Tasarlama






Gadget Açılır Menü yapma kodu


Açılır menü olarak kullanabileceğiniz güzel bir araçtır












<div id="top-navigation-wrapper">
<div class="top-navigationnbt">
<div class="menu-nbttop-container">
<ul class="menunbt" id="top-navnbt">
</ul><select class="selectnav" id="selectnav2"><option selected="">-----→ BÖLÜMÜNÜ SEÇ ------</option><option 
                                                                                                    
value="#">→ MENÜ1</option><option                                                                                                        
value="#">→ MENÜ2</option><option 
value="#">→ MENÜ3</option><option 
value="#">→ MENÜ4</option><option 
value="#">→ MENÜ5</option></select>
</div>
<div class="header-iconsnbt">
<a class="social-iconnbt facebook-iconnbt" href="https://www.facebook.com/vs.kasim.tok" rel="nofollow" target="_blank"></a>
<a class="social-iconnbt twitter-iconnbt" href="https://twitter.com/kasimtok" rel="nofollow" target="_blank"></a>
<a class="social-iconnbt google-iconnbt" href="#" target="_blank"></a>
<a class="social-iconnbt rss-iconnbt" href="http://kasimtok.blogspot.com.tr/feeds/posts/default" rel="nofollow" target="_blank"></a>
</div>
</div>
</div>


















Sayfamızı Ziyaret Etmenizi Rıca Ederiz. 

http://facebook.com/webdeveloperstv



14 Şubat 2015 Cumartesi

Blogger Menü Çubuğu Nasıl Düzenlenir

Blogger’un varsayılan şablon görünümleri ile şık renklerden oluşan, üzerine gelince değişen renk gösteren menü çubuğu, diğer ismi ile menü sekmesi statik sayfa linkleri ve etiket sistemi ile nasıl yapılır? Yeni blogger ve eski blogger yayıncı arkadaşlarımız aşağıda açıklaması yapılan menü sekmesinin nasıl yapıldığını okuyarak bloglarını özelleştirebilirler. Blogger kumanda panelinde Sayfalar iki isimden oluşmaktadır. Sayfaların nerede olduğunu ne işe yaradığını bilmiyorsanız, aşağıdaki bağlantıdan okuyabilirsiniz. Sayfaların ne olduğunun bilindiğini kabul ederek nasıl özelleştireceksiniz okumaya devam edin.

Blogger sayfalar ile ilgili bilgiler

Blogger’un sayfalar menü sekmesinin özelleştirilmesi :
1. Blogger → Şablon seçeneklerinde basit görünüm ismi kısmında bulunan ilk turuncu renkli şablon üzerinden anlatımıza devam edelim. (Bu bir örnektir. Her türlü şablon için geçerlidir.)
2. Blogger kumanda paneli şablon seçeneğinde iken Özelleştir ismine tıklayın.
3. Açılan pencerede Gelişmiş seçeneğine tıklayın.
4. Sağ tarafta dikey seçenekler arasında Sekme metni ve Sekme arka planı isimli 2 ad. seçeneğimiz menü sekmesine kumada eden kısımdır.
5. Bu 2 ad seçenek şablon kodlarında içinde /*Tabs etiket isminin altında yer alır. Şablon özelleştirme kısmında yaptığınız tüm işlemler bu kısımda kod olarak değişim gösterir. Şimdi bu iki seçeneği inceleyelim.
6. Sekme metni : Sekme metni için 3 ad. seçenek mevcut olup, bazı temalarda bu seçenekler değişebilir. Bu seçenekleri incelediğimiz de;
Yazı tipi : Yazı font’unu değiştirebileceğiniz birçok alternetif sunar. Mevcut olanı kullanabilir veya herhangi biri ile değiştirebilirsiniz. Bu seçenekleri kullanırken hatalı bir seçeneğe tıklarsanız çekinmeyin. Hemen alt kısımda (sekme metni üzerinde yapılan değişikleri sil) seçeneği ile varsayılan eski konuma alabilirsiniz.
Metin rengi : Seçmiş olduğunuz yazı font’unun rengini değiştiren seçenektir.
Seçilen renk : Seme çubuğunda seçilmiş alan kısmında haricinde görülmesini istediğiniz rengi belirler. Yukarıda verilen resimde Turuncu renk görünümlü basit şablon kullanımı için yazı ve renk kodları aşağıda verilecektir. Blog’unuzda aynı özellikleri kullanabilirsiniz.
7. Sekme arka planı : Turuncu görünümlü şablon için burada 2 ad seçenek mevcuttur.
Arka plan rengi : Yatay sekme çubuğunuzun komple görünümünü sağlayan renk seçim kısmıdır. Bir renk belirleyin yada aşağıdaki özelleştirmeyi kullanın.
Seçilen renk : Menü çubuğunuzda bir etiket ismi üzerine maus’u yanaştırdığınız zaman değişen reng görünümünü belirler. şablon kodlamalarındaki diğer adı (Li)Hover olarak bilinir.
Açıklama : (li) : Tek satırlık etiket linkidir. (lu) : Açılır etiket link kodlama ismidir.
Tüm yapmanız gereken bu iki seçeneği dilediğiniz gibi özelleştirerek şık bir menü sekmesi elde edebilirsiniz. Bunun için herhangi bir kod bilgisine bile ihtiyaç duymazsınız.
Yukarıda gördüğünüz turuncu ve mavi renklerden oluşan menü çubuğu ayarları için ;
1. Sekme metni :
Yazı tipi : Arial 14 px, Metin rengi : #f9f9f9, Seçilen renk : #0000ff
2. Sekme arka planı :
Arka plan rengi : #0000ff, Seçilen renk : #ff9900,
Ayrıca okuyabileceğiniz bilgilerBlogger Gelişmiş Ayarlar Hakkında genel anlatım.

22 Ocak 2015 Perşembe

Blogger Gadgetler Nasıl Eklenip Kullanılır

Blogger’un gadget ekle seçeneklerini neden kullanırız ? Blogger gadget nasıl eklenir ? Blogger gadget İd nedir ? Blogger gadget nasıl konumlandırılır ? Blogger’un 2. ve  3. taraf uygulamaları nedir ? Yeni blog kullanıcıları için bilinmesi gerekenler konular. Blogger’un gadget ekle seçeneklerini bilmeyen yok gibidir. Ancak eski yazılarımı, gelişen teknolojik değişimler için güncelleme ve yeni blog kuran blog yazarı arkadaşların tasarım gadget ekleme konusunda yabancılık çekmemeleri için bu yazıyı yazmak istedim. Öncelikle Gadget’in ne olduğunu kendi ifadelerimle anlatmaya çalışıp, sonra kullanım aşamaları nelerdir onlara bakalım.
Gadget nedir ? : (wiki) Gadget, kelimesi tek başına kullanıldığında tam anlamını bulamayan bir kelime. Araçlar, ürünler, gibi anlam ifade eden gadget kelimesi yazılım sektöründe ve bilgisayar proğramları gibi çalışma alanında gerçek kelime ifadesini bulabilmektedir. Blogger tasarımında bulunan gadget seçenekleri belirli güvenlik filitrelerinden geçirildikten sonra bir yazılım proğramı formatında bizlere sunulan diğer benzer ismi ile eklentilerdir. Blogger yerleşim sekmesinde Gadget ekle seçeneği hazır paket bir proğramın çalıştırılmasını sağlayan kısımdır. Ekle seçeneği ile proğramın kurulumuna komut vermiş olursunuz. Bunun sonucunda web sitenize proğram kurularak çalışır duruma getirilir. Blogger gadget ekle seçeneklerinde 28 ad. Google’un onayladığı Gadget’ler vardır ve bunlar ilk sıralamada yer alır.
Diğer gadgetler seçeneği güvenliği 2. taraf dediğimiz gadgetlerden oluşur. 2. taraf gadget’lere en iyi örneği ; İzleyiciler gadget’i olarak verebiliriz. 3. taraf Gadget’ler daha fazla riskli olup pek kullanılmamaktadır. Ancak 3. taraf gadget seçeneklerinden binlerce mevcuttur. Google Gadget Labs için sınıfı geçenler 28 ad. olduğundan bu gadget’leri kullanmanızı öneririm.
Gadget ekle seçenekleri ile ilgili resmi aşağıda inceleyin.
Gadget ekle seçeneklerini neden kullanırız :
Blog’unuzun ilk kurulumunda boş bir ana sayfa ile karşılaşırız. Bu boş ana sayfanıza görsellik ve işlevsellik katmak için gadget ekle seçeneklerindeki proğramlardan beğendiklerimizi seçerek şablon kodlarımızın içine kurulmasını sağlarız. Kurulumun tam tersi olarak gadget’i kaldır dediğinizde proğram şablon kodlarından kaldırılır. Blog’unuza eklediğiniz gadget’ler Google sunucularında sizin hesabınız ile barındırılıp güvenliği sağlanır. Bu nedenle, blogger gadgetleri haricinde  3. taraf bir eklentiyi gadget olarak kurduğunuzda kurmuş olduğunuz eklentinin güvenilir ve sağlam olduğuna emin olmanız sizin lehinizedir. Gadget içindeki link gibi görülen bir kalıbın açılımını yaptığınızda nerde ise bir sayfalık bir kodlardan oluşur. Bu kodları ancak incelerseniz ve bilginiz varsa anlayabilirsiniz. Bu neden ile bilmediğiniz, güvenmediğiniz  her eklentiyi çok güzel diye eklemeyin. Bilinçsizce eklenen bir eklenti için profil hesabınız zarar görebilir. Blogger blog’unuz kapanabilir, spam’a girebilirsiniz.
Blogger gadget nasıl eklenir :
Blogger’un mevcut gadgetleri haricindeki eklentiler kodlardan oluşur. Bu kodların eklendiği yer gadget ekle seçenekleri içindeki Html/JavaScript kod editörüdür. Eklenti kodlarınızı bu seçenekten ekleyebilirsiniz.
Blogger gadget nasıl konumlandırılır :
Blogger gadgetlerini ana sayfa da sidebar (kenar çubuğu), Başlık kısmı (header) veya alt bağlantılar (footer) kısmında konumlandırmak için, gadgeti tutup sürükleyip bıraktıktan sonra blog’unuzu kaydetmeniz yeterlidir. Eklentiniz gadget’in bulunduğu yerde görülecektir.
Blogger gadget İd nedir :
Blog’unuza beğendiğiniz uygulamaları gadget olarak eklediğinizde, bazı eklentileri çalıştırabilmeniz için sizden İd ismi ister. Eklentiniz bu İd ismini girmeden çalışmaz. Blogger şablon kodlarıda bu İd ismi ile yapılandırılmıştır. Şablon → Html’yi düzenle → Widget’e atla ok işaretine tıkladığınızda blog’unuzda ne kadar İd isimli eklenti varsa görebilirsiniz. şimdi aşağıda verilen resimlerde İd isimleri ayrıca görebilirsiniz.
Blogger gadget  İd ismi açmış olduğunuz gadgetin tıpkı tarayıcı link penceresine bakar gibi başlık kısmındaki linkin en sonunda görülür.
Blogger gadget İd isminin görünümü.


Blogger şablon kodlarında Widet’e atla seçeneklerindeki İd isminin görünümü.
Blogger gadget eklentileri ve kullanımı hakkında anlaşılmayan yerler için yorum yazarak bilgi alabilirsiniz. Ayrıca, Gadgetler kategorisindeki yazılar

12 Ocak 2015 Pazartesi

Blogger Sayfalar ile Menü Nasıl Yapılır

Klasik ve Dinamik Blogger sayfalar ile menü yapımı 2014 senesinde değiştirildi. Blog’unuzu yeni kurdu iseniz sayfalar sekmesi ile statik ve dinamik linklerin nasıl yapılacağı konusunu okumaya devam edin. Dinamik ve Klasik Blogger Sayfalarının kullanımı aynı olduğundan her iki görünümü kullanan yeni blogger yazarların dikkat etmesi gereken iki biçim kullanım mevcuttur. Bunlar nelerdir aşağıda görelim.
a : Statik sayfa : Statik sayfalar, Hakkında, Gizlilik ve İletişim gibi tek kullanımlık sayfaları açar. Yani ayı etikete sahip diğer yazılarınızı statik sayfa kullandığınızda etiketleriniz çalışmaz. Zaten böyle bir kullanımda yoktur. Statik sayfa açtığınızda tarayıcınızdaki link için de P harfini görürsünüz. P harfi, page sayfa anlamındadır. Linkin statik ve dinamik olup olmadığını bu linkten de anlamanız mümkündür.
b: Dinamik sayfa : Aynı etiketlerinizden oluşan ne kadar yazınız varsa hazırladığınız link kalıbı ile tüm yazılarınızı açan bir bağlantıdır.
Her blogger kullanıcısının okuyucularına yol gösteren sayfalar sekmesi ile bir navigasyon yapması gerekir. Bu navigasyon sayfalarınız arasında gezinmeyi kolaylaştırdığı kadar SEO olarak da önemi çok fazladır. Birçok blogger kullanıcılarının blog’larını incelediğimde maalesef ana sayfa üzerinde sadece bir resim görüyorum. Herhangi bir sayfayı açtığımda ana sayfaya dönmek için resime tıklamak zorunda olmak inanın çok üzücü bir durum. Blogger kullanıpta sayfalar sekmesi ile menü hazırlamayan bir blog’cunun Google arama sonuçlarına giden raporda verilen veriler ile ne durumda olduğunuzu artık siz düşünün. Tabiy ki bu size zarar vermez. Ancak blog’unuzun gerekli olan kaliteye sahip olmadığının bir göstergesi olarak kaydedilir. Herhalde böyle yanlışa düşmek istemezsiniz. Blog’unuzu açtığınızda ilk yapılacak işlem blog Ana sayfa navigasyon girişini oluşturmaktır.
Blogger sayfalar sekmesi kumanda panelinizde iki yerde bulunur. Bunlar ;
1. Kumanda paneli sol menülerde bulunan Sayfalar statik sayfa oluşturmanıza yarar.
2. Diğer sayfaları ancak gadget ekle Sayfalar gadgeti eklediğinizde oluşur.
Statik sayfa oluştur :
1. Blogger kumanda paneline giriş yapın.
2. Sol tarafta sayfalar sekmesine tıklayın. Açılan pencerede üst kısımda Yeni sayfa ismine tıklayın.
Blogger yazı editörü açılacaktır. Örneğin hakkında sayfası yapalım.
Yazı başlığına Hakkında yazın. Alt kısma hakkınızda kısa bir açıklama yazabilirsiniz. Sağ tarafta açıklamaları aktifleştirdiyseniz kısa bir açıklama yazın. Menüdeki biçimleme sekmelerini kullanarak yazınızı biçimleyin ve yayınlayın. Yayınlanan sayfa sayfalar sekmesinde görülür. Ana sayfaya baktığınızda nerde bu yazı diyebilirsiniz. İşte şimdi yukarıda bahsettiğimiz gadget içindeki sayfaları yapılandıracağız.
Gadget içindeki Sayfaları aktifleştirme :
1. Blogger kumanda panelinde iken, Yerleşim→  Gadget ekle sekmesine tıklayın. Gadgetler içindeki Sayfalar ismine tıkladığınızda sayfalar gadget’iniz sidebara kendini atayacaktır.
2. Sayfalar gadgeti açın. Biraz önce eklediğiniz hakkında sayfanızı göreceksiniz. Yan kısmındaki kutuyu işaretleyerek görülür olmasını sağlayın. Artık Ana sayfada Hakkında sayfanızı görebilirsiniz. Bu şekilde 20 ad. sekme menü yapabilirsiniz. Sınır budur.
Sayfalar gadget’i ile etiketlerinize bağlantı verip kullanma :
1. Sayfalar gadget’inizin içinde harici bağlantı linki oluştur seçeneği mevcuttur. Üst kısma yazınıza verdiğiniz ismi büyük küçük yazabilirsiniz. Ancak alt kısım link kısmıdır. Buraya yazınızda oluşturduğunuz etiketin aynısı yazmak zorundasınız. Yoksa link çalışmayacaktır.
2. Etiketlere verilen Link kalıbımız şu şekildedir. Bu kalıbı ezberleyin veya bir yere not alın. Her zaman lazım olabileceğini unutmayın.
Örnek :
http://guney59.blogspot.com.tr/serch/label/Etiket ismi
3. Etiketler bazen uzun ve Html kodlarının tarayıcı tarafından okunması için bazı harf ve rakamlardan oluşabilir. O zaman şuna benzer ifadeleri görürsünüz.
%29 gibi alfanumarik sayılar. Bu sizi yanıltmasın. Böyle bir etiketin çalışması için etiketi tarayıcınızdan kopyalayıp link sonuna eklemeniz gerekir.
Örnek çalışan bir etiket :
Bu etiketin sonunda şu kelimeler vardır.  Blog Kullanım Rehberi
Dikkat ederseniz label isminden sonraki yazıdır. Her ikisde aynı sayfayı açar. Tıklayın deneyin.
4. Etiket kalıp linki ile etiket kullanımı bu şekildedir. mümkün oldukca etiket yazımına dikkate edin. Örneğin pastalar etiketi genel bir isimdir. Ancak Yaş pastalar genel ismi kategoriye ayırır.

Bu tür bir kullanım SEO olarak da önemlidir. Yukarıda anlatılanlar hakkında anlaşılmayan ksımları yorumlarda belirterek yardım alabilirsiniz. Blogger Ana sayfanızda Ana sayfa sekmesi olmadan blog’unuzu kullanmamaya özen gösterin. Ücretsiz olarak kullandığınız Blogger Web internet ortamında yazıya link veren gerçek bir siteden hiçbir farkı yoktur.

Haberci

Destek3

Related Posts Plugin for WordPress, Blogger...