membuat form kontak admin

Posted by Maulana Sp on Jumat, 23 Juli 2010 , under | komentar (13)



Ini dia nih,cara membuat form kontak admin versi kontactr,bagi seorang blogger yang mempunyai identitas yang jelas tentu merupakan sebuah kewajiban untuk memasang form kontak admin di blognya.lantas untuk apa ini?Ini adalah sebuah fasilitas untuk memudahkan perinteraksian antara pengunjung blog dengan orang yg mempunyai blog tersebut atau biasa kita sebut admin. Form kontak ini wajib desidiakan,hal ini bertujuan untuk..untuk apa yah?gini deh,misalnya apabila si-pembaca blog kalian kesulitan ataupun ingin memberikan pertanyaan,yang selama ini sudah membenak di hati mereka,mereka dapat dengan mudah untuk bertanya dengan fasilitas yang disediakan oleh form kontak,jadi kita harus ber syukur karena telah diberikan kemudahan
untuk demonya silakan klik di form kontak saya disini
di jaman sekarang banyak situs-situs yang menyediakan jasa pembuatan Form kontak secara Online. Pada postingan kali ini,masih sama dengan kemaren saya akan kembali memberi label untuk postingan saya yaitu Tutorial Blog ,dengan title "cara membuat form kontak pada Blog "dengan layanan yang diberikan dari Kontactr,ayo dengerin dengan seksama!

gini loh caranya!

ngedaftar dulu bang..


1. silaturahim ke http://www.kontactr.com/

2. cari makhluk yg bernama Sign UP

Membuat Form Contact Admin Di Blog


3. Isi form pendaftaran Sign Up , nama anda siapa?alamat e-mail anda apa?nama pacar anda siapa?username yg valid,pasword,dan password lagi,kalo udah lalu klik sing up.
Form Contact Admin Di Blog


4. dan bila registrasi sukses maka akan muncul makhluk ini tiba-tiba,hehe

Contact Admin Di Blog

5. beberapa saat kemudian kita akan kedatangan tukang pos dan di beri sebuah surat,hehe ngga mungkinlah,jaman sekarang masi maen surat?hahaha.jadi Kita akan dikirimi email activation dan buka email anda dan buka link verifikasi.

6. Kemudian Login menggunakan account anda,yang jelas bukan akun saya.emang elo tw akun dan password saya?kalo tau silakan saja,kalo berani,hehe kidding aja,jangan takut seperti itu.
Form Contact Admin

7. Pada jendela Contro Panel, anda akan disuguhkan beragam kode Ajax & HTML

Membuat Form Contact Admin Di Blog

Form Contact Admin Di Blog

Cara Membuat Form Contact Admin Di Blogspot


8. Untuk pemilihan kode form pilih yang HTML Embed Widget.

lalu apa?

letakkan di blog anda!


Sesudah kita mencopy kodenya,sekarang ini saatnya untuk meletakkannya di blog kita,terserah anda ingin meletakkannya di gadget atau postingan?
kalo saya sih postingan saja.

1. Login ke Blogger

2. Pilih New Post/Posting Baru

3. Copy kode tsb di posting editor

4. Publish

5.Selesai Deh,ye....

Semoga Berhasil Yah...

kalo ada yg belum mengerti silakan berkomentar,insyaAllah saya bantu..


daftar isi cantik ala jQuery

Posted by Maulana Sp on Kamis, 22 Juli 2010 , under | komentar (4)



Berawal dari blogwalking ke blog sobat saya ojelhtc, ketika saya hendak mengarungi lautan artikel dalam blognya saya menemukan sesuatu di bagian daftar isinya,apa penemuan itu?penemuan itu adalah penampilan daftar isi itu sendiri,yg menurut saya sangat memukau akan keindahannya(menurut saya),dan saya mulai tertarik untuk ikut memasangnya di markas saya model daftar isi ini tergolong unik,dimana cara pengambilannya berdasarkan label atau kategori blog sehingga tidak terlalu panjang dan ringkas dan terkesan rapi,juga Blog anda akan terkesan lebih Profesional,untuk demonya anda bisa lihat pada gambar dibawah ini atau lihat langsung daftar isi di blog saya disini


Cara Membuat Daftar Isi Model JQuery Accordion

gimana ni?merasa tertarik?kalo ya,saya akan ngajarin kamu cara ngebuatnya,perhatikan dengan baik..
tak Usah Berbasa-basi Lagi,kita tu de poin saja .Ikuti ayat-ayat Berikut Ini...

  1. Login Ke Blogger.
  2. Masuk Ke Rancangan Lalu Edit HTML.
  3. Cari Kode Di Bawah Ini
  4. ]]>Lalu
  5. Masukan (copy paste) kode CSS dibawah ini diatas kode pada Langkah 4:

#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFi_q5A5ulMqXosVx-_2CnJ7sMDkoH3wvOejnbN3R2Hp3bIUnZSxSzDk6sOB236SGp-f4-lAszYxoOHzaggFEgvxOo9jktmrZqU7DPuL4Ybxz-nHDJ53jNTSDLdKAUR5b_dW1hbe9k7Gk/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXoInsvjmw_xiwNbGze8p-SXZhPxaNfrs-rn25fE_3Emi19f0_rCmXpiLBKJDoLRS2slfdJKRQvarVggLQFioMAgXWBBiKYR3JAqxIu-QDprpl2DfYxhOzTPgsOaIOhPmX9cu6VFMAumk/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMeEUIzcOKVr3Y0Mz4pMJHKVuTGt27iGJ9WUTklvC32BWNP10UNbPG4siCE6jpUhnjHd6tkYBzk4BPPBBnBPz9dYBA4atfbE-sVtxMVUxaWgCx9K02QAJEcmN5G3yo98Do4Eb0US7Y3VU/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }


Cssnya Sudah Dirapatkan Sedikit..
6.Cari kode dibawah ini:
</head> atau head

Langkah 7.
Masukan (copy paste) kode javascript dibawah ini diatas kode pada Langkah 6:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>

Lalu Simpan Template dan Langkah Terakhir Buat sebuah artikel dengan judul terserah anda (misal; Daftar Isi atau Table of Content) Lalu Ke Mode Edit HTML lalu Masukan (copy paste) kode dibawah ini ke dalam artikel :

<script type="text/javascript" src="http://hensblog.googlecode.com/files/dafis_accv1.js"></script>
<script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

ubahlah NAMABLOGANDA yg ada dalam kode dengan nama blog anda,jangan dengan alamat blog saya.ntar akan terjadi hal yang tak diinginkan,dan selesai sudah..
kalo menurut kamu ini bermamfaat silakan berikan komentar sahabat dibawah ini.