CARA MEMBUAT CONTACT FORM DI BLOGGER DENGAN MUDAH

CARA MEMBUAT CONTACT FORM DI BLOGGER DENGAN MUDAH

10:14 by Didit Riadi

Cara membuat Contact Form Di blogger Dengan Mudah-Pada malam ini saya ingin berbagi postingan untuk anda tentang cara membuat contact form di blog, mungkin diantara kalian ada yang pernah lihat pada blogger atau website yang menyediakan contact form, contact us atau hubungi kami pada bagian menu atas maupun menu bawah blog mereka.

Sebenarnya blogger sendiri sudah menyediakan fitur contact form, namun fitu-fitur yang disediakan blogger terkesan lebih sederhana. Fungsi contact form sendiri untuk memudahkan pembaca atau pengungunjung mengirimkan pesan secara langsung ke pemilik blog/web dengan mudah.

Jika anda tertarik ingin membuat dan memasang Contact Form di blog, berikut ini adalah langkah-langkahnya

-Langkah pertama silahkan kunjungi halaman foxyform.com
-Langkah kedua, Pada nomor 1 Setting, centang bagian-bagian yang diperlukan pada Your Options, kemudian pada nomor 2, tentukan warna Background, tipe tulisan dan lain sebagainya. Perhatikan gambar dibawah ini:

-Langkah ketiga, masukan Alamat Email anda yang ingin anda gunakan sebagai alamat contact form. lalu centang pada kotak ANTISPAM PROTECTION, kemudian jangan lupa tekan tombol Create Formular yang terletak di pojok kanan bawah. Untuk lebih jelasnya silahkan lihat pada gambar dibawah ini:

-Langkah keempat, silahkan copy kode yang anda dapat seperti pada gambar dibawah ini:

-Langkah kelima, pada dashboard blog anda pilih pages/laman, kemudian buat laman baru

-Langkah keenam, paste kode yang tadi anda copt pada Html seperti pada gambar dibawah ini, lalu publikasikan.

Nah itu adalah Cara membuat contact form pada blog, cukup mudah bukan cara membuat form contact. Jika anda ingin mengatur ukuran Contact Form, silahkan ganti dengan cara manual pada kode script tersebut seperti width=350px dengan width=550px, silahkan ganti ukuran tersebut dengan ukuran yang anda inginkan.

Share It

Read More

CARA MEMASANG WIDGET ALEXA DI BLOG TERBARU

CARA MEMASANG WIDGET ALEXA DI BLOG TERBARU

03:00 by Unknown

Cara Memasang Widget Alexa Di Blog Terbaru-Pada artikel kali ini saya ingin berbagi tutorial tentang alexa, yang dimana pada artikel terdahulunya saya juga perna membahas tutorial Cara Mendaftarkan Blog ke Alexa 2014. Untuk yang belum tahu apa itu Alexa, silahkan kunjungi artikel tersebut, disana saya juga membahas tentang alexa dan keguaan alexa rank.

Seperti pada judul di atas, pada kesempatan kali ini saya ingin memberikan tutorial cara memasang widgate alexa pada blog. Buat sobat yang belum tahu cara membuat widgate alexa, silahkan simak dan praktekin langkah-langkah berikut ini.

1. Pertama login terlebih dahulu ke akun blog anda
2. Kemudian pilih Tata Letak lalu pilih Tambah Gadget
3. Pilih HTML/JavaScipt
4. Masukan salah satu kode script dibawah ini kedalam kolom HTML/JavaScript

<a href="http://www.alexa.com/siteinfo/giribig.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=giribig.com"></script></a>

<a href="http://www.alexa.com/siteinfo/giribig.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=giribig.com"></script></a>

Perhatikan: Kode yang saya beri tanda merah, ganti dengan domain blog anda dan ingat tanpa menggunakan http:// atau www
5. Terakhir Simpan

Mungin cukup sekian langkah-langkah Cara Memasang Widget Alexa Di Blog Terbaru, semoga artikel kali ini dapat bermanfaat. Baca juga artikel Cara verifikasi Blog di Alexa Terbaru 2014 dan Cara merampingkan Alexa Rank dengan cepat.

Share It

Read More

Cara Mempercantik Tampilan Blog Dengan Widget Popular Posts

Cara Mempercantik Tampilan Blog Dengan Widget Popular Posts

01:20 by Unknown

Cara Mempercantik Tampilan Blog Dengan Widget Popular Posts-Banyak cara untuk mempercantik tampilan blog agar telihat makin menarik dan rapih, salah satu cara untuk mempercantik tampilan blog yang ingin saya bahas pada artikel kali ini adalah Cara Mempercantik Tampilan Blog Dengan Widget Popular Posts.

Cara untuk membuat tampilan popular posts ini tidak terlalu sulit, hanya memerlukan kode html kedalam template sobat. Popular posts biasanya diletakan dibagian samping kanan atau kiri blog., tergantung selera masing-masing pemilik blog.

1. Pertama Login ke akun blog
2. Pilih Template kemudian Edit HTML
3. Cari kode ]]></b:skin> kemudian Copy kode dibawah ini lalu paste di atas kode ]]></b:skin>

<style>
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdGBsWXa3-FaTpEmKHXQ5b64qCv13sB8SKK40UrPG017ufymK_Je7F8OTa03kObEUdZQgvt1OHOdGDADbNs66Nyz7UulaUD7qXtOca7VqRuDLgVehFwu0ZpoYFWO9c42RT5vEYAct4z04/s1600/rb+cancel+icon...jpg) no-repeat scroll 5px 10px;
list-style-type: none;
margin: 0 0 5px 0px;
padding: 5px 5px 5px 33px !important;
border: 1px dashed #dddddd;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.popular-posts ul li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPaM-gjpAtYJDLNM0h5ebmy4FGdWC-P-_jxzUDNofKwF6DbNqAyUBoCzz175g4l9lG_WWPF5jd_y4uSzcr6dgkYMd6y3LVvViTKm252fnTKQXJXMD3TSZZjO1qHgvhlvMb-qdPU6dGhd4/s1600/rb+mark+icon...jpg) no-repeat 2px;
border: 2px solid #b60000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
</style>

4. Terakhir Simpan/Save
Selamat mencoba, dan terimakasih atas kunjungannya.

Share It

Read More

Cara Membuat Sitemap Otomatis Keren Di Blogger

Cara Membuat Sitemap Otomatis Keren Di Blogger

00:46 by Unknown

Cara Membuat Sitemap Otomatis Keren Di Blogger-Untuk mengoptimalkan blog banyak cara yang bisa kita lakukan, salah satunya dengan memasang sitemap pada blog. Halaman Sitemap atau daftar isi berisikan list artikel atau kumpulan artikel yang anda postkan dengan berdasarkan label tertentu.

Untuk Demonya klik disini

Memasang sitemap pada blog, akan memudahkan pengunjung untuk mengetahui isi semua artikel yang berada dalam blog kita. Dengan begitu pengunjung bisa memilih artikel yang mereka butuhkan. Nah jika anda tertarik ingin membuat sitemap pada blog, berikut ini langkah-langkahnya:

1. Langkah pertama anda login ke akun blog sobat.
2. Masuk ke dashboard blogger, kemudian pilih page

3. Lalu buat page baru dengan seperti pada gambar dibawah ini:

4. Sekaran copy kode di bawah ini

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<br />
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://www.giribig.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

5. Kemudian Paste kedalam HTML page sobat

Perhatikan: Kode yang saya beri warna merah, silahkan ganti dengan Link/URL blog sobat
6. Terakhir Publish/Publikasikan

Mungkin cukup sekian untuk artikel Cara Membuat Sitemap Otomatis Keren Di Blogger, semoga artikel kali ini bermanfaat.

Share It

Read More