Blogere Sağ ve Sol Sütun Yapmak
Blog sahipleri genellikle sağa ve sola menüler yaparak bloglarının görselliğini
zenginleştirmek isterler.
Bu işlem oldukça basittir , ancak yeni başlayanlar için sorun teşkil edebilir.
Burada yeni başlayanlar için bloğumuzun sağına ve soluna menüler nasıl yerleştirilir
adım adım anlatacağım.
Ayrıca bunu yaparken bloğumuzu renklendirmeyi de öğreneceğiz.
Başlayalım
Adım1: Öncelikler altta gördüğünüz gibi blog yönetim panelinde ŞABLON daha sonra ÖZELLEŞTİR butonlarını tıklıyoruz.
Adım2: Özelleştir tıkladığınızda karşınıza yeni bir pencere açılır. Açılan pencerede sol üst tarafta YERLEŞİM yazan kısmı tıklıyorsunuz ve alttaki, gibi şablonlar çıkacak karşınıza. Çıkan şablonların hangisini tercih ediyorsanız üzerine tıklayıp uygula butonuna basınız ve daha sonra Yerleşim yazısının üzerindeki GENİŞLİKLERİ AYARLA kısmına basarak sağ ve sol genişliklerini istediğiniz şekilde ayarlayınız.
Yine aynı pencerede yer alan ARKA PLAN kısmına tıklayıp bloğunuzun renklerini ayarlayıp , renklendirebilirsiniz.
İYİ BLOGLAR.
Yazıyı faydalı bulduysanız paylaşınız.
blog rehberi etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
blog rehberi etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
15 Şubat 2016 Pazartesi
13 Şubat 2016 Cumartesi
Blog Toplam Görüntüleme Sayacı Ekleme ( Resimli ve Kolay Anlatım)
Blog Toplam Görüntüleme Sayacı Ekleme
Bir çok blog sahibinin bildiği ve eklenmesi çok kolay olan
toplam sayfa gadgeti ekleme nasıl
yapılmaktadır çok kısa ve pratik yolla
anlatacağım.
Eğer blog işine yeni girmişsniz bunu yapmayı bilmemeniz çok
doğal,gadget ekleme gayet
basit bir iştir.
Şimdi adım adım gadgetimizi ekleyelim.
1.Adım: kontrol panelinde
YERLEŞİM kısmını tıklıyoruz.
2.Adım: Yerleşim açıldıktan sonra panelde bulunan GADGET EKLE'yi tıklayıp açıyoruz.
3.Adım: Gadget'i tıkladıktan sonra karşımıza alttaki tüm gadgetlerin bulunduğu pencere açılır.
4.Adım:Açılan gadgetler penceresinde Blog istatistikleri yanındaki + işaretini tıklayıp, sayaç şekillerini açınız. Alttaki resim.
Burada istediğiniz sayaç türünü tercih edip , kutucuğunu işaretleyin ve KAYDET butonunu tıklayınız ve sayacınızın nerede görünmesi hoşunuza gidiyorsa sürükleyip oraya bırakın, iyi günlerde kullanınız
Etiketler:
blog rehberi,
resimli,
sayaç,
toplam görüntüleme,
yerleşim,
ziyaretçi
12 Şubat 2016 Cuma
Bloggere Ziyaretçi Sayacı Ekleme Kolay ve Resimli Anlatım
Sayaç Nasıl Eklenir ?
Blogger'inize yada web sitenize gelen ziyaretçilerin sayısını merak etmeyen yoktur. Günde kaç tekil kaç çoğul ziyaretçinizin olduğunu bu ziyaretçilerin hangi kelimeleri kullanarak sizi bulduğu, en çok hangi tür konuların arandığını öğrenmenin başka bir yolu da ,sayfanızdaki sayaçların istatistikleridir.
Bütün bu verileri kolaylıkla takip etmek için Bloggerinize Gadget yardımı ile yerleştireceğiniz ziyaretçi sayacı sayesinde mümkün olacaktır.
Piyasada pek çok ziyaretçi sayacı mevcuttur bunların içinde tercih ettiğinizi kullanabilirsiniz, ancak bazıları ziyaretçi sayısını fazla yada az gösterebilmektedir. Siz Google arama motoruna "ziyaretçi sayacı" yazarak aratın ve bulduklarınızdan birini tercih ediniz.
Şimdi Ziyaretçi Sayacını Nasıl Yerleştireceğinizi Adım Adım Anlatalım.
BAŞLIYORUZ: Google arama motorunda bulduğunuz sayaç kodlarını kopyalayın ve bloğunuzda kontrol paneline giriniz. YERLEŞİM + GADGET EKLE + HTML/JavaScript yolunu takip edin, aşağıdaki resimlerde olduğu gibi.
HTL/JavaScript yazan yerin yanındaki + işaretine tıklayın karşınıza alttaki gibi pencere açılacaktır.
Açılan bu pencereye kopyaladığınız sayaç kodunu yapıştırın ve KAYDET butonuna basınız.
Sayaç yerleştirmeniz tamamdır. Sayacın Şimdi nerede görünmesini istiyorsanız sürükleyip oraya bırakın ve değişiklikleri kaydet butonuna basıp , sayacınızı güzel günlerde kullanınız.
Tekrar görüşmek üzere
Blogger'inize yada web sitenize gelen ziyaretçilerin sayısını merak etmeyen yoktur. Günde kaç tekil kaç çoğul ziyaretçinizin olduğunu bu ziyaretçilerin hangi kelimeleri kullanarak sizi bulduğu, en çok hangi tür konuların arandığını öğrenmenin başka bir yolu da ,sayfanızdaki sayaçların istatistikleridir.
Bütün bu verileri kolaylıkla takip etmek için Bloggerinize Gadget yardımı ile yerleştireceğiniz ziyaretçi sayacı sayesinde mümkün olacaktır.
Piyasada pek çok ziyaretçi sayacı mevcuttur bunların içinde tercih ettiğinizi kullanabilirsiniz, ancak bazıları ziyaretçi sayısını fazla yada az gösterebilmektedir. Siz Google arama motoruna "ziyaretçi sayacı" yazarak aratın ve bulduklarınızdan birini tercih ediniz.
Şimdi Ziyaretçi Sayacını Nasıl Yerleştireceğinizi Adım Adım Anlatalım.
BAŞLIYORUZ: Google arama motorunda bulduğunuz sayaç kodlarını kopyalayın ve bloğunuzda kontrol paneline giriniz. YERLEŞİM + GADGET EKLE + HTML/JavaScript yolunu takip edin, aşağıdaki resimlerde olduğu gibi.
HTL/JavaScript yazan yerin yanındaki + işaretine tıklayın karşınıza alttaki gibi pencere açılacaktır.
Açılan bu pencereye kopyaladığınız sayaç kodunu yapıştırın ve KAYDET butonuna basınız.
Sayaç yerleştirmeniz tamamdır. Sayacın Şimdi nerede görünmesini istiyorsanız sürükleyip oraya bırakın ve değişiklikleri kaydet butonuna basıp , sayacınızı güzel günlerde kullanınız.
Tekrar görüşmek üzere
Etiketler:
blog rehberi,
blog sayaç,
ekleme,
sayaç,
ziyaretçi
11 Şubat 2016 Perşembe
Blogger İçin En İyi Google Çeviri Eklentisi Ekleme Resimli Anlatım
Blogger’iniz İçin Google Çeviri Eklentisi Ekleme
Adım2: “Hemen şimdi web sitenize ekleyin” yazan butonuna basın ve kaşınıza aşağıdaki sayfa açılacaktır.
Açılan bu sayfada web sitenizin URL'si nedir kısmına url'yi kopyalayıp yapıştırınız ve sonraki butonuna tıklayıp ilerleyin ve aşağıdaki pencere çıkacaktır.
Adım3: Açılan pencerede "tüm diller" kısmını işaretleyin "yatay ,dikey yada yalnızca açılır liste" kısmında istediğinizi işaretleyin ve Kodu Al butonuna tıklayın.
Adım4: Alttaki pencere açılacak orada gördüğünüz kodları kopyalayın ve YERLEŞİM - GADGET EKLE - HTML/JAVASCRİPT yolunu takip ederek açılan JavaScript kutucuğuna kodu yapıştırıp kaydet diyoruz.
Sevgili ziyaretçilerimiz, geçen günlerde İngilizce bir
paragrafı çevirme ihtiyacı duydunm ve arayışlara girdim.
Çeşitli araştırmalarımdan sonra bloggerime ekleyebileceğim
ve Google destekli bir çeviri eklentisi buldum ve nasıl ekleyeciğimi araştırdım,
bu çalışmam sonunda çok kolay bir yoldan eklentiyi blog’uma ekledim.
Bu eklentinin çoğu ziyaretçilerimizin de işine yarayacağını
düşündüğüm için burada kısa yoldan ve resimli olarak anlatacağım.
Umarım herkesin işini kolaylaştır ve işe yerer.
Peki bu Google tarafından desteklenen çeviri eklentisi ne işimize
yarayacak. Kısaca anlatayım.
Google çeviri eklentisi
blogunuzu ziyaret eden ve yazdığınız dilde okuduğunu anlamayan
ziyaretçilerin, bu yazıyı kendi dillerine çevirip, kolayca anlamalarını
sağlayacaktır.
Bloglarda kullanılan bazı kavram ve terimler evrensel bir
niteliğe sahip olduğu için yabancı kullanıcılar tarafından da aranabiliyor ve
ziyaretçi yazınıza gelebiliyor. Örneğin Adwords yada google Analytics gibi kelimeler arandığı zaman tüm
ülkelerde aynı arama kelimesiyle girildiğinde ziyaretçinin size gelme olasılığı
vardır.
İşte bu kelimeler ile blogunuza gelen ziyaretçileri bir süre
tutmak ve yazınızı okumasını sağlamak mümkündür. Bunun için bu çeviriyi
kullanıp ziyaretçi çeşitliliğinizi arttırabilirsiniz.
Bu eklentiyi Eklemek İçin Adım Adım Anlatalım
Adım1: Öncelikle https://translate.google.com/manager/website/ adresine tıkladığınızda alttaki pencere
açılacaktır.
Bütün bunları yaptıysanız tebrikler çeviri eklentiniz hazır demektir. Güle güle kullanınız.
Faydalı olması dileğiyle
Etiketler:
blog,
blog rehberi,
çeviri,
çeviri motoru,
eklenti,
İngilizce,
İngilizce çeviri
9 Şubat 2016 Salı
Blogger de Etkileyici Yazı Yazmanın ve Ziyaretçi Arttırmanın 5 Yolu
Blogger de Etkileyici Yazı Yazmanın 5 Yolu
Evet sevgili blog yazarları, sizlerde biliyorsunuz her gün
bloglarda binlerce yazı paylaşılmaktadır.
Bu kadar yazının içinde sizin yazınız nasıl fark edilip
tercih edilir? İşte bunu sağlamanın yollarını sizlerle paylaşmaya çalışacağım.
Öncelikle ,sizleri duyar gibiyim, etkileyici başlık ,anahtar
kelimeler diyenler var içinizde kabul
ama nasıl?
Dikkat Çekici Başlık Nasıl Olmalı?
İnternet ortamında paylaşımlarda bulunanlar genellikle
başlık konusunu basite almaktadırlar. Sıradan bir başlık atılıp yazıya
yoğunlaşılır, oysa internet ortamında okuyucunun ilk gördüğü ve okuyucuyu
sitenize getiren başlıktır. Düşünün Bloggerinize ziyaretçi çekmek için –
Blogerde ziyaretçi arttırmak yada Bloggerde ziyaretçi arttırmanın 10 yolu- gibi
iki başlıkla karşılaşsanız hangisini tercih edersiniz. “Ben olsam hangisini
tercih ederim “diye düşünün.
1. Başlıklarınızda Sayı Kullnın
Bunu yapmak tamamen bir tercih meselesidir, ancak araştırma konusu ne olursa olsun
başlıklarında sayısal ifade bulunduran yazıların daha çok tercih edildiği bir
gerçektir.
Örneğin: İyi olmanın yolları
İyi olmanın 10 yolu
Siz olsanız bu başlıklardan hangisi dikkatinizi daha çok çekerdi? Kuşkusuz sayısal ifade bulunduran başlık daha
tercih edilebilir bir görünüm sergiliyor.
2. Başlıkta Dikkat Çekici Kelime ve Sıfatlar Kullanın
Yazı başlığı
yazarken düz değil farklı ilgi çekici kelime ve sıfatlar kullanınız.
Örneğin: Çok
güzel , müthiş , Eşsiz , kesin , mutlaka , gibi kelimeleri yazı başlığınızın
önüne eklediğinizde okuyucularda büyük
etki yaratacaktır.
Örnek: Adsense
almanın yolları
Adsense almanın kesin
yolları
3. Başlıklarınızda Özgün Kelimeler Kullanın
Yazmış
olduğunuz yazılarınızın başlıklarına sıradan kelimeler yerine iyi düşünülmüş kelimeler seçiniz.
Mesela: İyi bir blogger için olamak için yapılacaklar işler
İyi bir blogger için olamak için
gereken ilkeler
4.Yazı Başlıklarında Soru Kelimelerine Yer Veriniz
Yazı
başlıklarınıza soru kelimeleri eklediğiniz zaman daha çekici bir hal alır.
Çünkü
internet ortamında bir şey arayanlar genellikle soru cümleleri kullanarak arama
yapmaktadırlar. Bu şekildeki yazılarınız arama motorlarının dostu olacaktır.
Örnek: Blog hazırlama
Blog nasıl hazırlanır
Yazdığınız içerik aynı olsa dahi başlığınıza ekleyeceğiniz
soru ile yazınız daha yukarılarda çıkacak ve ziyaretçileriniz artacaktır.
5. Başlıklarınızda Vaatlerde Bulunun
Ziyaretçilerinize farklı önerilerde ve vaatlerde bulunun,
eğer yazdıklarınız daha önce yazılmamış, yapılmamış şeyler ise bunu
başlığınızda mutlaka belirtiniz.
Bunları yaptığınızda ziyaretçileriniz artacak
Bu önerileri yapın gelirinizi arttırın
Ancak bulunacağınız vaatler yanıltıcı değil işlevsel
olmalıdır. Ziyaretçilerinizi bir defalık değil daim düşünün.
Bol şanslar
Etiketler:
blog rehberi,
etkili başlık,
nasıl,
öneri,
ziyaretçi arttır
6 Şubat 2016 Cumartesi
Blogger'de Navbar'ı Kaldırmanın En Kolay ve Pratik Yolu Resimli Anlatım
Blogger'de Navbar'ı Kaldırma
Bir çok blog sahibini rahatsız eden ve çok ciddi olmayan bir hava katan navbar kısmını kaldırmak aslında çok kolaydır. Blog'unuza orijinal site havası kazandırmak için , hiç bir şekilde kodlarla uğraşmadan iki adımda navbarı kaldırmayı resimli anlatacağım.
1.YÖNTEM: Ben bu yöntemi öneriyorum. Çünkü bu yöntemde hata yapma olasılığı yoktur.
Blogunuzun yönetim panelinde YERLEŞİM ardında navbar altındaki DÜZENLE kısmına tıklıyoruz.
DÜZENLE'yi tıkladıktan sonra karşınıza alttaki gibi bir pencere açılır.
Bu pencerede en altta KAPALI yazan yeri işaretleyip KAYDET diyoruz. Bu şekilde navbar kaldırma işlemi gerçekleşmiş olur. Bu yöntem ile navbarı gizlemiş oluyoruz, yani kaldırılmıyor, istediğiniz zaman aynı yolu takip edip tekrar aktifleştirebilirsiniz.
2.YÖNTEM: Blogunuzun yönetim panelinde ŞABLON ardında HTML'yi Düzenle diyoruz.
Burada HTML kodunun yazılı olduğu kısma gelerek Ctrl+F tuşu ile kodların içinde ]]></b:skin> kodunu aratıp buluyoruz altta verilen kodu bu koddan önce yapıştırıyoruz.
Bunu yaptıktan sonra ön izleme yapınız eğer bir problem yoksa güle güle kullanınız.
Bir çok blog sahibini rahatsız eden ve çok ciddi olmayan bir hava katan navbar kısmını kaldırmak aslında çok kolaydır. Blog'unuza orijinal site havası kazandırmak için , hiç bir şekilde kodlarla uğraşmadan iki adımda navbarı kaldırmayı resimli anlatacağım.
1.YÖNTEM: Ben bu yöntemi öneriyorum. Çünkü bu yöntemde hata yapma olasılığı yoktur.
Blogunuzun yönetim panelinde YERLEŞİM ardında navbar altındaki DÜZENLE kısmına tıklıyoruz.
DÜZENLE'yi tıkladıktan sonra karşınıza alttaki gibi bir pencere açılır.
Bu pencerede en altta KAPALI yazan yeri işaretleyip KAYDET diyoruz. Bu şekilde navbar kaldırma işlemi gerçekleşmiş olur. Bu yöntem ile navbarı gizlemiş oluyoruz, yani kaldırılmıyor, istediğiniz zaman aynı yolu takip edip tekrar aktifleştirebilirsiniz.
2.YÖNTEM: Blogunuzun yönetim panelinde ŞABLON ardında HTML'yi Düzenle diyoruz.
Burada HTML kodunun yazılı olduğu kısma gelerek Ctrl+F tuşu ile kodların içinde ]]></b:skin> kodunu aratıp buluyoruz altta verilen kodu bu koddan önce yapıştırıyoruz.
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
Bunu yaptıktan sonra ön izleme yapınız eğer bir problem yoksa güle güle kullanınız.
Etiketler:
blog rehberi,
gizle,
kaldır,
navbar,
navbar kaldırma,
resimli anlatım
Bloggerde Resimler / Fotoğrafları Etiketlemek İçin Resimli Kolay Anlatım
Resim Etiket Nasıl Yapılır?
Blog yazarlarının birçoğu yazılarını yazdığı zaman sadece başlıklara ya da yazmış olduğu yazı ve etiketlere dikkat eder. Ancak yazılarına eklemiş oldukları resimler ya da fotoğrafları etiketlemeyi ihmal ederler ve bunları etiketlemedikleri içinn Google bunların neyle alakalı olduğunu anlamaz ve resimlerinizi indexlemez. Böylece indexleme den geriye kalmış olursunuz.
Ancak yüklemiş olduğunuz resimlerinize yada fotoğraflarınıza at etiketi yaptığınız zaman Google botları resminizin neyle alakalı olduğunu anlayacak ve bunları indexleyecektir . Bu şekilde indeksleme kazanmış olacaksınız ve bu da yazınızın daha popüler , sitenizin ise daha yukarılara doğru çıkmasına yardımcı olacaktır.
Peki resim etiketi ne demektir? Etiket basitçe şu şekilde açıklayabiliriz Google'a resmin ne ile alakalı olduğunu gösteren bir etkinliktir diyebiliriz yani Google botlarına Siz ekleyeceğiniz bir etiketle o resmin neyle alakalı olduğunu söylemiş oluyorsunuz.
Resim etiketlerinizi şu şekilde düzenleyiniz
Yapacağınız basit ve dikkatli bir etiketleme ile trafiğinizi oldukça arttırabilirsiniz. Peki etiketleme yaparken nelere dikkat etmemiz gerekir?
Blog yazarlarının birçoğu yazılarını yazdığı zaman sadece başlıklara ya da yazmış olduğu yazı ve etiketlere dikkat eder. Ancak yazılarına eklemiş oldukları resimler ya da fotoğrafları etiketlemeyi ihmal ederler ve bunları etiketlemedikleri içinn Google bunların neyle alakalı olduğunu anlamaz ve resimlerinizi indexlemez. Böylece indexleme den geriye kalmış olursunuz.
Ancak yüklemiş olduğunuz resimlerinize yada fotoğraflarınıza at etiketi yaptığınız zaman Google botları resminizin neyle alakalı olduğunu anlayacak ve bunları indexleyecektir . Bu şekilde indeksleme kazanmış olacaksınız ve bu da yazınızın daha popüler , sitenizin ise daha yukarılara doğru çıkmasına yardımcı olacaktır.
Peki resim etiketi ne demektir? Etiket basitçe şu şekilde açıklayabiliriz Google'a resmin ne ile alakalı olduğunu gösteren bir etkinliktir diyebiliriz yani Google botlarına Siz ekleyeceğiniz bir etiketle o resmin neyle alakalı olduğunu söylemiş oluyorsunuz.
Resim etiketlerinizi şu şekilde düzenleyiniz
Yapacağınız basit ve dikkatli bir etiketleme ile trafiğinizi oldukça arttırabilirsiniz. Peki etiketleme yaparken nelere dikkat etmemiz gerekir?
1-Resim
açıklamalarınızı dört kelime ile sınırlı tutmaya çalışın yani çok fazla
kalabalık etikete gerek yoktur.
2-Google anahtar kelime bulucu aracından anahtar kelimeleri bularak yaparsanız bu çok daha kaliteli biretiketleme olmuş olacaktır.
3-Yapmış olduğunuz resim etiketlerinde karakterlerden(@ ,*) uzak durmaya çalışın ve mümkünse İngilizce kelimeleri de etiket olarak kullanabilirsiniz.
Şimdi resimleri etiketi nasıl yaptığımızı kısaca gösterelim
resim etiketlemeyi Blogger da en basit şekilde şu şekilde yapabiliriz yüklemiş olduğunuz resmi üzerine tıklayınız.
2-Google anahtar kelime bulucu aracından anahtar kelimeleri bularak yaparsanız bu çok daha kaliteli biretiketleme olmuş olacaktır.
3-Yapmış olduğunuz resim etiketlerinde karakterlerden(@ ,*) uzak durmaya çalışın ve mümkünse İngilizce kelimeleri de etiket olarak kullanabilirsiniz.
Şimdi resimleri etiketi nasıl yaptığımızı kısaca gösterelim
resim etiketlemeyi Blogger da en basit şekilde şu şekilde yapabiliriz yüklemiş olduğunuz resmi üzerine tıklayınız.
Altında yada
üstünde yazılar çıkacaktır , bu yazılar içerisinde özellikler yazan kısmın
üstüne gelerek tıklayınız.
ve oraya iki tane kutucuk açılacak 438 kutucuğa
istediğiniz anahtar kelimeleri yazınız ve kaydediniz.
İyi bloglar
İyi bloglar
Etiketler:
alt tag,
blog rehberi,
etiket,
fotoğraf,
resim etiketi,
Seo rehberi
3 Şubat 2016 Çarşamba
Blogger'e Sosyal Medya Butonu Ekleme Resimli Anlatım
Blog sahipleri; Blogger’inizi görsel
olarak renklendirmek, göze hoş gelen bir görünüm kazandırmak için herkesin
kolaylıkla yerleştirebileceği sosyal medya butonu nasıl ,
yerleştirebileceğinizi resimli olarak anlatacağım.
Yerleştireceğimiz butonlar
sayfanızla beraber yan tarafta kayan ve hoş bir görüntüsü olan butonlardır.
Siz blog sahipleri ; Mausla üzerine
geldiğinizde açılan duyarlı butonları sitenize
gadget olarak ekleyin ve şık bir görünüm kazandırın.
Nasıl Ekleyeceksiniz
1-) Kontrul panelinde YERLEŞİM
ardında Gadget ekle diyoruz.
2-) HTML/Javascript gadgetini tıklayıp açıyoruz.
3-) Açılan kutucuğa aşağıdaki kodları kopyalayıp yapıştırıyoruz ve kaydet diyoruz.
<style
type="text/css">
ul#social {
position: fixed;
margin: 0px;
padding: 0px;
top: 20%;
left: 0px;
list-style: none;
z-index:9999;
}
ul#social li {
width: 100px;
}
ul#social li a {
display: block;
margin-left: -2px;
width: 100px;
height: 70px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #AFAFAF;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinm0GWjdAsuzS67BvCpc47hcJ21yqyU46-8MbD9yhaEsioE9Jsgs-A4OlJeWw2evdOpY2R9zNyiNL72R9gNjblUu_0QGxdIPK0lfHJyx6AtJL6bzAeskWLoQYxFDIpneYz-gx60FqXYZo/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a {
background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp1JnBJjcnvX6LNeauZh4_PaSvpM_2rfDW_QYIy0Ind0SNBWSPrp_DdMhf1orIVSai2NvFTKw2wIPhvj5I50RH80XtKbnAM_Pl0Wb-KlqLHqEOXhze9kkajdG7KkvFfpzN25MenGX5XJo/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a {
background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAAvQzdRJviK5ZxzRiMnVFdk6VKsm4yQM57oIoiyFK7yc-_R0N3vADiz-B7hU4e1OnJQmuRZU_XeH7NNovStriw6XE5bDDG5cYWsk4MNNKSik_nYMDgXQLXFaa9SP3okmopf9Nj-4p5EY/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a {
background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmGUGmuHTUsV9KlhBzZ6YikHDnoxBF7q_gknM4U6j3ZBM6bv7oVzLftj8XAsaJzbvF8SDeSuYWJ6YITDm2o2O0Yd-bxwgvp8BeJvkwSn0Gh5sMTFjzT8bbvNDkJ4ElOjRig8DXkTtVf4g/s1600/rss.png)no-repeat;
background-position:center center;
}
ul#social .pinterest a {
background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioAKBaRzVhjSL7rRfNpRkzffKxtJrl8YoOu3rtAq0RO10cvU_z_z8Qbp1wrjvMxTHUVUPJt3LrOpwW_Wj_AgddoNf8zbn0JSTm8wtDhJ9vJO3FSQAT8kNhf1PZHtBP_9LGDiS0gFKzvgc/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('#social a').stop().animate({
'marginLeft': '-85px'
}, 1000);
$('#social > li').hover(
function () {
$('a', $(this)).stop().animate({
'marginLeft': '-2px'
}, 200);
},
function () {
$('a', $(this)).stop().animate({
'marginLeft': '-85px'
}, 200);
}
);
});
</script>
<br />
<ul id="social">
<li class="twitter"><a href="twitter adresi buraya " title="Twitter"></a></li>
<li class="googleplus"><a href="google plus adresi buraya" title="Google Plus"></a></li>
<li class="facebook"><a href="facebook adresi buraya" title="Facebook"></a></li>
<li class="rss"><a href="feedburner.google.com adresi buraya " title="Rss"></a></li>
<li class="pinterest"><a href="pinterest adresi buraya" title="Pinterest"></a></li>
</ul>
ul#social {
position: fixed;
margin: 0px;
padding: 0px;
top: 20%;
left: 0px;
list-style: none;
z-index:9999;
}
ul#social li {
width: 100px;
}
ul#social li a {
display: block;
margin-left: -2px;
width: 100px;
height: 70px;
background-color:#fff;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #AFAFAF;
-moz-border-radius:0px 10px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-top-right-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-top-right-radius: 10px;
-moz-box-shadow: 0px 4px 3px #000;
-webkit-box-shadow: 0px 4px 3px #000;
}
ul#social .twitter a{
background:#0F96C6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinm0GWjdAsuzS67BvCpc47hcJ21yqyU46-8MbD9yhaEsioE9Jsgs-A4OlJeWw2evdOpY2R9zNyiNL72R9gNjblUu_0QGxdIPK0lfHJyx6AtJL6bzAeskWLoQYxFDIpneYz-gx60FqXYZo/s1600/Twitter.png)no-repeat;
background-position:center center;
}
ul#social .googleplus a {
background:#D73D27 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp1JnBJjcnvX6LNeauZh4_PaSvpM_2rfDW_QYIy0Ind0SNBWSPrp_DdMhf1orIVSai2NvFTKw2wIPhvj5I50RH80XtKbnAM_Pl0Wb-KlqLHqEOXhze9kkajdG7KkvFfpzN25MenGX5XJo/s1600/GOOGLE+PLus.png)no-repeat;
background-position:center center;
}
ul#social .facebook a {
background:#1A4B97 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAAvQzdRJviK5ZxzRiMnVFdk6VKsm4yQM57oIoiyFK7yc-_R0N3vADiz-B7hU4e1OnJQmuRZU_XeH7NNovStriw6XE5bDDG5cYWsk4MNNKSik_nYMDgXQLXFaa9SP3okmopf9Nj-4p5EY/s1600/Facebook.png)no-repeat;
background-position:center center;
}
ul#social .rss a {
background:#FAAE17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmGUGmuHTUsV9KlhBzZ6YikHDnoxBF7q_gknM4U6j3ZBM6bv7oVzLftj8XAsaJzbvF8SDeSuYWJ6YITDm2o2O0Yd-bxwgvp8BeJvkwSn0Gh5sMTFjzT8bbvNDkJ4ElOjRig8DXkTtVf4g/s1600/rss.png)no-repeat;
background-position:center center;
}
ul#social .pinterest a {
background:#963336 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioAKBaRzVhjSL7rRfNpRkzffKxtJrl8YoOu3rtAq0RO10cvU_z_z8Qbp1wrjvMxTHUVUPJt3LrOpwW_Wj_AgddoNf8zbn0JSTm8wtDhJ9vJO3FSQAT8kNhf1PZHtBP_9LGDiS0gFKzvgc/s1600/Pinterest.png)no-repeat;
background-position:center center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$('#social a').stop().animate({
'marginLeft': '-85px'
}, 1000);
$('#social > li').hover(
function () {
$('a', $(this)).stop().animate({
'marginLeft': '-2px'
}, 200);
},
function () {
$('a', $(this)).stop().animate({
'marginLeft': '-85px'
}, 200);
}
);
});
</script>
<br />
<ul id="social">
<li class="twitter"><a href="twitter adresi buraya " title="Twitter"></a></li>
<li class="googleplus"><a href="google plus adresi buraya" title="Google Plus"></a></li>
<li class="facebook"><a href="facebook adresi buraya" title="Facebook"></a></li>
<li class="rss"><a href="feedburner.google.com adresi buraya " title="Rss"></a></li>
<li class="pinterest"><a href="pinterest adresi buraya" title="Pinterest"></a></li>
</ul>
4-)Kırmızı renklerle belirtilen yerlere sosyal medya adreslerinizi yapıştırınız ve kaydet butonunu tıklayınız . Güle güle , güzel günlerde kullanınız.
1 Şubat 2016 Pazartesi
Blogger'e Açılır Üst Menü Ekleme Resimli Kolay Anlatım
Blogger İçin Açılır üst Menü Yapma
Blog'larımıza üst menü yaptık , ancak bu menülerin yetersiz geldiğini gördük ve yeni arayışlara girdik. şimdi bu ihtiyacımızı karşılayacak açılır menü yapmamız gerekiyor ama birçoğumuz bunların nasıl yapılabileceğini bilmiyoruz ya da yaparken zorlanıyoruz. Ben sizlere şimdi çok basit bir şekilde blog'umuzun üst tarafına açılır menü nasıl yerleştirilir onu adın adın anlatmaya çalışacağım.
Bunun için sizlere çok basit İki kod vereceğim bu kodları yerleştirebilir ve üzerinde değişiklikler yaparak özelleştirme yapabilme imkanına sahip olacaksınız. Yazı renklerini değiştirebileceksiniz ayrıca menünüzü genişletebilme imkanına sahip olacaksınız.
Bunu yapmamdaki amaç yeni blogcuların açılır menülerini rahatlıkla ekleyebilmeileri ve renklendirebilmeleri böylece yazılarını büyük bir zevkle yazabilmeleri içindir.
Adım Adım Açılır Menü Oluşturmak
Eklemek istediğiniz menü URL'sini Larcivet # İşaretinin olduğu yere yapıştırınız.
Eğer menüyü uzatmak isterseniz ul ile başlayıp ul ile biten kodları kopyalayıp ala yapıştırın ve menünüzü genişletin.
3-) Şimdi CSS kodlarını bulup aşağıdaki kodları ekleyelim.
Resimdeki yolları izleyin.
kontrol panelini açın Şablon → HTML Düzenle açıp
CSS kodlarını yerleştirmenin başka yolu ise Kontrol panelinde giriş yapın →ŞABLON
→ ÖZELLEŞTİR → GELİŞMİŞ → CSS ekle diyin ve kaydedin. Aşağıdaki gibi.
İyi bloglar
Blog'larımıza üst menü yaptık , ancak bu menülerin yetersiz geldiğini gördük ve yeni arayışlara girdik. şimdi bu ihtiyacımızı karşılayacak açılır menü yapmamız gerekiyor ama birçoğumuz bunların nasıl yapılabileceğini bilmiyoruz ya da yaparken zorlanıyoruz. Ben sizlere şimdi çok basit bir şekilde blog'umuzun üst tarafına açılır menü nasıl yerleştirilir onu adın adın anlatmaya çalışacağım.
Bunun için sizlere çok basit İki kod vereceğim bu kodları yerleştirebilir ve üzerinde değişiklikler yaparak özelleştirme yapabilme imkanına sahip olacaksınız. Yazı renklerini değiştirebileceksiniz ayrıca menünüzü genişletebilme imkanına sahip olacaksınız.
Bunu yapmamdaki amaç yeni blogcuların açılır menülerini rahatlıkla ekleyebilmeileri ve renklendirebilmeleri böylece yazılarını büyük bir zevkle yazabilmeleri içindir.
Adım Adım Açılır Menü Oluşturmak
1-) Bolgger'inizde yönetim panelini açıyoruz. Blogger → Yerleşim→ Gadget Ekle → HTML/ JavaScript Gadget'ini ekleyip açın.
2-) Açılan kutucuğa aşağıda verilen kodu kopyalayıp yapıştırınız.
<div id='gpnavbar'>
<ul id='gpnav'>
<li>
<a href='#'>Ana sayfa</a>
</li>
<li>
<a href='#'>Hakkımda</a>
</li>
<li>
<a href='#'>İletişim</a>
</li>
<li>
<a href='#'>Ana Menü</a>
<ul>
<li><a
href='#'>Açılır menü adı #1</a></li>
<li><a
href='#'>Açılır menü adı #2</a></li>
<li><a
href='#'>Açılır menü adı #3</a></li>
</ul>
</li>
</ul>
</div>
Eğer menüyü uzatmak isterseniz ul ile başlayıp ul ile biten kodları kopyalayıp ala yapıştırın ve menünüzü genişletin.
3-) Şimdi CSS kodlarını bulup aşağıdaki kodları ekleyelim.
Resimdeki yolları izleyin.
kontrol panelini açın Şablon → HTML Düzenle açıp
]]></b:skin> kodunu Ctrl+F tuşu ile bulunuz ve bu kodun üstüne aşağıdaki kodu yapıştırınız.Şablonu kaydet.
CSS kodlarını yerleştirmenin başka yolu ise Kontrol panelinde giriş yapın →ŞABLON
→ ÖZELLEŞTİR → GELİŞMİŞ → CSS ekle diyin ve kaydedin. Aşağıdaki gibi.
İyi bloglar
Kaydol:
Kayıtlar (Atom)





























