AdsOptimal Sumber Dollar Baru Blogger

Satu lagi sumber Dollar baru buat blogger. AdsOptimal, sebuah jaringan periklanan berbasis CPM. yang memiliki nilai CPM lumayan tinggi dibandingyang lainnya.

Advertising berbasis CPM ini memiliki beberapa keunggulan dibanding yang lain diantaranya:
a. Pembayaran (pay out) minimum $50 via Paypal atau Cek
b. Menerima semua blog, (kecuali konten dewasa/porno)
c. Iklan bahkan langsung muncul tanpa proses review yang ribet kecuali konten dewasa.
d. Berbasis CPM dan nilainya lumayan tinggi dibanding jaringan pengiklan lain.
e. Bonus 10 Dollar pertama kali buat pendaftaran dan 5 Dollar jika disetujui sebagai publisher Premium.

Cara Daftar AdsOptimal

Proses pendaftaran cukup mudah, silakan masuk ke www.adsoptimal.com
Klik Sign Up bagian kanan atas, Isi lengkap Email, nama lengkap, centang owner site dan keterangan bukan situs dewasa, deskripsi blog, pilih kategori blog dan traffic kunjungan blog.


lalu Klik Submit for Review.

Buka email saat pendaftaran...

Cara Pasang Iklan AdsOptimal

Setelah berhasil login, sobat blogger akan langsung menuju halaman untuk membuat kode iklan.
Iklan di adsoptimal terdiri dari 2 jenis, untuk versi mobile dan kode iklan untuk versi desktop
Iklan untuk versi mobile

Klik Get Code 1 di tab bagian atas, lalu pilih jenis iklan mobile yang diinginkan

Lalu klik get code, Klik I understans Show me the code.

pasang kode iklan adsoptimal

Akan muncul kode iklannya, copy lalu pastekan di setelan Tata Letak blog. Untuk blogspot tinggal tambahkan kode HTML/Javascript biasa di add widget. Iklan jenis ini hanya muncul di tampilan/ pengunjung mobile.


Iklan versi desktop

Untuk mendapatkan kodenya Klik Desktop, pilih ukuran iklan, lalu Klik Get Code > I Understand Show me the code

iklan desktop adsoptimal

Agar iklan muncul, ada 2 tahapan  penempatan kode, untuk kode pertama dimasukkan di dalam template (ini harus).

Kode pertama, copy kodenya, buka template sobat, edit HTML lalu cari kode </head>, letakkan kode Adsoptimal pertama tadi di atas kode </head> tadi Simpan template.

sedangkan untuk kode yang kedua boleh di dalam post, di sidebar, footer maupun di header blog. Tambahkan add gadget/widget seperti biasa.

Untuk pengguna wordpress Untuk pengguna wordpress ada plugin tersendiri untuk memasukkan kode

Kekurangan adsoptimal adalah tidak bisa dipadukan dengan Google adsense, berbeda dengan infolinks yang boleh ditempatkan dalam satu blog yang sama dengan Adsense. Kemudian ukuran iklan hanya ada 5 ukuran.

Silakan daftar aja dulu dech, karena kalo gak nyoba kan gak tahu, hehehe, nilai CPM nya lumayan tinggi. Oh ya, apa itu CPM, Googling aja dah klo belum tahu. Silakan ke adsoptimal.com untuk mendaftar

Cara daftar infolinks.com

Sebagaimana post terdahulu saya sudah membahas gajian dollar dari infolinks, berikut ini saya akan share cara daftar infolinks menggunakan blog gratisan blogspot. Namun perhatikan dulu persyaratan blog yang akan diterima infolinks berikut ini:

1. Artikel yang didaftarkan wajib berbahasa Inggris atau Spanyol. Tenang nanti akan saya kasi sobat blogger artikel gratis bahasa Bahasa Inggris.
2. Email, ya haruslah buat berhubungan masalah gajian dan berita infolinks lainnya.
3. Sudah. Hehehe

Unduh disini untuk artikel bahasa inggris gratis

Nah silakan sobat masuk ke www.infolinks.com

Join infolinks

Masukkan nama lengkap, email, dan password, masukkan alamat blog kamu yang sudah dibuat tadi, jangan lupa bikin dulu blogspot berbahasa Inggris untuk nantinya akan di daftarkan.

cara daftar infolinks

Sesuai perintah, masukkan kode javascript iklan yang diberikan ke dalam template blog sobat.
cari kode <body> lalu pastekan di atasnya, Simpan template.

Nah oke.... tunggu 1-2 hari apakah blog sobat diterima. Jangan lupa pemberitahuan akan disampaikan lewat email sobat. Jika sudah diterima, kode iklan yang sama bisa ditempatkan di blog berbahasa Indonesia milik sobat yang kunjungannya cukup banyak agar pendapatan sobat juga tambah banyak. Nanti akan saya share trik meningkatkan pendapatan infolinks.

Jika sudah diterima, secara otomatis iklan akan muncul di blog.
Ada beberapa tipe iklan infolinks.com, seperti intext, infold, intag, inframe, dan inscreen, masing-masing bisa dimunculkan atau tidak.

Intext merupakan iklan yang akan muncul saat kursor pengunjung diarahkan ke dalam link dalam tulisan. Muncul secara random/acak terhadap kata apa yang dilink.

bentuk iklan infolinks.com

Infold, iklan yang muncul dari bawah layar,
Intag, berupa link yang bila cursor mouse akan muncul iklan, bisa diatur secara manual, atau otomatis yang muncul di bawah artikel blog.
Inframe iklan yang muncul di kiri dan kanan layar monitor
Inscreen iklan yang muncul menutupi seluruh layar monitor.

Saya sendiri memadukan antara adsense dan infolinks dalam satu blog, jadi ada beberapa jenis iklan iklan infloinks yang saya disable/tidak dimunculkan di blog. Tujuannya agar pendapatan adsense lebih besar. Jenis iklan yang saya sembunyikan, adalah inframe dan infold. Namun jika blog sobat dimonetize hanya memakai infolinks sebaiknya diaktifkan semua jenis iklan agar pendapatan bisa lebih besar.

Dapet Dollar dari Infolinks

Halo teman blogger, sudah sangat sangat lama sekali saya tidak posting artikel tentang blogging. Maklum sibuk ngelola blog lain dan pekerjaan lainnya. Pada kesempatan ini Julak akan berbagi cara medapatkan Dollar yaitu dengan infolinks. Apa itu infolinks? Infolinks Tidak jauh berbeda dengan sumber penghasil Dollar lainnya. Namun menurut saya ini merupakan alternatif terbaik selain adsense. Apalagi tdak pernah saya dengar istilah Banned dari infolinks.

Apa saja kelebihan infolinks?

1. Pembayaran lumayan tinggi dibanding PPC berbasis CPM yang lain.
2. Menerima blog gratisan seperti blogspot
3. Pembayaran mudah, support paypal, dan Western Union
4. Pemasangan kode cukup mudah
5. Pendaftaran cukup mudah tidak sulit untuk diterima
6. Pembayaran minimal $50 sudah bisa pay out.
7. Bisa dipasang di blog berbahasa Indonesia, walaupun saat pendaftaran wajib memakai blog Inggris
8. Bisa dipasangkan bersama google adsense. 

Berikut hasil gajian dollar saya dari infolinks

pendapatan infolinks

Pembayaran infolinks via paypal

Nah bagaimana tertarik bermain infolinks? Silakan menuju infolinks.com untuk mendaftar infolinks.

Cara membuat tabel di Blog tanpa Coding

Membuat tabel dalam sebuah artikel bagi sebagian blogger mungkin merupakan hal yang sulit, karena bagi kita yang belum paham kode-kode HTML tentu akan kebingungan. Sebenarnya bisa saja kita membuat tabel dengan mengcopy paste dokumen tabel yang sudah kita buat di Microsoft word atau Excel. tapi jika sobat blogger memiliki koneksi internet yang lelet, terkadang tidak bisa terpublikasi. Mengapa bisa tidak terpublikasi? Karena tabel atau dokumen yang langsung kita copy paste dari microsoft word / Excel tadi sebenarnya mengandung kode-kode rumit. Terkadang pula tabel yang sudah kita copas dari excel, ketika di masukkan ke posting blog tidak menjadi sebuah tabel yang diinginkan / tidak ada garisnya.

Jika sobat sudah memakai software/aplikasi Windows Live Writer, membuat tabel akan mudah dilakukan, karena dalam toolsnya sudah ada pembuat tabel. Berbeda dengan blogger yang belum ada.

Buat sobat yang menemui kendala dalam pembuatan tabel di blog karena belum mengenal kode-kode HTML/CSS tabel, mungkin bisa mengikuti cara berikut ini.

1. Buatlah terlebih dulu tabel artikel kita di MS word/excel.

2. Blok/Highlight tabel yang sudah jadi tadi, kemudian copy.

3. Lalu Masuk ke http://tableizer.journalistopia.com/

4. Paste dokumen tabel tadi di dalam for.

Paste your cells from Excel, Calc or other spreadsheet here:

5. Jangan lupa mengatur ukuran huruf, jenis huruf dan warna header tabel di posting blog.

6. Jika sudah selesai, lihat preview kodenya di bagian bawah, Klik Tableize it!

7. Tunggu sebentar, maka Akan di dapat kode HTML untuk tabel yang siap dimasukkan ke dalam posting blog.

8. Langkah berikutnya adalah copy kode yang di dapat di form

9. Masuk ke pembuatan artikel, Silakan masukkan kata atau kalimat yang dikehendaki
 
Klik menu HTML di samping menu Compose.

Memasukkan kode yang sudah di copy tadi pada tempat yang dikehendaki

10. Kembali ke menu Compose untuk memasukkan kalimat atau kata-kata yang lainnya, seandainya tabel berada di tengah postingan.


Sebagai contoh bisa dilihat pada tabel di bawah adalah hasil Tableizer.

No	Nama Tutorial	KODE	Keterangan
1	Cara membuat tabel	HTML
2	Cara membuat tabel	CSS 3
3	Cara membuat tabel	CSS 5

Cukup mudah bukan? Memang untuk pewarnaan hanya bisa di header tabel saja. Silakan sobat coba-coba.

Cara Membuat Menu Navigasi Horisontal Bercabang / Drop Down Menu

Template default bawaan blogger biasanya minim sekali dengan widget-widget termasuk menu navigasi. Terkecuali jika kita mendownload sendiri template dari blog lain. Menu navigasi penting artinya untuk meningkatkan kunjungan ke blog kita, walaupun masih ada cara lain seperti menambahkan label, recent posts, related posts ataupun popular posts di blog kita. Menu navigasi biasanya terdiri dua macam; vertikal dan horisontal. Menu navigasi Vertikal atau menu navigasi lurus ke atas biasanya diletakkan di sidebar, sedangkan menu navigasi horisontal kita letakkan di atas judul posting atau di bawah header/judul blog.

menu navigasi horizontal bercabang

Membuat menu navigasi bisa dilakukan dengan berbagai cara, bisa memasukkan kode css ke dalam template, ini permanen tentunya, dan cara yang kedua cukup menambahkan widget dengan memasukkan kode tertentu ke dalam widget/gadget tersebut. Pada tutorial ini saya akan membuat menu navigasi horizontal dengan cara yang cukup mudah yang letaknya di bawah header.

Oke langsung saja bagaimana cara membuat menu navigasi horisontal bercabang,

Masuk ke akun blogger> Dasbor > tata letak > Tambahkan gadget > pilih HTML/Javascript, kemudian masukkan kode berikut ini. (Jangan lupa saat menambahkan gadget, pilih gadget yang di bawah header.)

add menu navigasi

    <style>
    #menunavigasihorisontal {
        background: #848484;
        width: 100%;
   
        color: #FFF;
            margin: 10px 0;
            padding: 0;
            position: relative;
            border-top:0px solid #960100;
            height:35px; }

    #bb2nav {
        margin: 0;
        padding: 0;}
    #bb2nav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2navli {
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2nav li a, #bb2nav li a:link, #bb2nav li a:visited {
        color: #FFF;
        display: block;
       font:bold 12px Helvetica, sans-serif;
       margin: 0;
        padding: 9px 12px 11px 12px;
            text-decoration: none;
            border-right:0px solid #627AAD;}
    #bb2nav li a:hover, #bb2nav li a:active {
        background: #2E9AFE;
        color: #FFF;
        display: block;
        text-decoration: none;
            margin: 0;
        padding: 9px 12px 11px 12px;}

    #bb2nav li {
        float: left;
        padding: 0;}
    #bb2nav li ul {
        z-index: 9999;
        position: absolute;
        left: -999em;
        height: auto;
        width: 160px;
        margin: 0;
        padding: 0;}
    #bb2nav li ul a {
        width: 140px;}
    #bb2nav li ul ul {
        margin: -25px 0 0 161px;}

    #bb2nav li:hover ul ul, #bb2nav li:hover ul ul ul, #bb2nav

li.sfhover ul ul, #bb2nav li.sfhover ul ul ul {
        left: -999em;}
    #bb2nav li:hover ul, #bb2nav li li:hover ul, #bb2nav li li

li:hover ul, #bb2nav li.sfhover ul, #bb2nav li li.sfhover ul, #bb2nav

li li li.sfhover ul {
        left: auto;}
    #bb2nav li:hover, #bb2nav li.sfhover {
        position: static;}
    #bb2nav li li a, #bb2nav li li a:link, #bb2nav li li a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        margin: 1px 0 0 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;}
    #bb2nav li li a:hover, #bb2nav li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}
    #bb2nav li li li a, #bb2nav li li li a:link, #bb2nav li li li

a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;
        margin: 1px 0 0  -14px;}
    #bb2nav li li li a:hover, #bb2nav li li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}

    </style>
    <div id='menunavigasihorisontal'>
              <ul id='bb2nav'>
                <li>
                  <a href='#'>Home</a>
                </li>
                <li>
                  <a href='#'>Tentang Saya</a>
                </li>
                <li>
                  <a href='#'>Contact</a>
                     <ul>
                        <li><a href='#'>Sub Halaman 1</a></li>
                        <li><a href='#'>Sub Halaman 2</a></li>
                        <li><a href='#'>Sub Halaman 3</a></li>
                      </ul>
                </li>
                <li>
                  <a href='#'>Daftar Isi ▼</a>                 <ul>
                    <li><a href='URL'>Sub Menu 1</a></li>
                    <li><a href='Url'>Sub Menu 2</a></li>
                    <li><a href='Url'>Sub Menu 3</a>
                   <ul>
                    <li><a href='#'>Sub Sub Menu 1</a></li>
                    <li><a href='#'>Sub Sub Menu 2</a></li>
                    <li><a href='#'>Sub Sub Menu 3</a></li>
                  </ul>
                  </li>
                  </ul>             </li>

          </ul>
        </div>

Pengaturan dan modifikasi;

1. Silahkan ubah warna background menu sesuai selera ditandai dengan kode seperti #2E9AFE

2. Untuk membuang cabang yang tidak dibutuhkan (mungkin terlalu banyak lihat kode berwarna biru 

                  <ul>
                    <li><a href='#'>Sub Sub Menu 1</a></li>
                    <li><a href='#'>Sub Sub Menu 2</a></li>
                    <li><a href='#'>Sub Sub Menu 3</a></li>
                  </ul>

bisa juga sobat tambahkan di item menu lainnya jika ingin.

3.  Masukkan alamat halaman atau postingan blog yang dikehendaki pada kode # .

4.  Perhatikan kode-kode yang sudah diberi warna saat menambah atau membuang item menu tertentu agar tidak error.


Oke saya kira sudah cukup jelas dan mudah, untuk live  demo silahkan buka di sini

Selamat mencoba.  

Update:

Buat sobat yang bermasalah saat memasang di elemen header cari kode berikut ini (warna merah):

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Sample Blog (Header)' type='Header'>
<b:includable id='main'>

ganti 1 menjadi 3 no menjadi yes sehingga menjadi seperti ini. 

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

Setelah itu pindahkan kode HTML/javascriptnya diatas atau di bawah elemen header.

Buka juga CSS 3 drop down menu navigasi yang saya pakai ini

Cara merubah akun facebook pribadi menjadi halaman facebook

Halo sobat blogger, apa kabar neeh, udah 2 minggu lebih gak bikin postingan. Sebetulnya banyak ide untuk bikin postingan, cuma masalah kesibukan pekerjaan and ngurus blog yang lain, jadi gak sempat buat artikel di blog super-gaptek.com. Pada kesempatan ini saya mau share "rahasia" (bagi yang belum tau kali yeee) yaitu mengganti atau migrasi akun facebook pribadi kita menjadi halaman / fan page facebook. 

Tau sendiri khan, betapa susahnya mengajak pengunjung untuk ngelike halaman facebook kita. Dapat 1 atau 2 dalam sehari aja yang suka rela ngelike sudah untung, hehehe. Memindahkan akun facebook sendiri menjadi halaman facebook merupakan salah satu teknik biar likers fan page kita banyak, namun dengan trik yang bisa dibilang "curang" hehehe.... 

Loh, emang bisa? ya bisa laah... namun ada beberapa hal yang perlu diketahui;

1. Pastikan Sobat sudah membackup seluruh foto yang pernah di upload, artinya seluruh foto, baik foto profil, dinding, maupun foto sampul timeline yang ada akan terhapus.

2. Seluruh isi status di dinding kita, maupun komentar kita di status teman akan hilang

3. Segala bentuk aplikasi baik group, like halaman facebook page tertentu juga akan hilang. 

Nah, jika sudah siap, silakan ikuti langkah-langkah berikut.

Cara pindah akun facebook menjadi halaman facebook

1. Masuk ke akun facebook kamu yang mau dibikin halaman facebook.

2. Kemudian buka https://www.facebook.com/pages/create.php?migrate

3. Langkah selanjutnya akan muncul tampilan seperti kita membuat halaman facebook seperti biasa.

4. Pilih kategori, Beri nama halaman facebook (Merek atau produk) Centang persetujuan, Terakhir Klik mulai

5. Proses migrasi bisa saja gagal, dimana akan muncul gambar seperti di bawah;

Tapi sobat bisa mencobanya lagi, bisa 30 menit atau saru jam setelahnya. Saya sendiri berkali-kali mencoba sampai berhasil.

Oke saya kira cukup itu saja, ya. Mudahan tips cara migrasi akun facebook pribadi menjadi halaman facebook ini bisa membantu sobat blogger yang kesulitan mendapatkan fans facebook, hehehe (termasuk saya looh)

Cara Membuat / Mengganti Favicon / Site Icon Blog

Favorit Icon atau yang disingkat Favicon adalah sebuah gambar kecil di address bar. Terletak disebelah kiri nama blog ataupun judul posting blog yang sedang kita buka. favicon bawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak berwarna orange. Seorang blogger mengganti faviconnya mungkin bisa jadi agar terlihat lebih indah, keren dan profesional, hehehe. Lihat Gambar di Bawah.

Ada 2 cara untuk mengganti favicon, cara pertama ialah secara default dan ini cukup mudah dilakukan sedangkan cara kedua ialah dengan membuat favicon secara online kemudian mengupload gambar favicon itu di hosting/tempat penyimpanan image online (misal di google code). Yuk kita simak sama-sama caranya.

Cara Pertama;

1. Buatlah dan Siapkan gambar yang akan dijadikan favicon, persegi bujur sangkar misalnya ukuran 32x32 pixel atau berapapun yang penting harus persegi.

2. Masuk ke Rancangan > Tata Letak > Lihat ada kata Favicon di atas header, Klik link Edit.

3. Cari gambar dengan klik Telusuri lalu klik simpan.

4. Favicon blog sobat sudah berubah. hehehe

Cara kedua;

1. Masuk ke genfavicon.com  atau ke www.favicon.cc
 
2. Buat favicon di  situ. sebagai contoh saya akan membuat favicon di genfavicon.

3. Masukkan gambar baik lewat url gambar ataupun menguploadnya (disini saya menguploadnya) lalu Klik Upload image

4. Jika sudah diupload bisa Select Size untuk menentukan ukuran gambar. atau juga memotongnya/crop (crop & preview) sesuai tampilan yang kita inginkan.

5. Download favicon Image. Lalu upload ke hosting gambar, disini Saya menguploadnya ke google code.

6. Buka Dasbor > Menu Template > edit HTML > centang expand template, cari kode  <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload di hosting image tadi, tepat di atas kode  
<b:skin><![CDATA[.  diantara kode biru dibawah.

<link href=' masukkan alamat tempat hosting favicon ' rel='shotcut icon'/>

sebagai contoh lihat kode di bawah ini.

<link href='http://julak-project.googlecode.com/files/animated_Favicon.gif' rel='shotcut icon'/>
 <b:skin><![CDATA[

pada kode berwarna merah diatas, adalah alamat saya menyimpan/hosting gambar favicon blog ini.

7. Jika sudah klik pratinjau, lalu save template. Lihat perubahannya.

Jika sobat mau tau cara membuat file hosting image, javascript maupun dokumen lain di google code termasuk menyimpan gambar favicon silahkan kunjungi postingan cara membuat file hosting di google code

Nah bagaimana sobat sudah berhasil mengganti faviconnya, terlihat lebih profesional, keren dan ... bagus khan? hehehe selamat mencoba. Salam Blogger.