Cara Membuat Form Iklan Gratis JotForm

Iklan memang sangat menguntungkan bagi para Blogger atau Webmaster,karena dari iklan inilah para Blogger dan Webmaster mendapatkan uang. Untuk menunjang Bisnis Iklan anda di Blog atau Web,saya beri artikel nih Tentang Cara Membuat Form Iklan Gratis JotForm, kita akan membuat Form daftar isi untuk para Advester beriklan di blog kita. Bila anda ingin melihat secara langsung gimana form buatan saya bisa di Lihat Bagian Pasang Iklan di Gampang Tips and Trick di bagian Page. Ok langsung saja tanpa basa-basi berikut ini adalah cara pembuatan form :

1. Aktifkan pengeposan via email Dashboard > Setelan > Email & Seluler
    contoh: azkazulham.secretWords@blogger.com, isi secret words nya.
2. Kunjungi dan lakukan registrasi di JotForm (form registrasi di kanan bawah)
3. Buat form iklan gratis, silahkan berkreasi.
4. Hal yang perlu diperhatikan pada pembuatan form agar sesuai dengan template:

Pada tab Form style
    -  Background bisa di ribuah terserah kemauan,
    -  Width ganti 300.

Pada tab Setup & Embed
    -  Email Alerts > Add New Email > Notification Email > Recipient E-Mail isi email pengeposan
       di Blogger
    -  Klik Switch to Text Mode (di kanan bawah) kemudian hapus semua kode
    -  Klik kolom Subject, klik Judul Iklan sebelah kanan




    -  Dibawahnya klik Gambar:Image, Isi Iklan, kemudian tulis Dikirim Oleh , klik lagi dibawahnya
       Nama, Kota, No Telp dan Website, klik Finish. Hasilnya kurang lebih seperti ini :




Sekian Post kali ini,semoga dari apa yang saya berikan di atas,dapat bermanfaat bagi semua orang dan di gunakan dengan baik.


UNTUK PARA COPASER BOLEH COPAS ARTIKEL INI TETAPI SERTAKAN LINK SUMBER ARTIKELYA



Tag : Iklan,Pasang Iklan Gratis,Iklan Blog,Tips Blog,Iklan Gratis,Pasang Iklan di Blog.

Cara Membuat Widget Translate Blog Microsoft Keren

Widget Translate Blog adalah salah satu widget yang harus ada dalam blog,karena tugas dari widget blog ini adalah menstranslate bahasa dari blog agar pengunjung dari Luar bisa mengerti dari bahasa blog kita. Widget ini di buat oleh Microsoft Translator, bentuknya keren dengan model warna yang banyak dan juga memiliki bahasa yang banyak. Untuk melihat ScreenShot nya bisa di liha di bawah.
Untuk Membuatnya juga sangat mudah,ada 2 acara dalam pembuatan yang saya gunakan, Langsung dari Web atau Kita langsung dengan Kode dan Kostumisasi Sendiri :

A. Langsung Dari Web

1. Pertama Kunjungi link Microsoft Translator, Klik Disini
2. Lihat Gambar di bawah :


 Isikan Alamat Website anda di Site Address dan Pilih Bahasa dari Blog anda di Site Lengague.





Di gambar bagian atas,anda bisa memilih bagaimana translate itu di gunakan, Bisa dengan Manual , Notify atau Auto. Lalu anda Bisa memilih warna dari widget yang anda inginkan,lebar juga bisa di tentukan di step ini.





Langkah selanjutnya klik centang I Agree dan Generation Code. Yang saya tanda Silang Merah tidak usah anda hiraukan. Setelah Mendapatkan kode kita langsung Ke Blogger,Tata Letak dan Add Gadget lalu Pilih HTML/JavaScript.


B. Menggunakan Kode Langsung.

1. Log In ke Acount Blogger.
2. Pergi Ke Lay-out atau Tata Letak.
3. Klik Add Gadget dan Pilih HTML/JavaScript
4. Masuka Kode kalian Ke Form yang di Sediakan.

<div id="MicrosoftTranslatorWidget" style="width: 200px; min-height: 81px; border-color: #3A5770; background-color: #78ADD0;"><noscript><a href="http://www.microsofttranslator.com/bv.aspx?a=http%3a%2f%2fgtips-trick.blogspot.com%2f">Translate this page</a><br />Powered by <a href="http://www.bing.com/translator">Microsoft® Translator</a></noscript></div> <script type="text/javascript"> /* <![CDATA[ */ setTimeout(function() { var s = document.createElement("script"); s.type = "text/javascript"; s.charset = "UTF-8"; s.src = ((location && location.href && location.href.indexOf('https') == 0) ? "https://ssl.microsofttranslator.com" : "http://www.microsofttranslator.com" ) + "/ajax/v2/widget.aspx?mode=manual&from=en&layout=ts"; var p = document.getElementsByTagName('head')[0] || document.documentElement; p.insertBefore(s, p.firstChild); }, 0); /* ]]> */ </script><noscript><a href="http://gtips-trick.blogspot.com/"></a></noscript>

Keterangan:

1. Kode yang Berwarna merah adalah kode untuk lebar dari widget,bisa anda sesuaikan dengan keinginan.
2. Kode yang berwarna Biru adalah kode untuk warna dari widget tersebut.
3. Kode yang berwarna Hijau adalah kode untuk Link blog,bisa anda ganti dengan link blog anda.
4. Kode yang berwarna Ungu adalah kode untuk Script,jangan di hapus,bila di hapus widget tidak akan keluar.

Sekian post kali ini,, semoga apa yang saya berikan di atas dapat di mengerti dan di gunakan sebaik-baiknya.

UNTUK PARA COPASER BOLEH COPAS ARTIKEL INI TETAPI SERTAKAN LINK SUMBER ARTIKELYA

Tag : Widget Blog,Tips Blog,Translate,Widget Translate Blog,Widget Keren.

Cara Membuat Scroll pada Widget Blog

Scroll adalah bentuk minimalis dari sesuatu widget yang bisa kita tarik ke bawah dan ke atas. Penggunaan efek scroll pada widget ini bertujuan agar lebih rapi,tidak makan tempat banyak dan juga agar lebih terkesan minimalis. Membuat Widget agar Scroll pun tidak susah sangat. Karena kita hanya menambahkan beberapa kode agar fungsi scroll  muncul. Di dalam dunia blog,ada 2 cara untuk membuat Widget agar scroll,yaitu :

1. Widget tanpa kode HTML/Javascript.

Pertama kita harus tahu nama widget yang akan kita beri scroll sob. Caranya, masuk menu Tata letak dan sentuhkan cursor di tulisan edit pada widget yang akan sobat beri scroll. Pada bagian bawah akan terlihat nama widget, lihat pada gambar di bawah ini nama widget-nya adalah PopularPosts1.


Cara Membuat Scroll di Widget Blog


Setelah kita mengetahui nama widgetnya, maka sobat masuk ke menu Template dan pilih Edit Html.
Lalu sobat cari kode ]]></b:skin>, agar lebih mudah sobat gunakan tombol ctrl+F.

Masukan kode berikut tepat di atas kode ]]></b:skin>.

#PopularPosts1 .widget-content{
height:230px;
width:auto;
overflow:auto;
}

Nb : 1. Kode Berwarna merah adalah kode widget yang akan di beri scroll.
        2. Kode Berwarna biru adalah kode untuk tinggi widget scroll. 

Terakhir, Save dan lihat hasilnya.

2. Widget dengan kode HTML/Javascript.

Untuk membuat scroll pada Widget dengan HTML/Javascript, sobat hanya perlu menambahkan sedikit kode berikut pada widget yang akan diberikan scroll.

<div style="overflow:auto; width:100%px; height:230px; padding:10px; border:1px solid #999999;">
"kode widget"</div>
Nb : 1. Tulisan yang berwarna merah adalah tempat untuk menaruh kode widget yang akan di scroll.
        2. Kode yang berwarna biru adalah lebar untuk widget scroll.

UNTUK PARA COPASER BOLEH COPAS ARTIKEL INI TETAPI SERTAKAN LINK SUMBER ARTIKELYA


Tag : Widget blog,Scroll Widget,Membuat Scroll,Tips Blog,2013.