Google

YUUUUUKKK BELAJAR BARENG

MEDIA PEMBELAJARAN BERSAMA


yukkkkkkk SINAU!!!!

Tuesday, July 8, 2008

CARA MENAMBAH/MENGHILANGKAN BORDER DALAM CSS TEMPLATE

NOTE: UNTUK TEMPLATE SCRIBE, TICTAC DAN THISAWAY
Karena border dalam template tersebut termasuk dalam image/gambar latar belakang(background image) maka penampilan border tersebut tidak bisa dirubah.
Jika ingin mengubah border pada main post dan sidebar, maka background Image pada template jenis ini harus dirubah/diganti.

sedangkan untuk template yang lain bisa langsung saja.

BORDER
Pada waktu kita Login, pilih TEMPLATE ...> EDIT HTML
tekan Ctrl F untuk mencari kata "border" temans akan melihat berbagai kata border sebagai result.
biasanya akan tampil dalam bentuk seperti ini
border:1px solid $bordercolor;

1. Terbagi dalam 4 jenis, yaitu;
“border-top”, “border-bottom”, “border-left” or “border-right”


2. Border-width/ketebalan border
ditulis dalam bentuk nilai dalam pixel. secara umum, nilai/values nya adalah:

1px (or any other length)
thin
medium
thick

3. border-style/Model Border
Umumnya border style yaitu:
none
hidden
dotted
solid
dashed
double
groove
ridge
inset
outset

4. border-color/Warna
jika temans melihat kode ini $bordercolor, ini adalah viariable (“Border Color”) temans bisa menggantinya melalui Template -> Fonts and Colors. Jika temans ingin warna yang lebih spesifik untuk elemen border, temans dapat mengganti value $bordercolorkepada color code.

Contoh values nya:-
#cc0000
rgb(204,0,0)

untuk list color codes bisa dilihat disini


Sekarang kita sudah mengerti tentang definisi border, mari kita ubah tampilan template kita.

Go to Template -> Edit HTML

1. Border di sekeliling profil image kita (border around profile image)
Cari tulisan seperti dibawah ini, jika temans tidak mau ada border ubah menjadi “0px”:-

.profile-img {
border: 0px solid $bordercolor;
}
atau dengan perintah “none”:-

.profile-img {
border: none;
}

jika temans ingin model/style yang berbeda, pilih dari salah satu settingan style diatas, sebagai contoh;-
.profile-img {
border: 2px dashed #ff00ff;
}

maka temans akan mendapatkan border dengan garis terputus-putus (dashed ------) dengan ketebalan 2px berwarna pink (#ff00ff)


2. Border disekeliling Gambar/ Images dalam Postingan
dalam Blog Posts, Border styles untuk images dapat ditemukan disini:-

.post img {
border:1px solid $bordercolor;
}

set ke nilai “0px” atau “none” untuk menghilangkan border disekeliling gambar dalam postingan atau
ubah bentuk dan ukuran border sesuai dengan yang temans sukai.

contoh
.post img {
border:3px outset #ff00ff;
}

maka images akan memiliki border seperti berada dalam box/kotak tebal

Jika temans memposting banyak gambar dan graphics, maka temans akan menghabiskan banyak waktu mengkonfigurasi settingan dan memilih border mana yang cocok sesuai dengan postingan dan selera temans.

3. Border disekeliling Images/gambar Links
Dalam beberapa template, ada style/model untuk image links/gambar link. Gambar ini bisa diklik (clickable images) yang akan membawa temans kepada halaman/web yang lain ketika di klik.

temans bisa mengganti kode border pada perintah disini:-

a img {
border:0;
}

silahkan diganti value yang sesuai dengan keinginan temans.

4. Border di sekeliling gambar dalam Sidebar/Border around Images in Sidebar

dalam MINIMA template, tidak ada unik style untuk gambar dalam sidebar. Kita bisa mengeset definisi style untuk gambar tersebut (dalam sidebar), tanpa mengefeksi border dalam blog post kita.
Tambahkan perintah ini dalam stylesheet;

.sidebar img {
border:6px ridge #ff00ff;
}

dalam contoh diatas, gambar akan memiliki efek "ridge" atau border tampak menonjol seperti bingkai.

silahkan temans bereksperimen dengan value dan style yang temans inginkan.

5. Border disekeliling Header/Border around Header
Banyak orang yang mengupload gambar ke dalam Header, dan border disekeliling gambar terlihat sangat membosankan.
Untuk menghilangkan border, cari settingan border dibawah perintah seperti ini:
#header-wrapper
#header
#head-wrap
#head
lalu ganti value/perintah border menjadi "none" or "0px"

6. Border disekitar Blog Posts/Border around Blog Posts
Untuk menandai tiap post, sebagai pengganti garis bawah, temans dapat juga membuat border disekeliling blog post.

Scroll sampai temans menemukan perintah ini, dan masukkan/insert atau ganti (sesuai value yang temans inginkan) kode dibawah ini (dalam warna merah):

.post {
border:1px dotted #ff00ff;
padding:1.5em;
}

Kita harus memasukkan code padding untuk memberi spasi antara isi dan border. Tanpa perintah padding, text akan sangat dekat pada border.

7. Border disekeliling Sidebar/Border around Sidebar
Sama seperti diatas, untuk menambahkan border disekeliling sidebar, tambahkan dan/ubah kode dibawah ini (dalam warna merah):-

#sidebar-wrapper {
border:1px dotted #ff00ff;
padding:1.0em;
}

Di beberapa template, temans dapat menambahkan kode tersebut dibawah perintah ini:-

#sidebar-wrap
#sidebar

Padding memberikan spasi anatara isi sidebar dengan border. Preview template temans, jika temans melihat layout temans terafeksi karena padding, kurangi margin antara blog posts dan sidebar.

8. Border disekeliling Catatan kaki/Border around Footer
Jika Template temans memiliki elemen footer, maka border style dapat ditemukan dibawah perintah ini:
#footer {
border:1px solid $bordercolor;
}

9. Border disekeliling keseluruhan Blog/ Border around Entire Blog
Jika temans ingin memakai border dikeseluruhan blog, temans dapat menambahkan perintah border dibagian kode dari template seperti dibawah ini:

body {
border:1px solid #ff00ff;
}


semoga bermanfaat... selamat bereksperimen temans semua..!!!

Thursday, July 3, 2008

TIPS BLOG UNTUK PEMULA

Beberapa Tips Memulai dan mengoptimasi blog di Blogger.com

silahkan klik disini
http://kotoanau.wordpress.com/2008/04/11/beberapa-tips-memulai-dan-optimasi-blog-dengan-bloggercom/

GOOGLE ADSENSE PIN

Google AdSense Personal Identification Number (PIN)

Jika account adsense temans berada pada status Hold Payment, artinya penghasilan Account AdSense temans telah mencapai $10 (dulu$50) maka Pin Mailer Google akan mengirimkan code PIN Account AdSense ke alamat temans. Dan secara otomatis Account AdSense tersebut berada pada status Payment Hold. Selama masa pengiriman code PIN dari Google kepada Publisher, Account AdSense temans masih tetap aktif namun dalam status Payment Hold. Artinya meskipun penghasilan telah melampaui $100 tetapi pembayaran atau payment tidak bisa dilakukan karena temans belum memasukan code PIN tersebut ke dalam Account AdSense.

Code PIN AdSense akan tiba di alamat temans sekitar 2-4 minggu. untuk mensyahkan bahwa temanslah yang berhak atas bayaran, masukkan code PIN tersebut dalam Account Adsense temans.

Jangan khawatir code PIN tidak sampai ke alamat temans, karena code PIN tersebut hanya berlaku bagi Account AdSense temans.

Jika setelah 3 minggu code PIN tidak sampai, maka temans dapat meminta ulang untuk menggantinya.

periode memasukkan code PIN Adsense adalah 6 bulan, terhitung mulai PIN Mailer Google dikirim, jika dalam waktu 4 bulan code PIN belum dimasukkan, Google akan mulai menampilkan Public Service Ads (PSA) di website temans. Dalam waktu enam bulan ternyata temans belum memasukan code PIN, maka Account AdSense akan di-disabled termasuk penghasilan yang belum dibayarkan kepada temans akan dikembalikan kepada Advertiser.

Jika dalam waktu 1-2 bulan code PIN belum diterima dan atau temans ragu apakah code PIN tersebut salah alamat maka lakukan Request a Replacement. http://www.google.com/adsensenewpin


Petunjuk untuk memasukan code PIN secara sederhana telah disertakan didalamnya, seperti ini:

1: Log in ke dalam account AdSense dengan username dan password
http://www.blogger.com/www.google.com/adsense/

2: Pilih Tab My Account lalu klik Payment History.

3: klik link “Please enter your PIN”

4: Masukan code PIN sesuai yang dikirimkan oleh Pin Mailer Google.

Warning:
jika temans salah memasukan kode PIN sebanyak 3 kali berturut-turut maka Account Google AdSense temans akan disuspended/nonaktif.

ISTILAH DALAM GOOGLE ADSENSE

Publisher
Publisher, yaitu mereka sebagai pemilik situs yang bergabung dan memasang iklan AdSense di situs mereka.

AdSense for Content
AdSense for Content adalah iklan AdSense yang dipasang di dalam suatu halaman. Iklan yang muncul adalah iklan yang berhubungan dengan isi halaman tersebut (konsep kontekstual). Ad Units dan Link Units termasuk dalam AdSense for Content ini.

Ad Units
Ad Units adalah iklan AdSense itu sendiri. tersedia dalam beberapa jenis dan ukuran. Pada saat pengunjung mengklik unit iklan ini, maka publisher mendapatkan bayaran sesuai dengan nilai CPC-nya.

Link Units
Mirip dengan Ad Units, yang berbeda adalah pada saat pengunjung meng-klik Link Unit ini, ia akan masuk pada halaman hasil pencarian di search engine Google. Publisher baru akan mendapatkan pemasukan apabila pengunjung mengklik salah satu Ad Unit yang ada di halaman tersebut. Pada prakteknya, Link Units terbukti menghasilkan pemasukan lebih banyak dibandingkan Ad Units biasa.


Alternate Ads
Pada AdSense for Content, iklan tidak selalu muncul. Sebabnya mungkin karena stok iklan yang berhubungan dengan isi situs sudah habis atau Google tidak dapat memperkirakan isi situs. Jika ini terjadi, secara default, yang ditampilkan adalah iklan layanan masyarakat PSA (Public Service Ads). Karena bertipe donasi, iklan ini tidak menghasilkan apa-apa bagi publisher. Untuk mengatasinya, Google memperbolehkan kita memasang Alternate Ads atau iklan alternatif. Jika Ad Units yang dibuat telah diatur dengan menggunakan Alternate Ads, maka apabila Ad Units tersebut tidak dapat tampil, yang muncul adalah iklan alternatif yang telah diatur sebelumnya.

Channels
Channels adalah semacam label yang dapat diberikan pada Ad Units, Link Units, AdSense for Search, dan Referrals. Pada laporan Google AdSense, hasil laporan dikelompokkan berdasarkan Channels, sehingga penggunaan Channels akan sangat memudahkan publisher untuk menganalisa performa AdSense mereka. Umumnya, publisher memberikan nama Channels yang sama pada unit-unit iklan yang ada di satu situs. Tapi dapat saja memberikan nama Channels yang berbeda pada setiap unit iklan di masing-masing situs. Maksimal jumlah Channels yang diperbolehkan saat ini adalah 200.

Page Impressions
Page Impressions adalah jumlah yang menunjukkan berapa kali halaman yang mengandung Ad Units dibuka oleh pengunjung. Nilainya tidak terpengaruh oleh kuantitas Ad Units yang ada di dalam halaman yang bersangkutan.

Clicks
Clicks adalah jumlah klik pada Ad Units. Dalam halaman laporan AdSense, publisher dapat melihat total klik yang ia dapatkan berdasarkan Ad Units atau Channelnya.

CTR (Clickthrough Rate)
CTR adalah perbandingan dalam persen antara jumlah klik suatu Ad Units dengan jumlah tampilan Ad Units. Misalnya, satu Ad Units yang ditampilkan 100kali dan diklik 10 kali memiliki nilai CTR 10% (10:100).

CPC (Cost Per Click)
CPC adalah jumlah uang yang didapatoleh publisher bila Ad Units tertentu diklik. Nilai CPC masing-masing Ad Units berbeda, ditentukan oleh banyak faktor, termasuk performa dan kualitas situs milik publisher.

eCPM (Effective CPM)
eCPM atau CPM (Cost Per Million) adalah hasil pembagian jumlah pendapatan publisher dengan jumlah impresi halaman (per 1.000) yang ia dapatkan dari iklan. Contoh, publisher yang menghasilkan $ 500 dari 100.000 impressi akan memiliki nilai CPM sebesar $5 ($ 500 dibagi 100).

Aturan dalam program AdSense
Google menerapkan aturan ketat untuk melindungi kepentingan semua pihak yang terlibat, termasuk pemasang iklan yang sering dirugikan oleh tindakan tidak terpuji pemilik situs anggota program AdSense.

Beberapa larangan Google yang harus ditaati pemilik situs web atau blog peserta AdSense adalah:

Mengklik iklan yang ditampilkan di situs sendiri (baik manual/elektronik-perangkat lunak khusus)
sengaja mendorong pengunjung situs untuk mengklik iklan yang ditampilkan, misalnya dengan kata-kata “klik iklan ini” atau “kunjungi halaman ini”
Mengubah bentuk dan ukuran unit iklan yang telah ditentukan Google
Membuat pranala langsung menuju halaman hasil pencarian AdSense untuk pencarian
Mengisi secara otomatis kotak pencarian AdSense dengan kata kunci tertentu
Memanipulasi target iklan dengan kata kunci tersembunyi atau dengan IFRAME

Kode unit iklan AdSense harus ditempatkan langsung pada kode html Situs web tanpa perubahan. Pemilik situs tidak diperbolehkan mengubah kode AdSense dengan alasan apapun, misalnya dengan tujuan menampilkan hasil klik di jendela pop up atau mengalihkan target iklan.

Beberapa metode yang dianggap sah adalah:
1. Modifikasi warna unit iklan menggunakan warna-warna yang disediakan AdSense.
2. Meletakkan unit iklan pada posisi tertentu pada halaman web yang dianggap memiliki peluang tinggi.
3. meniadakan border/kotak unit iklan dan menyamakan warna latarnya dengan warna latar halaman web sehingga unit iklan terlihat membaur dengan isi halaman.

GOOGLE ADSENSE UNTUK PARA PEMAIN BARU/PEMULA

Ingin dapet PENGHASILAN DARI GOOGLE SECARA GRATIS?

temans inginkan mendapatkan tambahan secara gratis dari Google.com?

Kalo gitu yuk simak petunjuk-petunjuk di bawah ini dengan seksama;

Google.com adalah Perusahaan Internet terbesar di dunia yang berlokasi di Amerika Serikat, menawarkan kesempatan kepada temans untuk menjadi seorang Publisher Iklan dalam program gratisan yaitu GOOGLE ADSENSE, yang akan memberikan bayaran kepada temans.


APA SIH GOOGLE ADSENSE ITU?

Google AdSense adalah program dimana Google menawarkan kepada temans secara gratis untuk memasang iklan-iklan klien Google.com di dalam website/blog temans, apabila pengunjung website/blog mengklik iklan-iklan yang terpampang disitu, maka temans (pemilik website/blog) akan mendapatkan bayaran dari Google dengan sistem bagi hasil dengan istilah Pay per Click (PPC). Bila temans tidak mempunyai website, temans bisa menggantinya dengan blog karena Google.com telah menyediakan sarana sebagai pengganti website yaitu Blog. Untuk dapat memiliki sebuah Blog silahkan temans mendaftar di Blogger Google.com .
untuk mengetahui lebih lanjut tentang istilah - istilah dalam ADSENSE klik disini.

APAKAH BLOG ITU?

bblog adalah sebuah buku harian pribadi. tentang berita terkini. Koleksi link. Pikiran pribadi temans sendiri. Jurnal dan catatan untuk dunia. Blog temans menjadi apapun yang temans inginkan. ada bermacam-macam blog dalam segala bentuk dan ukuran. dalam arti sederhana, blog adalah sebuah situs web, di mana temans menuliskan hal-hal/peristiwa yang sedang berlangsung atau dialami. Postingan terbaru tampil diatas, sehingga pengunjung Anda dapat membaca apa yang baru, pembaca dapat mengomentarinya atau membacklink postingan temans.

Bagaimana cara mendaftar di blogger ?
Agar dapat persetujuan dari Google.com - jika temans tertarik dengan program Adsense, maka temans harus membuat blog menggunakan bahasa inggris, dengan mengklik tombol navigasi bahasa, lalu pilih bahasa inggris dan save. Setelah itu klik Create your blog now. lalu isi semua data dikolom yang sudah ditentukan dan jangan lupa kotak I accept the Term of Service (TOS) di klik/centang lalu continue. Selanjutnya tentukan nama blog anda dan pilih jenis template yang akan dipakai guna memperindah tampilan keserasian warnanya.
UNTUK MEMPELAJARI CARA MEMBUAT BLOG SILAHKAN KLIK DISINI.


CARA MENDAFTAR DI GOOGLE ADSENSE
Setelah temans memiliki sebuah blog, temans bisa bergabung dalam program Google AdSense dengan cara melakukan pendaftaran, FREE OF CHARGE. Setelah itu, periksa email dari Google AdSense dalam INBOX email temans untuk verifikasi alamat email. Setelah itu, Google AdSense akan memeriksa pendaftaran temans, ditindaklanjuti dengan pemberitahuan melalui email dalam waktu 2-3 hari. Jika pendaftaran disetujui, maka temans dapat membuka account AdSense dan memulai untuk mendapatkan penghasilan dari Google.

CARA PEMBAYARAN GOOGLE
Jika penghasilan temans sudah mencapai $10 (dahulu $50), Google akan mengirimkan Pin Number ke alamat temans untuk dimasukan ke Google AdSense Account temans. Setelah penghasilan mencapai $100 Google akan mengirimkan pembayaran melalui cek setiap bulannya yang bisa dicairkan di beberapa bank di Indonesia seperti BCA, Mandiri, Citibank dan lain sebagainya.
UNTUK PENJELASAN LEBIH LANJUT TENTANG PINS KLIK DISINI.

Wednesday, April 9, 2008

BLOG 3 KOLOM - MINIMA TEMPLATE

BOSAN dengan template yang disediakan....
cuma 2 kolom sih....!!!
gimana caranya biar bisa 3 kolom yaaah...?

ikuti instruksi berikut ini:

SEBELUM MEMULAI, HARAP MEM BACK UP TEMPLATE MASING - MASING YAAA...

CARANYA KLIK Template -> Edit HTML. Click the “Download Full Template” link untuk menge-save kopy dari template kalian.

lalu
scroll sampe pada bagian berikut:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

template terbagi dalam 3 wrappers, yaitu:-

#outer-wrapper – yaitu keseluruhan blog
#main-wrapper – yaitu main Blog Posts
#sidebar-wrapper – yaitu kolom yang ada dikanan.

Untuk menambahakan Sidebar baru, copy code bagain diatas yang diberi warna merah, lalu paste dibawahnya, dan nama #sidebar-wrapper diganti dengan “#newsidebar-wrapper”.

Selanjutnya, kita sesuaikan ukuran lebar dari keseluruhan wrappers. Sebagai contoh, kita gunakan yang umum, yaitu:
750px for outer-wrapper,
400px for main-wrapper, and
150px for sidebar-wrapper.
Tentu saja kita bisa menggunakan ukuran kita sendiri, selama total dari lebar kedua kolom dan main wrappers tidak melebihi ukuran dari outer wrapper.

Juga, perbaiki margin kiri dari main wrapper, tetapi, kolom baru/newsidebar kita atur agar berada disisi kiri, sehingga original kolom tetap berada di kanan.

template kita akan terlihat seperti ini :

#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
width: 400px;
margin-left: 25px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 150px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#newsidebar-wrapper {
width: 150px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}




Untuk mengubah LAY OUT EDITOR, tambahkan kode seperti berikut ini:

body#layout #outer-wrapper,
body#layout #header-wrapper,
body#layout #footer {width: 750px;padding: 0px;}
body#layout #main-wrapper {width: 400px;margin-left: 20px;}
body#layout #sidebar-wrapper,body#layout #newsidebar-wrapper {width: 150px;}


AGAR BLOG POST KITA BERADA DITENGAH, kita harus menambahkan kode tertentu.

Scroll sampai kita menemukan script seperti dibawah ini

tambahkan code warna merah
diatas tulisan div id='main wrapper'.
akan terlihat seperti ini:


KODE TERSEBUT AKAN MEMBERI KITA SIDEBAR BARU, MAIN POST DITENGAH, DAN SIDEBAR YANG LAIN DI KANAN, seperti yang kalian lihat di blogku ini.

what is ADSENSE

YUUUUUUUUUUUUP

sekarang kita mau ngebahas tentang ADSENSE


AdSense
Google's AdSense program mengijinkan kita menjual advertising/iklan milik orang/perusahaan lain di website/blog kita. bukan hanya ads yang dipih oleh si google, tapi juga ads yang relevan dengan isi dari site kita. Servis ini gratis, kita hanya mendaftar saja, dan kita akan menerima bayaran setiap kali ada yang mengklik ads/iklan tersebut.

Google Adsense adalah program periklanan yang di selenggarakan oleh Google untuk individu yang ingin memperoleh penghasilan dengan memasang iklan di website/blog mereka. disebut juga dengan Publisher.

Google Adsense termasuk kategori program PPC (Pay Per Click), artinya si publisher mendapatkan hasil (earning) apabila ada yang meng-klik iklan yang tampil di blognya.



gimana cranya biar bisa diterima google adsense..?
ya itu... kita harus punya blog atau website dahulu

agar disetujui, blog kita haruslah menggunakan bahasa yang dimengerti oleh GOOGLE(dalam hal ini Bahasa Inggris)
jika sudah punya blog versi bahasa inggris, kita bisa meng add google adsense pada blog kita yang lain (dengan bahasa Indonesia, misalnya)
tour google adsense klik disini