Sunday, April 6, 2014

Takip Etme Butonunun Rengini Değiştirme

Hemen yazımın başında belirteyim. Dünkü yazımın devamıdır ve takip etme butonunun kodları tamamen Blog Deposu sitesine aittir. Bu hizmetinden ötürü kendilerine çok teşekkür ediyorum.

İzleyici takip butonunu eklemek isteyenler Blog Deposu'nun bu yazısından gerekli kodu alabilirler.

Bende siteme bu kodları ekledim ama sitemin genel temasına uygun olmadığı için kırmızı renk gözümü rahatsız etti. Sayfam pembe tonlarında olduğu için sanki bir reklam butonuymuş gibi durdu. Kısıtlı olan bilgimle rengini değiştirdim pembe yaptım. Nasıl yaptığımı anlatayım.

Öncelikle sitenin vermiş olduğu kod alın ve bir yere kopyaların. Onların yönlendirdiği gibi blog ıd si kısmına kendi blog ıd nizi yazın. Yazısında anlatmış zaten.



Kırmızı ok ile işaretlediğim yere ben "Bu Siteyi Takip Et" yazısını sildim ve"Baharın Elleri'ni Takip Et" yazdım.

Yeşil okla işaretlediğim "backround" yazan yer arka plan renginin belirlendiği yer

hemen altında iki adet # ile başlayan iki kod var. Bunlar renk kodları, kırmızı rengi değiştirmek istiyorsanız bunlarda oynama yapacağız. Ama istediğim renk kodunu nasıl bulacağım diyorsanız kumanda panelinize giriyorsunuz;



Kumanda Paneli---Şablon-- Özelleştir..Gelişmiş-- Arka Plan

sırasıyla tıklıyoruz. Yeşil daire içine aldıklarım seçtiğiniz rengin kodunu bulabileceğiniz yerler. Mesela benim arka planlarım beyaz olduğu için kodları o şekilde. Orada yeşil renk yada sarı renge tıklarsanız herbirinin ayrı kodu çıkıyor. Renk kodlarını oradan alıyoruz ve ilk resimde yeşil okla belirttiğim yerdeki kodları silip istediğimiz renk kodlarını yapıştırıyoruz. Ben düz pembe olsun diye aynı kodu iki defa arka arkaya yapıştırdım. Siz deneme yanılmayla iki farklı kodu yapıştırıp renk geçişi sağlayabilirsiniz.

Bu işlemden sonra kodunuz hazır. Yerleştirmek için

Kumanda Paneli--Yerleşim--Gadget Ekle--(AçılırPencere Çıkacak)-- HTML/JavaScript

Oraya da kodu yapıştırın ve kaydedin. Sayfadaki konumunu  kaydettikten sonra ayarlayabilirsiniz.

Epeyce anlattım ama çok basit aslında hadi deneyin bekliyorum :)

No comments:

Post a Comment