Blogger Yorum Sistemini Google+ ve Blogger ile Birleştirme

Blogger alt yapısı o kadar esnek bir yapıya sahip ki dilediğimiz gibi şekillendirebiliyoruz. Blogger Yeni Temalar ekleyince bende yeni temaya geçtim. Hal böyle olunca da yeni düzenlemelere ihtiyaç duydum. İhtiyaç duyduğum düzenlemelerden birisi de yorum sistemi idi.

Blogger geçtiğimiz zamanlarda Bloglara yorum yapmak için bir Google + hesabı olmasını şart koşuyordu. Eğer blogunuzun yönetim panelinden '' Bu blog'da Google+ Yorumlarını kullan '' seçeneğini işaretlediyseniz google + hesabı olmayanlar yorum yapamıyordu. Bu da Google+ hesabı olmayan blog okuyucularını olumsuz etkiliyordu.

Google+ hesabı ile yorum yapmak blog yazarları için çok güzel ancak blog yazarı olmayıp da sadece blog okuru olanlar yorum yapamıyordu.

Yeni düzenlediğim tema da bunun bir çözümünü aradım ve sonunda kodlarla bu işi çözdüm. Blogger yorum sisteminde yorum yapacak kişi yorum yapma şeklini kendisi belirleyebiliyor.

Yukarıdaki resimde görüldüğü üzere yorum yapacak kii yorum şeklini seçebiliyor. Dilerse Google+ hesabı ile dilerse diğer yöntemlerle yorum yapabiliyor.

Konuyu açıkladığımıza göre bu işlemi nasıl yapacağımıza geçelim.

Blogger ve Google + Yorum Yapma Seçenekleri

İlk önce Blogger yönetim panelimizden Tema kısmına gelip, HTML Düzenle seçeneğine tıklıyoruz. Kodlar arasınd ctrl + f yaparak <b:include data='post' name='post'/> kodunu aratıp buluyoruz.

Bu kodu hemen altın gelecek şekilde aşağıdaki kodları yerleştiriyoruz.

<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/AVvXsEgqDTlwQxotq94F4a2pa-E3bx-KzbPbefnl_W86OYRIKabdXYq-WtJZzalkczWVj_0FlAHPtO75MkiVrAqcEbpbjQScMmjhc4XkTy5dvtdqiQoJZTyBOZnjpw9tqwlwtKiow9IHok07z36b/s1600/speech-bubble.png) no-repeat; font-size: 20px; font-family: &quot;Arial Narrow&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'>
Yorum yapma şeklinizi seçiniz: <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/AVvXsEgoCE4m3MNL8NwrNjOdfx6B_XPSHNxBLU_rRGoWs9At6Nnv0E2H78fZPWdMHBYcwZi61MAz0725POgr_4HD0ysPpWkoPZfqQBbe07Q8PxGAvQ4FOzMN1mXYsExg0WHODO2skiNaib15VPlb/s1600/google-plus-logo.png' width='35'/></a> yada <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/AVvXsEjCGn3e3dqNnAAr-pzuK4IDx5yE5F158yHkzK1-SLJMfzOe_QDR7FDrsVt5BwnLXqApMex3y0EqyHXW659R7FGp4cx8Ax8A6lQBDL0IXcxRObH0EKd3KqpPDts-Ww0mBigkjsM9jLt6NoBh/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 </head> kodunu kodlar arasında aratıp buluyoruz ve hemen üst kısmına gelecek şekilde aşağıdaki kodları yapıştırıyoruz.

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

Böylelikle kod kısmı ile işimiz bitmiş oluyor.

Son olarak dikkat etmeniz gereken nokta şudur. Eğer blogger yönetim panelinizde Bu blog'da Google+ Yorumlarını kullan seçeneği evet ise onu hayır yapmanız gerekiyor.

Artık okurlarınız içeriklerinize Google+ yada Blogger seçenekleri ile dilediği gibi yorum yapabilirler.

Önemli Uyarı : Blog temanızın yedeğini almadan kodlarda hiç bir değişiklik yapmayınız.

Yapamadığınız bir kısım olursa yorum kısmından belirtmeniz halinde kısa sürede cevap veririm.

İyi bloglamalar dilerim.