Daftar Jadi Anggota Zencreator Bisa Dapat Laptop Gratis! Daftar Jadi Anggota Zencreator Bisa Dapat Laptop Gratis! Daftar Jadi Anggota Zencreator Bisa Dapat Laptop Gratis!
XKOMODOTCOM
No Result
View All Result
  • Login
  • TECH
    • Apps
    • Computer
    • Laptop
    • Peripheral
    • Smartphone
  • REVIEW
  • TUTORIAL
  • UNBOXING
XKOMODOTCOM
ernesthy
XKOMODOTCOM
  • TECH
    • Apps
    • Computer
    • Laptop
    • Peripheral
    • Smartphone
  • REVIEW
  • TUTORIAL
  • UNBOXING
  • Login
No Result
View All Result
XKOMODOTCOM

Cara Menambahkan Widget ChatBox Show / Hide Melayang di Blog

Febri Tri Harmoko by Febri Tri Harmoko
in Blogger, Tutorial
Reading Time: 1 min read
1
0
421
VIEWS
ShareTweet
Belanja Laptop ASUS Gratis Ongkos Kirim - Dijamin Aman 100% - ASUS Online Store Official Belanja Laptop ASUS Gratis Ongkos Kirim - Dijamin Aman 100% - ASUS Online Store Official Belanja Laptop ASUS Gratis Ongkos Kirim - Dijamin Aman 100% - ASUS Online Store Official

Cara Menambahkan Widget ChatBox Show / Hide Melayang di Blog – Hallo Sahabat blogger indonesia, Kali ini saya mau memberikan tutorial nih bagaiaman caranya Memasang widget Chatbox Melayang di kanan, kiri , atas, bawah pada Blog dengan Efek Show / Hide.

Sebelum kita memulai tutorial ini pastikan kamu sudah mendaftar di http://www.cbox.ws/.

Untuk tutorial mendaftar di Chatbox / Chat Blog saya rasa tidak perlu dan saya anggap kamu sudah bisa mendaftar sendiri.

Cara Mengatur CSS Widget ChatBox

Kita lanjut aja ya, pertama silahkan kamu atur terlebih dahulu ukuran panjang dan lebar chatbox kamu sebelum kamu memasang nya di blog.

Klik Tab Look & Feel > Layout Option > Atur sesuai keinginan.

Cara Menambahkan Widget ChatBox Show / Hide Melayang di Blog

Setelah mengatur ukuran Chatbox kamu sekarang kamu design dulu dah warna (font,Background,Border) pada Chatbox kamu.

Untuk memilih tema kamu klik style preset , untuk merubah warna dan Fonts kamu pilih Color & Font.

Atau untuk lebih mudah nya kamu bisa mengedit Lewat CSS agar lebih mudah dalam pengeditan 😀

Klik Edit CSS untuk mengedit lewat CSS, ini contoh CSS Chatbox di blog:

Perhatian:
Save CSS nya bukan di Template yah melainkan di chatbox.

BACAJUGA

Video Tutorial Cara Mengganti Password Akun Admin dan User Modem ZTE F609 IndiHome

Cara Login Modem HUAWEI HG8245H IndiHome (Username dan Password Admin Terbaru)

Silahkan atur dan modifikasi CSS Chatbox sesuai selera kamu, jika tampilan Chatbox sudah sesuai Selera sekarang kita tinggal memasangnya ke dalam blog.

Cara Modifikasi Kode CSS Chatbox Agar Lebih Menarik

Klik Tab Publishing > Maka kamu akan lihat menu seperti gambar berikut > Setting sesuai keinginan kamu.

Cara Menambahkan Widget ChatBox Show / Hide Melayang di Blog

Dari gambar di atas sudah terlihat jelas, tinggal kamu pilih aja Floating Button trus Copy-Paste Kode HTML nya trus pasang deh. Gampang kan 😀

Selanjutnya bagaimana cara untuk mengatur posisi Button-nya berada di kanan , kiri , bawah atau atas blog ?

Cara Mengatur Letak Widget Chatbox Di Blog

Cara nya sederhana, kita hanya merubah Style pada kode HTML tersebut, ikuti coding berikut :

Sekian dulu tutorial dari saya, semoga cara memasang widget Chatbox melayang di kanan / kiri blog dengan efek Show Hide ini bermanfaat.

UPDATE:
Bagaimana dengan Widget selain Chatbox ? misal seperti Shoutbox, Shoutmix dan lain lain. Untuk Tutorial Menambahkan widget Show / Hide Chatbox Shoutbox, Shoutmix, YourShoutbox dan lain lain.

Kamu bisa berkunjung ke artikel ini:

Tutorial Membuat Show / Hide Widget Shoutbox / Shoutmix di Blog dengan Efek slide
Tags: BlogCodingCSSHTMLWidget
Share1Tweet
Previous Post

Modifikasi CSS Tampilan Threaded Comments Blogger

Next Post

How To Setting Mouse Macro Quick Change for Shotgun in game

Febri Tri Harmoko

Febri Tri Harmoko

Saya blogger yang gemar membaca dan berbagi informasi di dunia internet.

ARTIKEL TERKAIT

Video Tutorial Cara Mengganti Password Akun Admin dan User Modem ZTE F609 IndiHome
Internet

Video Tutorial Cara Mengganti Password Akun Admin dan User Modem ZTE F609 IndiHome

by Febri Tri Harmoko
2 weeks ago
27
Cara Login Modem HUAWEI HG8245H IndiHome (Username dan Password Admin Terbaru)
Tutorial

Cara Login Modem HUAWEI HG8245H IndiHome (Username dan Password Admin Terbaru)

by Febri Tri Harmoko
2 months ago
283.2k
Cara Login Modem IndiHome ZTE F609 Terbaru
Tutorial

Cara Login Modem ZTE F609 IndiHome Terbaru (Username dan Password Admin)

by Febri Tri Harmoko
3 months ago
449.4k
Next Post
How To Setting Mouse Macro Quick Change for Shotgun in game

How To Setting Mouse Macro Quick Change for Shotgun in game

Custom Feed untuk Blogger

Cara Menambahkan Feed Custom Domain Pada Blog

Cara Menambahkan Widget ChatBox Show / Hide Melayang di Blog

Cara Membuat Show / Hide Widget Shoutbox / Shoutmix di Blog

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

I agree to the Terms & Conditions and Privacy Policy.

  • About
  • Contact
  • Disclaimer
  • Privacy Policy
  • Terms & Conditions

© 2014 - 2022 XKOMODOTCOM — Made With in Indonesia

No Result
View All Result
  • Login
  • TECH
    • Apps
    • Computer
    • Laptop
    • Peripheral
    • Smartphone
  • REVIEW
  • TUTORIAL
  • UNBOXING

© 2014 - 2022 XKOMODOTCOM — Made With in Indonesia

Welcome Back!

Sign In with Google
OR

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
This website uses cookies. By continuing to use this website you are giving consent to cookies being used. Visit our Privacy and Cookie Policy.