Sabtu, 29 September 2018
CARA MUDAH PASANG KONTAK WHATSAPP YANG LANGSUNG CHAT SAAT DIKLIK
CARA MUDAH PASANG
KONTAK WHATSAPP YANG LANGSUNG CHAT SAAT DIKLIK
Bagi pemilik blog, adanya kontak sebagai atribut blog
merupakan keharusan, Jika kalian lihat blog-blog profesional, hampir semua
memiliki kontak. Untuk apa?
Ya agar pengunjung dapat berkomunikasi, berkonsultasi tentang
konten dengan pemilik blog, dan Kontak sendiri juga berfungsi sebagai tanda,
bahwa sebuah b,log ada pengelolanya, bukan asal-asalan.
Terlebih lagi untuk blog yang fokus pada penjualan online, tentu
kita tidak ingin pelanggan enggan membeli produk disebabkan blog yang dibangun
tidak memiliki kontak jelas.
Dari paparan diatas, maka saya mereasa berkepentingan untuk
membantu kalian, bagaimana cara pemasangan kontak di Blog.
Dalam hal pemasangan kontak, sebenarnya banyak sekali
caranya. namun pada prinsipnya kontak blog memiliki tiga item sebagai berikut :
Terdapat Nomor Hanhphone ( termasuk WhatsApp, Line, PIN BBM)
Email Aktif
Formulir Pesan
Live Chat
Biasanya, ketiga item tersebut berada dalam satu halaman
(page) dalam sebuah blog, seperti pada halaman kontak di blog ini.
Selanjutnya, bagaimana cara memasang kontak WhatsAppa di
blog, yang mana jika diklik secara otomatis menuju chat pengunjung dengan admin
blog? Caranya sangat mudah kok, perhatikan penjelasan di bawah ini.
Cara Memasang Kontak WhatsApp Otomatis Chat Di Blog
Yang anda perlukan hanya memasukkan script kode di bawah ini,
di bagian HTML dari blog anda, dimanapun anda mau, bisa dibagian sidebar,
footer, atau dihalaman posting dan halaman page.
<center>
<a href="https://api.whatsapp.com/send?phone=62857552552266&text=Halo%20Admin....."><img
hight="auto"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha2QlwY15E-uGAMWN2Fz83gbVa3GwJ5JB93Q3twKAe9WzOaXCZSq_x-SSl_mV6jFgO4PIcQNaWuwCr17TblNyvJsk8pCgJlOlaPLP81cBKJJGY242j14-sK7QCTHfx9N1E2bhSBMog8w/s1600/auto-chat-whatsapp-oim-info.png"
width="300" /></a></center>
Ganti nomor yang tertera dalam kode tersebut, dengan nomor
WhatsApp anda, anda juga dapat memodifikasi tulisan Halo Admin, dengan tambahan
spasi %20 antar kata.
Ingin tahu hasilnya? coba anda tekan nomor handphone di bawah
ini :

Nah, bagaimana mudah kan? Sebenarnya anda bisa memodifikasi
gambar, misalnya ingin menyertakan foto anda, atau foto blog anda, silahkan
ganti url gambare pada kode diatas.
Demikian tutorial memasang kontak WhatsApp, Jika Diklik
otomatis bisa chatting, semoga tulisan ini bisa bermanfaat.
copas dari http://www.oiminfo.net
copas dari http://www.oiminfo.net
Cara Membuat dan Memasang Live Chat di Blog
Cara Membuat dan Memasang Live Chat di Blog
Hi guys
Ada banyak keuntungan yang akan kita
dapat seandainya blog yang sedang kita kelola sudah terpasang fitur live chat
ini.
Bayangkan, jika sebelumnya model
interaksi kita dengan para pengunjung blog hanya sebatas saling balas membalas
komentar pada postingan tertentu, memasang fitur ini akan lebih mendekatkan
hubungan kita dengan pengunjung, lebih mudah untuk tanya jawab, merespon kritik
dan saran, bahkan mungkin penawaran bisnis, fitur ini akan sangat bermanfaat
untuk para blogger.
Tidak hanya buat blogger, live chat
juga akan sangat berguna untuk toko online, bisnis online seperti jual beli
tiket pesawat, atau apapun bisnis online yang sedang anda kelola saat ini.
Dan kabar baiknya adalah, anda bisa
memasangnya secara gratis dengan kualitas premium, silahkan simak cara membuat
dan memasang live chat di blog berikut ini.
Cara Membuat Widget Live Chat
Kemudian lakukan pendaftaran dengan
mengisi kolom seperti gambar berikut, lalu
klik SIGN UP FOR FREE!
Selanjutnya anda akan diminta untuk
mengkonfirmasi e-mail yang anda gunakan saat pendaftaran tadi. Buka akun email
anda, carilah pesan masuk dari http://tawk.to kemudian lakukan konfirmasi
dengan mengeklik tombol Confirm email address.
Lihat Gambar dibawah ini.
Setelah melakukan konfirmasi, secara
otomatis anda akan dibawa ke menu dashboard http://tawk.to anda. Pada tahap
ini, yang perlu anda isi hanya Step 1 Site Information, lalu klik next.
Untuk Invite Agent dan Install Chat
Widget silahkan lewati atau skip saja.
Sampai tahap ini sebenarnya anda
telah berhasil membuat kotak live chat namun belum terpasang di blog anda.
Sebelum memasangnya, perhatikan gambar di bawah ini. Cari menu Admin pada
dashboard http://tawk.to anda, letaknya ada di navbar paling atas.
Pada menu Admin ini, anda
bisa merubah tampilan kotak live chat yang nantinya akan anda pasang di blog
yang anda kelola dengan sesuka hati, silahkan bereksperimen sendiri pada menu
Widget Setting, Widget Appearance, Widget Content, dan lain lain.
Kemudian copas Widget
Code yang ada di kotak nomor dua seperti gambar di bawah ini lalu pasang pada
blog anda.
Cara Memasang Widget Live
Chat
Setelah anda mendapatkan
kode live chat tadi, silahkan copas kode tersebut ke blog dengan cara sebagai
berikut.
1. Masuk dashboard blog
anda
2. Klik menu tata letak /
design
3. Tambahkan Gadget / Add
Gadget
4. Klik HTML / Javascript
5. Pasang kode tersebut
6. Dan yang terakhir klik
Simpan
Selamat! Blog anda sudah mempunyai fitur
live chat sekarang. Untuk mempermudah anda dalam mengakses fitur tersebut, anda
juga bisa mendownload aplikasi tawk.to melalui android di playstore atau mode
computer di sini. Salam blogger, salam berbagi! (bl/aat)
Jumat, 28 September 2018
Cara Membuat Halaman Blogspot Pake Password
Cara Membuat Halaman Blogspot Pake Password
Cara Membuat Halaman Blogspot Pake Password gampang banget.
Jika Anda ingin hanya orang tertentu, bahkan cuma Anda sendiri, yang bisa
membuka halaman (page) statis di blog blogspot, buatlah password untuk halaman
tersebut.
Cotohnya silakan klik: Halaman Statis Blog Pake Password.
Ini dia cara cara membuat password pada halaman blogspot
alias Cara Membuat Halaman Blogspot Pake Password :
1. Login ke Blogger
>> Dashboard >> Pages >>
2. buka halaman posting
yang mau di password
3. Klik “HTML”
4. Masukkan kode berikut ini sebelum atau sesudah isi
halaman:
<script language="JavaScript">
var password;
var pass1="PASSWORD123";
password=prompt('Enter your password in order to view this
page!',' ');
if (password==pass1) alert('Correct password, OK to
enter!');
else {
window.location="SITE-LINK";
}
</script>
5. Ganti teks berwarna merah dengan versi Anda,
6. kata “PASSWORD123”
silahkan ganti dengan password anda
7. Ganti teks SITE-LINK dengan URL Page/Halaman Blogspot
Anda.
8. Save!
Blog
Belajar Blog
Yuk kita belajar blog, tentunya ini dibikin berdasarkan comot sana sini, karena saya sendiri otodidak
* Sub Menu di Header Blog
* Embed video dari Facebook
* Kode Warna CSS
*Cara Membuat dan Memasang Live Chat di Blog
* Membuat halaman utama Blog
* COPAS protection with url
Yuk kita belajar blog, tentunya ini dibikin berdasarkan comot sana sini, karena saya sendiri otodidak
* Sub Menu di Header Blog
* Embed video dari Facebook
* Kode Warna CSS
*Cara Membuat dan Memasang Live Chat di Blog
* Membuat halaman utama Blog
* COPAS protection with url
Kamis, 27 September 2018
Tutorial sub menu
Tutorial membuat sub menu di Header atau biasa disebut sub bertingkat
Berikut ini langkah-langkah yang harus dilakukan :
1.
Klik Menu Desain
2.
Pilih Menu Template lalu
pilih menu Edit HTML
3.
Pilih/klik menu Lanjutkan
4.
Pilih/klik menu Expand Template
Widget
5.
|
6.
Cari scrift berikut :
Agar lebih mudah, klik saja F3 pada keyboard lalu pilh salah satu
scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di
www.google.com maka yang cocok adalah :
div class='main-outer'>.
Bisa jadi beda dengan template yang lain…
Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi :
<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li { height:30px; border-top:1px solid #fff; }
#secnav li ul li a { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu1 a</a>
<ul>
<li><a href='#'>Super Sub Menu1 a.1</a></li>
<li><a href='#'>Super Sub Menu1 a.2</a></li>
<li><a href='#'>Super Sub Menu1 a.3</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu1 b</a>
<ul>
<li><a href='#'>Super Sub Menu1 b.1</a></li>
<li><a href='#'>Super Sub Menu1 b.2</a></li>
<li><a href='#'>Super Sub Menu1 b.3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Menu 2</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu2 a</a>
<ul>
<li><a href='#'>Super Sub Menu2 a.1</a></li>
<li><a href='#'>Super Sub Menu2 a.2</a></li>
<li><a href='#'>Super Sub Menu2 a.3</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu2 b</a>
<ul>
<li><a href='#'>Super Sub Menu2 b.1</a></li>
<li><a href='#'>Super Sub Menu2 b.2</a></li>
<li><a href='#'>Super Sub Menu2 b.3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Menu3</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu3a</a>
<ul>
<li><a href='#'>Super Sub Menu3 a.1</a></li>
<li><a href='#'>Super Sub Menu3 a.2</a></li>
<li><a href='#'>Super Sub Menu3 a.3</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu3b </a>
<ul>
<li><a href='#'>Super Sub Menu3 b.1</a></li>
<li><a href='#'>Super Sub Menu3 b.2</a></li>
<li><a href='#'>Super Sub Menu3 b.3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Menu4</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu4a</a>
<ul>
<li><a href='#'>Super Sub Menu4 a.1</a></li>
<li><a href='#'>Super Sub Menu4 a.2</a></li>
<li><a href='#'>Super Sub Menu4 a.3</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu4b </a>
<ul>
<li><a href='#'>Super Sub Menu4 b.1</a></li>
<li><a href='#'>Super Sub Menu4 b.2</a></li>
<li><a href='#'>Super Sub Menu4 b.3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Menu5</a></li>
</ul>
</div>
PENJELASAN :
·
Ganti tanda # (warna biru) dengan link/url yang
anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog
anda.
·
Contoh : http://pandawalimamedan.blogspot.com/search/label/Kesehatan. Maka ini menjadi link Submenu utama dan juga sebagai label.
·
Contoh : http://pandawalimamedan.blogspot.com/2012/08/cara-membuat-sub-menu-pada-menu-utama.html. Maka ini menjadi link isi submenu.
·
Ganti Tulisan warna biru dengan menu dan sub menu yang anda
inginkan.
·
Contoh : Kesehatan. Ini menjadi Judul Submenu
·
Setiap sub menu bisa ditambah atau
dikurangkan sesuai keinginan.
·
Untuk mengganti warna tampilan rubah
saja kode (background:#156994)
·
Untuk mengganti warna background dan
text-shadow-nya bisa diubah pada scrift : text-shadow :#033148dengan kode warna yang sohib inginkan.
·
Untuk Lebar Submenu dan Superseubmenu
bisa diotak-atik pada scrift : #secnav li ul { position: absolute; left:
-999em; width: 200px; top:35px}
Langganan:
Postingan (Atom)
Copas
Copas Copy and paste adalah hal umum didalam sebuah berita di media internet terutama blog, apabila anda mengingkan copy blog seharus...
-
Kuah kari ikan pedas Bahan-bahan 4 porsi 5 ptg ikan kenyar 10 butir telor puyuh 1/4 sdt merica bubuk garam halus secu...
-
Hi guys sobat sekalian. Kali ini saya perkenalkan blog terbaru, setelah beberapa kali bikin blog dan akhirnya ketagihan mencoret-coret ...
-
Cara Membuat dan Memasang Live Chat di Blog Hi guys Ada banyak keuntungan yang akan kita dapat seandainya blog yang sedang kita kel...





