Facebook kısa zaman önce Facebook Tavsiyeler Çubuğunu tanıttı. Bu yazımda sizlere bu çubuk hakkında bilgiler ve bu çubuğu sitenize nasıl ekleyebileceğinizi anlatacağım. Hazırsanız buradan başlayalım.
Blogger paneline girdikten sonra Şablon › HTML’yi Düzenle butonuna tıklayıp Widget Şablonlarını Genişlet kutucuğunu işaretleyin. Ardından aşağıdaki kodu bulun.
<head>
Hemen bulduğumuz kodun altına aşağıdaki kodları ekliyoruz.
<!-- Facebook Tavsiye Çubuğu Kod Başlangıcı -->
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' > <meta expr:content='data:blog.title' > <meta expr:content='data:blog.pageName' > <b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' > </b:if>
<b:else/>
<meta expr:content='data:blog.title' > <meta content='website' ></b:if>
<meta expr:content='"en_US"' ><meta expr:content='data:blog.canonicalUrl' ><!-- Facebook Tavsiye Çubuğu Kod Bitişi -->
Bu adımı yaptıktan sonra Facebook Tavsiyeler Çubuğu sayfasına gidin ve aşağıdaki adımları takip edin.
Karşımıza gelen sayfada URL of the article (?) ve Domain (?) kutucuklarına kodu eklemek istediğiniz site adresini girin ve Get Code butonuna tıklayın.
Karşımıza gelen pencereden create new app linkine tıklayın. Bu kısımdan sonrası halihazırda uygulaması bulunmayanlar içindir.
Aşağıdaki pencerede doldurmamız gereken yerler otomatik doldurulmuş olarak geliyor. O yüzden direkt Devam butonuna basın. Ardından gelen kelime doğrulama penceresini resimdeki karakterleri girerek geçip Gönder butonuna basın.
Uygulamayı oluşturduktan sonra pencere kapanıp arkaplana geri dönecektir. Tekrar şu resimdeki gibi Get Code butonuna tıklayıp aşağıdaki resimde mavi ile belirtilen alanda gösterilen kodu alın.
Son adımlara geldik. Şimdi ise Şablon › HTML’yi Düzenle butonuna tıklayıp Widget Şablonlarını Genişlet kutucuğunu işaretledikten sonra az önceki bölümde seçtiğiniz kodu şuradan <script> ile </script> arasında kalan alanı düzenleyerek aşağıdaki kodun altına yapıştırın.
<body>
Ve son adım, aşağıdaki kodun peşine
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>
İşlemimiz bu kadar. Eklediğiniz kodu düzenlemek için aşağıdaki yönergeleri izleyin.
Az önce verdiğim kodun içindeki verileri inceleyelim:
Yapacaklarımız bu kadar, herşeyi kaydedip bu işi bitirebilirsiniz. Hayırlısı olsun.
Bir WordPress sitesini ilk kez başlatmak çok zor görünebilir. Örneğin, WordPress'e yeni başlayanların çoğu, bir…
Eski adıyla SinBin Studioları tarafından geliştirilen RaceRoom Racing Experience yarış simülasyonu büyük bir güncellemeye daha…
Kendisine has çalışma stili ile birlikte ortalama 40 metre gelinlikten emiş yeteneğine sahip olan traktör…
Epoksi Kalıp son zamanlarda oldukça sık karşılaşılan epoksi reçinelerin şekil almasını sağlayan ürünlerin başında geliyor.…
Windows, Mac ve Linux işletim sistemleri için birçok profesyonel video dönüştürme uygulaması mevcuttur. Bunlardan en…
Ahmet Utku Çetinkaya’nın ilk romanı Bir Fena Manzara beni hakkında bir inceleme yazacak kadar etkiledi.…
