LostFearLess
Administrator
Yönetici
piyon
Vezir
Blogger
YardımSever
Yama çevirmeni
Premium üye
Yayıncı
Merhaba arkadaşlar, Sitenizin ziyaretçilerini etkileyici bir şekilde karşılamak ve belirli bir mesajı iletmek için kullanabileceğiniz bir popup reklam kodu paylaşmak istiyorum. Bu kod, sitenizin önemli bir bölümünü kaplamadan, kullanıcıların dikkatini çekecek ve sitenizi tanıtacak bir reklamı göstermek için idealdir. Bu kodu sitenize ekleyerek, ziyaretçilerinize önemli bilgileri veya reklamları göstermek için etkili bir araç elde edebilirsiniz. Resim ekleyebilir ve resme bir bağlantı ekleyebilirsiniz. Kodu tanıttığıma göre şimdi kodu nasıl ekleyeceğinizi bahsetmek istiyorum. İlk olarak admin sayfanıza gelmeniz gerekiyor. Geldikten sonra görünüm ve diller kısmını bulun. Bulduktan sonra şablonlara girin ve "PAGE_CONTAINER" isimli şablonu bulun. Bulduktan sonra en altına inmeniz gerekiyor.
HTML:
<style>
/* Popup stilini ayarlayın */
.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%; /* Maksimum genişlik ayarı */
max-height: 90%; /* Maksimum yükseklik ayarı */
width: auto; /* konteynır genişlik ayarı */
height: auto; /* konteynır yükseklik ayarı */
background-color: white;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
z-index: 9999;
padding: 20px;
border-radius: 20px; /* Köşeleri biraz daha yuvarlak yap */
text-align: center; /* İçeriği ortala */
display: none; /* Başlangıçta gizli olacak */
}
.close {
position: absolute;
top: 12px;
right: 20px;
cursor: pointer;
}
.advertisement { /* ads yazısı ayarları */
position: absolute;
top: 5%; /* ads yazısı yukarı veya aşağı */
left: 50%; /*ads yazısı sağa veya sola */
transform: translate(-50%, -50%);
z-index: 9998; /* Popup'tan bir kat daha altta */
}
.background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7); /* Siyah renkli yarı saydamlık arka plan */
z-index: 9997; /* Popup'tan bir kat daha altta */
display: none; /* Başlangıçta gizli olacak */
}
/* Küçük ekranlar için medya sorguları - mobil görünüm */
@media only screen and (max-width: 600px) {
.popup {
width: 90%; /* Ekranın 80%'i kadar genişlik ayarı */
height: auto; /* Otomatik yükseklik */
padding: 10px; /* Küçük ekranlarda içeriği biraz daha sıkıştır */
}
}
</style>
<body>
<div class="background"></div> <!-- Siyah arka plan -->
<div class="popup">
<br>
<a href="https://resim--urls.com" target="_blank">
<img src="https://i.hizliresim.com/8fac9r3.png" alt="Reklam Resmi" width="100%" height="auto">
</a>
<div class="close" onclick="closePopup()">X</div>
<div class="advertisement">
REKLAM
</div>
</div>
<script>
// Kullanıcının reklamı kapatma zamanını saklamak için tarayıcı çerezini kullan
function setCookie(cname, cvalue, exhours) {
var d = new Date();
d.setTime(d.getTime() + (exhours * 60 * 60 * 1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i <ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
// Reklamı kapatma fonksiyonu
function closePopup() {
var popup = document.querySelector('.popup');
var background = document.querySelector('.background');
popup.style.display = 'none';
background.style.display = 'none';
// Kullanıcının reklamı kapatma zamanını kaydedin (örneğin, 'popupClosed' adında bir çerez oluşturun)
setCookie('popupClosed', 'true', 12); // 12 saat boyunca çerez geçerli olacak
}
// Sayfa yüklendiğinde reklamı gösterme fonksiyonu
window.onload = function() {
var popup = document.querySelector('.popup');
var background = document.querySelector('.background');
var popupClosed = getCookie('popupClosed');
// Eğer kullanıcı daha önce reklamı kapatmışsa ve 12 saat geçmemişse reklamı gösterme
if (!popupClosed) {
popup.style.display = 'block';
background.style.display = 'block';
}
}
</script>"https://i.hizliresim.com/8fac9r3.png" yazan yere resminiz ile değiştirin ayrıca "https://resim--urls.com" yazan yere sayfa bağlantınızı koyun. Eğer herhangi bir bağlantı olmasını istemiyorsanız "#" yazabilirsiniz. Kod parçacığına bir çok şey yazdım. Son olarak lütfen paylaşmadan önce ForumChess tarafından yapıldığını belirtmenizi rica ediyoruz.
Son düzenleme:
