📿 Namaz Vakitleri Widget Kodu (Blogger Uyumlu)
Web sitenize ekleyebileceğiniz gelişmiş namaz vakitleri widget ile ziyaretçilerinize anlık imsakiye bilgisi sunabilirsiniz. Aşağıdaki kod Blogger ile tamamen uyumludur.
✨ Özellikler
- 📍 Otomatik şehir algılama
- 🌙 Gündüz / gece modu
- 📱 Mobil uyumlu
- ⚡ API destekli canlı veriler
📥 Widget Kodu
📌 Tüm Kod
<!-- Namaz Vakitleri Widget (Manuel Mod Seçimi) -->
<div id="namaz-widget" style="
max-width:320px;
margin:auto;
padding:5px;
border-radius:5px;
font-family:Arial,sans-serif;
text-align:center;
transition: all 0.5s ease;
">
<h3 id="widget-title" style="margin-bottom:15px;color:#4CAF50;">Namaz Vakitleri</h3>
<div style="margin-bottom:10px;">
<label>Şehir:</label>
<input type="text" placeholder="Şehir adı girin" />
<button>Göster</button>
</div>
<div style="margin-bottom:10px;">
<label>Mod:</label>
<select>
<option>Otomatik</option>
<option>Gündüz</option>
<option>Gece</option>
</select>
</div>
<div>
İmsak - Güneş - Öğle - İkindi - Akşam - Yatsı
</div>
</div>
<script>
function applyMode(widget, mode){
const hour = new Date().getHours();
let selectedMode = mode;
if(mode==='auto'){
selectedMode = (hour>=18 || hour<6) ? 'night' : 'day';
}
if(selectedMode==='night'){
widget.style.background="#1E1E2F";
widget.style.color="#eee";
} else {
widget.style.background="#fff";
widget.style.color="#000";
}
}
</script>
📌 Nasıl Eklenir?
- Blogger paneline gir
- Yeni yazı oluştur
- HTML görünümüne geç
- Kodu yapıştır
- Yayınla
🔍 SEO Anahtar Kelimeler
namaz vakitleri widget, blogger imsakiye kodu, namaz saatleri html script, ücretsiz namaz widget, islamic prayer times widget
Bu widget ile sitenize gelen ziyaretçilere günlük namaz saatlerini sunabilir ve SEO açısından organik trafik kazanabilirsiniz.
