Cumartesi, Mayıs 18, 2024

WordPress Google News Abone Ol Butonu Ekleme

Share

WordPress Google News Abone Ol Butonu Ekleme

Google News kayıt işlemi kolaylaştığı için wordpress kullanıcılarının kullanımlarını kolaylaştıracak abone ol butonu eklemek bir kaç kod satırı ile çok kolay.
Öncelikle aşağıdaki bağlantıdan svg uzantılı Google News resmini masaüstüne kaydedip kendi sitenize upload edin. Sonrasında resim linkini kopyalayıp aşağıda paylaştığım CSS kodunun içerisindeki BUTON LİNKİ BURAYA yazısı ile değiştirin.

Resim linkini değiştirdikten sonra aşağıdaki css kodunu tema panelinde olan Ek CSS- Özel CSS gibi alanlardan birine ekleyin eğer bu ikisi de yoksa temanızın style.css dosyasına ekleyiniz.

https://svgshare.com/i/LRy.svg

CSS Kodu:

.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}

Yukarıdaki işlemi yaptıktan sonra aşağıdaki koddaki news site adresini kendi sitenizin linki ile değiştirin. Sonrasında ise bu kodu nerede göstermek istiyorsanız oraya ekleyiniz.
PHP Kodu:

<div class="google-news">
<b>Abone Ol&nbsp;</b>
<a href="https://news.google.com/publications/CAAqBwgKMJnwmAswqfqwAw?r=3&oc=1&hl=tr&gl=TR&ceid=TR:tr " target="_blank" rel="nofollow noopener" title="Abone Ol"></a>
</div>

Daha fazla okuyun

Yeni İçerikler