Funkysst.com: Tips Dan Triks
Showing posts with label Tips Dan Triks. Show all posts
Showing posts with label Tips Dan Triks. Show all posts

Thursday, October 18, 2018

Mencoba menurunkan berat badan? Minum lebih banyak air

Lupakan tengkel -- pahit frustasi diet lagi bersihkan. Sebuah mencari ilmu perdana memperlihatkan bahwa perlindungan kemerosotan beban fisik nan sehat terhidang melantas dari wastafel jingkir Kamu.Minum
dobel kaca uap 8 ons sebelum konsumsi, meranggu tengah musim, lalu pesiar sore
seraya mengecilkan jatah cakap menopang membongkar melabuhkan bobot jasmani maka
mempertahankannya setidaknya semasih setahun, menuruti ikut eksplorasi nan
dipresentasikan musim ini atas pertemuan tahunan American Chemical Society
, berisi Boston."Sebagai
belahan dari diet demosi sukatan sarira nan arif lagi nista
kalori, menyubsidi minuman angsal mendukung keberhasilan penyusutan pengurangan degradasi bobot
awak," tutur Brenda Davy, Ph.D., prosais terbaik mencari ilmu ini beserta seorang
mahaguru nutrisi dekat Virginia Tech
, dekat Blacksburg.Health.com: Adat berair mendaratkan meletakkan muatan jisimAhli
diet sudah sudah tempo merekomendasikan reguk larutan bersih selaku sistem bakal
menaruh muatan jasad, tetapi tipis penyelidikan suah dilakukan mengikuti
mengkonfirmasi kebijakan populer ini, sabda jauhari. 



">


">Meski seni, studi Davy ialah observasi terkontrol serampangan mula-mula
bakal menyelia harga "preloading" demi cecair sebelum santap -- angin berjalan-jalan.
Penelitian
tercantum menyangkut-nyangkutkan 48 lelaki lewat perempuan lewat ukuran raga bersisa ataupun
adipositas rumpang baya 55 lagi 75 warsa nan melalukan diet lembut kalori
(1.200 kalori setiap yaum bakal perempuan lagi 1.500 kalori masing-masing musim bagi
maskulin).
Setengah dari manusia diinstruksikan menjelang meneguk 16 ons larutan - kuantitas itu berkualitas sebotol alit indra penglihat cairan - sebelum meranggu.Setelah tiga candra, anggota nan teguk larutan sudah pernah putus pertengahan
sekeliling 15,5 pon, dibandingkan serupa belaka 11 pound ala geng
dominasi, menurut eksplorasi tercantum, rakitan prima nan diterbitkan
permulaan warsa ini atas buku harian Obesity.
Health.com: 25 Incaran penghilang diet tan- pernah saudara pesiarDan demosi beban sarira nyata menetap, statistik gres mengekspos. Setelah
setahun asak dengan rejimen nan selaras, peminum larutan sudah pernah mengalami
penyusutan pengurangan degradasi pukul rata 1,5 kilogram, senyampang mereka nan tiada memuat
tirta sebelum merakus mewujudkan seputar 2 kilogram, cerita Davy.
(Berbeda dengan data nan dipublikasikan dalam Obesity, temuan nan
dipresentasikan yaum ini belum selengkapnya diperiksa sama juru beda pada
dataran, serupa nan dipersyaratkan sama mayoritas buku harian medis.)
Davy lagi rekan-rekannya tiada serius apa sebab ayap larutan bersih sebelum
santap -- angin berjalan-jalan merangsang demosi bobot sarira, tetapi dasar utamanya ialah
menyokong memasukkan alat pencernaan Sampeyan, melancarkan Kamu terbatas lapar pula condong
tiada pesiar lewat batas.
Selain itu, teguk bertambah belacak cairan becus mengarang Dikau ogah mereguk menenggak abu kalium hidroksida maka minuman berkalori kalori lainnya. (Studi ini sekadar mencakup larutan gaib, bukan barang tambang, bahan, ataupun tirta
zat makanan.) Makin rutinitas teguk uap bersih sebelum bertamasya agak-agak
menyandang impak profitabel produktif akibat ini merupakan pengingat bahwa Dikau
menyedang menaruh beban jasmani, pendapat penyelidik.

Minum bertambah berjibun minuman yakni kaidah berisiko perlahan bagi membongkar melabuhkan
sukatan jasmani bersisa, terpenting andaikata dibutuhkan kalori jelang lainnya, bicara
Stephen Cook, M.D., seorang jempolan kegemukan dekat University of Rochester
Medical Center, dekat N.Y.
"Ini
merupakan kaidah murah akan merombak menggilir kalori terkandung, beserta lamun sekaliannya
kesejajaran, itu akan melambatkan kepesatan beban tubuh Saudara ataupun
membalikkannya," sabda Cook, nan tidak terbabit dalam penelitian mutakhir
ini.

">"Ini yakni melenceng se- kejadian teraman nan becus awak rekomendasikan menjumpai menyantuni karakter menaruh ukuran sarira."
Davy
mencetuskan bahwa keturunan Adam nan menyedang menaruh timbangan badan wajib
membagul botol uap kandungan kembali kepada bergerak dengan reguk darinya sejauh
yaum.

">"Dan usahakan minum rangkap kaca cecair 20 menit sebelum makan unggul," katanya.
Health.com: Berapa meluap uap nan sungguh-sungguh Situ butuhkan?Sementara hajat hidrasi setiap sosok berparak, Institute of
Medicine mencadangkan mudah-mudahan pria selanjutnya perempuan menyedang mengkonsumsi sekeliling
3,7 lalu 2,7 liter cairan setiap hari, termaktub uap nan ditemukan pada
makanan dan minuman lainnya.
American Chemical Society merupakan lembaga ahli nirlaba kepada ilmuwan nan disewa sama Konferensi pada tarikh 1937.

Sunday, January 28, 2018

Top 10 Killer Tips untuk Meningkatkan Page Rank

Page rank didasarkan pada algoritma yang menentukan seberapa dekat link Anda adalah untuk query yang dimasukkan ke dalam mesin pencari seperti Google. Yang lebih penting link Anda terbukti, semakin tinggi akan peringkat pada halaman hasil pencarian. Hasilnya adalah bahwa lalu lintas web meningkat menjadi link yang peringkat di atau dekat bagian atas.

Bagaimana Page Rank Dihitung?

Perhitungan yang digunakan oleh algoritma yang menentukan peringkat halaman meliputi jumlah link yang terhubung ke situs Anda. Itu termasuk masuk, internal, eksternal, lakukan-mengikuti, dan tidak ada-mengikuti link bersama dengan backlink. Untuk meningkatkan lalu lintas web Anda, Anda perlu meningkatkan page rank sehingga menarik lebih banyak orang yang cenderung membeli produk atau jasa yang Anda tawarkan.

Berikut adalah 10 cara pembunuh untuk meningkatkan peringkat halaman sehingga lebih banyak orang akan mulai mengunjungi website Anda.

Cara Meningkatkan Page Rank?


meningkatkan page rank

Kirimkan Situs ke Web Direktori

Sebuah cara sederhana, namun sangat efektif untuk meningkatkan lalu lintas web adalah menambahkan lebih backlink berkualitas tinggi . Hal ini dapat dilakukan hanya dengan mengirimkan konten ke dihormati web atau artikel direktori. Mereka menyediakan cara yang bagus untuk lebih banyak orang untuk melihat konten Anda. Beberapa direktori yang baik adalah sebagai berikut:
Dengan mencari artikel yang tepat dan direktori web, Anda dapat dengan cepat meningkatkan peringkat halaman Anda untuk konten Anda.

posting secara teratur

Google seperti situs yang posting secara teratur, sehingga mengatur jadwal di mana Anda memiliki baru, konten segar untuk situs Anda secara harian atau mingguan. Pastikan untuk posting di hari yang sama atau hari setiap minggu yang akan membantu meningkatkan peringkat Anda secara keseluruhan.

Meningkatkan Konten

Jika konten ditulis dengan baik, informatif, dan unik, ini akan membantu meningkatkan kemungkinan bahwa pembaca akan berbagi dengan orang lain. Semakin baik konten yang disajikan, semakin besar kemungkinan itu adalah untuk dibagikan dan yang akan meningkatkan peringkat halaman.

Link Exchange

Ini adalah teknik terkenal, tetapi masih bekerja. Untuk mendapatkan peringkat halaman yang lebih tinggi, Anda akan perlu untuk mendapatkan situs lain yang peringkat lebih tinggi untuk link ke situs Anda. Oleh karena itu, Anda secara otomatis akan memiliki link yang baik yang akan membantu meningkatkan peringkat konten Anda. Ini berarti bahwa Anda akan perlu untuk menarik mereka dengan situs yang lebih tinggi peringkat setuju untuk berbagi link mereka dengan Anda.

Posting di Situs Lain

Ini juga disebut tamu posting, itu adalah teknik lain mencoba-dan-benar yang membantu Anda meningkatkan peringkat halaman. Cari blog yang memungkinkan bagi para tamu untuk posting sehingga Anda dapat menerima dua atau tiga backlink imbalan atas apa yang telah Anda kirimkan. Kuncinya adalah untuk posting di blog yang berada di industri Anda atau niche sehingga Anda dapat menarik pembaca ke situs Anda.

Tambahkan Komentar ke Situs Lain

Selain artikel postingan, Anda juga harus mengomentari secara teratur pada artikel yang diposting di situs lain. Anda akan perlu untuk mengatur jadwal sehingga Anda dapat mengomentari secara konsisten pada posting yang di niche Anda atau industri. Semakin Anda posting, semakin aktif Anda dalam komunitas yang berarti bahwa lebih situs Anda akan tumbuh di status. Sementara sebagian besar situs saat ini memiliki Disqus diinstal yang berarti bahwa link ke situs Anda secara otomatis diposting, yang lain masih menggunakan Do-Follow yang berarti Anda akan perlu untuk memasukkan link.

meningkatkan Uptime

Pastikan bahwa Anda memilih web host yang menawarkan 99,9% uptime sehingga website Anda tersedia untuk siapa saja yang ingin mengunjungi. downtime panjang dapat secara signifikan dipotong menjadi lalu lintas web Anda, jadi pastikan untuk memilih operator yang handal dan memberikan jaminan tentang uptime.

Bookmark sosial

Jaringan sosial adalah cara yang bagus untuk membantu meningkatkan visibilitas konten Anda dan meningkatkan peringkat halaman juga. Dengan berbagi konten Anda pada situs sosial terbaik, Anda akan mendapatkan lebih banyak berkat lalu lintas ke backlink gratis. Tentu, Anda akan ingin memilih situs yang cukup populer seperti berikut;
  • Facebook
  • Google Plus
  • pinterest
  • reddit
  • Tersandung
  • Digg
  • Lezat
Dengan berbagi dengan situs media sosial yang baik, Anda dapat meningkatkan peringkat halaman jauh. Plus, ia akan bekerja untuk Anda dari waktu ke waktu untuk membantu meningkatkan situs Anda. Plus, pastikan untuk aktif di situs media sosial Anda dengan menanggapi pertanyaan sehingga pelanggan potensial akan tetap dekat dengan usaha Anda.

beberapa Halaman

Ini adalah teknik lama, tapi berguna lain yang dapat meningkatkan peringkat halaman Anda berkat menghubungkan internal. Pada dasarnya, Anda akan perlu beberapa halaman yang menghubungkan bersama-sama untuk artikel atau konten yang mirip di alam. Dibutuhkan sedikit bekerja, tapi itu layak untuk melihat hasil dari waktu ke waktu.

Kata kunci penelitian Populer

Fokus pada kata kunci yang paling umum yang berarti menggunakan kata-kata yang orang yang paling mungkin untuk digunakan sebagai query di situs mesin pencari. Dengan menggunakan kata kunci yang paling sering dicari, Anda dapat membantu meningkatkan peringkat halaman Anda secara signifikan dari waktu ke waktu. Ini berarti memiliki lebih banyak pengunjung dan hasil yang lebih baik ketika datang ke penjualan Anda.

Selain sepuluh cara ini terbukti untuk meningkatkan page rank, Anda juga harus mempertimbangkan kekuatan iklan. Dengan membuat banner sederhana dan iklan dengan itu di situs lain, Anda dapat menghasilkan banyak backlink yang baik yang pada gilirannya menciptakan lebih banyak lalu lintas untuk halaman Anda. Perlu diingat bahwa Anda harus aktif setiap hari ketika datang ke blog dan forum yang ada di niche Anda juga.

Trik kecil lain adalah dengan menambahkan link ke tanda tangan Anda di forum dan email, meskipun Anda akan ingin menghindari taktik ilegal yang akan menempatkan website Anda ke dalam kesulitan. Dengan menggunakan teknik yang tepat, Anda dapat meningkatkan peringkat halaman alami yang membangun untuk kesuksesan jangka panjang Anda. Setelah semua, tujuan Anda adalah untuk menjadi sukses dengan meningkatkan peringkat konten Anda. Jadi, Anda harus dimasukkan ke dalam waktu dan usaha untuk melakukan hal-hal yang tepat untuk berhasil.

metode yang Anda gunakan untuk meningkatkan page rank? Berbagi dengan kami di komentar di bawah ini.

7 Cara Menghasilkan Uang dari Blogging pada tahun 2018

Kita semua pernah mendengar cerita-cerita dari seseorang yang memulai sebuah blog kecil satu hari dan sepuluh tahun kemudian mereka sudah menyerah pekerjaan mereka karena blog mereka menggambar di begitu banyak uang untuk mereka mereka bahkan tidak perlu keluar dari tempat tidur di pagi hari. Lucunya, dengan banyak kerja keras dan waktu yang dihabiskan untuk mendapatkan blog Anda dan berjalan, Anda benar-benar dapat membuat sepeser pun cukup keluar itu. Jadi, jika Anda tertarik untuk belajar bagaimana membuat uang blogging kemudian membaca, saya akan memperingatkan Anda sekarang meskipun, Anda akan harus didedikasikan serius untuk mendapatkan berjalan ini!

Make Money Online Blogging

Menjual produk digital

Sebuah cara yang sangat sederhana untuk membuat uang online adalah untuk menjual sesuatu secara online. Apakah Anda sedang melihat menjual barang digital atau yang fisik, Anda harus berpikir cermat tentang di mana keterampilan Anda dan kekuatan berbohong. Menyiapkan sebuah blog yang diarahkan menjual barang Anda mungkin tampak seperti ide bagus tetapi lebih baik untuk membuat blog dan menambahkan link aneh untuk pekerjaan lain yang Anda lakukan. Orang membaca blog untuk cerita dan informasi, barang tidak untuk dijual kiri, kanan dan tengah, sehingga ingatlah ini ketika Anda mulai keluar pada perjalanan blogging.

Beberapa barang digital biasa dijual meliputi: 
  • eBook 
  • Audiobooks
  • Pictures & Videos
  • musik digital
  • Program perangkat lunak
  • tema situs

Menjual produk fisik

Hal besar lainnya untuk diingat adalah bahwa mengetahui audiens Anda akan membuat semua perbedaan ketika Anda menjual barang secara online. Menjalankan sebuah blog tentang mobil dan motorsport dan mencoba untuk menjual bunga kertas buatan sendiri tidak akan bercampur. Jika karangan bunga kertas gairah Anda dan Anda tahu mereka cukup baik untuk menjual, maka hal terbaik untuk itu adalah untuk membuat sebuah blog sekunder yang berfokus pada sesuatu yang lebih sesuai dengan apa yang Anda jual. Ingat meskipun, tidak mendorong penjualan dari bisa pergi. Jika orang-orang merasa seperti mereka dijual ke, mereka tidak akan tertarik. Jika barang-barang Anda hanya mendukung apa yang Anda katakan di blog Anda maka Anda akan menemukan lebih banyak pertanyaan terbang jalan!

Beberapa barang fisik yang dapat Anda jual:
  • Pakaian
  • Perhiasan
  • barang Handmade
  • Peralatan Rumah tangga
  • Elektronik

Jual Periklanan ruang

Sebuah cara yang sangat umum untuk membuat uang dari blog adalah untuk menjual iklan. Semakin banyak lalu lintas Anda telah mengalir melalui halaman Anda, semakin besar kemungkinan Anda untuk menarik agen periklanan dan ini bisa menjadi cara yang sangat cepat untuk membuat sedikit uang ekstra. Jika Anda menemukan cara lain untuk membuat uang melalui blog Anda maka Anda mungkin ingin untuk berpikir tentang menggunakan ruang iklan untuk keuntungan Anda sendiri dengan iklan produk Anda sendiri! Mengambil orang dari blog Anda ke halaman penjualan Anda hanya akan menghasilkan sedikit usaha ekstra untuk penjualan Anda. Tentu, situs iklan orang lain mungkin membawa uang tunai di titik penjualan tapi akan Anda membuat uang ekstra dari penjualan barang Anda sendiri? Hanya sesuatu yang perlu dipertimbangkan!

Jual kursus online dan eBook

Jika Anda benar-benar merasa percaya diri dalam topik blog Anda maka Anda mungkin ingin mempertimbangkan untuk melakukan beberapa bentuk dokumentasi pendidikan. Apakah Anda melakukan beberapa kursus online atau menulis sebuah ebook, jika pengikut Anda benar-benar menghormati keahlian Anda di bidang yang sedang Anda bicarakan maka mereka akan berbondong-bondong untuk apa yang Anda tawarkan. Jelas, produk terbaik untuk menjual akan bervariasi secara besar-besaran tergantung pada jenis blog Anda jalankan. blog faktual akan bekerja dengan baik dengan eBook, blog gaya hidup mungkin menawarkan beberapa orang untuk satu sesi pelatihan dan kursus online mungkin terbaik bagi mereka yang berpikir tentang perubahan pemandangan di tempat kerja. Jika ragu, meminta pembaca Anda apa yang mereka sukai dan apakah mereka akan tertarik! Tidak ada umpan balik yang lebih baik daripada orang-orang Anda sudah menulis untuk.

lepas

Jika Anda membaca semua tips ini dan berpikir 'itu tidak berlaku untuk saya' kemudian khawatir tidak, Anda tidak sendirian! Kami semua punya wilayah kita sendiri keahlian dan sangat sering, pekerjaan yang Anda lakukan untuk karir Anda dapat membuat Anda beberapa uang tambahan di rumah. Apakah Anda berasal dari latar belakang keuangan, desain web atau pembukuan, mereka semua keterampilan yang sangat dicari untuk banyak orang. Hal yang besar tentang iklan keterampilan ini di blog Anda adalah Anda lebih mungkin untuk mengambil pekerjaan yang secara langsung sesuai dengan minat Anda. Sakit membuat up iklan untuk bisnis besar dan mewah membantu keluar dealer lokal? Nah blog Anda bisa menjadi tempat yang sempurna untuk mendapatkan bisnis seperti berjalan itu. Sebelum Anda menyadarinya, Anda bisa menjadi freelancer menjalankan bisnis Anda sendiri!

Berikut adalah beberapa ide:
  • menulis lepas
  • Data Entry
  • Virtual asisten kerja
  • Pengembangan web
  • Pemasaran

afiliasi pemasaran

Jika semuanya gagal maka selalu ada kesempatan untuk menjual orang lain baik melalui blog Anda. Ini tidak selalu termasuk aktif menjual barang-barang mereka di bahwa Anda tidak harus berurusan dengan ongkos kirim dan kemasan meskipun! Afiliasi pemasaran adalah cara yang mengagumkan untuk membuat uang dari blogging jika Anda pintar tentang bagaimana Anda pergi tentang itu. Memilih afiliasi Anda bijaksana dan pergi untuk produk yang benar-benar akan memegang kepentingan pembaca Anda, plug sederhana tentang produk di akhir posting mungkin semua yang diperlukan. Anda mungkin memilih untuk pergi sedikit lebih mendalam dan fokus seluruh posting pada satu produk meskipun hal ini tergantung pada jenis blog Anda menjalankan! Make-up dan fashion blog melakukan jauh lebih baik di semacam ini penjualan (dan mereka sering mendapatkan hadiah gratis dari itu sebagai bonus tambahan!)

keanggotaan situs

Akhirnya, menawarkan keanggotaan untuk blog Anda akan memungkinkan orang untuk memeriksa konten tambahan pada blog Anda. Ini adalah cara yang bagus untuk membuat uang ketika Anda seorang blog mapan sebagai dasarnya Anda menawarkan bonus kepada orang-orang yang membayar untuk itu sementara masih menjaga dengan info dasar bagi orang-orang yang telah mengikuti Anda dari awal.

Jika Anda berpikir tentang memulai sebuah situs keanggotaan tetapi tidak tahu apa yang harus dilakukan, berikut adalah beberapa ide:
  • Menawarkan download eksklusif setiap bulan melalui email (yaitu aplikasi, grafis, resep dll)
  • video pendidikan eksklusif, posting blog, webinar, atau kursus
  • panduan download atau buku 
  • Menawarkan Ahli saran
Menghasilkan uang melalui blog Anda adalah bonus kecil besar di akhir bulan, namun jika Anda benar-benar serius tentang hal itu maka Anda harus bekerja keras dan didedikasikan untuk penyebabnya. Sebuah blog sporadis yang tidak memiliki fokus jauh lebih kecil kemungkinannya untuk membawa Anda setiap uang ekstra di dibandingkan dengan seseorang yang tidak blog mingguan dan memiliki tema tertentu pada malam yang berbeda. Jika Anda berniat untuk membuat uang dari blog Anda maka Anda terbaik adalah untuk duduk, memberikan yang baik sulit berpikir untuk jenis blog yang Anda jalankan dan apa barang yang Anda dapat menawarkan bersama-sama dengan ini. Setelah Anda menetap di, perlu diingat bahwa membuat uang serius besar dari blog Anda 
berarti Anda harus di dalamnya untuk jangka panjang.

TERIMA KASIH.

Thursday, January 25, 2018

Jahe Merah dan 5 Manfaatnya Untuk Kesehtan Tubuh

jahe merah yang memiliki ukuran kecil dengan balutan kulit berwarna merah dan menyimpan serat lebih banyak dibanding jahe biasa. Jahe merah mudah tumbuh di tempat yang terbuka ataupun tempat yang agak ternaung, seperti pekarangan dan kebun. Selain itu juga bisa tumbuh di tanah kering atau gembur, dengan ketinggian mencapai 900 meter diatas permukaan laut. Dalam penggunaannya sebagai obat, jahe merah sering dikombinasikan dengan tanaman herbal lainnya. Jahe merah memiliki manfaat yang lebih besar dibanding jenis jahe lainnya. Berikut ini adalah manfaat dan khasiat jahe merah untuk kesehatan tubuh:



1. Menurunkan Berat Badan

Jahe berfungsi untuk melebarkan pembuluh darah dan menjadikannya sebagai panas tubuh. Jahe mengandung sedikit kalori yang tidak akan menyebabkan berat badan naik meskipun dikonsumsi terus menerus.

2. Menjaga Kondisi Jantung

Jika tubuh kebanyakan menyimpan kolesterol dan minyak, dimana minyak tersebut terdiri dari susunan lemak hewani dan nabati maka bisa meningkatkan resiko terkena penyakit jantung. Kandungan pada jahe bisa berperan sebagai penurun kadar trigliserida dan kolesterol yang berlebih di dalam tubuh.

3. Mengatasi Mabuk Perjalanan

Minum wedang jahe sebelum berkendaraan jauh bisa mencegah mabuk perjalanan, karena jahe bersifat anti mual. Selain itu bisa dijadikan bekal diperjalanan untuk menghangatkan badan.

4. Mengatasi Gangguan Pencernaan

Sistem pencernaan yang terganggu seperti rasa sakit dan kram yang muncul menjelang haid bisa diatasi dengan minum air jahe secara rutin.

SEKAIN TERIMA KASIH.

Wednesday, January 24, 2018

5 Widget Formulir Kontak Blogger Kustom Terbaik

Di masa lalu, menambahkan formulir kontak kustom untuk Blogger cukup proses yang kompleks, dan banyak blogger terpaksa menggunakan situs web pihak ketiga. Namun, bahkan setelah Blogger meluncurkan sendiri formulir kontak gadget , itu masih dianggap sebagai sangat tidak memadai. Hal ini karena gadget resmi hanya akan diimplementasikan pada footer sidebar. Kebanyakan blogger lebih suka memiliki formulir kontak blogger terpisah ditempatkan pada halaman sendiri untuk membuat blog mereka muncul diatur dengan baik dan lebih profesional juga.

Memiliki baik meletakkan-out formulir kontak Blogger sangat penting. Ini adalah alat yang pengunjung, perusahaan, dan merek dapat digunakan untuk menghubungi Anda dan itu hanya fitur harus dimiliki untuk setiap blogger. Jika Anda tidak nyaman dengan berbagi alamat email utama Anda langsung di blog Anda, maka kebiasaan Blogger formulir kontak menawarkan cara yang efektif di mana orang dapat dengan mudah mencapai Anda.
5 Terbaik Kustom Blogger Kontak Form Widget

Mengapa Anda harus menggunakan Blogger Kontak Form?

Jika Anda masih terjebak pada penyedia pihak ketiga, Anda pasti harus mempertimbangkan untuk beralih ke bentuk kontak khusus resmi untuk Blogger karena memiliki berbagai manfaat yang unik, seperti:
  • Pesan dikirim segera - Sebagai administrator blog, Anda akan menerima pesan langsung klik pengunjung kirim.
  • Reliable - Ini adalah bentuk resmi yang dikembangkan oleh Blogger, yang membuat cara yang lebih dapat dipercaya dan diandalkan untuk memulai kontak dibandingkan dengan menggunakan layanan pihak ketiga.
  • Pertanyaan - Bentuk kontak menawarkan platform bagi pengunjung Anda untuk mengajukan pertanyaan spesifik yang mereka mungkin memiliki mengenai blog yang Anda tulis atau bisnis Anda secara umum. Hal ini dapat menjadi cara yang sangat baik menangkap lead dan bahkan menyebabkan konversi jika Anda menjual produk atau jasa tertentu.
  • Feedback - Pengunjung dapat dengan mudah berkomentar di blog Anda dengan meninggalkan umpan balik melalui formulir kontak Anda. Umpan balik ini dapat membantu Anda menentukan pos yang harus dilakukan selanjutnya atau apa daerah ke alamat yang didasarkan pada komentar pengunjung.
  • Informasi atau permintaan layanan - Bagi mereka yang menggunakan blog sebagai cara pemasaran suatu produk atau jasa, klien potensial dapat menggunakan formulir kontak kustom untuk Blogger untuk menjangkau dan meminta informasi tambahan.

Bagaimana Tambahkan Blogger Kontak Form Gadget

Sebelum menambahkan kustom Blogger formulir kontak ke halaman statis, kita perlu menambahkan formulir kontak standar di sidebar blog untuk membuatnya fungsional:

1. Masuk ke dashboard Blogger Anda dan pergi ke "Layout"> klik pada "Tambah gadget" link di wilayah elemen halaman.

2. Pilih "Lebih Gadget" di bawah tab "Dasar-dasar" dan klik tombol "+" untuk menambahkan Formulir Kontak Gadget.

formulir kontak blogger

Menyembunyikan Blogger Contact Form dari Sidebar

Setelah formulir kontak telah ditambahkan, langkah berikutnya adalah untuk menyembunyikannya sehingga akan muncul hanya di halaman statis.

1. Pergi ke "Template" dan tekan tombol "Edit HTML". Setelah kode editor terbuka, klik mana saja di dalam kode area dan tekan tombol CTRL + F (atau Command + F untuk mac) untuk membuka kotak pencarian.

2. Ketik atau tempel tag berikut di dalam kotak pencarian dan tekan Enter untuk menemukannya:
]]> </ B: skin>
3. Tepat di atas]]> </ b: skin> tag, menambahkan kode CSS ini:
# ContactForm1 {display: none! Important;}
4. Klik "Simpan template" tombol di sisi kiri atas dan melihat blog Anda. Formulir kontak widget harus pergi.

Menambahkan Kustom Blogger Contact Form di Halaman Statis

Akhirnya, sekarang kita memungkinkan fungsionalitas dari formulir kontak, mari kita tambahkan bentuk kontak khusus di blog Blogger kami ...

1. Pergi ke "Pages" dan klik tombol "halaman baru". Jika Anda sudah memiliki Contact halaman kami, cukup klik link "Edit" di bawah judul halaman.

2. Setelah Page editor akan terbuka, mengisi judul halaman dengan Hubungi / Contact Us atau gelar apapun yang ingin Anda tampilkan. Hal ini direkomendasikan melakukan hal ini sebelum sesuatu untuk membuat permalink SEO friendly.

3. Klik pada tab HTML karena ada kita akan menambahkan kode untuk membuat kustom Blogger formulir kontak kerja. Di situs yang tepat, mengubah pengaturan Halaman untuk menyembunyikan ( "Jangan biarkan" atau "Jangan biarkan, hide ada") komentar pembaca, maka klik "Selesai" tombol:

kontak halaman statis

4. Berikut adalah 5 kustom bentuk gaya Blogger kontak. Memilih favorit Anda dan salin kode yang disediakan, kemudian paste kode di dalam kotak HTML editor halaman Anda:


Form Kontak sederhana

kustom formulir kontak blogger

<Style type = "text / css">
.contact-bentuk-widget {margin-left: auto; margin-right: auto; width: 600px; max-width: 100%; padding: 40px 0} .contactf-nama, .contactf-email {float: left; width : 48.25%} contactf-nama {margin-right:. 3,5%} kontak-bentuk-nama, .contact-bentuk-email, .contact-bentuk-email-pesan, .contact-bentuk-nama:. hover, .contact -form-nama: fokus, .contact-bentuk-email: hover, .contact-bentuk-email: fokus, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: fokus {width: 100 %; max-width: 100%; margin: 0 0 20px; padding: 10px 15px; font-size: 12px; letter-spacing: 1px; color: # 444; background: # F3F3F3; border: menengah none; -webkit- box-shadow: none; -moz-box-shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email {height: 37px} .contact-bentuk-email-pesan {height: 170px} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {width: 13%; height: 30px; font yang: 12px yang normal Arial; letter-spacing: 1px; color: # 444;display: block; outline: none; margin-bottom: 20px; text-align: center; background: # E6E6E6; border: 0; cursor: pointer} .contact-bentuk-tombol-menyerahkan: aktif {outline: none; -webkit -box-shadow: none; box-shadow: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding: 0 penting; height:!! 11px penting; width: 11px !penting;}
</ Style>

<Div class = "widget ContactForm" id = "ContactForm22"> <div class = "kontak-bentuk-widget"> <div class = "bentuk"> <form name = "kontak-bentuk"> <div class = "contactf -name "> <input class =" kontak-bentuk-nama" id = "ContactForm1_contact-bentuk-nama" name = "nama" size = "30" type = "text" value = "NAME" onblur = 'jika (ini .value == "") {this.value = "NAME";}' onfocus = 'jika (this.value == "NAME") {this.value = "";}'/> </ div> <div class = "contactf-email"> <input class = "kontak-bentuk-email" id = "ContactForm1_contact-form-email" name = "email" size = "30" type = "text" value = "eMAIL" onblur = 'jika ini.Nilai == "") {this.value = "EMAIL";}' onfocus = 'jika (this.value == "EMAIL") {this.value = "";}'/> </ div> <div style = "clear: both"> </ div> <div class = "contactf-pesan"> <class textarea = "kontak-bentuk-email-pesan" cols = "25" id = "ContactForm1_contact-bentuk-email-pesan" name = "email-pesan" baris = "5" value = "mESSAGE" onblur = 'jika (this.value == "") {this.value = "mESSAGE";}' onfocus = 'jika (this.value = = "PESAN") {this.value = "";} '> </ textarea> </ div> <input class = "kontak-bentuk-tombol kontak-bentuk-tombol-submit" id = "ContactForm1_contact-bentuk kirimkan "type =" button" value = "KIRIM"/> <div class = "kontak-bentuk-error-pesan" id = "ContactForm1_contact-bentuk-error-message"> </ div> <div class = "kontak-bentuk-sukses-pesan" id = "ContactForm1_contact-bentuk-keberhasilan- pesan "> </ div> </ form> </ div> </ div> </ div>

formulir kontak dengan CSS pelangi pembagi

formulir kontak berwarna-warni untuk Blogger

<Style type = "text / css">
.contact-bentuk-widget {margin-left: auto; margin-right: auto; width: 600px; max-width: 100%; padding: 0} hr {position: relative; height: .75em; border: 0; melimpah : hidden; margin: 0} hr: sebelum {content: ""; display: block; position: absolute; top: 0; left: 0; height: .75em; width: 5.1em; background: # C4DD83; box-shadow : 5em 0 0 0 # F4FCC9,10em 0 0 0 # FDCD78,15em 0 0 0 # ED786F, 20em 0 0 0 # D99DBF, 25em 0 0 0 # C39EDC, 30em 0 0 0 # 679DE2,35em 0 0 0 # 62C2E3, 40em 0 0 0 # F4FCC9,45em 0 0 0 # FDCD78,50em 0 0 0 # ED786F, 55em 0 0 0 # D99DBF, 60em 0 0 0 # C39EDC} .contactf-nama, .contactf-email {float: left; width : 49,25%} contactf-nama {margin-right:. 1,5%} kontak-bentuk-nama, .contact-bentuk-email, .contact-bentuk-email-pesan, .contact-bentuk-nama:. hover, .contact -form-nama: fokus, .contact-bentuk-email: hover, .contact-bentuk-email: fokus, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: fokus {width: 100 %;max-width: 100%; margin: 25px 0 0; padding: 10px; font-size: 15px; color: # ccc; border-color: # E8E8E8; border-width: 2px 2px 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan {height: 100px} .contact -form-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {margin-top: 25px; width: 100%; height: 40px; font-size: 15px; color: # fff; text-align: center; text-shadow: 0 1px 2px RGBA (0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow : inset 0 -2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact-bentuk-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow : none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding:!! 0 penting; height: 11px penting; width: 11px penting;}!100%; margin: 25px 0 0; padding: 10px; font-size: 15px; color: # ccc; border-color: # E8E8E8; border-width: 2px 2px 4px; -webkit-box-shadow: none; -moz -box-shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol -submit, .contact-bentuk-tombol-menyerahkan: hover {margin-top: 25px; width: 100%; height: 40px; font-size: 15px; color: # fff; text-align: center; text-shadow: 0 1px 2px RGBA (0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow: inset 0 - 2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact-bentuk-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none}. kontak-bentuk-lintas {border: sedang tidak penting; box-shadow:!!! tidak penting; padding:! 0 penting; height: 11px penting; width: 11px penting;!}100%; margin: 25px 0 0; padding: 10px; font-size: 15px; color: # ccc; border-color: # E8E8E8; border-width: 2px 2px 4px; -webkit-box-shadow: none; -moz -box-shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol -submit, .contact-bentuk-tombol-menyerahkan: hover {margin-top: 25px; width: 100%; height: 40px; font-size: 15px; color: # fff; text-align: center; text-shadow: 0 1px 2px RGBA (0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow: inset 0 - 2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact-bentuk-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none}. kontak-bentuk-lintas {border: sedang tidak penting; box-shadow:!!! tidak penting; padding:! 0 penting; height: 11px penting; width: 11px penting;!}25px 0 0; padding: 10px; font-size: 15px; color: # ccc; border-color: # E8E8E8; border-width: 2px 2px 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol kirimkan, .contact -form-tombol-menyerahkan: hover {margin-top: 25px; width: 100%; height: 40px; font-size: 15px; color: # fff; text-align: center; text-shadow: 0 1px 2px RGBA ( 0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow: inset 0 -2px # D4685C; kotak -shadow: inset D4685C 0 -2px #} .contact-bentuk-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding: 0 penting; height: 11px penting; width: 11px penting;!}25px 0 0; padding: 10px; font-size: 15px; color: # ccc; border-color: # E8E8E8; border-width: 2px 2px 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol kirimkan, .contact -form-tombol-menyerahkan: hover {margin-top: 25px; width: 100%; height: 40px; font-size: 15px; color: # fff; text-align: center; text-shadow: 0 1px 2px RGBA ( 0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow: inset 0 -2px # D4685C; kotak -shadow: inset D4685C 0 -2px #} .contact-bentuk-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding: 0 penting; height: 11px penting; width: 11px penting;!}15px; color: # ccc; border-color: # E8E8E8; border-width: 2px 2px 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .contact-bentuk -name, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {margin-top : 25px; width: 100%; height: 40px; font-size: 15px; color: # fff; text-align: center; text-shadow: 0 1px 2px RGBA (0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow: inset 0 -2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact -form-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding:!! 0 penting; height: 11px penting; width: 11px penting;}!15px; color: # ccc; border-color: # E8E8E8; border-width: 2px 2px 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .contact-bentuk -name, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {margin-top : 25px; width: 100%; height: 40px; font-size: 15px; color: # fff; text-align: center; text-shadow: 0 1px 2px RGBA (0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow: inset 0 -2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact -form-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding:!! 0 penting; height: 11px penting; width: 11px penting;}!-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {margin-top: 25px; width: 100%; height: 40px; font-size: 15px; color: # fff ; text-align: center; text-shadow: 0 1px 2px RGBA (0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer ; -webkit-box-shadow: inset 0 -2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact-bentuk-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-kotak- shadow: none; box-shadow: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding: 0 penting; height: 11px penting; width:!! 11px penting; }-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {margin-top: 25px; width: 100%; height: 40px; font-size: 15px; color: # fff ; text-align: center; text-shadow: 0 1px 2px RGBA (0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer ; -webkit-box-shadow: inset 0 -2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact-bentuk-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-kotak- shadow: none; box-shadow: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding: 0 penting; height: 11px penting; width:!! 11px penting; }kontak-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {margin-top: 25px; width: 100%; height: 40px; font-size : 15px; color: # fff; text-align: center; text-shadow: 0 1px 2px RGBA (0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow: inset 0 -2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact-bentuk-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding:! 0 penting; height: 11px penting! ; width: 11px penting;}!kontak-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {margin-top: 25px; width: 100%; height: 40px; font-size : 15px; color: # fff; text-align: center; text-shadow: 0 1px 2px RGBA (0,0,0,0.25); background: # EE786F; border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow: inset 0 -2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact-bentuk-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding:! 0 penting; height: 11px penting! ; width: 11px penting;}!border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow: inset 0 -2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact-bentuk -tombol kirimkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none}! .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: tidak ada! penting; padding: 0 penting; height: 11px penting; width: 11px penting;}!border: 0; border-bottom: 2px solid # D4685C; outline: none; cursor: pointer; -webkit-box-shadow: inset 0 -2px # D4685C; box-shadow: inset 0 -2px # D4685C} .contact-bentuk -tombol kirimkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none}! .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: tidak ada! penting; padding: 0 penting; height: 11px penting; width: 11px penting;}!
</ Style>
<Div class = "widget ContactForm" id = "ContactForm22"> <div class = "kontak-bentuk-widget"> <hr> <div class = "bentuk"> <form name = "kontak-bentuk"> <div class = "contactf-nama"> <input class = "kontak-bentuk-nama" id = "ContactForm1_contact-bentuk-nama" name = "nama" size = "30" type = "text" value = "nama" onblur =' jika (this.value == "") {this.value = "Nama";}' onfocus = 'jika (this.value == "Nama") {this.value = "";}'/> </ div > <div class = "contactf-email"> <input class = "kontak-bentuk-email" id = "ContactForm1_contact-form-email" name = "alamat E-mail" size = "30" type = "text" value = "alamat E-mail"onblur = 'if (this.value == "") {this.value = "Alamat E-mail";}' onfocus = 'jika (this.value == "Alamat E-mail") {this.value = " ";} '/> </ div> <div style = "clear: both"> </ div> <div class = "contactf-pesan"> <class textarea = "kontak-bentuk-email-pesan" cols =" 25" id = "ContactForm1_contact-bentuk-email-pesan" name = "Ketik pesan Anda di sini ..." baris = "5" type = "text" value = "Ketik pesan Anda di sini ..." onblur = 'if ( == this.value "") {this.value = "Ketik pesan Anda di sini ...";} 'onfocus =' jika (this.value == "Ketik pesan Anda di sini ...") {this.value = "";} '> </ textarea> <input class ="kontak-bentuk-tombol kontak-bentuk-tombol-submit" id = "ContactForm1_contact-form-submit" type = "button" value = "Kirim Pesan"/> <div class = "kontak-bentuk-error-pesan" id = "ContactForm1_contact-bentuk-error-message"> </ div> <div class = "kontak-bentuk-sukses-pesan" id = "ContactForm1_contact-bentuk-sukses-pesan"> </ div> </ div> </ form > </ div> </ div> </ div></ Div> </ div> </ div></ Div> </ div> </ div>

Blogger Kontak Form dengan CSS Ribbon

formulir kontak dengan pita

<Style type = "text / css">
.widget.ContactForm {z-index: 1} .contact-bentuk-widget {margin-left: auto; margin-right: auto; width: 600px; max-width: 100%; padding: 25px 0; background: # EBEBE3 ; -webkit-border-radius: 2%; - moz-border-radius: 2%; border-radius: 2%} kontak-bentuk-widget .form {width: 91%; margin: 0 auto} .ribbon {. Font: 16px Arial; text-transform: memanfaatkan; text-shadow: 0 1px 2px RGBA (0,0,0,0.25); position: relative; background: # 6B5F53; color: # fff; text-align: center; Padding : 1em 2em; margin: 0 -16px} .ribbon: sebelum, .ribbon: setelah {content: ""; position: absolute; display: block; bottom: -1em; border: 1.5em solid # 584C40; z-index: -1} .ribbon: sebelum {kiri: -1.7em; border-right-width: 1.2em; border-kiri-warna: transparan} .ribbon: setelah {kanan: -1.7em; border-kiri-width: 1.2em ; border-kanan-warna: transparan} .ribbon .ribbon-konten: sebelum, .ribbon .ribbon-konten: setelah {content: ""; position: absolute; display: block;border-style: padat; border-color: # 42362A transparan transparan; bottom: -1em} .ribbon .ribbon-konten: sebelum {kiri: 0; border-width: 1em 0 0 1em} .ribbon .ribbon-konten: setelah {kanan: 0; border-width: 1em 1em 0 0} .contactf-nama, .contactf-email, .contactf-pesan {text-align: left; margin-top: 25px; color: # a1937b; font-size: 13px} .contactf-nama, .contactf-email {float: left; width: 100%} kontak-bentuk-nama, .contact-bentuk-email, .contact-bentuk-email-pesan, .contact-bentuk-nama. : hover, .contact-bentuk-nama: fokus, .contact-bentuk-email: hover, .contact-bentuk-email: fokus, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: fokus {width: 100%; max-width: 100%; margin: 10px 0 0; padding: 10px; font-size: 12px; color: #aaa; border-color: # DBD6D1; border-width: 1px; kotak- shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .contact-bentuk-nama, .contact-bentuk-email {height: 35px}.kontak-bentuk-email-pesan {height: 100px} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {margin-top: 25px; width: 100%; height: 37px; font yang: normal 12px Arial; outline: none; letter-spacing: 1px; color: # fff; text-align: center; cursor: pointer; text-shadow: 1px 1px 0 # ffe8b2; color: # 7c5d1b; border: 1px solid # d6a437; background: # febd4b; background: -webkit-gradien (linear, 0 0,0 100%, dari (# fed970) ke (# febd4b)); background: -webkit-linear-gradient (# fed970, # febd4b); background : -moz-linear-gradient (# fed970, # febd4b); background: -MS-linear-gradient (# fed970, # febd4b); background: -o-linear-gradient (# fed970, # febd4b); background: linear -gradient (# fed970, # febd4b); - pie-background: linear-gradient (# fed970, # febd4b)} kontak-bentuk-tombol-menyerahkan: aktif {color: # 7c5d1b; border:. 1px solid # d6a437; background : # febd4b; background: -webkit-gradien (linear, 0 0,0 100%, dari (# febd4b) ke (# fed970));background: -webkit-linear-gradient (# febd4b, # fed970); background: -moz-linear-gradient (# febd4b, # fed970); background: -MS-linear-gradient (# febd4b, # fed970); background: -o-linear-gradient (# febd4b, # fed970); background: linear-gradient (# febd4b, # fed970); - pie-background:. linear-gradient (# febd4b, # fed970)} kontak-bentuk-lintas { border: sedang tidak penting; box-shadow: none! important; padding: 0 penting; height:!!! 11px penting; width: 11px penting;}
</ Style>
<Div class = "widget ContactForm" id = "ContactForm22"> <div class = "kontak-bentuk-widget"> <class h2 = "pita"> <strong class = "pita-content"> Shoot Me Email </ strong> </ h2> <div class = "bentuk"> <form name = "kontak-bentuk"> <div class = "contactf-nama"> nama Anda: <input class = "kontak-bentuk-nama" id = "ContactForm1_contact-bentuk-nama" name = "nama" size = "30" type = "text" value = "nama" onblur = 'if (== this.value "") {this.value = "nama";} 'onfocus =' jika (this.value == "Nama") {this.value = "";}'/> </ div> <div class = "contactf-email"> alamat E-mail *: <input class = "kontak-bentuk-email" id ="ContactForm1_contact-form-email" name = "Alamat E-mail" size = "30" type = "text" value = "Alamat E-mail" onblur = 'jika (this.value == "") {this.value = "alamat E-mail";}' onfocus = 'jika (this.value == "alamat E-mail") {this.value = "";}'/> </ div> <div style = "clear: both "> </ div> <div class =" contactf-pesan "> pesan *: <class textarea =" kontak-bentuk-email-pesan" cols = "25" id = "ContactForm1_contact-bentuk-email-pesan" name = "Ketik pesan Anda di sini ..." baris = "5" value = "" placeholder = "Ketik pesan Anda di sini ..." value = "Ketik pesan Anda di sini ..." onblur = 'jika (this.value == "") {this.value = "Ketik pesan Anda di sini ...";}' Onfocus = 'jika (this.value == "Ketik pesan Anda di sini ...") {this.value = "";}'> </ textarea> <input class = "kontak-bentuk-tombol kontak-bentuk -tombol-submit "id = "ContactForm1_contact-form-submit" type = "button" value = "KIRIM pESAN"/> <div class = "kontak-bentuk-error-pesan" id =" ContactForm1_contact-bentuk-error-message "> </ div> <div class =" kontak-bentuk-sukses-pesan" id = "ContactForm1_contact-bentuk-sukses-pesan"> </ div> </ div> </ form> </ div> </ div > </ div>ContactForm1_contact-form-submit" type = "button" value = "KIRIM PESAN"/> <div class = "kontak-bentuk-error-pesan" id = "ContactForm1_contact-bentuk-error-message"> </ div> <div class = "kontak-bentuk-sukses-pesan" id = "ContactForm1_contact-bentuk-sukses-pesan"> </ div> </ div> </ form> </ div> </ div> </ div>ContactForm1_contact-form-submit" type = "button" value = "KIRIM PESAN"/> <div class = "kontak-bentuk-error-pesan" id = "ContactForm1_contact-bentuk-error-message"> </ div> <div class = "kontak-bentuk-sukses-pesan" id = "ContactForm1_contact-bentuk-sukses-pesan"> </ div> </ div> </ form> </ div> </ div> </ div>

Form Kontak Minimal

formulir kontak minimal untuk Blogger

<Style type = "text / css">
.contact-bentuk-widget {margin-left: auto; margin-right: auto; width: 600px; max-width: 100%; padding: 25px; background: # fff} .contact-title {text-align: center; Font: 41px fantasi; color: # 121212; margin-bottom: 25px} .contactf-nama, .contactf-email {float: left; width:.. 47%} contactf-nama {margin-right: 6%} nama- ikon img, .email-icon img {background: transparent penting; border: sedang tidak penting; box-shadow:!!! tidak penting; padding: 11px 0 penting; width:!!! 16px penting; height: 16px penting;} .name-icon, .email-icon {position: absolute; z-index: 1} .contact-bentuk-nama, .contact-bentuk-email, .contact-bentuk-email-pesan, .contact-bentuk-nama: hover, .contact-bentuk-nama: fokus, .contact-bentuk-email: hover, .contact-bentuk-email: fokus, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: fokus {width: 100%; max-width: 100%; margin: 0 0 25px; padding: 10px 10px 10px 25px; font yang: bold 16px kursif;text-shadow: 0 1px 2px #ddd; color: # 121212; background:! transparan penting; border-color: # 121212; border-width: 0 0 2.5px; -webkit-box-shadow: none; -moz-box -shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan, .contact-bentuk-email-pesan: hover ,. hubungi-form-email-pesan: focus {padding: 10px penting!} .contact-bentuk-email-pesan {height: 150px; border-width:! 2.5px penting} .contact-bentuk-tombol kirimkan, .contact- bentuk tombol-mengirimkan-: hover {background: # 121212 penting; width:! 30%; height: 37px; font yang: bold 13px "Lucida Grande"; letter-spacing: 2px; color: # fff; text-align: center; border: menengah none; cursor: pointer; display: block; margin: 0 auto; outline: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow:!!! tidak penting; padding: 0 penting; ! width: 11px penting; height: 11px penting;}!# 121212; background:! Transparan penting; border-color: # 121212; border-width: 0 0 2.5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none}. hubungi-bentuk-nama, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: focus {padding: ! 10px penting} .contact-bentuk-email-pesan {height: 150px; border-width:! 2.5px penting} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {background: # 121212 ! penting; width: 30%; height: 37px; font yang: bold 13px "Lucida Grande"; letter-spacing: 2px; color: # fff; text-align: center; border: menengah none; cursor: pointer; display: block ; margin: 0 auto; outline: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding: 0 penting; width:! 11px penting; height:!! 11px penting; }# 121212; background:! Transparan penting; border-color: # 121212; border-width: 0 0 2.5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none}. hubungi-bentuk-nama, .contact-bentuk-email {height: 40px} .contact-bentuk-email-pesan, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: focus {padding: ! 10px penting} .contact-bentuk-email-pesan {height: 150px; border-width:! 2.5px penting} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {background: # 121212 ! penting; width: 30%; height: 37px; font yang: bold 13px "Lucida Grande"; letter-spacing: 2px; color: # fff; text-align: center; border: menengah none; cursor: pointer; display: block ; margin: 0 auto; outline: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding: 0 penting; width:! 11px penting; height:!! 11px penting; }# 121212; border-width: 0 0 2.5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email { height: 40px} .contact-bentuk-email-pesan, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: fokus {padding: 10px penting} .contact-bentuk-email-pesan { height: 150px; border-width:! 2.5px penting} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {background: # 121212 penting; width:! 30%; height: 37px; font yang : bold 13px "Lucida Grande"; letter-spacing: 2px; color: # fff; text-align: center; border: menengah none; cursor: pointer; display: block; margin: 0 auto; outline: none} .contact- bentuk-lintas {border: sedang tidak penting; box-shadow:!!! tidak penting; padding:! 0 penting; width: 11px penting; height: 11px penting;!}# 121212; border-width: 0 0 2.5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} .contact-bentuk-nama, .contact-bentuk-email { height: 40px} .contact-bentuk-email-pesan, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: fokus {padding: 10px penting} .contact-bentuk-email-pesan { height: 150px; border-width:! 2.5px penting} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {background: # 121212 penting; width:! 30%; height: 37px; font yang : bold 13px "Lucida Grande"; letter-spacing: 2px; color: # fff; text-align: center; border: menengah none; cursor: pointer; display: block; margin: 0 auto; outline: none} .contact- bentuk-lintas {border: sedang tidak penting; box-shadow:!!! tidak penting; padding:! 0 penting; width: 11px penting; height: 11px penting;!}kontak-bentuk-email {height: 40px} .contact-bentuk-email-pesan, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: Fokus {padding: 10px penting} .contact- form-email-pesan {height: 150px; border-width:! 2.5px penting} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {background: # 121212 penting; width: 30% ; height: 37px; font yang: bold 13px "Lucida Grande"; letter-spacing: 2px; color: # fff; text-align: center; border: menengah none; cursor: pointer; display: block; margin: 0 auto; outline : none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding:!! 0 penting; width: 11px penting; height: 11px penting;}!kontak-bentuk-email {height: 40px} .contact-bentuk-email-pesan, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: Fokus {padding: 10px penting} .contact- form-email-pesan {height: 150px; border-width:! 2.5px penting} .contact-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {background: # 121212 penting; width: 30% ; height: 37px; font yang: bold 13px "Lucida Grande"; letter-spacing: 2px; color: # fff; text-align: center; border: menengah none; cursor: pointer; display: block; margin: 0 auto; outline : none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow: none! important; padding:!! 0 penting; width: 11px penting; height: 11px penting;}!hubungi-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {background: # 121212 penting; width:! 30%; height: 37px; font yang: bold 13px "Lucida Grande"; letter-spacing: 2px; warna: # fff; text-align: center; border: menengah none; cursor: pointer; display: block; margin: 0 auto; outline: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow : none! important; padding:! 0 penting; width: 11px penting; height: 11px penting;}!hubungi-bentuk-tombol kirimkan, .contact-bentuk-tombol-menyerahkan: hover {background: # 121212 penting; width:! 30%; height: 37px; font yang: bold 13px "Lucida Grande"; letter-spacing: 2px; warna: # fff; text-align: center; border: menengah none; cursor: pointer; display: block; margin: 0 auto; outline: none} .contact-bentuk-lintas {border: sedang tidak penting; box-shadow : none! important; padding:! 0 penting; width: 11px penting; height: 11px penting;}!
</ Style>
<Div class = "widget ContactForm" id = "ContactForm22"> <div class = "kontak-bentuk-widget"> <class h2 = "kontak-title"> Dapatkan berhubungan. </ H2> <div class = "bentuk "> <form name =" kontak-bentuk "> <div class =" contactf-nama "> <div class =" nama-icon "> <img src =" https://3.bp.blogspot.com/- TgreeOjV9hc / WC8lF19LbaI / AAAAAAAABq4 / E5U-ahjjFcYBpgZd49O1BwTLelkqVGhgQCLcB / S1600 / avatar% 25.281% 2529.png "width = "16" height = "16"/> </ div> <input class = "kontak-bentuk-nama" id =" ContactForm1_contact-bentuk-nama" name = "nama" size = "30" type = "text" value = "nama" onblur = 'if (== this.value "") {this.value = "nama";}' onfocus = 'jika (ini.Nilai == "Nama") {this.value = "";}'/> </ div> <div class = "contactf-email"> <div class = "email-icon"> <img src = "https: //4.bp.blogspot.com/-AuOlsNet-oA/WC8lCTFCY_I/AAAAAAAABq0/7eKfEB9TINkHQ_-ug5oqM7LTl9YBXjevQCLcB/s1600/envelope%25281%2529.png" width = "16" height = "16"/> </ div> < class input = "kontak-bentuk-email" id = "ContactForm1_contact-form-email" name = "alamat E-mail" size = "30" type = "text" value = "alamat E-mail" onblur = 'if ( this.value == "") {this.value = "alamat E-mail";}' onfocus = 'jika (this.value == "alamat E-mail") {this.value = "";}'/ > </ div> <div style = "clear: both"> </ div> <div class ="contactf-pesan "> <class textarea =" kontak-bentuk-email-pesan" cols = "25" id = "ContactForm1_contact-bentuk-email-pesan" name = "Ketik pesan Anda di sini ..." baris = "5" value = "Ketik pesan Anda di sini ..." onblur = 'jika (this.value == "") {this.value = "Ketik pesan Anda di sini ...";}' onfocus = 'jika (this.value = = "Ketik pesan Anda di sini ...") {this.value = "";} '> </ textarea> <input class = "kontak-bentuk-tombol kontak-bentuk-tombol-submit" id = "ContactForm1_contact-bentuk -submit "type = "button" value = "KIRIM"/> <div class = "kontak-bentuk-error-pesan" id = "ContactForm1_contact-bentuk-error-message"> </ div> <div class =" kontak -form-sukses-pesan "id ="ContactForm1_contact-bentuk-sukses-pesan "> </ div> </ div> </ form> </ div> </ div> </ div>

formulir kontak dengan pidato gelembung



<Style type = "text / css">
.contact-bentuk-widget {margin-left: auto; margin-right:; width auto: 600px; max-width: 100%}. contactf-nama, .contactf-email {float: left; width: 50%}. hubungi-bentuk-nama, .contact-bentuk-email, .contact-bentuk-email-pesan, .contact-bentuk-nama: hover, .contact-bentuk-nama: fokus, .contact-bentuk-email: hover ,. hubungi-form-email: fokus, .contact-bentuk-email-pesan: hover, .contact-bentuk-email-pesan: fokus {width: 100%; max-width: 100%; margin: 0 0 15px; padding: 10px; font-size: 14px; color: # 777; background: # E2DEDB; border: 1px solid # CBC7C4; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; - webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px} .contact-bentuk-nama, .contact-bentuk-email {height: 33px} .contact-bentuk-email-pesan { height: 130px} .contactf-pesan {position: relative} .contactf-pesan: setelah, .contactf-pesan: sebelum {border-bottom: 50px padat transparan; border-left:80px solid # E2DEDB; bottom: -32px; konten: ''; position: absolute; kanan: 50%; margin-right: -100px} .contactf-pesan: sebelum {border-left: 80px solid # CBC7C4; bottom: - 34px; kanan: 50,3%; margin-right: -101px} .cbluebutton {margin-top: 25px; width: 30%; height: 35px; float: right; font-size: 15px; color: # fff; display: inline -block; text-align: center; background: linear-gradient (ke bawah, # 339ad9 0%, # 224bbc 100%); box-shadow: 0 1px 1px RGBA (34,75,188,0.5); border: 0; - webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px} .cbluebutton rentang .contact-bentuk-tombol-mengirimkan {background: linear-gradient (ke bawah, # 52b1e2 0%, # 397fd0 100%); font yang: bold 16px "Helvetica Neue", sans-serif; height: 35px; width: 100%; color: # fff; text-shadow: 0 1px 1px # 224BBC; display: inline-block; kotak- shadow: 0 1px 1px RGBA (255,255,255,0.3) inset; kursor: pointer; outline: none; -webkit-border-radius: 20px;-moz-border-radius: 20px; border-radius: 20px} .contact-bentuk-tombol-menyerahkan: aktif {top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none}. kontak-bentuk-lintas {border: sedang tidak penting; box-shadow:!!! tidak penting; padding:! 0 penting; width: 11px penting; height: 11px penting;!}
</ Style>
<Div class = "widget ContactForm" id = "ContactForm22"> <div class = "kontak-bentuk-widget"> <div class = "bentuk"> <form name = "kontak-bentuk"> <div class = "contactf -message "> <class textarea =" kontak-bentuk-email-pesan" cols = "25" id = "ContactForm1_contact-bentuk-email-pesan" name = "pesan" baris = "5" value = "pesan" onblur = 'jika (this.value == "") {this.value = "Pesan";}' onfocus = 'jika (this.value == "Pesan") {this.value = "";}'> </ textarea > </ div> <div class = "cbluebutton"> <span> <input class = "kontak-bentuk-tombol kontak-bentuk-tombol-submit" id = "ContactForm1_contact-form-submit" type = "button"value = "Kirim" /> </ span> </ div> <div class = "contactf-nama"> <input class = "kontak-bentuk-nama" id = "ContactForm1_contact-bentuk-nama" name = "nama" size = "30" type = "text" value = "Nama" onblur = 'jika (this.value == "") {this.value = "Nama";}' onfocus = 'jika (this.value == " nama ") {this.value = "";}'/> </ div> <div class = "contactf-email"> <input class = "kontak-bentuk-email" id = "ContactForm1_contact-form-email" nama = "email" size = "30" type = "text" value = "E-mail" onblur = 'jika (this.value == "") {this.value = "E-mail";}' onfocus =' jika (this.value == "E-mail") {this.value = "";} '/></ Div> <div style = "clear: both"> </ div> <div class = "kontak-bentuk-error-pesan" id = "ContactForm1_contact-bentuk-error-message"> </ div> <div class = "kontak-bentuk-sukses-pesan" id = "ContactForm1_contact-bentuk-sukses-pesan"> </ div> </ div> </ form> </ div> </ div>

5. Setelah Anda menambahkan kode, klik "Publikasikan" tombol di sisi kanan atas. Sekarang Anda harus dapat melihat formulir kontak Blogger hidup pada halaman statis Anda. Untuk memastikan bahwa semuanya bekerja dengan baik, Anda dapat mengirimkan pesan sebagai ujian. pesan harus dikirim ke kotak masuk Anda dalam hitungan detik, hanya pastikan bahwa Anda memeriksa email yang Anda gunakan dengan akun Blogger Anda.

Pertanyaan tentang Custom Form Kontak untuk Blogger yang Sering Diajukan

Di mana pesan pergi?

Setelah pengunjung mengajukan pertanyaan atau mengirim umpan balik melalui form kontak Blogger , itu langsung dikirim ke email yang terkait dengan akun Blogger Anda. Jika sebuah blog memiliki beberapa administrator, maka semua administrator individu akan menerima komentar atau pertanyaan yang diajukan oleh pengunjung.

Apa manfaat dari menggunakan terpisah "Hubungi Kami" halaman?

Meskipun semua bermuara pada preferensi pribadi Anda, blog Anda akan terlihat lebih profesional jika memiliki halaman terpisah untuk formulir kontak kustom untuk Blogger. Ini memberi Anda kredibilitas dan juga menawarkan Anda kesempatan untuk menambahkan panggilan khusus untuk beraksi di halaman "Hubungi Kami" baru.

Apakah mungkin untuk menambahkan bidang tambahan?

Sayangnya tidak ada. Anda tidak dapat menambahkan kolom kustom seperti website, nomor telepon atau alamat surat sejak Blogger menggunakan tag khusus untuk mentransfer data. Dalam kasus apapun, bidang default diletakkan-out dengan baik dan akan membantu Anda untuk mendapatkan informasi dasar yang Anda butuhkan tentang pengunjung Anda.

Saya telah menginstal formulir kontak Blogger, tapi itu tidak bekerja. Apa yang bisa menjadi masalah?

Ada beberapa alasan mengapa Anda mungkin akan mengalami kesulitan menyiapkan formulir kontak Anda. Cara paling sederhana untuk memecahkan masalah adalah dengan pemeriksaan ulangan email Anda terkait dengan blog dan juga menginstal ulang formulir lagi.

Pada akhirnya, dengan menggunakan adat Blogger formulir kontak yang Anda dapatkan dari konsistensi dalam jenis informasi yang Anda meminta dan juga mengurangi spam karena Anda tidak perlu menampilkan email Anda langsung di blog.

Makasih.