Cara Mudah Menambahkan Widget Whatsapp pada Blog Pribadi Anda

Senin, 13 Juni 2022

 

Assalamu alaykum rekan-rekan Fathinweb. Semoga kita semua selalu dalam keadaan sehat dan dalam lindungan Tuhan Yang Maha Kuasa.

Kali ini kita akan coba membahas cara menambahkan widget whatsapp pada blog pribadi anda. Widget ini menggunakan fitur dari website whatshelp. Anda bisa langsung ke situs tersebut, namun di sini kita akan coba dengan menuliskan kode html pada bilah widget pada halaman blog  anda. Berikut langkah-langkah yang perlu dilakukan:

1. Setelah login pada akun blogger anda, pilih menu tata letak kemudian klik "+ Tambahkan gadget" pada bilah sidebar

2. Kemudian pilih opsi "HTML/Javascript, kemudian akan muncul jendela konfigurasi HTML/Javascript.

3. Kosongkan bagian Judul, kemudian pada konten ketik kode javascript berikut ini:

<!-- GetButton.io widget -->

<script type="text/javascript">

    (function () {

        var options = {

            whatsapp: "+62812XXXXXX", // WhatsApp number

            call_to_action: "Message us", // Call to action

            button_color: "#FF6550", // Color of button

            position: "right", // Position may be 'right' or 'left'

        };

        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;

        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';

        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };

        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);

    })();

</script>

<!-- /GetButton.io widget -->

4. Pada tulisan berwarna merah ganti dengan nomor whatsapp yang ingin ditautkan. Kemudian pada tulisan berwarna biru ganti dengan kata-kata versi anda sendiri. Pengaturan lainnya:

• Button_color : warna background dari tulisan "messagu us"
• Position (right/left) : posisi widget whatsapp yang ingin anda letakkan.

5. Kemudian setelah semua pengaturan sesuai klik tombol "Simpan". Rekan-rekan bisa mengecek kembali apakah tombol whatsapp pada blog atau situs sudah berfungsi dengan baik.

Berikut penampakannya:

Untuk mencoba aplikasi messenger yang lain rekan-rekan fathinweb dapat langsung ke situs Whatshelp dengan mengklik LINK INI. Semoga bermanfaat dan selamat mencoba.

comments | | Selengkapnya...

KEREN!!! 7 (Tujuh) Langkah Mudah dan Singkat Mengubah Judul Blog dengan Logo Pribadi

Senin, 07 Juni 2021

Assalamu alaykum, rekan-rekan fathinweb, semoga selalu dalam keadaan sehat. Masih dalam masa pandemi covid-19, sangat mungkin rekan-rekan masih aktif di rumah, baik yang bekerja maupun yang bersekolah. Sahabat Fathin akan selalu menemani dengan memberikan informasi yang insya Allah berguna untuk rekan-rekan semua.

Bagi yang memiliki blog, khususnya di blogger, pasti tidak asing dengan dengan logo blog yang membuat blog kita semakin unik. Kali ini sahabat fathin akan membeberkan cara mudah mengubah tulisan judul blog menjadi logo blog yang kita inginkan.

1. Membuat terlebih dahulu logo blog pribadi kita, contohnya ada di bagian atas halaman sahabat fathin.

2. Langkah kedua adalah kita login ke halaman admin blogger kita. Lalu kita masuk ke menu tata letak sehingga muncul seperti gambar berikut ini.

3. Langkah berikutnya. klik "edit" pada kolom header yang terdapat Judul blog kita. Dan akan muncul jendela baru seperti yang tampak berikut ini.

4. Pada menu opsi gambar, pilih "dari komputer anda" dan klik tombol pilih file.

5. Selanjutnya, pada jendela explorer yang muncul, pilih file gambar logo yang sudah anda buat sebelumnya, dan gambar akan otomatis diupload seperti yang tampak pada gambar berikut ini.

6. Ada tiga opsi penempatan yang bisa dipilih, penjelasan opsinya:

A. "Di balik judul dan keterangan" diperuntukan jika logo anda hanya berupa simbol tanpa nama, sehingga judul blog dan deskripsi masih ada di bawah gambar yang kita upload.

B. "Selain judul dan keterangan" jika anda tidak membutuhkan judul dan deskripsi yang lama sehingga yang tampak di header hanya gambar yang di upload.

C. Karena logo blog ini belum ada deskripsi atau keterangannya, maka saya pilih opsi ketiga, yang mana judul tidak akan muncul lagi hanya akan ada keterangan atau deskripsi blog.

7. Kalau sudah yakin klik "Simpan", dan logo sudah terpasang di header blog.

Semoga artikel ini bermanfaat buat rekan-rekan sahabat fathin.

SELAMAT MENCOBA DAN SEMOGA BERHASIL.. Wassalamu alaykum

 

comments | | Selengkapnya...

Cara Mudah Menambahkan/ Melampirkan Video Youtube di Blog

Kamis, 21 Mei 2020

Assalamu alaykum rekan-rekan blog rifqi, alias fathin web... Senang bisa kembali menulis postingan di blog tercinta ini. Semoga rekan-rekan semua selalu diberikan kesehatan selama pandemi Covid-19 saat ini.

Kali ini saya akan membahas cara mudah menambahkan video youtube di postingan atau di sidebar blog kita. Saran saya blog kita bisa dijadikan sarana buat share video youtube dari channel kita sendiri, agar viewer dari channel kita semakin bertambah.. Amiin  

Tampilan channel_rifqi

Nah saya kasih contoh channel youtube saya yakni channel rifqi, penampakan nya seperti gambar di atas. Yang terpenting kita copy dulu link video yang akan kita tambahkan atau kita lampirkan di blog kita. Nah berikut penampakan video yang akan di share. Bagi yang mau nonton Klik di sini ya.. 

1. Cara Pertama

• Dengan mengklik tab "Bagikan" biasanya rekan-rekan akan dibantu google untuk memposting video youtube, dan akan muncul window seperti berikut.

Membagikan video youtube

• 
  Selanjutnya rekan-rekan bisa mengklik opsi blogger, dan akan membuka tab baru blogger.com dengan akun yang sudah login sebelum nya. Kalau belum login sebaiknya login dulu ya. Berikut penampakannya.

Posting otomatis bantuan Youtube ke Blogger

• Untuk langsung publish atau menerbitkan postingan video youtube tersebut, rekan-rekan bisa langsung klik tombol "Terbitkan Entri", atau rekan-rekan bisa menambahkan beberapa kata-kata pujangga atau kata-kata mutiara baik di body postingan atau di Judul agar lebih menarik.

2. Cara Kedua

• Sebenarnya cara kedua adalah cara yang lebih fleksibel karena rekan-rekan bisa menempatkan video tersebut di postingan ataupun di sidebar. Coba perhatikan gambar sebelumnya di atas, pada tab "Edit HTML" rekan-rekan dapat melihat script berikut.

<iframe allowfullscreen="" frameborder="0" height="344" src="https://www.youtube.com/embed/WAisc-S_HrQ" width="459"></iframe>

• Selanjutnya rekan-rekan bisa mengcopy script tersebut dan meletakkan nya pada postingan maupun pada sidebar. Kostumisasi bisa dilakukan pada tinggi (height), lebar (width) ataupun mengganti video hanya dengan mengganti kode video seperti pada tulisan yang berlatar merah di atas.
• Dan selanjutnya video youtube kita siap disaksikan di blog kesayangan masing-masing.

Demikian tutorial singkat dan semoga bermanfaat. Jangan lupa untuk share jika tulisan ini dapat bermanfaat juga bagi yang lain. Kunjungin tutorial lainnya di blog rifqi. Assalamu alaykum warahmatulahi wabarakatuh

comments | | Selengkapnya...

Penghasilan Tambahan dari Situs URL Shortener atau Link Shortener

Senin, 04 November 2013

Assalamu alaykum rekan blog rifqi. Selamat siang. Semoga siang ini kita semua tetap dalam keadaan semangat menjalani aktifitas hingga sore nanti.

Pada kesempatan kali ini, saya akan membahas mengenai "Situs Penyingkat Link" atau sering disebut dengan URL shortener. Situs-situs ini menawarkan kepada para penggunanya suatu fitur untuk mempersingkat link sehingga memudahkan dalam penulisan saat seseorang hendak men-share link tersebut. Dua di antara sekian banyak shortener url sites adalah:

1. Adf.ly ; 
2. Adfoc.us

Kedua situs di atas, selain menawarkan fitur penyingkat link, juga akan membayar pemilik akunnya jika short link tersebut di klik oleh pengguna yang lain. Dengan kata lain, jika suatu link yang sudah di-short oleh kedua situs di atas kita share via blog, media sosial atau yang lainnya, kemudian ada pengguna lain yang melakukan klik pada link tersebut, maka kita akan memperoleh pembayaran.

Pembayaran yang dilakukan oleh kedua situs itu juga berbeda. Jika pada adf.ly, pembayaran yang dilakukan adalah $5 per 10000 klik yang unik, maka untuk adfoc.us, pembayaran yang dilakukan adalah $7 per 1000 klik unik. Pengertian klik unik sendiri adalah, bahwa tiap klik yang dilakukan akan dihitung untuk 1 link dan 1 alamat IP, artinya jika satu link diklik dari alamat IP yang sama beberapa kali, akan dihitung satu klik. Suatu aturan yang cukup fair, untuk menghindari kenakalan dari pengguna shortener link itu sendiri.

Bagi rekan-rekan blogger yang punya banyak link, tidak ada salahnya mencoba mempersingkat link sekaligus mendapatkan penghasilan tambahan. Makin banyak yang klik link yang dishare, makin besar yang didapat. Bagi yang berminat klik aja deh link di atas atau link di bawah ini untuk registrasi. Semoga Bermanfaat..

comments (1) | | Selengkapnya...

Belajar Dasar Bahasa Pemograman HTML

Selasa, 17 September 2013

Assalamu alaykum. Selamat malam rekan-rekan sahabat fathin. Semoga kita selalu dalam keadaan sehat wal afiat dan tidak kurang suatu apa pun. Amiiin...

Bagi rekan-rekan blogger, mungkin tidak asing lagi dengan istilah HTML atau HyperText Markup Language. HTML merupakan suatu bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.

Dan Web Browser sendiri merupakan program yang dapat menterjemahkan bahasa HTML dan menampilkannya dalam sebuah halaman web lengkap sesuai dengan kode-kode pada dokumen HTML. Beberapa web browser yang ada saat ini seperti, Internet Explorer, Mozilla Firefox, Opera, Chrome, Safari, dan lain-lain.

Format Dasar Bahasa HTML

Untuk memulainya, kita akan menggunakan program Notepad untuk menyimpan semua pekerjaan kita nantinya. Format dasar bahasa HTML adalah sebagai berikut:

<html>
<head>
<title>Judul Websiteku</title> 
</head> 
<body> 
Ini adalah bagian dari Halaman HTML pertamaku 
</body> 
</html>

Sekarang silakan salin kode di atas ke dalam dokumen Notepad kemudian simpan dengan nama "Website.htm" dengan save as type-nya "All Files". Untuk menampilkannya, dari web browser, klik open kemudian buka dokumen yang tadi disimpan. 

Elemen HTML

Elemen HTML adalah setiap bagian dari kode html yang terdiri dari tag pembuka, isi, dan tag penutup. Sebagai contoh kode di atas terdiri dari empat elemen, yaitu:

• <html>  </html>
• <head> </head>
• <title> Judul Websiteku</title>
• <body> Ini adalah bagian dari Halam HTML pertamaku </body>

Pada kode di atas, terdapat empat tag, yaitu html, head, title, dan body. Tag penutup ditandai dengan penambahan simbol "/" di depan nama tag.

Fungsi elemen html adalah tempat dari isi keseluruhan dokumen html, sehingga seluruh isi dokumen html selalu berada di antara tag <html> dan </html>. Fungsi dari elemen head adalah sebagai informasi dari dokumen html yang dibuat. Dan fungsi dari elemen body adalah sebagai isi dari dokumen html yang akan ditampilkan dalam halaman web.

Atribut HTML

Atribut HTML merupakan informasi tambahan yang ditambahkan pada elemen html yang berupa format font ataupun teks, gambar, maupun link.

Penutup

Demikian pemamparan dari saya mengenai Dasar Bahasa Pemerograman HTML. Insya Allah saya akan tetap melanjutkan tulisan ini seiring saya juga sedang mendalami bahasa pemrograman ini. Semoga Bermanfaat..

comments | | Selengkapnya...

Situs Situs Penyedia Blog Gratis

Selasa, 10 September 2013

Assalamu alaykum. Selamat malam semua. Semoga rekan-rekan blog rifqi dalam keadaan sehat. Malam ini saya akan membagikan sebuah informasi yang penting terutama bagi rekan-rekan yang ingin memiliki blog.

Banyak situs yang menawarkan sub domain gratis di situs mereka bagi para blogger. Bagi para blogger tentu sudah familiar dengan situs-situs penyedia blog gratis seperti blogger, wordpress maupun blogsome.

Berikut ini adalah beberapa situs penyedia blog gratis lainnya yang mungkin dapat digunakan oleh rekan-rekan blog rifqi yang ingin memiliki blog secara gratis.

1. WIX
Wix adalah sebuah tool online gratis yang memungkinkan rekan-rekan membuat dan menyesuaikan website sesuai selera. Dibangun dengan antarmuka yang kuat dan mudah digunakan, Wix memberikan kemudahan desain web tanpa kemampuan tentang coding atau pemrograman. Banyak template yang bagus dan menarik yang bisa dipilih. Dan selanjutnya bisa disesuaikan dengan keinginan.

2. Webbly
Webbly adalah situs penyedia blog gratis yang menggunakan format widget gaya. Hal ini memungkinkan pengguna untuk membuat halaman dengan hanya beberapa klik, dengan menyeret dan menjatuhkan elemen halaman yang berbeda (gambar, teks, atau konten interaktif, dll) ke halaman dan mengisi dalam konten. Webbly perrnah bersaing dengan Yola (sebelumnya SynthaSite), Lifeyo, Cif2.net, Jimdo, Webs, ucoz, Wix, dan hosting web lainnya dan situs-situs blog builder.

3. Webs
Webs adalah penyedia situs yang tidak memerlukan keterampilan bagi penggunanya. Webs merupakan situs yang dapat dengan mudah digunakan sebagai site builder. Kemampuan dalam menggunakan Microsoft ® Word, memungkinkan rekan-rekan membangun sebuah situs instant dengan Webs. Webs juga menyediakan tampilan mobile buat blog atau situs pengguna dengan Aplikasi Mobile, untuk memudahkan pengunjung mengakses blog rekan-rekan dari sebuah smartphone.

4. Yola
Dengan Yola, sebuah website dapat dibuat dalam waktu singkat tanpa memerlukan sebuah keahlian coding. Jika rekan-rekan dapat mengedit sebuah dokumen, anda dapat membangun sebuah website gratis.

5. Jigsy
Jigsy menyajikan blog pribadi, website bisnis kecil, portal berita, band, hewan peliharaan, seniman, musisi, dll dengan baik, Jigsy memungkinkan pengguananya menciptakan dan memelihara website besar dengan dinamis.

6. Webnode
Webnode memungkinkan pengunjung untuk membuat, merancang, mengembangkan dan menjalankan website kuat dan aplikasi web dari awal sampai akhir. Kemudahan penggunaan dan kecepatan yang ekstrim. Webnode menawarkan jangkauan luas dari fungsi untuk setiap website builder on-line. Tidak perlu untuk men-download atau menginstal apapun.

7. Jimdo
Rekan-rekan dapat memulai sebuah bisnis online, menulis blog, mengirim newsletter, tweets, embed video YouTube, menghubungkan Facebook Page, dan menanamkan hampir semua jenis widget dengan menggunakan situs ini.

Nah itu adalah beberapa situs penyedia blog gratis dari sekian banyak penyedia. Tidak ada salah nya bagi rekan-rekan yang berniat memiliki sebuah blog untuk mencoba salah satunya. Dan tidak lupa pula blogger ataupun wordpress juga bisa dijadikan rekomendasi. Semoga bermanfaat.

comments | | Selengkapnya...