Sabtu, 29 September 2018

SITEMAP

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&amp;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

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

Silahkan anda kunjungi URL penyedia layanan live chat secara gratis di http://tawk.to

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)

Copas from https://www.bagikeunlagi.com/membuat-live-cha/

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

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.                     
<div class='main-outer'> atau
<div id='main-wrapper'> atau <div id='main'>

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, &quot;Times New Roman&quot;, 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


Copas

Copas Copy and paste adalah hal umum didalam sebuah berita di media internet terutama blog, apabila anda mengingkan copy blog seharus...