Blogger Buton Ekleme | Blogger buton nasıl eklenir | NaberBlog

  


   Web sayfalarımıza, bloglarımıza gelen ziyaretçilerin web sitemizde kalmalarını sağlamanın bir yoluda etkileyici , çarpıcı temalar. Temalarımız ne kadar  süslü ve düzenli olursa kullanıcılar sitemizde daha uzun süre kalırlar ve ulaşmak istedikleri bilgiye daha kolay ulaşırlar. Bu bilgilere daha kolay ulaşmalarını sağlamak ise güzel tasarımlı bir buton ile olabiliyor.




   Yapacağımız buton aynı bu şekilde ve bu ebatlarda. Buradaki "Blogger Yardimi" kismini ve butonun rengini istediğiniz gibi değiştirebilirsiniz. 

Gelelim nasıl yapıldığına.

İlk olarak Blogger'dan Tema kısmına ulaşıp CTRL+F yaparak arama çubuğunu açın

Aşağıdaki kodu aratın👇

]]></b:skin>

Bulduğumuz kodun hemen üzerine aşağıdaki kodları yapıştırın👇

input.Buton {
width: 100%;
padding: 10px;
height: 40px;
cursor: pointer;
font: normal normal 16px Helvatica, Arial, sans-serif!important;
    font-size: 16px!important;
    font-weight: 600!important;
    font-style: normal!important;
background: #3cafe0;
color: #fff;
border: 1px solid #242424;
border-radius: 2px;
}
input.Buton:hover {
color: #fff;
background: #242424;
border: 1px solid #242424;
}


   İşlemleri yaptıktan sonra kaydedip çıkıyoruz. Bundan sonra, Yerleşim bölümünden , nereye buton koymak istiyorsanız Gadget Ekle diyip html kod ekle eklentisi ekliyoruz.



Html /Javascript eklentisine aşağıdaki kodları yapıştırıyoruz.

<form>
<input class="Buton" type="button" value="BUTON" onclick="window.location.href='BUTON-LİNKİ-BURAYA'" />
</form>


Burada kırmızı ile yazılan "BUTON" yazısını değiştirip, butonun üzerinde ne yazmasını istiyorsanız onu yazıyorsunuz. Mavi yazılı olan yere ise butona tıklayınca nereye yönlendirilmesini istiyorsanız linkini yapıştırıyorsunuz.

İşlemler bu kadar  yardımcı olabildiysem sevinirim. 👍

7 yorum:

  1. =p~ Lezziz bir kod xD

    YanıtlaSil
  2. Gerçekten çooook saolun !!!!

    YanıtlaSil
  3. butonu makale içine ekleme şansımız varmı?

    YanıtlaSil
    Yanıtlar
    1. Maalesef bu kodları ekleyemezsiniz ancak makale içine eklenen butonların linki bende bulunuyor.Kodlar linkte bulunuyor. Ayrıca eğer demo-downlad butonları istiyorsanız yorumlarda bana belirtmeniz yeterli.
      LİNK

      Sil