Forum içerisinde Google News Abone Ol butonu ekleme hakkında bir arkadaş yardım istemişti. Arkadaşa yardımcı oldum ancak konu hakkında oldukça fazla PM aldığım için butonun yapımı için gerekli kodları paylaşmak istedim.
Google News kayıt işlemi kolaylaştığı için bir çok kişinin işine yarayacağını düşünüyorum. Umarım konu sabitlenir
Arkadaşlar ö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. Umarım faydalı olmuştur anlatımım Butonun ekran görüntüsü: https://prnt.sc/smb1fq
PHP Kodu:
<div class="google-news"> <b>Abone Ol </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>
