WebMaster Platformu / WebMaster Genel

Webmaster Genel | Kategorisi Hakkında

📅 Tarih: 17-12-2025, 22:18

👁️ 1 görüntülenme 💬 0 yorum

Değerli arkadaşlar,

Metin2.app'ye ya da Bilişim sektörüne yeni başlayan webmaster arkadaşlarımızın soruları yada sorunları size basit ya da komik gelebilir.

Kimsenin mesajlarına onur kırıcı yada alay edici şekilde cevaplar yazmayın. Sizinde bu zamanlardan geçtiginizi unutmayın!

Kurallara uymayan kullanıcılar forum kuralları gereği cezalandırılır.

Metin2.app Yönetimi.

Yorumlar ( 0 )

Bu bölümde yapılan yorumlar listelenmektedir.

😶‍🌫️

Bu konuda henüz yorum yapılmamış.

İlk yorumu sen yaz ve sohbeti başlat!

Makale Yazarı

AhmetZekiTasgar ( Kurucu # Yönetici )

Ad Soyad Pung-Ho

Yaşadığı Yer Pyungmoo

Kayıt Tarihi 3 Aralık 2025, 02:56

Son Giriş Dün tarihinde 22:44 saatinde

Durumu Çevrimdışı

Toplam İçerik

571

Mesaj Sayısı

Dış Site Beğeni Kodu

Aşağıdaki kodu sitene yapıştırırsan, bu konuya beğeni gönderir:

<!-- Yeni1Makale Beğeni Kutusu -->
<!-- Yeni1Makale Beğeni Kutusu -->
<div class="y1m-like-widget"
     data-news-id="212"
     data-remote-key="Y1M_PUBLIC_EMBED_KEY_2025_xXx">

  <div class="y1m-like-card">
    <!-- Sol: Görsel -->
    <div class="y1m-like-col y1m-like-media">
      <div class="y1m-like-media-inner">
        <img src=""
             alt="Metin2 Makale Görseli"
             loading="lazy">
      </div>
    </div>

    <!-- Orta: Başlık + Açıklama -->
    <div class="y1m-like-col y1m-like-main">
      <p class="y1m-like-sub">
        Webmaster Genel | Kategorisi Hakkında
      </p>
      <p class="y1m-like-desc">
        Makalemizi beğenerek bizlere destek verebilirsiniz.
      </p>
    </div>

    <!-- Sağ: Buton + Sayaç -->
    <div class="y1m-like-col y1m-like-action">
      <button type="button" class="y1m-like-button">
        <span class="heart">❤️</span>
        <span class="text">Bu Makaleyi Beğen</span>
      </button>
      <div class="y1m-like-info">
        ( <span class="count"><span data-ratig-layer-id="212"><span class="ratingtypeplus" >0</span></span></span> )
        <span class="label">Kişi beğendi!</span>
      </div>
    </div>
  </div>
</div>

<style>
/* ===== SADECE WIDGET İÇİN CSS – BAŞKA HİÇBİR ŞEYİ ETKİLEMEZ ===== */

.y1m-like-widget {
  --y1m-bg: #020617;
  --y1m-border: rgba(148,163,184,.5);
  --y1m-text: #e5e7eb;
  --y1m-subtext: #9ca3af;
  --y1m-accent: #f97316;

  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  display: block;
  max-width: 860px;
  margin: 10px auto;
  padding: 2px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(249,115,22,.3), transparent 55%),
    radial-gradient(circle at 100% 0, rgba(56,189,248,.28), transparent 55%),
    #020617;
  box-shadow:
    0 16px 45px rgba(15,23,42,.88),
    0 0 0 1px rgba(15,23,42,.9);
  color: var(--y1m-text);
}

.y1m-like-card {
  background: radial-gradient(circle at top left, rgba(15,23,42,.9), #020617);
  border-radius: 16px;
  border: 1px solid var(--y1m-border);
  display: grid;
  grid-template-columns: 120px minmax(0,1.6fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
}

.y1m-like-col {
  min-width: 0;
}

/* Görsel kolon */
.y1m-like-media {
  display: flex;
  justify-content: center;
  align-items: center;
}

.y1m-like-media-inner {
  width: 100%;
  max-width: 110px;
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(55,65,81,.9);
  background: radial-gradient(circle at 30% 10%, rgba(248,250,252,.04), transparent 60%);
  box-shadow:
    0 8px 22px rgba(0,0,0,.55),
    0 0 0 1px rgba(15,23,42,.85);
}

.y1m-like-media-inner img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Metinler */
.y1m-like-main {
  min-width: 0;
}

.y1m-like-sub {
  margin: 0 0 4px;
  font-size: 13px;
  color: var(--y1m-subtext);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.y1m-like-desc {
  margin: 0;
  font-size: 13px;
  color: #cbd5f5;
}

/* Sağ taraf: buton + sayaç */
.y1m-like-action {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  min-width: 155px;
}

/* Buton sadece widget içinde override ediliyor */
.y1m-like-widget .y1m-like-button {
  all: unset;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  cursor: pointer;

  background: radial-gradient(circle at 0 0, rgba(249,115,22,.4), rgba(190,24,93,.32));
  color: #f9fafb;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid rgba(248,250,252,.1);
  box-shadow:
    0 10px 30px rgba(248,113,22,.45),
    0 0 0 1px rgba(15,23,42,.95);
  transition: transform .15s, box-shadow .15s, background .15s, border-color .15s;
}

.y1m-like-widget .y1m-like-button:hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 34px rgba(248,113,22,.55),
    0 0 0 1px rgba(15,23,42,.95);
  border-color: rgba(252,211,77,.9);
}

.y1m-like-widget .y1m-like-button:active {
  transform: translateY(0) scale(.97);
}

/* Sayaç */
.y1m-like-info {
  font-size: 12px;
  color: var(--y1m-subtext);
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.y1m-like-info .count {
  font-weight: 600;
  color: #fbbf24;
}

/* Mobil uyum */
@media (max-width: 720px) {
  .y1m-like-card {
    grid-template-columns: minmax(0,1fr);
  }
  .y1m-like-action {
    align-items: stretch;
  }
}
</style>

<script>
(function () {
  const box = document.querySelector('.y1m-like-widget[data-news-id]');
  if (!box) return;

  const btn     = box.querySelector('.y1m-like-button');
  const infoBox = box.querySelector('.y1m-like-info');
  const countEl = infoBox ? infoBox.querySelector('.count') : null;

  const NEWS_ID    = box.dataset.newsId;
  const REMOTE_KEY = box.dataset.remoteKey || 'Y1M_PUBLIC_EMBED_KEY_2025_xXx';
  const API_URL    = 'https://metin2.app/remote_like.php';

  // Sayfaya gömülünce ilk açılışta beğeni sayısını çek
  async function loadInfo() {
    if (!countEl) return;
    try {
      const res = await fetch(API_URL, {
        method: 'POST',
        headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' },
        body: new URLSearchParams({
          news_id: NEWS_ID,
          remote_key: REMOTE_KEY,
          mode: 'info'
        })
      });
      const data = await res.json();
      if (data && data.success) {
        const c = data.vote_num || data.rating || 0;
        countEl.textContent = c;
      }
    } catch (e) {
      // sessiz geç
    }
  }

  // Beğen butonuna basılınca
  async function sendLike() {
    if (!btn) return;
    btn.disabled = true;
    try {
      const res = await fetch(API_URL, {
        method: 'POST',
        headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' },
        body: new URLSearchParams({
          news_id: NEWS_ID,
          remote_key: REMOTE_KEY
        })
      });
      const data = await res.json();

      if (!data.success) {
        if (data.already_voted) {
          alert('Bu makaleyi zaten beğenmişsiniz.');
        } else {
          alert(data.message || 'Sunucu hata döndürdü.');
        }
      } else {
        const c = data.vote_num || data.rating || '?';
        if (infoBox) {
          infoBox.textContent = 'Beğenildi! Toplam oy: ' + c;
        }
      }
    } catch (e) {
      alert('Sunucuya bağlanırken hata oluştu.');
    } finally {
      btn.disabled = false;
    }
  }

  loadInfo();
  if (btn) btn.addEventListener('click', sendLike);
})();
</script>

Önizleme (buradaki buton sadece görsel, tıklanamaz):