Siteleriniz üzerinde kullanabileceğiniz henüz gelişim aşamasında bir eklentidir. Sizler ile paylaşmak istedim. Ben öncelikle Blogsa'ya entegre ettim. Sizlerle Blogsa temasına nasıl entegre ederiz? bunu anlatacağım ve eklentiyi paylaşacağım. Hemde "html" olarak ayrıca ekleyeceğim. Bu sayede kendi projelerinizde de kullanabileceksiniz. Bu eklentiyi yapmamda bana yardımcı olan Serkan Algur 'a çok teşekkür ediyorum.
Sözler Akışı eklentisi aşağıdakileri içerir:
2 adet javascript dosyası (Animasyonumuz için)
1 adet CSS tasarım dosyası (Sozler.css)
ve sayfamıza entegre etmemiz gereken kod ve yazılarımız..
Sözler akışını Blogsa'da ki temamıza nasıl entegre ederiz? Cevabı:
Yüklediğim tema örneğini inceleyin. Gördüğünüz üzere küçük değişiklikler yapmış bulunmaktayım. Aynı zamanda 2 adet javascript dosyamız için "js" adında klasör oluşturmuş ve dosyaları bu klasör içerisine yerleştirmiş bulunmaktayım. "css" adında yeni bir klasör daha oluşturdum. Bütün css dosyalarımı ve image dosyalarımı yine bu klasör içerisinde toplayarak daha düzenli bir tema olmasını istedim.
Sözler akışı eklentisi için gerek "js" dosyalarımız gerekse "css" dosyamıza (Sozler.css) sahipsek artık yapmamız gereken ufak bir şey daha var. Bunlardan ilki kodu ve yazıyı entegre edeceğimiz sayfayı açmanız. Biz Blogsa temalarında bu işlemi "Master.master" içerisinde aşağıdaki değişiklikleri yapıyoruz.
Tasarımımızın temanızda sorunsuz çalışması için <link /> yöntemini kullanarak css dosyamızı temamıza bağlıyoruz. <head></head> tagı arasında olmasına dikkat edin.
Daha sonra yine <head></head> tagı arasına gelecek javascript kodunu yazıyoruz.
Son olarak <body></body> arasına gelecek olan yazılarımızı yerleştiriyoruz. Benim sitem için kullanmış olduğum örnek:
Yazılarınızı da eklediyseniz artık çalışmanızı kaydedin. Yeni tema dosyanızı FTP aracılığı ile kullandığınız hosting'e bağlanarak, Themes klasörünün içerisine ekleyin.
Artık sizde Sözler Akışı'nı kullanıyorsunuz. İsteğinize göre gerekli değişiklikleri yapın ve güle güle kullanın.
Sözler Akışı Tema Eklentisi:
Sözler Akışı Eklentili Temayı İndir | Html Halini İndir | Online Görüntüle