Membuat Wigdet Live Chat Fanspage Di Blogger
Kali Ini Dan pada hari ini juga saya akan mebagikan cara membuat livechat facebook fanspage di blog dan bisa di sebutkan dengan wigdet dan wigdet ini bisa di pasang di berbagai macam plafrom wordpress, blogger, Php, html dan lainnya. Bagi pengguna CMS Wordpress, drupal, jommla dan lainnya Tidaklah sulit untuk membuat wigdet live chat fanspage tampil dalam website melainkan banyak plugin,addon, atau extension yang terkait dengan artikel yang saya buat ini
Untuk Pengguna Wordpress Silahkan Download atau anda dapat membeli di situs pengembangnya klik di sini untuk lihat detail nya
Untuk Pengguna PHP Silahkan Mendownload script nya di bawah ini dan buka folder documentary nya dan klik index.html nya dan buka lewat broswer anda masing2 di situ pun ada cara pemasangan nya
[vtab]
[content icon="download" title="Download"]Direct Download[/content]
[content icon="cloud-download" title="Mirror"]Mirror Download[/content]
[/vtab]
Dan untuk Pengguna blogger mari ikuti langkah langkah berikut ini dan cara memasangnya ini dalam mode tataletak jadi tidak usah anda merobek robek ataupun mengubah file template dalam blogger anda . yang pertama coba lihat source code di bawah ini dan lihat yang saya beri warna 1 hanyalah anda untuk mengubah link dengan link fanspage https://www.facebook.com/BLSCYBER/ ganti dengan link fanspage anda dan jika sudah selesai Copy paste Code tersebut dan pastekan di gadget blog
[code type="HTML"]
<link rel="stylesheet" type="text/css" href="https://raw.githubusercontent.com/bls-cyber/BLOGGER/gh-pages/stylesheets/live_chat_facbook.css" >
<script type="text/javascript" src="https://raw.githubusercontent.com/bls-cyber/BLOGGER/gh-pages/javascripts/live_chat_facbook.js"></script>
<style type="text/css">
#b-c-facebook .chat-f-b, #chat_f_b_smal, #f_bt_start_chat {
background: #3a5897;
}
</style>
<a title="Open Chat." id="chat_f_b_smal" onclick="chat_f_show()" class="chat_f_vt">Open Chat.</a>
<div id="b-c-facebook" class="chat_f_vt">
<div id="chat-f-b" onclick="b_f_chat()" class="chat-f-b">
<img class="chat-logo" src="https://raw.githubusercontent.com/bls-cyber/BLOGGER/gh-pages/images/facebook.png" alt="logo" />
<label>
Facebook Chat. </label>
<span id="fb_alert_num">
1
</span>
<div id="t_f_chat">
<a title="Close" href="javascript:;" onclick="chat_f_close()" id="chat_f_close" class="chat-left-5"><img src="https://raw.githubusercontent.com/bls-cyber/BLOGGER/gh-pages/images/close.png" alt="Close chat" title="Close chat" /></a>
</div>
</div>
<div id="f-chat-conent" class="f-chat-conent">
<div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/BLSCYBER/" data-width="250" data-height="310" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true"
data-show-facepile="false" data-show-posts="true">
</div>
<div id="fb_chat_start">
<div id="f_enter_1" class="msg_b fb_hide">
Hello! Thanks for visiting us. Please press Start button to chat with our support :) </div>
<p id="f_enter_3" class="fb_hide" align="center">
<a href="javascript:;" onclick="f_bt_start_chat()" id="f_bt_start_chat">Start</a>
</p>
</div>
</div>
</div>
<div id="fb-root"></div>
<script>(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/en_US/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
[/code]
Caranya Pemasanganya
1. Masuk Ke dasboard Blogger
2. Pilih Menu Tata Letak / Layout
3. Tambahkan Gadget, Pilih HTML/JavaScript Tidak usah di beri judulpun tidak apa apa
4. Pastekan
5. Selesai, Selamat Mencoba
Terima kasih Telam Membaca Artrikel ini dan telah mengunjungi blog saya ini jika anda masih kurang paham silahkan untuk bertanya lewat komentar di bawah jika artikel ini bermanfaat dan anda pun masih banyak waktu untuk ngeblog silahkan share artikel ini ke berbagai Media sosial semacam facebook twitter Instagram dan sebagainya kami dari Team BLSCYBER 1 X lagi Sangat Berterima kasih banyak kepada anda semua yang teah mengunjungi blog kami dan membaca artikel tersebut
[left-side]
