6.5.12

Günün Ayeti - Günün Sözü - Günün Hadisi

Son üç yazımızda birçok javascript ile yapılmış dini eklenti ve yapılışlarını paylaştık. (Bu paylaşımlarımızın birini buradan, bir başkasını buradan ve diğerini de buradan görebilirsiniz.) Ancak dikkat ettiyseniz bunların içerikleri sayfa her yenilendiğinde değişiyordu. Burada içeriğin günlük olarak değiştiği eklentilerimizi paylaşacağız. Kısaca yapılışlarına da değineceğiz.


Yukarıdaki eklenti İçin Sitenize Eklemeniz Gereken Kod:
<iframe frameborder=0 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/GununAyeti_Hadisi_Sozu.php" width=100%> </iframe>







Yukarıdaki eklenti İçin Sitenize Eklemeniz Gereken Kod:
<iframe frameborder="0" height="80" marginheight="0" marginwidth="0" scrolling="no" src="http://kaabalive.net/GununSozu_2_Basliksiz.php" width="100%"></iframe>



Yukarıdaki eklenti İçin Sitenize Eklemeniz Gereken Kod:
<iframe frameborder=0 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/GununAyeti.php" width=100%> </iframe>




Sitenize eklemek için yukarıdaki kodları herhangi bir eklenti eklerken izlediğiniz yolları izleyerek ekleyebilirsiniz. Ancak merak edenler ve benzerlerini yapmak isteyenler için günlük olarak değişimin nasıl yapıldığına da kısaca değinmek istiyoruz.

Her sayfa yenilenmesinde içeriğin değiştiği uygularımızda javascript kodu içerisinde aşağıdaki kodları kullanıyorduk:

increment = Math.floor(Math.random() * number); 
document.write(text[increment]); 

Böylece sayfa her yenilendiğinde içeriğin tutulduğu array'den rastgele bir satır seçiliyordu. Bunu her güne özel hale getirmek için bu iki satır yerine aşağıdaki satırları yazdık:

var currentTime = new Date();
var month = currentTime.getMonth();
var day = currentTime.getDate();
increment = Math.floor(((month*31+day)%number)); 
document.write(text[increment]); 

Burada yapılan iş kısaca:
Hangi ay içindeysek bu bilgi month değişkenine atılıyor. (Burada Ocak ayı için 0, Şubat için 1 atar ve bu böyle gider.) Hangi gündeysek de bu day'e atılıyor. Örneğin bugün ayın 15'i ise day değişkenine 15 atılıyor. Daha sonra Yılın her bir günü için uniqe(eşi olmadan tek - nev-i şahsına münhasır) bir sayı  üretmemiz gerekiyor. Bunu da (month*31+day) ile yapıyoruz. Daha sonra bunu uniqe sayıyının, elimizdeki içerik array'inin eleman sayısına göre modunu alıyoruz. Bu sayede elimizdeki array'in hangi elemanını ekrana basacağımızı yılın her günü için ayrı ayrı belirleyebiliyoruz.

Bu uygulamada ufak değişikliklerle içeriğin saat başı değişmesini de sağlayabilirsiniz.

Son olarak yukarıdaki "Günün Sözü" eklentisinin kodlarını (daha önce paylaştığımız uygulamalardaki kodlardan yapı olarak biraz farklı olması hasebiyle) aşağıda paylaşıyoruz:




İnşallah ilerleyen günlerde yaptıkça buradan günün hadisi - günün duası -  günün hadis ve duası vb. uygularımızı paylaşacağız.

Bu uygulamaları yaparken javascript kodları alarak faydalandığımız http://forum.joomlatr.org/ forumuna ve dini içerikli yazıların olduğu database'i aldığımız http://www.ndemir.com/ sitelerine de teşekkür ederiz, Allah hepsinden razı olsun.

1.5.12

Dini Site Eklentileri - Ayet - Hadis - Dua - Esma - Söz - Sahabe


DIGER TÜM DINI SITE EKLENTILERIMIZ IÇIN TIKLAYIN...




Not: Aşağıdaki site eklentilerinin height ve width değerlerini kendi site ve projenize uygun olarak düzenleyebilirsiniz. Bu eklentileri eklediğiniz sayfa her yenilendiğinde eklentideki içerik de değişecektir. Bu eklentilerin nasıl yapıldığını yine bu sitede bulabilirsiniz.

Ben eklentileri eklemek istiyorum ama renk uymuyor derseniz istediğiniz renk kodunu yorumlara yazın, inşallah elimizden geldiğince yardımcı olmaya çalışalım.


Bir Ayet Kodu - Eklentisi:


<iframe frameborder=0 height=95 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirAyetUzun.php" width=100%> </iframe>


Bir Esma Kodu - Eklentisi:


<iframe frameborder=0 height=75 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirEsma.php" width=100%> </iframe>





Söz Sultanlarından Bir Hikmetli Söz Kodu - Eklentisi:


<iframe frameborder=0 height=75 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirHikmetliSoz.php" width=100%> </iframe>





Bir Sahabe Efendimiz Kodu - Eklentisi:


<iframe frameborder=0 height=75 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirSahabeEfendimiz.php" width=100%> </iframe>





Bir Hadis-i Şerif Kodu - Eklentisi:


<iframe frameborder=0  marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirHadisUzun.php" width=100%> </iframe>





Diğer Dini İçerikli - Reklamsız Site Eklentileri:

Sitene Dua Kodu Ekle - Eklenti Yapılışı


Reklamsız Bir Ayet Bir Hadis Bir Söz Kodu 




Esmaülhüsna kodunun örneğini sağ üst köşede, dini sual kodunun örneğini de sağ tarafta görebilirsiniz. Sitenize eklemek isterseniz bu yazının hemen üstündeki linke tıklayıp gerekli kodlara erişebilirsiniz.

Sitene Dua Kodu Ekle - Eklenti Yapılışı

Aşağıdaki kodları kullanarak sitenize Dua Bölümü ekleyebilirsiniz.

<iframe frameborder=0 height=75 marginheight=0 marginwidth=0 scrolling=no src="http://kaabalive.net/BirDua.php" width=100%> </iframe>



Yukarıdaki iki satır kodu sitenize eklemeniz sitenizde bu uygulamayı göstermeniz için yeterli. Boyutlarını dilerseniz kendinize göre ayarlayabilirsiniz.

Yukarıdaki uygulamanın nasıl yapıldığını da merak edenler ya da kendi uygulamasını geliştirmek isteyenler için kısaca değinelim. Sitenize yeni bir php sayfası ekliyorsunuz ve eklediğiniz sayfanın kodlarını aşağıdaki gibi düzenliyorsunuz.





Daha sonra bu sayfayı en yukarıda yaptığımız gibi bir iframe ile çağırıyoruz. src=" " kısmında tırnak işaretleri arasına sayfamızın adresini yazıyoruz.

Gösterilen ayet hadis ve sözleri de yukarıdaki html kodlarında yapılacak değişikliklerle kolaylıkla değiştirebilirsiniz. Örneğin yeni ayetler hadisler ve sözler ekleyebilirsiniz ya da dilediklerinizi değiştirebilirsiniz.

Bu uygulamanın en büyük özelliği reklamsız ve linksiz olması.

Benzer uygulamaları Allah nasip ederse geliştirip buradan yayınlamak istiyoruz. Örneğin sadece hadis, sadece ayet, hadis ve ayet, bir ayet bir hadis bir dua, bir hadis bir dua gibi farklı varyasyonlarda metinlerin gösterildiği uygulamalar yapıp ilerleyen günlerde inşallah buradan yayınlamak istiyoruz.

Ayrıca yukarıdaki uygulamada gösterilen dua metinlerini N. Demir'in database'inden aldık, kendisinden ve bu metinleri hazırlayan emeği geçenlerden Allah razı olsun.

Sözü geçen Microsoft Access formatındaki database'i indirmek isteyen bir kardeşimiz olursa buradan indirebilir.
Related Posts Plugin for WordPress, Blogger...