{"id":164,"date":"2025-10-02T10:14:13","date_gmt":"2025-10-02T10:14:13","guid":{"rendered":"https:\/\/www.warunginter.net\/2017\/08\/membuat-live-chat-fanspage-di-blogspot.html"},"modified":"2025-10-02T10:14:13","modified_gmt":"2025-10-02T10:14:13","slug":"membuat-live-chat-fanspage-di-blogspot","status":"publish","type":"post","link":"https:\/\/flycai.warunginter.net\/?p=164","title":{"rendered":"Membuat Live Chat Fanspage Di Blogspot"},"content":{"rendered":"
\n
\nJika kamu ingin mempunyai live chat pada blogmu yang menggunakan platform Blogspot tidak ada salahnya menggunakan fitur ini, selain terihat keren pastinya juga sambil promosi Fanspage kamu kan hehee<\/p>\n
\n<\/a><\/div>\n

\nSebenarnya fitur ini tidak berinteraksi secara langsung anatara pengunjung dan admin, interaksi akan terjadi di fanspage messenger atau melalui aplikasi messenger atau di messenger.com dan bisa juga di facebook<\/p>\n

\n<\/a><\/div>\n

Jika kamu ingin tetap mencoba memasangnya silahkan perhatikan langkah – langkah berikut ini :<\/p>\n

1. Silahkan Copy kode CSS dibawah ini, dan Paste di atas kode <\/head><\/p>\n

<style type=\"text\/css\">\n\n.chat_box {\n\n\u00a0 background: #fff;\n\n\u00a0 width: 270px;\n\n\u00a0 height: 435px;\n\n\u00a0 position: fixed;\n\n\u00a0 bottom: -400px;\n\n\u00a0 right: 60px;\n\n\u00a0 transition: all .3s;\n\n\u00a0 border: none;\n\n\u00a0 border-radius: 5px 5px 0 0;\n\n\u00a0 -webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.25);\n\n\u00a0 -moz-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.25);\n\n\u00a0 box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.25);\n\n\u00a0 overflow: hidden;\n\n\u00a0 z-index:1000000;\n\n}\n\n.pesan_chat {\n\n\u00a0 text-align: center;\n\n\u00a0 text-decoration: none;\n\n\u00a0 display: block;\n\n\u00a0 height: 100%;\n\n\u00a0 padding: 5px 5px 15px;\n\n}\n\n.chatheader {\n\n\u00a0 margin: 0 auto;\n\n\u00a0 padding: 0 10px;\n\n\u00a0 height: 35px;\n\n\u00a0 line-height: 35px;\n\n\u00a0 font-size: 16px;\n\n\u00a0 font-weight: 700;\n\n\u00a0 color: #fff;\n\n\u00a0 text-align: left;\n\n\u00a0 display: block;\n\n\u00a0 cursor: pointer;\n\n\u00a0 background:#3a5897;\n\n}\n\n.pesan_chat p {\n\n\u00a0 color: #616161;\n\n\u00a0 font-size: 14px;\n\n\u00a0 margin: 10px;\n\n}\n\n.close-chatfb {\n\n\u00a0 position: absolute;\n\n\u00a0 top: 0;\n\n\u00a0 right: 0;\n\n\u00a0 font-family: Arial;\n\n\u00a0 font-size: 24px;\n\n\u00a0 font-weight: 700;\n\n\u00a0 cursor:pointer;\n\n\u00a0 width:24px;\n\n\u00a0 color: #fff;\n\n\u00a0 height:35px;\n\n\u00a0 line-height:35px;\n\n\u00a0 text-align:center;\n\n\u00a0 opacity: .7;\n\n}\n\n.maxi-chatfb,\n\n.mini-chatfb {\n\n\u00a0 position: absolute;\n\n\u00a0 top: 0;\n\n\u00a0 right: 20px;\n\n\u00a0 font-family: Arial;\n\n\u00a0 font-weight: 700;\n\n\u00a0 cursor:pointer;\n\n\u00a0 width:18px;\n\n\u00a0 color: #fff;\n\n\u00a0 text-align:center;\n\n\u00a0 opacity: .7;\n\n}\n\n.maxi-chatfb {\n\n\u00a0 font-size: 24px;\n\n\u00a0 height:30px;\n\n\u00a0 line-height:30px;\n\n}\n\n.mini-chatfb {\n\n\u00a0 font-size: 20px;\n\n\u00a0 height:25px;\n\n\u00a0 line-height:25px;\n\n\u00a0 display: none;\n\n}\n\n.close-chatfb:hover,\n\n.maxi-chatfb:hover,\n\n.mini-chatfb:hover{\n\n\u00a0 opacity:1;\n\n}\n\n<\/style>\n\n<\/pre>\n
2. Silahkan Copy kode dibawah ini, dan Paste di atas kode <\/body><\/p>\n
<div class="chat_box" id="chat">\n\n\u00a0 <div class="chatheader" onclick='showhidechat()'>Messenger flycai.warunginter.net\/\n\n\u00a0 <\/div>\n\n\u00a0 \u00a0 <div class='close-chatfb' onclick='hidechatfb()'>&#215;<\/div>\n\n\u00a0 \u00a0 <div class='maxi-chatfb' id='maxi-chatfb' onclick='showhidechat()'>&amp;square;<\/div>\n\n\u00a0 \u00a0 <div class='mini-chatfb' id='mini-chatfb' onclick='showhidechat()'>&#95;<\/div>\n\n\u00a0 <div class="pesan_chat">\n\n\u00a0 \u00a0 <p>Hai! Kamu bisa kirim pesan ke Admin di sini, jangan lupa LIKE Warung Internet ya... Terima kasih.<\/p>\n\n\u00a0 \u00a0 <script type='text\/javascript'>\n\n\/\/<![CDATA[\n\ndocument.write('<iframe name="f11b13dc65e614" width="250px" height="310px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:page Facebook Social Plugin" data-src="https:\/\/www.facebook.com\/v2.5\/plugins\/page.php?adapt_container_width=true&amp;app_id=&amp;channel=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2Fbz-D0tzmBsw.js%3Fversion%3D42%23cb%3Df100e25f3ae8bb8%26domain%3Dflycai.warunginter.net\/<\/span>%26origin%3Dhttps%253A%252F%252Fflycai.warunginter.net\/<\/span>%252Ff8f907cf72f9a4%26relation%3Dparent.parent&amp;container_width=0&amp;height=310&amp;hide_cover=true&amp;href=https%3A%2F%2Fwww.facebook.com%2Fwarunginternet<\/span>%2F&amp;locale=en_US&amp;sdk=joey&amp;show_facepile=false&amp;show_posts=true&amp;small_header=true&amp;tabs=messages&amp;width=250\" style=\"border: none; visibility: visible; width: 250px; height: 310px;\" class=\"\"><\/iframe>');\n\n\/\/]]>\n\n<\/script>\n\n\u00a0 <\/div>\n\n<\/div>\n\n\n\n<script>\n\n\/\/<![CDATA[\n\nfunction showhidechat() {\n\n\u00a0 var o = document.getElementById(\"chat\");\n\n\u00a0 \"0px\" !== o.style.bottom ? o.style.bottom = \"0px\" : o.style.bottom = \"-400px\";\n\n\u00a0 var o = document.getElementById(\"maxi-chatfb\");\n\n\u00a0 \"none\" !== o.style.display ? o.style.display = \"none\" : o.style.display = \"block\";\n\n\u00a0 var o = document.getElementById(\"mini-chatfb\");\n\n\u00a0 \"block\" !== o.style.display ? o.style.display = \"block\" : o.style.display = \"none\";\n\n};\n\nfunction hidechatfb() {\n\n\u00a0 var e = document.getElementById(\"chat\").style.display = \"none\";\n\n};\n\nfunction init() {\n\nvar vidDefer = document.getElementsByTagName('iframe');\n\nfor (var i=0; i<vidDefer.length; i++) {\n\nif(vidDefer[i].getAttribute('data-src')) {\n\nvidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));\n\n} } }\n\nwindow.onload = init;\n\n\/\/]]>\n\n<\/script>\n\n<\/pre>\n
\n3. Ganti kode flycai.warunginter.net\/ menjadi domain blog kamu (Ada 2) dan warunginternet dengan username fanspage kamu<\/p>\n
Baca Juga :<\/b> Cara Membuat Live Chat Tawk.to Di Website<\/a><\/p>\n
4. Selesai<\/p>\n
Oke saya rasa cukup artikel untuk menambahkan live chat fanspage di blogspot, semoga artikel bisa bermanfaat untuk kamuu.\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Jika kamu ingin mempunyai live chat pada blogmu yang menggunakan platform Blogspot tidak ada salahnya menggunakan fitur ini, selain terihat keren pastinya juga sambil promosi Fanspage kamu kan hehee Sebenarnya… Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":2039,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62,60,63],"tags":[],"class_list":["post-164","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogspot","category-sosmed","category-source-code"],"_links":{"self":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=164"}],"version-history":[{"count":1,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts\/164\/revisions"}],"predecessor-version":[{"id":1582,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/posts\/164\/revisions\/1582"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=\/wp\/v2\/media\/2039"}],"wp:attachment":[{"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flycai.warunginter.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}