Cara Membuat Link Chat Whatsapp untuk Jualan Online

Cara Membuat Link Chat Whatsapp untuk Bisnis Online

masnasih.com - Bagi seorang yang bergelut di bisnis online tentunya sangat membutuhkan cara membuat link chat whatsapp, karena dengan link yang langsung masuk ke whatsapp akan mempermudah orang yang ingin membeli langsung masuk ke chat whatsapp si penjual. Maka dari itu di postingan ini saya sengaja share artikel yang saya rasa sangat bermanfaat ini.

Cara Membuat Link Chat Whatsapp untuk Jualan Online

    Daftar Isi :
  1. Fungsi Chat Whatsapp
  2. Cara Membuat Link Chat Whatsapp Tanpa Teks
  3. Cara Membuat Link Chat Whatsapp dengan Chat atau Pesan Tertentu
  4. Cara Membuat Link Template Teks untuk Chat Whatsapp
  5. Kesimpulan

Fungsi Chat Whatsapp

Saya kutip dari Faq Whatsapp

whatsapp api
Jadi sebenarnya di buatnya link chat whatsapp ini pada awalnya adalah dari pihak whatsapp bermaksud agar mempermudah penggunanya untuk chat seseorang tanpa harus menyimpan nomor hpnya di ponsel orang tersebut.

Cara kerjan link chat whatsapp sendiri adalah ketika ada seseorang yang meng-klik link tersebut, maka akan otomatis masuk ke dalam chat whatsapp, baik itu di hp maupun di pc yang sudah terinstal / sedang membuka whatsapp web.

Cara Membuat Link Chat Whatsapp Tanpa Teks

link whatsapp group
Jadi untuk membuat link chat whatsapp tanpa teks Anda bisa menggunakan link dengan format https://wa.me/nomor. Nomor yang digunakan adalah menggunakan format yang sesuai dengan standar Internasional.

Misalnya untuk Indonesia berarti menggunakan +62, misalnya +6282328626255, tetapi untuk link chat whatsapp ini tanda + dihilangkan menjadi 6282328626255. Dan juga tidak menggunakan 082328626255.

Jadi format lengkapnya menjadi seperti ini https://wa.me/6282328626255 (untuk nomor hp Indonesia)

Untuk melihat kode nomor telepon untuk negara tertentu - Misalnya Anda menggunakan nomor hp yang dibeli dari luar negeri - Maka Anda bisa mencari kodenya disini.

Peringatan !
cara membuat link instagram
Jadi harus disambung dan tidak diputus-putus menggunakan tanda "-" seperti gambar di atas.

Cara Membuat Link Chat Whatsapp dengan Chat atau Pesan Tertentu 

cara memperpendek link
Jadi link ini akan menampilkan teks di chat whatsapp tanpa harus mengetik terlebih dulu. Misalnya Anda ingin membuat link chat whatsapp untuk jualan sepatu. Maka Anda bisa membuat link dengan tulisan tertentu agar calon konsumen tinggal klik send saja. Misalnya pesannya adalah "Saya ingin membeli sepatu"

Formatnya : https://wa.me/nomorhpwhatsapp/?text=teksberkodeurl

Jadi untuk membuat link whatsapp ini ada tambahannya berupa teks khusus kode url. Kalo yang tadi https://wa.me/6282328626255, sekarang ada tambahannya.

Contohnya :
https://wa.me/6282328626255?text=Saya%20ingin%20membeli%20sepatu

Keterangan : 
%20 adalah spasi. Jadi pesan Saya ingin membeli sepatu harus ditulis menjadi Saya%20ingin%20membeli%20sepatu.

Cara Membuat Link Template Teks untuk Chat Whatsapp

aplikasi whatsapp tanpa save nomor

Nah kalo yang ini berguna bagi Anda yang ingin membuat konsep ataupun template yang kemungkinan akan dikirim secara berulang ulang. Misalnya Selamat Pagi, Apa Kabar?, Berapa harganya?, dsb. 
api whatsapp send message
Jadi disini tidak memerlukan nomor hp tetapi menggunakan teks berkode url. 

Misal Anda ingin membuat template selamat pagi maka linknya seperti ini.
https://wa.me?text=Selamat%20Pagi

Kesimpulan

Jadi untuk membuat link chat whatsapp Anda bisa menggunakan 3 pilihan di bawah ini.

Chat Tanpa Teks 

https://wa.me/6282328626255

Chat dengan Teks 

https://wa.me/6282328626255?text=Saya%20ingin%20membeli%20sepatu

Konsep / Template Teks

https://wa.me?text=Selamat%20Pagi

Cara Membuat Google Adsense Tanpa Blog - Bisakah?

Cara Membuat Google Adsense Tanpa Blog
masnasih.com - Ada-ada aja orang yang cari cara membuat google adsense tanpa blog. Apakah bisa? Mungkin disini saya akan membahas lebih dalam tentang adsense dan cara kerjanya dengan harapan dapat menjawab pertanyaan itu dan clear and clean hehe..

Cara Membuat Google Adsense Tanpa Blog - Bisakah?

Untuk mendapatkan akun google adsense, ada 2 cara yang bisa Anda lakukan yaitu dengan menggunakan blog dan juga menggunakan youtube. Jadi bisakah bikin google adsense tanpa blog? jawabannya adalah bisa, yaitu menggunakan akun atau channel youtube.

Tapi, ada tapinya ya. Tapi Anda tidak akan pernah mendapatkan akun google adsense non hosted jika Anda tidak menggunakan blog sendiri, karena akun yang didapatkan dari youtube adalah akun adsense yang hosted. So bisa nggak buat akun adsense tanpa blog? bisa kalo cuma sekedar akun google adsense yang hosted. Kalo pengen dapet yang non hosted ya harus upgrade dengan cara mengaitkan akun adsense hosted youtube ke blog yang sudah berdomain tld.

Oke sekarang bagaimana cara membuatnya?

Tentunya Anda harus menyiapkan beberapa hal dulu yaitu :
1. Membuat akun gmail (bagi yang belum mempunyai)
2. Membuat channel youtube
3. Membuat video youtube
4. Mengupload video youtube
5. Mengoptimasi agar banyak yang view
6. Membuatnya menjadi menarik agar mendapatkan subscriber
7. Mendapatkan 5000 jam tayang dulu (sebagai syarat mendaftar adsense youtube)
8. Mendapatkan 1000 subscriber (syarat daftar google adsense untuk yotutube)
9. Memastikan bahwa video tidak melanggar kebijakan youtube
10. Mendaftarkan channel youtube ke google adsense
11. Menunggu sampai di Approve atau bahkan akan ditolak.

Yah.. Caranya seperti itu. Jadi bagaimana apakah menarik untuk di coba? Kalo mau coba siapkan kreativitasmu sob. Saya sendiri belum mampu untuk melakukannya, dan saya lebih nyaman dengan adsense blog, karena sampai saat ini lebih mudah didapatkan dan lebih mengasyikkan.

Kalo mau nyoba hubungi saya, nanti saya ajari kalo ada waktu, tapi biasanya sok sibuk hehe..

Jadi kembali lagi ke pertanyaan, bisakah membuat adsense tanpa blog? Jawabannya adalah bisa, tapi akan lebih susah menurut saya sendiri.

Mungkin sekian dulu review tentang Cara Membuat Google Adsense Tanpa Blog - Bisakah? Semoga bisa sedikit mencerahkan.

Cara Membuat Judul Blog Bergambar - Mungkin Maksudnya Header Blog Ya

masnasih.com - Cara Membuat Judul Blog Bergambar - Melihat judulnya, saya jadi mending bingung sendiri, mana ada judul blog bergambar, ternyata yang dimaksud adalah judul blog di header itu ya. Ya memang kalo judul blog menggunakan gambar itu lebih keren dan bisa dikreasikan sesuka hati. Blog ini sendiri belum saya buat yang bergambar karena lagi males bikin desain judul blog. Tapi saya tau kok maksudnya. Seperti ini kan?
Cara Membuat Judul Blog Bergambar - Mungkin Maksudnya Header Blog Ya
Ngopot.com
Baiklah langsung saja saya kasih tau caranya deh.

Cara Membuat Judul Blog Bergambar - Mungkin Maksudnya Header Blog Ya

1. Masuk ke dasboard blogger
2. Tata Letak
3. Pada tampilan header kli edit (lihat gambar di bawah ini)
Gambar tata letak blogger untuk edit header
4. Setelah menekan edit akan muncul pilihan seperti di bawah ini.
Gambar dalam memilih upload gambar dari komputer atau url
5. Nah Pilih salah satunya. Pilih url kalo udah ada foto yang pernah di upload di internet, dan pilih upload dari komputer jika gambarnya belum ada di internet.
6. Pilih penembatannya yang selain judul dan keterangan untuk menyembunyikan judul dan keterangannya.
7. Simpan.

Sudah cukup jelas kan? Kalo belum jelas silakan bisa tanyakan.

Demikianlah Artikel tentang Cara Membuat Judul Blog Bergambar - Mungkin Maksudnya Header Blog Ya. semoga bermanfaat.

Cara Membuat Menu Dropdown di Blog Tanpa Edit HTML Untuk Pemula

Cara Membuat Menu Dropdown di Blog Tanpa Edit HTML

masnasih.com - Kali ini saya ingin berbagi tentang cara membuat menu dropdown tanpa edit html, karena saya rasa sebagai pemula dalam dunia blogging takut ketika harus edit html di blogger. Takut salah dan nantinya malah error. Oleh karena itu saya sajikan materi ini. 

Cara Membuat Menu Dropdown di Blog Tanpa Edit HTML Untuk Pemula

Baiklah sesuai dengan apa yang anda lihat di atas, maka untuk membuat menu dropdown kali ini Anda hanya membutuhkan 2 kode yaitu css dan html. Kode ini saya ambil dari w3schools.

Cara menggunakannya adalah copy paste kode di bawah ini ke widget blogger. (Sudah tau kan, cara menambah widget di blogger?)

<style>
ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #333;} li {float: left;} li a, .dropbtn {display: inline-block;color: white;text-align: center;padding: 14px 16px;text-decoration: none;} li a:hover, .dropdown:hover .dropbtn {background-color: red;} li.dropdown {display: inline-block;} .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;} .dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;} .dropdown-content a:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content {display: block;}
</style>

<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li class="dropdown">
    <a href="javascript:void(0)" class="dropbtn">Dropdown</a>
    <div class="dropdown-content">
      <a href="#">Link 1</a>
      <a href="#">Link 2</a>
      <a href="#">Link 3</a>
    </div>
  </li>
</ul>

<h3>Dropdown Menu inside a Navigation Bar</h3>
<p>Ketika mouse berada di tulisan dropdown, maka menu dropdown akan ditampilkan.</p>

Nah silakan copy kodenya dan masuk ke tata letak blogger, pilih html/javascript, paste kodenya, dan simpan.

Demikianlah artikel tentang Cara Membuat Menu Dropdown di Blog Tanpa Edit HTML Untuk Pemula yang bisa saya sampaikan. Semoga Bermanfaat.

Cara Membuat Slideshow di Blog dengan Javascript Keren

Cara Membuat Slideshow di Blog dengan Javascript Keren

masnasih.com - Dengan adanya Slideshow itu membuat blog menjadi cantik, maka saya tidak heran jika Anda mencari cara membuat slideshow di blog dengan javascript. Slideshow juga sebagai salah satu faktor UX (user experience) dari sebuah blog yang akan menjadi daya tarik tersendiri bagi blog tersebut. Di postingan ini saya ingin berbagi beberapa tampilan slideshow yang bisa Anda pilih sendiri sesuai dengan keinginan.

Cara Membuat Slideshow di Blog dengan Javascript Keren

Saya mengambil kodenya dari w3schools
cara membuat slideshow di header blog
Gambar tampilan slideshow dengan gambar horisontal di atas cocok untuk di halaman homepage baik web organisasi pribadi maupun web berita. Di kiri atas ada keterangan jumlah slide, kanan kiri ada navigasi untuk menggeser slideshow, dan di bawah tengah ada tulisan yang bisa diganti dengan keterangan slide, Di bawah teks juga ada tombol yang bisa di klik untuk ke slide tertentu

Untuk membuat slideshow seperti maka diperlukan kode html, css dan javascript. Berikut ini adalah kodenya.

Kode CSS

Untuk kode css bisa diletakkan di atas kode </b:skin> atau di bawah kode <b:skin>

* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.Slideshow {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Untuk Caption */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Jumlah Slide (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* tombol di bawah caption */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* Di layar kecil maka ukuran text diperkecil menjadi */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

Kode HTML

Kemudian untuk html bisa diletakkan di tempat yang anda inginkan, yang penting di antara tag body. Ini dia kodenya

<div class="slideshow-container">

<div class="slideshow fade">
  <div class="numbertext">1 / 3</div>
  <img src="pemandangan.jpg" style="width:100%">
  <div class="text">Slide 1</div>
</div>

<div class="slideshow fade">
  <div class="numbertext">2 / 3</div>
  <img src="lautan.jpg" style="width:100%">
  <div class="text">Slide 2</div>
</div>

<div class="slideshow fade">
  <div class="numbertext">3 / 3</div>
  <img src="gunung.jpg" style="width:100%">
  <div class="text">Slide 3</div>
</div>

<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>

</div>
<br>

<div style="text-align:center">
  <span class="dot" onclick="currentSlide(1)"></span>
  <span class="dot" onclick="currentSlide(2)"></span>
  <span class="dot" onclick="currentSlide(3)"></span>
</div>

Yang saya tandai warna orange adalah url gambar. Masukkan url gambar yang ingin Anda tampilkan

Kode Javascript

Dan yang terakhir adalah kode javascriptnya, diletakkan tepat di atas kode </body>. Ini adalah kodenya.

<script>
var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("slideshow");
  var dots = document.getElementsByClassName("dot");
  if (n > slides.length) {slideIndex = 1} 
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
}
</script>

Di atas adalah contoh slideshow yang simpel. Masih banyak lagi slideshow yang lebih keren daripada itu. Ini adalah contoh slideshow yang lebih keren.
membuat slide berita di blog
Untuk membuat slideshow seperti gambar di atas, Anda bisa langsung lihat kodenya di sini.

Demikianlah Artikel tentang cara membuat slideshow di blog dengan javascript keren. Semoga bermanfaat.