Funkysst.com: artikel blogger
Showing posts with label artikel blogger. Show all posts
Showing posts with label artikel blogger. Show all posts

Thursday, January 25, 2018

Penawaran Cyber Monday: Hadiah Terbaik untuk Ilmu Geeks

Kredit: AlesiaKan / ShuttersockLiburan sudah dekat dan toko sudah memecahkan dekorasi meriah. Bahkan Amazon bersiap untuk musim belanja. Berikut ini beberapa temuan favorit Live Science Amazon Cyber ​​Monday untuk ilmu pengetahuan geek dalam hidup Anda, dari anak yang penasaran dengan pasangan yang tidak bisa mendapatkan cukup banyak dari Discovery Channel. Periksa kembali pembaruan karena Amazon melepaskan lebih banyak penawaran dan sisir staf kami melalui produk untuk favorit kami.Filter Air Pribadi LifeStraw untuk Hiking, Camping, Travel dan Kesiapsiagaan Darurat: Bagi orang dalam hidup Anda yang suka dipersiapkan, atau mungkin hanya bersenang-senang dengan saringan air tanpa baterai. Jerami tersebut dapat menyaring 99,99 persen bakteri dan parasit yang ditularkan melalui air dari sampai 1.000 liter air yang terkontaminasi, tanpa menggunakan yodium, klorin atau bahan kimia lainnya, menurut LifeStraw. Saat ini, untuk Cyber ​​Monday, Amazon menjual jerami penyaringan air seharga $ 13,90, atau 54 persen dari harga normal.

Superkomputer yang menawan ini adalah sidekick robot yang selalu Anda inginkan. Cozmo "belajar" dari interaksi, dan dapat menampilkan ratusan "ekspresi" saat Anda menantangnya untuk bermain game atau membimbingnya menjelajahi lingkungannya. Pengguna bahkan dapat melihat dari sudut pandang Cozmo menggunakan "Mode Explorer" robot, dan aplikasi pendamping menawarkan sebuah platform untuk merancang kegiatan baru yang bisa Anda selidiki bersama. Cozmo tersedia di Cyber Monday seharga $ 127,49, penghematan 29 persen dari harga daftar.

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

Cara Mendapatkan Akun Gmail yang Disabled

Hal ini dapat menjadi pengalaman frustasi ketika Anda menemukan akun Gmail Anda tidak lagi aktif. Memiliki Gmail akun dinonaktifkan berarti kehilangan akses ke produk Google yang terkait. Ada beberapa alasan mengapa akun Anda mungkin telah berakhir yang sebagian besar disebabkan Persyaratan kebijakan Layanan oleh Google sendiri. Jadi, jika Anda telah melanggar satu lagi dari kebijakan baik secara sengaja atau tidak, Anda dapat menemukan diri Anda dengan akun Gmail dinonaktifkan.

Menambah frustrasi adalah bahwa Google akan sering menonaktifkan account tanpa peringatan. Namun, kabar baiknya adalah bahwa ada metode sederhana untuk mendapatkan akun Anda kembali online.

Akun Gmail sementara Dinonaktifkan

This is generally the easiest to overcome as Google believes that your account may be compromised. To rectify the situation, you will be asked to provide your mobile number or recover email identification. If you do either, they will send you a text message that will allow you to access your account quickly. You will need to do so within a 48-hour period otherwise it will become more difficult to get back your account.

Gmail Account Disabled Due To Perceived ToS Violation

Jika akun Gmail Anda dinonaktifkan termasuk persyaratan layanan (ToS) pelanggaran peringatan, maka Anda akan perlu untuk mengisi formulir kontak mereka sehingga proses mendapatkan account Gmail Anda kembali dapat dimulai. Anda harus membaca ToS secara menyeluruh sehingga pelanggaran tidak akan terjadi lagi dan memberikan alamat email. Jika Anda tidak mendapatkan jawaban, ulangi langkah setiap dua hari sampai Anda lakukan.

rekening dinonaktifkan gmail
Akun Gmail cacat - formulir kontak Google screenshot

Begitu mereka telah merespon, langkah berikutnya harus mendapatkan Gmail Anda kembali sehingga Anda dapat mendapatkan akses otomatis untuk semua produk Google termasuk AdSense . Anda juga dapat mengunjungi forum bantuan di mana Anda dapat membuka topik 'rekening cacat Gmail'. Hanya fokus pada akun Gmail itu sendiri pertama sebagai yang merupakan kunci untuk sisa layanan Google Anda. Anda akan ingin membahas masalah yang anda hadapi dan mengapa hal ini perlu diselesaikan secepat mungkin. Jika Kontributor Utama ping thread Anda kepada staf di Google, maka Anda harus mengharapkan akun Anda untuk kembali online dalam 48 jam atau dua hari kerja.

Gmail Akun Dinonaktifkan Akibat Pelanggaran Serius ToS

Jika akun dinonaktifkan Gmail adalah karena pelanggaran serius Persyaratan perjanjian layanan, serta kebijakan Google yang mengawasi akun Anda, maka Anda akan mengalami kesulitan yang cukup besar dalam mendapatkan akun Anda kembali. Pelanggaran tersebut akan mencakup Anda akun AdSense terlibat dalam penipuan klik , misalnya. Pelanggaran serius yang jelas akan membuat hampir tidak mungkin untuk akun Anda akan dipulihkan.

Jika apa yang terjadi itu tidak dianggap sebagai pelanggaran serius, maka Anda harus bisa mendapatkan akun Anda dan berjalan dalam waktu 24 sampai 48 jam tergantung pada keadaan. Ia membayar Namun, untuk menyimpan semua data penting Anda dan informasi di luar akun Google Anda dalam hal mendapatkan akun Gmail hasil dinonaktifkan. Dengan melindungi diri sendiri, dampaknya akan lebih mudah untuk menangani sampai Anda bisa mendapatkan akun Anda kembali online.

SEKIAN TERIMA KASIH.

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.

Tuesday, January 2, 2018

Automatis Share Artikel dengan Google URL Shortener di Blogspot

Hay sobat blogger lagi apa nih .. hehe lagi pusing ni..... Lansung saja ya... cuzz

Google Shortener adalah layanan penyedia pemendek URL yang usianya sudah sangat lama dibanding shortener lainnya. Google Shortener ini dapat meningkatkan Traffic dan meningkatkan Click pada blog Anda. Google Shortener ini selain meningkatkan Traffic, Tetapi memudahkan pengunjung untuk membagikan artikel anda baik di sosial media maupun di chatting/pesan. Karena Google Shortener ini bersifat bukan Link Spam, jadi ketika anda membagikan sebuah URL yang sudah di Shortener dengan Google Shortener dijamin Link tersebut bukanlah Spam.

Untuk DEMONYA, silakan anda lihat postingan berikut ini lalu anda lihat bagian bawah tepat diatas tombol share media sosial. - Clik Here!
Cara Membuat Share Artikel dengan Google Shortener di Blogger
Automatis Share Artikel dengan Google URL Shortener di Blogspot

Cara Pertama : 

1. Buka Blogger - Kemudian login
2. Dashboard - Template
3. Edit HTML.

Proses Pembuatan : 

1. Temukan kode </head>
2. Copy&paste kode berikut ini, dan letakkan diatas kode </head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.google-shortener{font-size:100%;font-weight:bold;color:#666!important}
.google-shortener a.url{text-decoration:none!important;color:#666!important;display:inline-block;margin:0 0 0 5px;border-radius:3px;background:#f8f8f8;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:23px;padding:1px 8px 0 5px;transition:all 400ms ease-in-out}
.loading-google-shortener{display:none}
.google-shortener a.url:hover{color:#555;background:#fafafa;border:1px solid #999}
.google-shortener a.url:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
.clear{clear:both}
</style>
</b:if>
3. Jika sudah? Temukan kode <data:post.body/>
4. Copy&paste kode berikut ini, dan letakkan dibawah kode <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='google-shortener'>
Share this with short URL: <a class='url' expr:onclick='&quot;shortenUrl(this, &amp;#39;&quot; + data:post.url + &quot;&amp;#39;, &amp;#39;googl&amp;#39;);return false;&quot;' href='javascript:void(0)' title='Click to get short URL'>Get Google Shortener URL</a></span><span class='loading-google-shortener'><img alt='loading short url' src='data:image/gif;base64,R0lGODlhEAALAPQAAP///wAAANra2tDQ0Orq6gYGBgAAAC4uLoKCgmBgYLq6uiIiIkpKSoqKimRkZL6+viYmJgQEBE5OTubm5tjY2PT09Dg4ONzc3PLy8ra2tqCgoMrKyu7u7gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA'/></span>
<div class='clear'/>
</b:if>
Perhatikan Gambar Berikut Ini!!
Bagian kode yang harus anda paste dibagian sini!

Untuk peletakan kode anda harus meletakan kode tersebut tepat diatas kode penutup </div> sesuai dengan digambar. Atau anda bisa meletakan kode diatas, tepat diatas media sosial share, atau related post yang pasti dibawah artikel/postingan.

5. Temukan kode </body>
6. Copy&paste kode berikut ini, dan letakkan diatas kode </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://sites.google.com/site/mdbloggers/home/master/google-shortener.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>
7. Simpan Template!

Demikianlah Tutorial Blogger kali ini, bila terjadi kesalahan silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat postingan anda lalu lihat pada bagian bawah. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Automatis Share Artikel dengan Google URL Shortener di Blogspot
SUMBER : TechPreveu