Blog yazmanın en keyifli taraflarından biri yeni insanlarla tanışmak, onlarla iletişim kurmak, bir şeyler paylaşmak. Bunu yaparken faydalandığımız şey araç ise çoğunlukla blog yazılarının altındaki yorum bölümleri ve iletişim formları. Fakat bu araçlar ile anlık iletişim kurmak pek mümkün değil ve sabırsız ziyaretçiyi bloga bağlamak için çabuk reaksiyon göstermek oldukça önemli.
Bu Blogger Facebook eklentisini blogunuza eklediğinizde sağ alt köşede “Facebook’tan mesaj gönder” notu gözükecek. Ziyaretçiler buraya tıkladığınızda bir mesaj penceresi açılacak ve buraya yazacakları mesajlar sizin Facebook sayfanızdaki mesajlar bölümüne düşecek. Eğer o sırada çevrimiçi iseniz anlık yazışarak kolayca iletişim kurabileceksiniz. Ziyaretçi sizin vereceğiniz cevapları blogdaki Facebook mesaj penceresinden değil kendi messengerında görecek. Yani bu eklenti bir sohbet değil iletişim formu niteliğinde.
Şimdi Facebook Messenger Eklentisini Blogumuza nasıl ekleyeceğiz anlatımına geçelim ;
Öncelikle Blogger Şablon editör sayfamızı açalım. Ve Ctrl+F yardımıyla </body> kodunu aratalım ve bulduğumuz kodun üzerine gelecek şekilde aşağıda vermiş olduğum HTML kodlarını ekleyin.
NOT: Facebook "Kullanıcıadınızı" girmeyi unutmayın.
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '375544679461395',
xfbml : true,
version : 'v2.8'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/tr_TR/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- Blogger Sepeti - Messenger Kutusu -->
<!-- Blogger Sepeti - Messenger Kutusu -->
<div class='drag-wrapper drag-wrapper-right'>
<div class='thing' data-drag='data-drag'>
<div class='circle facebook-messenger-avatar facebook-messenger-avatar-type0'>
<img class='facebook-messenger-avatar' src='http://www.icons101.com/icon_png/size_256/id_82691/Facebook_Messenger.png'/>
</div>
<div class='content'>
<div class='inside'>
<div class='fb-page' data-adapt-container-width='true' data-height='310' data-hide-cover='false' data-href='https://www.facebook.com/kullanıcıadınız/' data-show-facepile='true' data-small-header='true' data-tabs='messages' data-width='310'><div class='fb-xfbml-parse-ignore'><blockquote cite='https://www.facebook.com/kullanıcıadınız'><a href='https://www.facebook.com/kullanıcıadınız'>Yükleniyor...</a></blockquote></div></div>
</div>
</div>
</div>
<div class='magnet-zone'>
<div class='magnet'></div>
</div>
</div>
<link href="https://rawgit.com/VTADZ/vutienanhblog/master/style.css" rel="stylesheet" type="text/css"></link>
<script src="https://rawgit.com/VTADZ/vutienanhblog/master/jquery.event.move.js" type="text/javascript"></script>
<script src="https://rawgit.com/VTADZ/vutienanhblog/master/rebound.min.js" type="text/javascript"></script>
<script src="https://rawgit.com/VTADZ/vutienanhblog/master/index.js" type="text/javascript"></script>
</div>Yukarıda ki adımları bitirdikten sonra şimdi gelelim son kodlama işlemine yine HTML şablon kod editör sayfamızda Ctrl+F yardımıyla </head> kodunu aratalım ve bulduğumuz kodun üzerine gelecek şekilde aşağıda ki JavaScript Kodunu ekleyelim.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'></script>Bütün işlemler bu kadar blogunuzu kontrol edebilirsiniz.