Random Image background with CSS

Random Image background with CSS mulai aku pake beberapa hari yang lalu, dulunya aku pake javascript, tapi ternyata ada yang lebih bagus :).

Untuk Contoh hasil akhir aku buat halaman khusus Random Image Background dan bisa juga di download tutorialnya dan contoh jadinya kalo pengen nyobain dirumah.

Tutorial:

Untuk membuat random image baik untuk header atau untuk keperluan lainnya, dulu aku pernah pake Javascript. Ternyata masih ada yang efektif dan efisien, selain itu juga lebih mudah, yaitu menggunakan CSS dengan bantuan script Random Image Rotator dari Automatic Labs. (Refress (F5) atau Reload halaman contoh beberapa kali untuk melihat pergantian image pada bagian header/atas)

* Download file Random Image Rotator dan simpan dengan nama rotator.php.
* Masukkan semua image ke folder yang sama dengan file rotator.php, untuk contoh ini saya buat folder dengan nama headerimages untuk image-image yang akan digunakan untuk bagian header .

Buat kode CSS untuk memanggil image-image tadi, contoh yang saya buat untuk bagian header/atas halaman contoh tersebut adalah:

#header {
margin: 0px;
width: 100%;
background-color: #660000;
background-image: url(headerimages/rotator.php);
background-repeat: no-repeat;
background-position: center center;
height: 120px;
padding-top: 26px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
}

Yang paling penting adalah pada bagian yang saya tebalkan, jadi file rotator.php tadi kita jadikan sebagai background dalam CSS kita.

Setelah membuat CSS, buat kode xhtml seperti dibawah ini dimana kamu pengen random image-nya muncul:

 

Random Image background with CSS untuk Adsense

Dengan cara yang sama, teknik ini bisa dipake untuk ngasih background di sebelah iklan adsense kamu secara random seperti contoh disamping kanan halaman contoh. (Refress (F5) atau Reload halaman tersebut beberapa kali untuk melihat pergantian gambar yang dimaksud)

Untuk keperluan ini, aku buat satu folder khusus untuk meletakkan image-image yang akan dipake sebagai background iklan, untuk contoh ini aku pake folder dengan nama ads. Jangan lupa, copy juga file rotator.php tadi ke folder ads.

Kode CSS yang dipake adalah:

.adskanan {
float: right;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 4px;
background-image: url(ads/rotator.php);
background-position: left center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 100px;
background-repeat: no-repeat;
}

Kemudian dihalaman dimana kamu pengen iklannya muncul dengan background, buat kode seperti ini:

KODE ADSENSE KAMU DISINI !!!

Perhatian: Jangan mengisi folder image dengan file lain kecuali images yang akan dipake dan file rotator.php, termasuk file Thumbs.db yang sering muncul kalo di windows, jangan di upload.

Gunakan CTRL+F5 untuk melakukan Refress/Relaod baik di Internet Explorer maupun Mozilla Firefox

SELAMAT MENCOBA !!

Klik disini untuk melanjutkan »»

Saya tertarik dengan Google Adsense, saya ingin tahu tentang beberapa hal

Di Bank mana kita menukar cheque dari Google ?
Saya kira di semua bank bisa, mungkin ada pebedaan di ketentuan masing-masing bank, misalnya saya menggunakan bank niaga, umur rekening harus lebih dari 6 bulan dan di potong $5 untuk setiap cek yang kita cairkan. 34 hari baru ceknya cair untuk bank niaga.

Jika kita sudah pernah terima cheque dari Google kemudian kita pindah alamat rumah, apakah ada efek negatif dari google ?
saya kira nggak, khan tinggal update alamat barunya ajah di google, sebaiknya perubahan dilakukan sebelum tanggal 15 bulan bersangkutan, kalo lewat tanggal 15 maka akan di kirim ke alamat lama.

Apakah Adsense for search harus dihalaman tersendiri ?
Nggak, bisa bareng sama yang lain kok, tapi cuman 1 adsense for search perhalaman.

Bolehkah kita ikut Google adsense untuk website yang bersifat iklan baris ? Isinya cenderung berubah berdasarkan iklan yang dikirimkan oleh pengunjung..
saya kira tidak masalah, yang penting isinya tidak menyalahi aturan dari google.
diposkan isnaini

Klik disini untuk melanjutkan »»

Pertanyaan tentang Template, Blogger, Feedburner dan Adsense

Selama ini saya memakai template dengan menggunakan table, hal ini akan membuat loading agak lama. Saya yakin dengan template yang non table akan lebih cepat loadingnya.

Akhirnya yang ditunggu-tunggu diposting juga tentang template untuk blogger non table. Terima kasih banget mas…

Sebenarnya saya mau memasang template 3 column adsense tapi sewaktu saya online tgl 18/01, web blogger ga bisa dibuka. Akhirnya saya pelajari kode-kode template tersebut. Kalo ga salah template ini akan membuat rolling image di sebelah kanan iklan adsense ukuran 336×280. Woow… dinamis banget dech!! iiiiiini yang saya cari.

Pertanyaan tentang blogger:

Sewaktu membuka blog saya, yang tampil ada beberapa postingan. Namun yang saya kehendaki adalah hanya satu postingan saja. Sedangkan yang lain itu hanya berupa potongan posting kemudian diberi link ke postingan sesungguhnya (… potongan posting … readme more). Bagaimana cara membuat hal tersebut?

Untuk membuat potongan posting dengan read more… saya udah pernah bikin tutorialnya

Pertanyaan tentang web isnaini.com:

Saya lihat untuk postingan yang berbahasa indonesia kok bisa menampilkan iklan adsense, bagaimana hal ini bisa terjadi?

Mungkin iklan yang sesuai dengan materi yang saya tulis tersedia di adsense, atau yang masang iklan memang pengen iklannya muncul disitu.

Pertanyaan tentang them 3 column adsense plus:

1. Site meter code register di mana? beri penjelasan step by step!

Silahkan daftar di sitemeter dan ambil kode untuk dipasang diblog kamu. Lagian juga gak harus sitemeter, pake hit counter yang lain juga gak apa-apa.

2. Apa arti dari code:
< rel="alternate" type="application/atom+xml" title=""> Via Feedburner" href="http://feeds.feedburner.com/isnaini" />
< rel="alternate" type="application/rss+xml" title=""> Via Feedburner" href="http://feeds.feedburner.com/isnaini" />

itu adalah url dari feed saya di feedburner, silahkan ganti dengan url feedburner kamu. code itu dipasang dihalaman agar otomatis diketahui oleh browser yang support dengan feed.

4. Cara mendapat google search code lewat GA kok gak bisa? Apakah problem ini bisa diatasi dg. men copy code milik orang lain terus diubah google_ad_client = “pub-….” ?

Login ke adsense, pilih Adsense Setup, klik adsense for search dan atur sesuai dengan keinginan kamu. Boleh aja ngopi kode orang trus pub-id nya diganti, tapi biasanya setting masing-masing orang berbeda, jadi ambil sendiri aja.

5. Untuk subscribe ke feedsburner, tujuannya untuk apa? Apakah sekali register sekaligus dapat membuat beberapa feed (+Yahoo, +Google, +rojo, technocrati, dll)?

Masing-masing blog software udah punya feed sendiri-sendiri, termasuk blogger. Kita menggunakan feedburner tujuannya agar bisa kompatibel dengan semua jenis reader, juga kita bisa tau berapa orang yang subscribe dengan feed kita dengan menampilkan feed counter. Kodenya bisa diambil di feedburner.

Dengan satu account di feedburner kita bisa masukin beberapa feed, artinya masing-masing blog yang kita punya bisa kita buatkan alternative feed nya di feedburner. Untuk +Yahoo, +Google, +rojo, technocrati, dll di feedburner kodenya bisa langsung diambil untuk masing-masing feed yang kita bikin.

6. Berikan langkah2 step by step untuk poin 5?

+Yahoo, +Google, +rojo, technocrati, dll bukan feed, tetapi button dengan dengan link agar orang lain bisa langsung subscribe ke reader yang mereka pake. Button-button ini istilahnya Chicklet Chooser di feedburner, caranya, klik pada nama feed yang udah kamu daftarin, pilih tab Publicize kemudian klik pada link Chicklet Chooser. Kemudian klik pada masing-masing button untuk mendapatkan kode yang akan kamu copy ke template kamu pada bagian Copy the HTML below for use in your own page templates:

7. Image rolling apakah bisa ditempatkan sebagai background? Code apa yang dirubah bila pakai them 3 column adsense?

Coba liat tutorial yang saya bikin tentang random image background dengan css

8. Bagaimana cara register di feedburner.com dari awal sampai akhir?

Daftar seperti mendaftar yang lain, cuman ngisi form aja. kalo udah register , masukin feed blog-blog yang kamu, untuk blogspot, feed standarnya adalah http://nama.blogspot.com/feeds/posts/default, ikuti langkah-langkahnya. Coba dulu, Kalo kurang jelas nanti tanya lagi tentang feedburner.

9. Satu lagi, pertanyaan ini dulu sudah pernah saya berikan dan sekarang sudah ada implementasinya di isnaini.com, implementasi lainnya bisa dilihat di member area GA (maaf linknya lupa). Bagaimana cara membuat iklan adsense misalanya ukuran 336×280 berada di kiri dari postingan, kemudian lanjutan postingan tersebut berada di bawah iklan adsense? Kalo bisa hal ini bisa diimplementasikan di blogger.

Untuk hal ini mungkin kamu bisa baca tentang conditional tag di blogger

Sebelumnya mohon maaf kalau pertanyaan ini terlalu banyak, maklum pemula sih.
Wassalam

dipost oleh isnaini.com

Klik disini untuk melanjutkan »»

Feedburner pake Google Account

Sejak di akusisi Google pada 2007, sebagian besar layanan feedburner makin bagus, misalnya integrasi dengan google adsense untuk RSS monetization lewat Adsense for Feed. Untuk memudahkan intergrasi, google mulai mengharuskan user feedburner untuk menggunakan google account dan harus sudah di pindah sebelum tanggal 28 februari 2009.

Selanjutnya untuk login ke feedburner akan di pindah ke feedburner.google.com. Untuk publisher adsense, kamu bisa coba-coba Adsense for Feed yang udah bisa untuk semua publisher. Kalo account feedburner kamu udah pake google account, otomatis feed yang kamu punya atau buat lewat feeburner akan tampil di account google adsense, adsense for feed, tinggal pilih aja feed yang mau dipasang iklan adsense. Cara pasang adsense di feed, silahkan liat disini

Klik disini untuk melanjutkan »»

Adsense for domain akan dibuka buat semua publisher, walaupun untuk sementara ini belum semua publisher kebagian masuk program ini. Tapi dalam waktu dekat kita semua bisa ikut.

Sebenarnya Adsense for domain udah ada sejak dulu, tapi terbatas untuk kalangan publisher dengan jumlah domain dan traffic tertentu.

Adsense for domain adalah program dari Goole Adsense buat yang punya domain ngangur alias domain parking, kayaknya bakalan banyak yang bersorak-sorak bergembira dengan program baru ini , terutama yang jadi korban banned massal jaman maen parked dulu.

Sementara kita nunggu dapat giliran, mending nyiapin domain-domain nganggur dulu sambilan baca aturan maennya disini.

Oh ya, buat yang belum tau, Adsense dan Google Analytic udah bisa di link, artinya kamu bisa liat report lebih detail tentang account adsense kamu lewat Google Analytic. diposkan oleh isnaini.com

Klik disini untuk melanjutkan »»