Postingan

Menampilkan postingan dari Maret, 2019

Free Download: Template Contact Form Blogger

Gambar
Bosan dengan style contact form yang biasa-biasa saja? Tenang, karena disini saya akan mengulas dan membagikan template contact form blogger secara geratis. Desain contact form ini sangat luar biasa selain elegan salah satu contact form memiliki fitur send email serta social media. Saya yakin satu diantaranya akan cocok dengan style template blog dan selera anda. Lebih menarik lagi template contact form ini didesain khusus untuk platform blogger, mudah untuk digunakan, responsive dan mobile friendly tentunya. Langsung saja kita lihat daftar template contact form blogger yang saya janjikan. Daftar Template Contact Form Blogger Responsive & Modern Design Neumorphic AokPro Simple Green Flex Responsive [ads id="ads1"] Sekarang mari kita simak satu-persatu ulasan tentang template contact form blogger di atas dan demo contact form-nya. Neumorphic Style - Contact Form Blogger Yang pertama adalah Neumorphic contact form blogger merupakan template contact form dengan...
Posting Komentar
Baca selengkapnya

Hyperlink Dan Tombol Chat SMS (Short Message Service)Hyperlink sms atau disebut juga anchor link sms adalah link yang mengarah ke layanan SMS (Short Message Service) ketika di klik. Secara umum hyperlink sms difungsikan untuk membuat pintasan layanan chat sms di halaman web misalnya tombol chat sms Meskipun di era smartphone, sms cenderung jarang digunakan tidak ada salahnya jika membuat layanan chat sms di website / blog dengan menggunakan hyperlink / anchor link khususnya website jual beli dan web penyedia jasa. Karena semakin banyak cara terhubung dengan konsumen semakin besar pula peluang. Format dasar hyperlink sms di html <a href="sms:081261043687">Chat SMS</a> Output: Chat SMS .demo-output{background-color:rgba(155,155,155,0.1);padding:10px;margin:10px 0;border:1px solid rgba(155,155,155,0.3);border-radius:6px;}.demo-output a{font-weight:bold;} [ads id="ads1"] Ketika link sms di klik melalui hp atau smartphone maka link akan langsung menuju ke sms dan menginput nomor tujuan secara otomatis, silahkan di uji coba untuk membuktikan. Lebih dari itu kamu juga bisa menambahkan auto input text message pada link sms dengan menambahkan body message pada link sms dengan format link sms sebagai berikut: <a href="sms:081261043687?&body=Hallo, you can help me to">Chat SMS</a> Output: Chat SMS Dengan demikian teks pada link sms akan di input secara otomatis ke body message atau kotak pesan dan nomor hp pada link sms akan di input ke kolom nomor tujuan. Selanjutnya agar tombol pintasan chat sms terlihat lebih menarik dan menonjol kita dapat menambahkan icon sms dan style pada tombol chat sms, seperti yang saya contohkan dibawah ini: Kode HTML Tombol Chat Via SMS + SVG Icon <button class="chat-sms"> <a href="sms:081261043687?&body=Hallo, you can help me to" title="Chat SMS"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 512 512"> <path d="M464,48H48A16,16,0,0,0,32,64V352a16,16,0,0,0,16,16h80V480h8L248,368H464a16,16,0,0,0,16-16V64A16,16,0,0,0,464,48ZM184,272H144V232h40Zm96,0H240V232h40Zm96,0H336V232h40Z"/> </svg> Chat SMS </a> </button> Kode CSS Tombol Chat SMS <style type="text/css"> button.chat-sms { display: flex; width: 160px; margin: 10px auto; background-color: #3367d6; border: 1px solid #3367d6; border-radius: 4px; } button.chat-sms a svg { width: 40px; height: 40px; padding: 2px; fill: #fff; margin-right: 10px; } button.chat-sms a { padding: 0; display: flex; font-size: 18px; color: #fff; font-weight: bold; align-items: center; } </style> Demo Tombol Chat SMS Chat SMS button.chat-sms{display:flex;width:160px;margin:10px auto;background-color:#3367d6;border:1px solid #3367d6;border-radius:4px;}button.chat-sms a svg{width:40px;height:40px;padding:2px;fill:#fff;margin-right:10px;}button.chat-sms a{padding:0;display:flex;font-size:18px;color:#fff;font-weight:bold;align-items:center;} Nah, keren kan! Sekarang cobalah untuk membuat pintasan atau tombol chat via sms dengan menggunakan hyperlink sms diatas dan kreasikan dengan ide anda sendiri, atau jika ingin menggunakan tombol chat sms di atas maka admin persilahkan dengan segala hormat, tetapi jangan lupa untuk mengganti nomor hp yang ada pada link sms di atas dengan nomor hp anda sendiri.

Gambar
Hyperlink sms atau disebut juga anchor link sms adalah link yang mengarah ke layanan SMS (Short Message Service) ketika di klik. Secara umum hyperlink sms difungsikan untuk membuat pintasan layanan chat sms di halaman web misalnya tombol chat sms Meskipun di era smartphone, sms cenderung jarang digunakan tidak ada salahnya jika membuat layanan chat sms di website / blog dengan menggunakan hyperlink / anchor link khususnya website jual beli dan web penyedia jasa. Karena semakin banyak cara terhubung dengan konsumen semakin besar pula peluang. Format dasar hyperlink sms di html <a href="sms:081261043687">Chat SMS</a> Output: Chat SMS [ads id="ads1"] Ketika link sms di klik melalui hp atau smartphone maka link akan langsung menuju ke sms dan menginput nomor tujuan secara otomatis, silahkan di uji coba untuk membuktikan. Lebih dari itu kamu juga bisa menambahkan auto input text message pada link sms dengan menambahkan body message pada link sms ...
Posting Komentar
Baca selengkapnya

Memasang Iklan Adsense Di Atas Dan Bawah Post Blogger

Gambar
Setelah google menyetujui monetisasi blog anda dengan iklan adsense sekarang waktunya untuk kamu memasang iklan adsense di blog, saya akan memandu kamu melalui artikel ini. Perlu kamu ketahui bahwa kode iklan adsense adsense bisa dipasang di dalam postingan blog anda melalui edit html (html mode). Tetapi masalahnya pemasangan kode iklan adsense seperti itu sangat ribet karena setiap membuat post kamu harus menambahkan kode iklan adsense di dalam postingan anda. Agar pemasangan kode iklan adsense tidak berualang ikuti cara saya memasang kode iklan adsense di blog ini. Langkah 1. Auto Ads (Iklan Otomatis) Pasang kode iklan otomatis atau auto ads di antara tag pembuka <head> dan tag penutup </head> di dalam html template blog anda seperti contoh di bawah ini: <head> <script async='async' data-ad-client='ca-pub-4209467777280582' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/> Other tags and meta </head> [a...
Posting Komentar
Baca selengkapnya

Cara Mengatasi Error Wrapper Pada Input Element Dan Form

Gambar
Apa yang dimaksud dengan error wrapper pada input element dan form? Pada case ini error wrapper yang saya maksud adalah block input element dan form melebihi/menembus hingga keluar dari pembungkus/wrapper. Biasanya error wrapper sering terjadi pada formulir kontak (contact form) dan form lainnya yang mengandung input element dengan style lebar penuh atau full width. Agar mudah dipahami mari kita lihat ilustrasi error wrapper pada elemen <input> dan <form> pada gambar berikut ini: [ads id="ads1"] Sebenarnya error wrapper merupakan masalah sederhana, meski demikian bagi pemula tentu saja ini sangat membingungkan. Maka dari itu disini saya akan menjelaskan secara rinci cara mengatasi error wrapper pada elemen input dan form. Mengatasi Error Wrapper <input> element dan <form> Cara yang paling mudah untuk mengatasi error wrapper adalah dengan menambahkan css box-sizing:border-box; pada elemen input, contoh: html <input class=" input-elem...
Posting Komentar
Baca selengkapnya

Blogger: Cara Mengaktifkan Tombol Daftar / Connect Adsense

Gambar
Pengaturan blog yang keliru dapat menyebabkan tombol untuk mengaitkan / menghubungkan blog ke google adsense tidak aktif atau tidak terlihat di menu $Earnings (Penghasilan). Kasus seperti itu (tombol connect adsense tidak aktif) biasanya sering terjadi pada blogger pemula karena salah setting bahasa blog. Jangan khawatikan itu karena disini saya akan menjelaskan secara rinci mengatasi tombol connect adsense yang tidak muncul di dashboard blogger anda. [ads id="ads1"] Mengaktifkan Tombol Connect Adsense Caranya sangat mudah, cukup ubah bahasa blog agar tombol daftarkan ke adsense aktif, jika kamu adalah blogger pemula ikuti langkah-langkah di bawah ini untuk mengaktifkan tombol daftar (connect adsense). Login ke dashboard blogger anda Klik menu settings Pada bagian blog language Pilih bahas inggris untuk mengaktifkan tombol hubungkan ke adsense Setelah bahasa diganti ke inggris coba periksa di menu $Earnings (Penghasilan) apakah tombol connect adsense untuk mendaftarkan / men...
Posting Komentar
Baca selengkapnya

Buat Website Untuk Produk Anda Dengan Google Sites

Gambar
Google Sites adalah platform untuk membuat website dengan mudah, cepat dan geratis. Google sites sangat cocok untuk meromosikan produk-produk anda secara online maupun dengan iklan digital seperti fb ads, google ads dll. Maka dari itu disini saya akan menjelaskan cara membuat website single product di platform google sites, mulai dari cara membuat, desain dan membuat konten (produk) anda di website google sites. Kenapa Harus Google Sites Berikut ini adalah beberapa kelebihan google sites yang menjadikan platform ini sangat tepat untuk produk anda: [ads id="ads1"] Dari sisi desain dan fleksibilitas Google sites memiliki pilihan template yang sangat cocok untuk mempromosikan multiple product dan single product,event, portpolio, help centre, hingga website untuk project dan masih banyak lagi. Mudah di gunakan, siapa saja bisa membuat website di google sites. Support multi media seperti photo dan video hingga beberapa fitur/widget sebagai berikut (Collapsible text, Table of ...
Posting Komentar
Baca selengkapnya