Google+ ve Blogger yorum sistemlerini bir arada kullanma

Google+ ve Blogger yorumları

Bildiğiniz üzere Blogger (blogspot) bloglarda iki farklı yorum sistemini kullanabiliyoruz. Bunlar Google+ yorumları ve Blogger'ın kendi yorum sistemi. Peki bu iki yorum sistemini bir arada kullanmak istersek? Google+ ve Blogger yorumlarını birlikte nasıl blogumuzda gösterebiliriz? Google+ ve Blogger yorumlarını bir arada nasıl kullanabiliriz?

Dostlarım, sevgili Momentos'un hatırlatmasıyla daha önce yabancı kaynaklarda denk geldiğim bir koddan, bir eklentiden bahsetmek istedim bu yazımda. Bu kod ile birlikte blogumuzu ziyaret edip yorum yapmak isteyenler Google+ veya Blogger'ı tercih ederek yorum yapabilecekler. Bu sayede Google+'i tercih etmeyenler Blogger profili ile, Blogger'ı tercih etmeyenler ise Google+ profili ile yorumlarını kolayca paylaşabilecekler.

Bu arada şu bilgiyi de paylaşmak isterim. Bu yazıda bahsettiğim özelliği farklı yorum sistemleri için de uygulamanız mümkün. Örneğin blogunuza Facebook yorum sistemi ekleyebilirsiniz. Hatta Facebook, Google+, Blogger ve diğer yorum sistemlerinin birçoğunu blogunuza eklemekte mümkün. Tabi bu konularla ilgili paylaşımlarım yakın zamanda olacak. Yerli yabancı kaynaklardan ilgili kodlara ulaşmanız da mümkün. Şimdi gelelim asıl konumuza:

Google+ ve Blogger yorumlarını nasıl bir arada gösteririz?

Bu blog'da Google+ Yorumlarını kullan kısmını "Hayır" olarak işaretledikten sonra Blogger kullanıcı panelimizde Tema ardından HTML'yi Düzenle seçenekleri ile kodların yer aldığı sayfaya ulaşıyoruz. Bu sayfada Ctrl F yardımıyla aşağıdaki kodu bulmamız gerekiyor. Blogger'da yorum seçenekleri nasıl ayarlanır?

<b:include data='post' name='post'/>

Bulduğumuz bu kodun hemen altına aşağıdaki kodları ekliyoruz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>#comments, #gplus-comments-visibility {display:none;} .comments-icons {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6tEjPzhXFFf2U21B9KjdftByanVnioifua18IAHI9QEnjaEi9MLUZfO9Wdqq1IZ2OCD_WNSe3OKQweoZ0984wv846Oe3rIrYmYVBzuX0fK-S2VnJDpwp6EuL1BFJCY31rPSyJ25a1QlGj/s1600/speech-bubble.png) no-repeat;width: 232px; font-size: 18px; font-family: &quot;Arial&quot;,Arial,sans-serif; color: #555; font-weight: bold; padding: 18px 15px 0; height: 70px; } .comments-icons a img {vertical-align: middle;}</style>
<div class='comments-icons'>
Yorumları Göster:  <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#gplus-comments-visibility&quot;).slideToggle();$(&quot;#comments&quot;).hide();'><img class='gplus-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXFP3wnKore-b5PRnn6TR-YEq4HPrYQ8frK02xieIpGv7uWyHZkRA0J7eHDdheLW53XHmU5BTP5VIVU1bIOxvOSqf7QoBdgrQnEp1RVqbgyZXJF1ysz6MfXUz65OccJ6su7M_8GSsOtLZ/s1600/google-plus-logo.png' width='35'/></a> <a class='show-hide-comments' href='javascript:void();' onclick='$(&quot;#comments&quot;).slideToggle();$(&quot;#gplus-comments-visibility&quot;).hide();'><img class='blogger-icon' height='35' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5fgXs8Z30NwW080TF4XNwUMFl8huUMSQFS4Cvvs0hyCCW7ax-vt8IjYLbaYyYDFiPE6_sPZ7l3tWCmgc2tIkCZFyv4dsy40Cm8QbrK-tVVmWDBvn-XT-hKujnKNq39WV_77h0yEoIzgpA/s1600/blogger-logo.png' width='35'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='550' expr:data-href='data:post.url'/>
</div>     
</b:if>

Daha sonra ise yine Ctrl F yardımıyla aşağıdaki kodu buluyoruz:

</head>

Bulduğumuz bu kodun hemen üstüne ise aşağıdaki kodu ekliyoruz.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>

Son olarak Temayı Kaydet butonu ile işlemleri kaydedip sonlandırıyoruz. Şimdi blogumuzu kontrol edebiliriz. Bu arada kodların arasında kırmızı ve mavi renkle belirttiğim kısımları kendinizce düzenleyebilirsiniz.