adbrite

Changing the background color of the image

2010-08-05T05:50:00.000-07:00

Changing the background color of the image

First we find the section which will be replaced. For example we will change the header background, we find the code header
Example:
#header-wrapper {
background:$titleBgColor;
margin:22px 0 0 0;
padding:8px 0 0 0;
color:$titleTextColor;
}
We can change the code bacground with:
background: url("http://linkimage");

will be like this:
background: url("http://linkimageanda") ;
margin:22px 0 0 0;
padding:8px 0 0 0;
color:$titleTextColor;
}
To http://linkimageanda is a picture that has been used as a link
example: http://catur.pramono.googlepages.com/bullet_drk_arr.gif

1. background: url ("http://linkimageanda"); background image to fill in all the pages
2. background: url ("http://linkimageanda") no-repeat top left; background images are in the upper left
3. background: url ("http://linkimageanda") no-repeat bottom left; background images are in the bottom left
4. background: url ("http://linkimageanda") no-repeat bottom right; background image on the right bottom
5. background: url ("http://linkimageanda") no-repeat top right; background images are in the upper right
6. background: url ("http://linkimageanda") repeat-x right top; background fill from the top right to left (vertical)
7. background: url ("http://linkimageanda") repeat-y right top; background fill from the right top to the bottom (horizontal)
8. background: $ titleBgColor url ("http://linkimageanda"); no-repeat top left; background images are in the upper left with $ titleBgColor background color (color code in the edit variable definitions)

There are still many other background code you can mengutak Utik based on your intelgency.

How to register Adbrite

2009-10-15T00:09:00.000-07:00

How to register Adbrite

First ..
Log in http://www.adbrite.com site

Second.
At the beginning it will show two columns of the website owners and advertisers, ads website owners to display and then select and click on the Create button to register for an account.

Third.
Then click Apply now

Fourth.
After the first set to the application, you must fill out a form available at the next payment. Here I only describe the system of payment for entering data in the form itself is no problem. The payment system, there are three main issues to fill Minimum Check Amount, now you can own a minimum payment that you want to do with $ 100, $ 200, depending on you, but also caused Adbrite minimum payment you can make is $ 5. Make checks payable also in this area when filling in your name by the ID card because it is used to pay Adbrite check if it does not fit you can not control the melt. VAT number, this column shows the number of special tax for life in America, this option is missing when an Indonesian home, now the end of the application is completed and the data itself Finally do not forget to check list I accept the above terms than an ad in your area Making site.

Fifth.
If your application is correct then your account is muncl the top right,
Good luck

Adbrite advantages and disadvantages

2009-10-14T23:43:00.001-07:00

Adbrite advantages and disadvantages.

Adbrite Pros:
1. adbrite is the impression-based programs, means that earnings are not only based on the number of clicks we, but also based on the number of visitors who saw the ads.
2. by strict abrite without adsense.
3. You show ads between the images and videos on blogs or sites.
4. May be installed on our site, porn site.

Adbrite Disadvantages:
1. Ads rarely appear.
2. PPC advertising to its very low cost 0.01 dollars.
3. Adbrite not going to provide food Ads Network sites other than English language.

AdBrite experience

2009-10-14T23:06:00.000-07:00

AdBrite experience.
In my experience of ppc ads pay AdBrite is very low, why pay its 0:01 AdBrite PPC dollars, so every 100 people who click on ads, AdBrite, we have only $ 1, was to blog that I have 100 to day no one visits much less clicking ads.
but if there's a blog or a site that had 1,000 visitors or more is better when the ads contained AdBrite.
AdBrite PPC ads is not necessarily appear in each of the blogs I do not like AdSense ads that appear immediately after the script has been installed.
AdBrite, therefore, can not be relied upon to collect the dollar on the Internet.

to quickly fill ppc ads adbrite.

2009-10-14T22:26:00.000-07:00

to quickly fill ppc ads adbrite.

In adbrite usually we wait a week or more do not even appear at all. not like in adsense, ads will appear every script we put adsense on our blog or website.

there are several ways that the abrite ppc ads appear immediately. adbrite usually see blogs or sites based on alexa ranking, therefore we must increase alexa ranking by registering on our blog a good alexa.semakin blog or website ranking on alexa we are, the more likely your ad appears.

PPC-Based Impression

2009-10-14T22:02:00.000-07:00

PPC-Based Impression.
PPC sites based on impressions are very useful to supplement your income. Why? Because without an ad, 1000 impressions if multiple ads can also make money served. If you have a site with the impression of a high enough pages to the ad.
From a site based on PPC Impressions, one of them is Adbrite. Why I recommend Adbrite? The widespread impression Adbrite not every site, but each ad. So, if you 3 Adbrite ads on same page on your site, and then for the 1st time the page is opened after 3 impression you get. If you have a lot of advertising sites and 20 Adbrite more fruit, then just 50 pages open advertisement, is directly overhead. Moreover, the pages open up to 50 times a day, in my opinion it is not difficult if you want to try.
And fun times, Adbrite referral program to open .. So great to the currency of your income to increase. Any activity that comes from your referral, you will 50% of the revenues Adbrite get the first 3 months, and 10% for 9 months.

cara mengedit file css

2007-11-10T23:00:00.000-08:00

cara mengedit file css

Mungkin sebagian blogger sudah tahu caranya mengedit file css. untuk mengedit css sama seperti mengedit menu-menu css, hanya dibuat sebagai file biasa.
Untuk mempermudah kita ambil contoh file css kepunyaanku.
silakan buka http://catur.pramono.googlepages.com/csshorizontalmenu.css
setelah terbuka silakan copy paste seluruh kode dan masukan ke notepad ,untuk mecari program notepad di computer silakan klik start,klik program masuk ke accesories cari program notepad,stelah program notepad terbuka masukan kode ccs tersebut kemudian edit sesuai yang kamu inginkan,mungkin warna backround atau yang lainya, setelah selesai simpan di komputer,klik file,klik save as, pada file name akhiri dengan .css contoh: menu.css
Pada save as type ganti dengan all files
kemudian klik save.
sekarang anda telah memiliki file css yang baru.
sekarang anda tinggal me upload file tersebut agar menjadi sebuah link.
saya menggunakan www.googlepages.com
tapi untuk mendaftar di googlepages anda harus mendaftar gmail lebih dahulu

Menambah Background Judul (sidebar, header,main)

2007-11-07T23:01:00.000-08:00

Menambah Background

Untuk membuat agar judul sidebar atau main memiliki latar atau background,yang harus kita ketahui bahwa setiap column baik sidebar,main maupun header memiliki kode untuk mengedit judul column tersebut. biasanya identik dengan H1, H2,H3
. Untuk Sidebar biasanya #sidebar h2 atau h2
. Untuk Header biasanya #header h1 atau hi
. Untuk Main biasanya #main H3 atau h3

Tergantung dari judul column tersebut
Contoh:
Untuk sidebar
#sidebar h2 {
margin:0;
padding:0 0 .2em;
line-height:1.5em;
font:$headerFont;
}
Untuk header
#header h1 {
margin:0;
padding:20px 30px 5px;
line-height:1.2em;
font: $pageTitleFont;
}
Untuk main
#main h3 {
margin:0;
padding:0px 5px 5px;
line-height:1.2em;
font: $pageTitleFont;
}
Anda tinggal memasukan kode background kedalam kode diatas
Contoh untuk sidebar
#sidebar h2 {
background:#aba;
margin:0;
padding:0 0 .2em;
line-height:1.5em;
font:$headerFont;
}
Untuk kode header H1 dan sidebar H2 biasanya sudah ada,kita hanya tinggal memasukan kode background kedalamnya,tapi untuk kode main biasanya belum ada maka kita harus buat terlebih dahulu seperti contoh diatas tapi ingat font anda harus menyesuaikan dengan font yang ada di variable definitios

Untuk melihat macam-macam kode backround anda bis melihat disini

membuat column baru

2007-11-07T04:44:00.000-08:00

membuat column baru

Sebenarnya untuk membuat column baru lebih mudah dengan merubah column yang sudah ada,sehingga kita tinggal merubah kodenya,anggap saja kita akan membuat 2 column dibawah sidebar : untuk contoh kita akan merubah column sidebar:

#sidebar-wrap {
width:400px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}
Karena kita akan membuat dua column dibawah sidebar tersebut maka kita harus membagi dua lebar sidebar diatasnya bahkan bisa lebih kecil karena harus dikurangi margin pinggir.
Ini hanya contoh:
1. Ganti kode #sidebar-wrap dengan kode baru ...contoh: #sidebarbawah-wrap
2. ubah lebar sidebar width:400px; menjadi width:180px;
3. untuk margin terserah apakah mau di rubah atau tidak

Hingga menjadi seperti ini:

#sidebarbawah-wrap {
width:180px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}
karena kita akan membuat dua column letakan dibawahnya kode
#sidebarbawah1 {
}
hingga menjadi seperti ini

#sidebarbawah-wrap {
width:180px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}
#sidebarbawah1 {
}

sekarang kita masukan kode tersebut terserah anda yang penting sesudah <head> dan sebelum </head>
berarti kode yang harus kita buat selanjutnya adalah:
<div id='sidebarbawah-wrap'>
<b:section class='sidebarbawah' id='sidebarbawah' preferred='yes'>
</b:section>
</div>
<div id='sidebarbawah-wrap'>

</b:section>
</div>

kemudian kita cari kode yang diawali dengan <div id='sidebar-wrap'>
Contoh:
<div id='sidebar-wrap'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='NewsBar2' locked='false' title='' type='NewsBar'/>
</b:section>
</div>

letakan kode diatas diantara </b:section> .... </div>

hingga seperti ini
<div id='sidebar-wrap'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='NewsBar2' locked='false' title='' type='NewsBar'/>
</b:section>
<div id='sidebarbawah-wrap'>
<b:section class='sidebarbawah' id='sidebarbawah' preferred='yes'>
</b:section>
</div>
<div id='sidebarbawah-wrap'>

</b:section>
</div>
</div>

yang harus di ingat setiap kode yang di awali dengan <div id=......harus di akhiri dengan </div>

mengedit template sendiri harus sering mencoba bila terlalu lebar diperkecil kalau terlalu kecil ya di perlebar.. haaa.haaaa.
selamat mencoba

link exchange

2007-11-07T04:07:00.000-08:00

link exchange

Link to Us, We'd link you back.
Copy the code below, insert in to your blog

Mengganti background warna menjadi image/gambar

2007-11-06T00:53:00.000-08:00

Mengganti background warna menjadi image/gambar

Untuk mengganti background warna menjadi image

Pertama kita cari bagian mana yang akan diganti. Untuk contoh kita akan mengganti background header,maka kita cari kode header.
Contoh:
#header-wrapper {
background:$titleBgColor;
margin:22px 0 0 0;
padding:8px 0 0 0;
color:$titleTextColor;
}
Kita bisa mengganti kode bacground dengan
background: url("http://linkimage") ;
akan menjadi seperti ini

#header-wrapper {
background: url("http://linkimageanda") ;
margin:22px 0 0 0;
padding:8px 0 0 0;
color:$titleTextColor;
}
Untuk http://linkimageanda adalah gambar yang sudah di jadikan link untuk background
contoh: http://catur.pramono.googlepages.com/bullet_drk_arr.gif
keterangan:
1. background: url("http://linkimageanda") ; gambar background mengisi di semua halaman
2. background: url("http://linkimageanda") no-repeat left top; gambar background berada di sebelah kiri atas
3. background: url("http://linkimageanda") no-repeat left bottom; gambar background berada di sebelah kiri bawah
4. background: url("http://linkimageanda") no-repeat right bottom; gambar background berada di sebelah kanan bawah
5. background: url("http://linkimageanda") no-repeat right top; gambar background berada di sebelah kanan atas
6. background: url("http://linkimageanda") repeat-x right top; background mengisi dari sebelah kanan atas ke kiri (vertical)
7. background: url("http://linkimageanda") repeat-y right top; background mengisi dari sebelah kanan atas kebawah (horizontal)
8. background:$titleBgColor url("http://linkimageanda"); no-repeat left top; gambar background berada di sebelah kiri atas dengan background warna $titleBgColor(kode warna di edit di variable definitions)

Masih banyak kode background lainya anda bisa mengutak utik berdasarkan intelgency anda

cara memasang file js dan css (new blogger)

2007-11-05T21:37:00.000-08:00

cara memasang file js dan css (new blogger)
Setiap kita ingin membuat atau memasang suatu tampilan javascript biasanya terdapat file js dan css yang harus dipasang di blogs kita,untuk memasangnya kita harus menyimpan file tersebut sebagai link,Untuk contoh kita simpan file tersebut di www.googlepages.com tapi seingat saya untuk mendaftar di googlepages kita harus mendaftar gmail terlebih dahulu,setelah anda mendaftar di googlepages,silakan anda login dengan account anda ,disebelah kanan bawah terdapat menu upload klik menu tersebut kemudian klik browse cari file js klik open,setelah file js masuk kita bisa upload file css dengan cara sama seperti diatas,Googlepages juga bisa untuk menyimpan file-file lain seperti lagu ,image.

Untuk menampilkan file kita berupa link caranya kita lihat di sebelah kanan terdapat nama-nama file yang telah kita simpan

contoh: Untuk file csshorizontalmenu.js akan menjadi
http://catur.pramono.googlepages.com/csshorizontalmenu.js

contoh: Untuk file csshorizontalmenu.css akan menjadi
http://catur.pramono.googlepages.com/csshorizontalmenu.css

untuk memasangnya buat file di atas menjadi seperti ini

<link href='http://catur.pramono.googlepages.com/csshorizontalmenu.css' rel='stylesheet' type='text/css'/>
<script src='http://catur.pramono.googlepages.com/csshorizontalmenu.js' type='text/javascript'>
</script>

letakan diatas <head>

selamat mencoba

menambah column main

2007-11-05T04:17:00.000-08:00

menambah column main
Untuk menambah column main pertama-tama kita cari kode main seperti ini:
Ini hanya sebagai contoh

#main-wrapper {
line-height: 1.4;
float: left;
padding: 0px 12px;
border-top: solid 1px #fff;
width: 700px;
background: #D8BFD8 url(http://catur.pramono.googlepages.com/hder4.JPG) 0 0 repeat-y;
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 */
/* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\"";
voice-family: inherit;
width: 550px;
}
Tambahkan kode dibawahnya dengan :
#main1 {
}

akan menjadi seperti ini

#main-wrapper {
line-height: 1.4;
float: left;
padding: 0px 12px;
border-top: solid 1px #fff;
width: 700px;
background: #D8BFD8 url(http://catur.pramono.googlepages.com/hder4.JPG) 0 0 repeat-y;
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 */
/* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\"";
voice-family: inherit;
width: 550px;
}
#main1 {
}

Lalu cari kode main seperti ini:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

Tambahkan kode dibawah
<b:section class='main' id='main1'/>
diantara
<div id='main-wrapper'>......
<b:section class='main' id='main' showaddelement='no'>
jadinya seperti ini

<div id='main-wrapper'>
<b:section class='main' id='main1'/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>

atau bila ingin lebih mudah bisa dengan cara:
mengganti kode

<b:section class='main' id='main' showaddelement='no'>

menjadi

<b:section class='main' id='main' showaddelement='yes'>

Menambah column sidebar

2007-11-05T02:45:00.000-08:00

Menambah column sidebar
Untuk menambah column sidebar menjadi dua column kita juga harus mengubah column lain seperti lebar header ,lebar comtent, lebar main

sebagai contoh kita kita cari kode sidebar ,ini hanya sebagai contoh karena setiap template kodenya berbeda-beda

#sidebar-wrapper {
width:300px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}

karena kita akan membagi sidebar menjadi dua column maka kita akan mengubah lebar kolom yaitu 400 px di kurangi 15px(margin) lalu dibagi dua,berarti 285/2 = 142,5 anggap saja 140 maka kita akan mengubah sidebar diatas menjadi seperti ini

#sidebar-wrapper {
width:140px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}
#sidebar2 {
}

kemudian kita cari kode seperti ini contoh:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
</b:section>
</div>
tambah kode dibawahnya dengan

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
</b:section>
</div>

kemudian klik save template

apabila lebar sidebar terlalu sempit maka kamu bisa menambah lebar sidebar tersebut, tapi harus diingat kamu harus memperkecil lebar main (main-wrapper)atau kamu juga bis a menambah lebar header dan outer,kalau menurut aku lebih baik lebar outer dan header yang di perbesar
seenarnya masih banyak yang harus di ubah tapi ini untuk pembelajaran awal agar kita mengerti bagaimana membuat sidebar menjadi dua column

Apabila anda menginginkan lebar sidebar berbeda, anda dapat mengedit kode diatas:
#sidebar-wrapper {
width:140px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}
#sidebar2 {
}
Menjadi seperti ini
#sidebar-wrapper {
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 {
width:150px;
}
#sidebar2 {
width:130px;
}
dengan contoh diatas berarti kita membuat sidebar dengan :
lebar 150px dan 130px tapi untuk kode lebar (width: 140px;) di sedebar-wrapper di hilangkan

Edit template blogger (new blogger)

2007-11-04T23:42:00.000-08:00

Edit template blogger (new blogger)
Disini saya ingin memberikan cara mengedit template blogger untuk new blogger, sebenarnya masalah template blogger saya tidak begitu mengerti banget,tapi saya akan menjelaskan beberapa cara mengedit template blogger.

pertama masuk ke blogger dengan account anda
Klik pada template, klik edit html

sebelumnya kita harus mrngetahui beberapa kode yang sering digunakan dalam membuat template:

margin: Menunjukan ukuran batas pinggir luar dengan border
padding: Menunjukan ukuran batas pinggir dalam dengan border
background: Menunjukan latar dari suatu kontent atau halaman
color: Menunjukan warna ( warna teks )
font-size: Ukuran teks / font
font: Jenis teks
border: Menunjukan garis batas
width: Menunjukan lebar
height: Menunjukan tinggi
float: Menunjukan posisi kontent
text-align: Menunjukan posisi text

MARGIN
Beberapa contoh kode margin yang sering muncul
margin: 2px; Menunjukan batas pinggir baik atas bawah ataupun pinggir 2 px
margin-left: 3px; Menunjukan batas pinggir kiri 3 px
margin-right: 2px; Menunjukan batas pinggir kanan 2 px
margin-bottom: 2px;Menunjukan batas pinggir bawah 2 px
margin-top: 2px; Menunjukan batas pinggir atas 2 px
margin: 3px 0 2px; Menunjukan batas pinggir atas 3 px,kiri 0 , bawah 2 px
margin: 1px 2px 0 3px;Menunjukan batas pinggir atas 1px,kanan 2px,bawah 0,kiri 3px

PADDING

Beberapa contoh kode padding yang sering muncul
pading: 2px; Menunjukan batas pinggir baik atas bawah atau pun pinggir 2 px
pading-left: 3px; Menunjukan batas pinggir kiri 3 px
pading-right: 2px; Menunjukan batas pinggir kanan 2 px
pading-bottom: 2px;Menunjukan batas pinggir bawah 2 px
pading-top: 2px; Menunjukan batas pinggir atas 2 px
pading: 3px 0 2px; Menunjukan batas pinggir atas 3 px,kiri 0 , bawah 2 px
pading: 1px 2px 0 3px;Menunjukan batas pinggir atas 1px,kanan 2px,bawah 0,kiri 3px

BACKGROUND
Beberapa contoh kode BACKGROUND yang sering muncul
background-color:#FFFFFF; Menunjukan warna background #ffffff (kode warna putih)
background:$bgcolor; Menunjukan warna background $bgcolor (warna di edit di variable
definitions) biasanya terletak di bagian atas
background: url("http://linkimage") no-repeat left bottom;
Menunjukan background dengan gambar,sebelah bawah kiri
background: url("http://linkimage") no-repeat right bottom;
Menunjukan background dengan gambar,sebelah bawah kanan
background: $bgcolor url("http://linkimage") no-repeat right bottom;
Menunjukan background dengan gambar,sebelah bawah kanan dengan
warna background $bgcolor
Untuk lebih ringkas kode untuk menunjukan posisi gambar:
no-repeat left bottom; sebelah kiri bawah
no-repeat right bottom; sebelah kanan bawah
no-repeat right top; sebelah kanan atas
no-repeat left top; sebelah kiri atas
repeat-x; left top; akan mengisi dari sebelah atas kiri ke kanan (Vertical)
repeat-y; left top; akan mengisi dari sebelah atas kiri ke kanan
(horizontal)

COLOR

Beberapa contoh kode COLOR yang sering muncul
color:#000000; warna teks #000000 (kode warna hitam)
color:$textcolor; warna text $textcolor (warna di edit di variable
definitions) biasanya terletak di bagian atas

Dah dulu nulisnya, nanti diterusin lagi...........

cara atau tips meningkatkan traffic

2007-11-04T01:58:00.000-07:00

cara atau tips meningkatkan traffic
Beberapa cara meningkatkan traffic blog atau webs

1. Pertama
Daftarkan situs anda di search enggine Seperti Google,Yahoo,MSN

2. Daftarkan atau masukan blog atau webs di webs directory
terutama yang berbasis DMOZ

3. Di usahakan sering memposting blog anda minimal satu kali dalam seminggu.

4. Perbanyak berhubungan dengan blogger lain, atau perbanyak bertukar link ini cukup
sering digunakan para blogger untuk meningkatkan traffic

Untuk melihat Rank blogs anda kita bisa mendaftar di technorati atau alexa
Tapi menurut saya technorati melihat rank suatu blogs berdasarkan link exchange, dan alexa melihat rank berdasarkan traffic ,seberapa besar yang berkunjung di blog kita

Tapi yang kita cari bagaimana agar blogs kita selalu terindeks di search enggine setidaknya selalu di halaman pertama. Untuk melihat beberapa cepat postingan anda terindeks di search enggine (google) setiap selesai memposting coba masukan judul dari postingan anda di google berapa lama terindeks oleh google,untuk blogs yang rankingnya rendah mungkin membutuhkan satu atau dua hari bahkan bisa berminggu-minggu untuk terindeks di google itupun belum tentu di halaman pertama, untuk blogs aku terindeks sekitar 10 sampai 15 menit untuk terindeks di google,apalagi kalau rank blogs sudah TOP 1000 atau TOP 100 Pasti cepet banget terindeknya.

Register Directory

2007-11-04T01:56:00.000-07:00

Register Directory.
By registering your blog or website to our directory will help enggine blog indexed by search because bands directory will send the data immediately or our offers enggine blog search, But we need to know so many webs directory and to list one at a time-consuming and may saturate, the more we register at the faster data directory our blogs indexed by search enggine.

Web directory:

http://www.blogarama.com/
http://dir.blogflux.com/
http://www.blogsearchengine.com/
http://blogcatalog.com/
http://www.getblogs.com/
http://www.blogtoplist.com/
http://www.britblog.com
http://www.findingblog.com/
http://peopleconnection.aol.com
http://www.bloggernity.com/
http://www.bloguniverse.com/
http://www.bloogz.com/
http://blogs.botw.org/
http://www.blogscholar.com
http://www.bloggeries.com
http://www.blogsweet.com/
http://www.bloghop.com
http://www.blogoriffic.com
http://www.top100bloggers.com
http://sportsblogs.org/
http://huminf.uib.no/ ~ / Jill txt / researchblogs.html
http://www.guardian.co.uk
http://www.xhtmlfriends.net
http://www.blogdirs.com
http://www.all-blogs.net
http://jenett.org/ageles
http://www.5starblogs.com
http://www.blogwidow.com
http://www.iblogbusiness.com/
http://www.highclassblogs.com/
http://www.kmax.ws/bloglinks.htm
http://blogannounce.info/
http://www.thevital.net/
http://www.blurtit.com/
http://www.blogtagstic.com/
http://www.blog-watch.com/
http://www.blogs-collection.com/
http://blogs.tomstopsites.com/
http://www.blogchild.com
http://www.blog-directory-submit.com
http://www.kookkoo.com/
http://www.blogadr.com/
http://browseblogs.com
http://www.blogbunch.com/
http://www.quickblogdirectory.com/
http://www.biggerblogger.com
http://www.blogsrating.com/
http://www.angelfire.com/journal2/benway68/index.html
http://www.blogdir.co.uk/
http://www.blogdust.com/blog-directory/
http://macstansbury.blogspot.com/
http://www.bigblogmedia.com/
http://www.frontblogs.com/
http://www.blogroll.net/
http://i2blog.com/
http://www.blogcharts.net/
http://www.ilikeblogs.com/
http://wutzle.com
http://blog.hotornot.com/
http://www.rootblog.com
http://www.start4all.com/?A=page&subject=weblog
http://www.blog-challenge.com
http://www.royalartistclub.com
http://www.blogstreet.com/
http://directory.autismlina.com
http://www.delightfulblogs.com/
http://www.today.com/
http://www.blogpoint.com/
http://www.blogion.com
http://www.industry-blogs.com/
http://www.blogratingz.com

good luck

javascript horizontal menu

2007-11-02T01:29:00.000-07:00

javascript horizontal menu

membuat menu horizontal dengan javascript,di samping menggunakan file javascript disini kita juga menggunakan file css
1. Pertama-tama letakan kode di bawah ini di atas <head>

<link href='http://catur.pramono.googlepages.com/csshorizontalmenu.css' rel='stylesheet' type='text/css'/>

<script src='http://catur.pramono.googlepages.com/csshorizontalmenu.js' type='text/javascript'>

</script>

2. Kemudian letakan kode dibawah ini di bawah header,

<div class='horizontalcssmenu'>
<ul id='cssmenu1'>
<li><a href=" http://catoer.blogspot.com/2007/10/membuat-menu-dtree-blogger-lamaklasik.html /"> banner</a></li>
<li><a href=" http://catoer.blogspot.com/2007/10/membuat-teks-area.html ">teks area</a></li>
<li><a href="http://catoer.blogspot.com">adbrite</a></li>
<li><a href="#">menu css</a>
<ul>
<li><a href="http://catoer.blogspot.com">menu vertical</a></li>
<li><a href="http://catoer.blogspot.com">menu horisontal</a></li>
<li><a href="http://catoer.blogspot.com">menu dtree</a></li>
</ul>
</li>
<li><a href="http://temblogs.blogspot.com ">template</a></li>
<li><a href="http://tikafleur.wordpress.com ">hary potter</a></li>
<li><a href="#">my blogs</a>
<ul>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
<li><a href="http://catoer.blogspot.com ">link disini</a></li>
</ul>
</li>
</ul>
<br style='clear: left;'/>
</div>

letakan di antara
</b:section>
..........
</div> .

CONTOH LIHAT DISINI
silakan mencoba

membuat menu dtree (blogger lama/klasik)

2007-10-31T04:17:00.000-07:00

membuat menu dtree (blogger lama/klasik)
Ini saya ambil dari dtree kolom-tutorial
Membuat menu dtree di blogger klasik hampir sama dengan di new blogger
1. Pertama-tama letakan kode dibawah ini diatas <head>

<link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" />
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script>

2. Kemudian copy kode di bawah ini di sidebar yang anda inginkan:
biasanya letakan setelah tanda </div>
<div class="dtree">

<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p>

<script type="text/javascript">

</script>

</div>

CONTOH LIHAT DISINI

untuk alamat link bisa anda edit sendiri

membuat menu dtree (new blogger)

2007-10-31T03:19:00.000-07:00

membuat menu dtree (new blogger)
Disini saya hanya meneruskan menu dtree kolom-tutorial
lebih detailnya begini

1. Pertama-tama letakan kode dibawah ini diatas <head>

<link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" />
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script>

2. Kemudian copy kode di bawah ini:

<div class="dtree">

<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p>

<script type="text/javascript">

</script>

</div>
3. Masukan ke sidebar yang anda inginkan yaitu dengan klik template kemudian klik pada add a page element, cari menu html/javascript klik pada Add To Blog, masukan kode diatas klik Save Changes(simpan perubahan)

CONTOH LIHAT DISINI
untuk alamat link bisa anda edit sendiri

Menu vertikal

2007-10-24T04:38:00.000-07:00

Membuat menu vertikal
Untuk Membuat menu vertikal hampir sama seperti membuat menu horisontal
Pertama copy paste kode dibawah ini

#vertical ul {
font: normal 15px verdana, Arial, Sans-serif;
padding-left: 0;
margin-left: 0;
width: 150px;
}
#vertical ul li {
list-style: none;
display:inline;
}
#vertical ul li a {
margin-top: 1px;
width: 140px;
text-decoration: none;
float: left;
text-align: center;
background: #F5DEB3;
color: #000000;
padding: 4px;
border-right: 3px solid #FFEBCD;
border-left: 3px solid #FFEBCD;
border-top: 2px solid #FFFAFA;
border-bottom: 2px solid #FFFAFA;
}
#vertical ul li a:hover {
background: #DEB887;
border: 1px solid #1D71B9;
color: #FFFF00;
}

Letakan kode diatas diantara <head> ...... <head> atau letakan diatas kode ...]]></b:skin>
Kemudian copy kode di bawah ini
<div id='vertical'>
<ul>
<li><a href='http://catoer.blogspot.com'>Home</a></li>
<li><a href='http://catoer.blogspot.com'>product</a></li>
<li><a href='http://catoer.blogspot.com'>busines</a></li>
<li><a href='http://catoer.blogspot.com'>work</a></li>
</ul>
</div>
Letakan kode tersebut dibawah sidebar atau dimana saja yang anda sukai
Contoh:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
</div>

letakan diantara
</b:section>
</div>
Untuk alamat link bisa anda edit sendiri.
Untuk warna menu anda dapat mengedit kode diatas
Contoh:
#vertical ul li a:hover {
width: 140px; .......>140px; adalah lebar column disesuaikan dengan lebar
sidebar
background: #DEB887; .......>#DEB887; adalah warna backround
border: 1px solid #1D71B9; .......>#1D71B9; adalah warna garis pinggir
color: #FFFF00; ........>#FFFF00; adalah warna teks
Untuk melihat macam-macam kode warna buka aja Web Color

Menu Horizontal

2007-10-22T23:27:00.000-07:00

Menu Horizontal
Untuk Menu Horizontal Aku Belum Utak utik Buat Menu yang bagus,Aku posting dulu biar aku nggak lupa untuk buat menu ini, hi..ii.i
tapi kalau mau buat ini ada aku ambil dari blog mana aku lupa:
Pertama copy paste kode dibawah ini
#horisontal ul {
font: normal 15px verdana, Arial, Sans-serif;
padding-left: 0;
margin-left: 0;
height: 15px;
}
#horisontal ul li {
list-style: none;
display:inline;
}
#horisontal ul li a {
padding: 3px 20px;
text-decoration: none;
float: center;
background: #F5DEB3;
color: #000000;
border-right: 3px solid #FFEBCD;
border-left: 3px solid #FFEBCD;
border-top: 2px solid #FFFAFA;
border-bottom: 2px solid #FFFAFA;
}
#horisontal ul li a:hover {
background: #DEB887;
border: 1px solid #1D71B9;
color: #FFFF00;
}
Letakan kode diatas diantara <head> ...... <head> atau letakan diatas kode ...]]></b:skin>
Kemudian copy kode di bawah ini
<div id='horisontal'>
<ul>
<li><a href='http://catoer.blogspot.com'>Home</a></li>
<li><a href='http://catoer.blogspot.com'>product</a></li>
<li><a href='http://catoer.blogspot.com'>busines</a></li>
<li><a href='http://catoer.blogspot.com'>work</a></li>
</ul>
</div>
Letakan kode tersebut dibawah header atau dimana saja yang anda sukai
Contoh:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ADBRITE (Header)' type='Header'/>
</b:section>
</div>
letakan diantara
</b:section>
</div>
Untuk alamat link bisa anda edit sendiri.
Untuk warna menu anda dapat mengedit kode diatas
Contoh:
#horisontal ul li a:hover {
background: #DEB887; .......>#DEB887; adalah warna backround
border: 1px solid #1D71B9; .......>#1D71B9; adalah warna garis pinggir
color: #FFFF00; ........>#FFFF00; adalah warna teks
Untuk melihat macam-macam kode warna buka aja Web Color

Menambahkan Jam

2007-10-22T03:56:00.000-07:00

Menambah jam
Untuk membuat atau menambah accesoris jam pada blog anda dapat megikuti beberapa langkah:
1. Pertama-tama kita buka www.clocklink.com
akan terbuka seperti ini

2. klik pada menu Gallery, akan muncul seperti ini

disini ada beberapa pilihan seperti analog, animal, animation, sampai wallpaper
Untuk contoh kita pilih menu analog,disitu terdapat pilihan jam analog, pilih salah satu yang anda sukai klik pada View HTML Tag
akan terlihat halaman yang berisi perjanjian,yang saya sendiri kurang mengerti isi perjanjian itu, klik pada accept
3. Akan tampil kode html untuk di copy ke blogs kamu, tapi sebelumnya anda bisa mengedit warna dari analog jam dengan memberi check pada pilihan warna (color) diatas kode html dan edit (timezone)waktu bagian contoh:
1. Untuk waktu Indonesia Barat adalah GMT+7
2. Untuk Waktu indonesia Tengah adalah GMT+8
3. Untuk Waktu Indonesia Timur adalah GMT+9
Untuk ukuran jam di edit pada Size biasanya ukuran normal 150x150, anda bisa ubah ukuran tersebut, setelah selesai copy kode tersebut di blogs anda.
Contoh di blogger, masuk ke blogger dengan account anda klik template atau layout blog yang akan diberi accesoris jam, klik ad a page element(buat halaman baru), klik pada HTML/Javascript click paste

blogs post by email (blogger)

2007-10-21T03:10:00.000-07:00

blogs post by email
write a blog with email make it easier for bloggers to fill his blog either via computer or mobile phone.

1. First we go to bloggers then input
your account.
2. click on the settings menu

3. click on the confirmation email and write there.
4. Fill it with your code.
NamaUser.xxx@blogger.com , xxx is the name that you input your own and only knows.
5. Put a check in publishing.
6. Click save settings.

To post, you must open the email, either email your yahoo, Gmail or other email you have sent to the email address and your blogger
and if not given ceck to publish an email sent only as a draft only and can only be inserted into the page via blogger.
example through yahoo:

Mendaftar adsense

2007-10-20T00:59:00.000-07:00

Mendaftar adsense

Mendaftar adsense sebenarnya tidak begitu sulit asal kita mempunyai blog atau situs yang bisa diterima oleh adsense contohnya bahasa ingris, untuk bahasa indonesia untuk saat ini belum diterima oleh adsense.
Tapi yang penting bukan daftar adsensenya tapi berapa ranking blog atau situs anda di searce enggine,buat apa bisa daftar adsense tapi rangking blognya masih rendah, akan sedikit yang berkunjung ke blog anda, apabila rank search enggine anda tinggi maka otomatis banyak yang berkunjung di blog anda, apalagi selalu berada di halaman pertama search enggine,orang akan selalu cepat menemukan blog kamu, biasanya kalau kita sudah mendaftar di www.blogger.com dan kita mempunyai blog yang trafik atau rangkingnya cukup,blogger akan memberikan konfirmasi untuk mendaftar adsense.
kalo mau daftar adsense silakan klik di sini

. Kemudian klik sign up

. Isi konfirmasi pendaftaran yang ada,seperti situs yang di daftarkan, bahasa yng digunakan "kalau bisa bahasa jangan yang menggunakan bahasa indonesia karena belum bisa diterima adsense", alamat pengiriman cek setelah pendapatan $100.
. Setelah semua terisi kita akan membuat account untuk login di adsense,disini saya masih tetep menggunakan account blogspot untuk membukanya,maka pada "Which best describes you?" beri check jawaban dengan "1 have an email...." dan pertanyaan "Whould you like to have a single account for all Google services" beri check pada "I'd like to use my existing Google account for adsense" setelah selesai masukan user dan password yang digunakan untuk membuka blogspot, klik Continue
. Setelah itu google akan memberikan konfirmasi Untuk membuka email anda
. Lihat email yang digunakan untuk mendaftar ,cari email yang berasal dari adsense,
klik link yang ada untuk verifikasi adsense anda.
. Setelah link terbuka, halaman ini merupakan aktivasi account email anda klik pada "Click here to continue" untuk melanjutkan
. Disini akan terbuka halaman,yang isinya bahwa google akan diproses setelah beberapa hari (1-2 hari)