Google News Abone Ol Butonu Yapımı

google news abone ol butonu

Bildiğiniz gibi son zamanlarda Google News onayı almak bir nebze kolaylaşmış durumda. Bu yazımda da Google News onayı almış sitenize nasıl News’te abone ol butonu ekleyebileceğinizi anlatacağım.

Google News Abone Ol Butonu Yapım Aşamaları

  • linkini vereceğim .svg uzantılı dosyayı indirin
  • Sitenize yükleyin
  • CSS kodunu ekleyin
  • Butonu görmek istediğiniz yere vereceğim php kodunu ekleyin

.svg uzantılı news dosyasını indirip sitenize yükleyin

İlk önce aşağıda linkini vereceğim .svg uzantılı dosyayı indirip kendi sitenize upload etmeniz gerekiyor ama burada size şu ayrıntıyı vereyim;

Dosyayı yüklemeye çalıştığınızda şöyle bir hata alacaksınız:

Üzgünüm, güvenlik nedenleriyle bu dosya tipine izin verilmiyor.

WordPress, güvenlik nedenleri ile bazı dosya biçimlerinin sitenize yüklenmesine izin vermiyor. Bu durumu çözmek için izlemeniz gereken yol şudur:

C panel>Dosya Yöneticisi> Public.html>wp-config.php

Wp-config.php dosyasını açıp sağ tıklayıp düzenle seçeğine basıp en alta şu kodu eklemeniz gerekiyor:

define('ALLOW_UNFILTERED_UPLOADS', true);

Bu kodu yazdıktan sonra tüm dosya türlerini sitenize yükleyebileceksiniz. Bahsettiğim .svg uzantılı dosyayı indirmek için tıklayınız.

Dosyayı indirip kendi sitenize yükledikten sonra yapmanız gereken bir diğer işleme geçelim.

CSS kodunu temanıza ekleyin

Sitenizi özelleştirme kısmına girip Ek CSS ekle kısmından aşağıda vereceğim CSS kodunu eklemeniz gerek. Eğer temanızda Ek CSS ekleme kısmı yoksa, kodu temanın style.css kısmına ekleyebilirsiniz.

.google-news{display:inline-block;vertical-align:top}
.google-news * {
display:table-cell;
vertical-align:middle;
}
.google-news a{color:#fff;width:94px;height:34px;border:1px solid #e3e3e3;border-radius:3px;background:url(BUTON LİNKİ BURAYA) no-repeat center center;background-size:100%}.soft-post-article{height:auto;overflow:hidden}

BUTON LİNKİ BURAYA yazan kısıma kendi sitenize yüklemiş olduğunuz dosyanın linkini eklemeniz gerekiyor. Bu arada sakın parantezler ile oynamayın url yazan yerden sonra boşluk bırakmayın, kod olduğu gibi kalsın. sadece parantez içini değiştirin.

Butonu Görmek istediğiniz yerlere php kodunu ekleyin

<div class="google-news">
<b>Abone Ol </b>
<a href="Bu kısıma news sayfanızın linkini ekleyin" target="_blank" rel="nofollow noopener" title="Abone Ol"></a>
</div>

Bu kısıma news sayfanızın linkini ekleyin yazan kısıma kendi linkinizi ekleyip butonu nerede görmek istiyorsanız oraya ekleyin. İşlem tamamdır.

Buton nasıl görünecek?

İşlem bitince buton aşağıdaki gibi görünecektir: