ADBRITE

RSS Tips To Increase Blog Traffic

2008-02-21T23:21:00.000-08:00

RSS Tips To Increase Blog Traffic
By Jon Roussel
What is RSS and how can it help you increase MLM blog traffic?

RSS stands for 'Really Simple Syndication'. RSS lets you directly deliver your content to all interested parties so they do not have to surf to find your content.

It syndicates your content. It helps you send updated headlines and brief summaries to your subscribers. It is a more efficient way to get your content 'out there, so you can increase MLM blog traffic.

RSS feeds provide an effective means to advertise new content on other websites without the hassles and spamming issues of mass email newsletters.

You can create an RSS Feed without coding it yourself by using an easy to use software applications that can format your XML. You can find some excellent RSS feed plug ins at Feedburner, Feedblitz or FeedForAll.

Here are five tips to set up and maximize your own feeds.

1. Set up Your Own RSS Feed

First, set up an RSS Feed for your site.

A blog created with Blogger or Wordpress will provide you with an RSS Feed that you can place on your site. Get a XML or RSS orange button and place it on your site. Link it to your RSS Feed url - this is your atom.xml link if you're using Blogger. You can also get buttons for feeds in various readers by going to Feedburner, Feedblitz or FeedForAll.

2. Place Other RSS Feeds On Your Site

You can place headlines on your site www.feedburner.com and gives you a headline animator. This will display the RSS feed's headlines with links to the content.

You can also put other content from a feed on your site, you can use http://www.feeddigest.com/ for free to automatically update news and feed content on your blog.

3. Place MSN Search Results Directly on your blog.

MSN has a beta program using RSS in their search. You can put RSS search results directly onto your blog. It can enrich your site with daily updated content. Fresh updated content will draw more eyeballs and increase MLM blog traffic.

It is easy to do; just add "&format=rss" at the end of the URL in your MSN search engine query.

4. Put Yahoo Results on your blog

5. Place the correct tags on your blog and in your posts

Tags are essentially keywords for blogs and you should always use them to increase MLM blog traffic.

Tags have recently gained attention because Technorati, which indexes 4.5 million blogs, started sorting blog posts by using tags

Simply place this code in your blog: [http://technorati.com/tag/Computers]Computers

Using the correct tags, creating different feed options and placing other feeds on your site are some simple methods to increase MLM blog traffic.

Jon Roussel is a successful internet marketer in Beverly, MA He helps people succeed with a home based business that will generate a long term reliable leveraged residual income. Learn more at
Jon Roussel's Website

http://EzineArticles.com/?5-Hot-RSS-Tips-To-Increase-MLM-Blog-Traffic&id=811322

Promosi blog dengan RSS

2008-01-06T19:36:00.000-08:00

Promosi blog dengan RSS
Pertama kita harus mengetahui apa itu RSS(Really Simple Syndication, RSS berfungsi untuk mempermudah kita berlangganan suatu hal atau berita terbaru dari suatu website atau kita dapat mengartikan sebagai tampilan singkat sebuah blog atau website
Kita ambil salah satu website yang meyediakan layanan RSS, yaitu Feedburner, pertama-tama kita harus masuk ke www.feedburner.com

Setelah terbuka akan terlihat tampilan seperti ini

Akan terlihat kotak dibawah tulisan Star feedburning now.type your feed or blog url below,masukan url blog atau website anda pada kotak tersebut, disebelah kanan terdapat tulisan I am Podcaster, beri tanda check bila anda suka dengan tampilan podcast jika tidak biarkan kosong,setelah itu klik pada next.

Biasanya akan terdapat dua pilihan format rss atau atom,sebenarnya andapun dapat menggunakan format atom,tapi saya memilih rss karena biasanya didalam rss kita dapat menampilkan profil kita bahkan feed url blog kita,sebagai contoh saya memilih rss,http://www.catoer.blogspot.com/feeds/post/default?alt=rss kemudian klik next.

Akan terlihat tampilan untuk mengisi judul dan alamat feeds , untuk contoh saya beri judul adbrite dan mengisi alamatnya dengan http://feeds.feedburner.com/blogspot/mZoo anda juga diperintahkan untuk mengisi username,password,dan alamaat email setelah selesai klik pada Activate feed jika behasil anda telah memiliki account feedburner

How to Make Money From the Internet

2007-12-28T03:26:00.001-08:00

How to Make Money From the Internet
By Bin Abu Bakar Mohd Zaki

Everyone wants to make money more than what they earn every month. Everyone needs more money because the have to pay house bills, car loan, house loan and etc. Moreover, these days nothing is cheap anymore. The price of petrol and gas increases every year. What we have to do is to find another alternative of extra income to overcome these problems. Today, I am going to reveal to you on how to make money from internet with the easiest and hard way.

One of the ways to get extra income is by internet. Internet is the best way for you to earn extra and huge income because it is cheap, need no hard work, autopilot and you do not even have to quit your job. You can do two jobs and get paid at the same time. But the best thing is you can still earn money even if you are sleep or on vacation.

There are many ways you can earn money online but please be aware of online rich scheme. There are too many of scum in the internet. 80% of the resources that you will find on the internet on how to make money online are scum. I’m going not to reveal any of the scheme in this article but if you are interested to know the characteristic of rich scheme please don’t hesitate to drop an email at richscum@coverbookdesign.com.

To be honestly to you, there are few ways on making money online that was proven by the expert. So read this article until the end word by word.

1. Sell your product

If you have a product or you know how to get the product that is important and the product is hardly to find in most of country, you can sell it online. You can sell it through eBay. To register with eBay go to http://www.ebay.com.

Some people say that selling in eBay is easy. Yes, that is correct but it is not so easy to make a lot of money through eBay. You have to go through trial and error that cause you lots of money and spent a lot of time. 3 month... 6 month or 12 month if you success. Most of the newbie fail and ended where the started. The easier way to success is you need a guide, references such as e book, seminar or a mentor. Where to find it? Well that is the good question.

2. Sell your ebook

If you have any expertise in your work or anything that you love such as your hobby, why don’t you write it down and convert it to ebook. Then sell it online. There are lots of people out there love to read it. Believe or not, some of the writer make a million just writing an ebook.

3. Services

If you are graphic designer or web designer or computer programmer or someone that have some talent or skill, why don’t you offer your skill to people on internet. I am a designer too and I am selling my expertise on designing a company logo. You view my website at http://www.coverbookdesign.com/logohome.htm

What you have to is just make a simple website and sent traffic to your website.

4. Advertising program

Have you ever heard this word “Google Adsense”, “Yahoo! Publisher”, “BidClix”, “Bidvertiser”, “Adbrite”. This is the popular advertising program in internet. Google adsense belong to Google and Yahoo Publisher own by Yahoo. Advertising program is the easiest way to earn money online.

If you have a website, you can join Google adsense advertising program or you can also sign up with yahoo Publisher, Adbrite etc. After sign up process complete, you will receive email confirming your account approval and you will be given a simple code.

What you have to do is insert the given code on your website. When some one clicks the advertisement on your website, you will start earning money.

5. Affiliate program

What is affiliate program is all about? Affiliate program is programs that help company to sell their product with someone help. Basic concept of this program is your promote their product on your website, when some one buy their product from you website you’ll earn commission most likely 50%, 60% or 70% of the sale price. Let say you sell $100 eBook, you will get $70 commission on that sale. Most of the company will pay you twice a month based on how much you are earning. Affiliate program is the easiest way and the fastest way making money online. According to mike Filsaime, you can make easiest commission within 24 hour.

What you have to do is find the suitable product and trusted company. There is no point of promoting a product if you do not get paid. Join the affiliate program. Paste the given affiliate code to your website and start promoting the product. By the end of the month, you’ll receive a check sending directly to your home or your commission will be transferred to your paypal account.

This is the easiest way on making money online but most of people fail make use of it. Why did they fail? They fail because they did not use the correct method.

I have just revealed the naked truth on how to make money from internet. I hope you will get benefit from the information that just given. Definitely you will success if you do it according to the guideline. Read some eBook will help you a lots. All the best of luck from me.

Mohd Zaki Abu Bakar http://www.coverbookdesign.com/moneymachine/moneymachine.html

http://EzineArticles.com

memasang audio di blogs (blogger)

2007-12-12T21:14:00.000-08:00

memasang audio

Mungkin anda ingin memasang lagu-lagu favourite anda di blogs, anda bisa membuka website yang menyediakan bermacam musik seperti: song2play, Radio-blogclub.

Pertama:
Buka www.radioblogclub.com

Kedua:
setelah muncul halaman radioblogclub masukan judul lagu yang akan dicari kemudian klik searc
akan terlihat beberapa pilihan lagu
Ketiga:
Pilih lagu dengan mengklik pada ikon tanda panah di sebelah kiri lagu
sehingga muncul kode script disebelah kanan
Keempat:
copy paste code tersebut
Kelima:
masuk ke blogger, klik layout kemudian klik add a page element,akan muncul beberapa menu
cari menu HTML/Javascript klik pada add to blog.
Keenam:
Masukan kode yang telah di copy,klik save changes

Monetizing your website with AdBrite

2007-11-23T01:32:00.000-08:00

Monetizing your website with AdBrite
By Vlad Z

If you are looking to monetize on your site and would like to have control over what kind of ads would appear on your website, AdBrite may be the right solutions for you.

The first thing that sets AdBrite apart is the fact that you have an absolute control on what kind of ads will appear on your website. Unless you choose to opt-in and show so called network ads. But if and advertiser wants to purchase a space on your website, you have an option to approve or disapprove the ad. And this is what makes AdBrite ads such a great tool. It opens the door to build a potentially long lasting business relationships with your advertisers. Any good businessman will tell you that return clients are crucial to build a successful business.

You may have heard that in order to make money with advertisement on your website you need at least 1000 daily visitors to your website. This is not necessarily true. Some people make money with lower number of visitors.

Many people think that in order to make money with AdBrite or other advertisements, all that is required is to place few banners or ads on your site and money will begin to roll in. If you have this kind of attitude, most likely you will be disappointed when you discover that after few months you have made no more than $10. As with any advertisement you need to be proactive and look for your your advertisers everywhere you can. Don not expect them to show up and start advertising on your website simply because it exists. If you can contact at least 10 potential advertisers daily, in the very short period of time you may be able to earn good money with AdBrite.

Vlad Z
Writer for My Affiliate Journey

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.
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.

Mendaftar directory

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

Mendaftar directory
Dengan mendaftarkan blog atau situs ke directory akan mempermudah blog kita terindeks oleh search enggine, karena webs directory akan segera mengirim data atau postingan blogs kita ke search enggine, Tapi yang perlu kita ketahui webs directory sangat banyak dan untuk mendaftar satu persatu membutuhkan waktu yang lama dan munkin menjenuhkan,semakin banyak kita mendaftar di directory semakin cepat data blogs kita terindeks oleh search enggine.

Webs 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

Dibawah ini beberapa webs directory yang pernah aku daftarin

http://webkios.info/direktori/
http://www.blogarama.com/
http://www.biggerblogger.com/
http://www.dmozzilla.com/
http://www.free-content.org/
http://www.bestwebsitesdirectory.com/
http://www.new-hope-link-directory.com/
http://www.toolbug.com/
http://searchcomparebuy.co.uk/
http://www.link-back.net/page-rank/web_directory__0_0;en
http://www.weblogalot.com/
http://www.topblogarea.com/internet/
http://www.blogrankings.com/
http://www.wholinks2me.com/
http://www.lsblogs.com/
http://www.bloggapedia.com/
http://www.pagerank10.co.uk/
http://www.blogratedirectory.com/Dir/Internet.php
http://www.myblogdirectory.net/index.php?id=28393
http://www.expat-blog.com/
http://www.blogtoplist.com/personal/

selamat mencoba

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

javascript vertical menu

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

javascript vertical menu
membuat menu vertical 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/cssverticalmenu.css' rel='stylesheet' type='text/css'/>
<script src='http://catur.pramono.googlepages.com/cssverticalmenu.js' type='text/javascript'>
</script>

2. Kemudian letakan kode dibawah ini di sidebar yang anda inginkan,

<ul id="verticalmenu" class="glossymenu">
<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>

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

Atau bisa anda letakan dengan membuka menu page element klik pada ad a page element pada sidebar yang anda inginkan,buka pada html/javascript, masukan kode diatas, klik save setting
Tapi tampilan menu akan berbeda dari tampilan menu diatas

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

membuat linker

2007-10-30T01:02:00.000-07:00

membuat linker
agar orang lain bisa memasukan link blognya secara langsung, kita bisa menggunakan fasiitas yang terdapat di http://www.linkme-up.com/
1. Pertama tama kita buka linkme-up
2. Klik pada menu register di sebelah kiri atas
3. Isi form pendaftaran yang ada,beri tanda check pada I have read and agreed to the Terms of Use as stated here.klik register
4. Setelah pendaftaran diterima anda akan diperintahkan untuk memasukan user dan pasword anda klik login.
5. setelah itu anda akan dibawa ke hal Welcome to linkManager klik pada Get the linker HTML codes disini akan keluar kode linker yang akan di masukan ke blog anda.
6. Copy dan masukan kode tersebut ke blog anda

tapi menurut saya link-link yang terpasang tidak menjurus ke blog anda sebab link tersebut tak terdeksi di technorati

Ada apa dengan blog Afsyuhud

2007-10-24T22:32:00.000-07:00

Ada apa dengan blog Afsyuhud
Saya dengar blog pak afsyuhud ada masalah dengan google, saya jadi takut ma google,waktu aku buka blog afsyuhud
Blognya udah nggak ada isinya,kirain mau ganti isinya ,apa ada yang salah dengan blognya pak asyuhud ,apa karena terlalu banyak tukar linknya,yang tahu cuma yang punya blogger,kalau ada yang tahu ada apa dengan blog afsyuhud beri tahu aku donk, biar blog aku aman

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 video

2007-10-22T06:57:00.000-07:00

Menambahkan video
Untuk Menambahkan video pada blog atau situs kita bisa menggunakan vasilitas Youtube.com atau Video.google.com

Langsung aja :
lewat youtube
1. Pertama kita kunjungi www.youtube.com
disini terdapat banyak pilihan video, pilih atau klik video yang anda inginkan.
2. biasanya disamping tampilan video terdapat kotak url dan embedcopy kode yang terdapat di kotak embed

3. Masukan di blogs anda

Lewat Video.google.com
1. Pertama kita buka Video.google.com
disini anda bisa Upload video dari computer atau mengambil video yang sudah ada.
Untuk mengambil video yang sudah ada
2. silakan klik pada pilihan video yang tampil, disamping kanan akan terdapat Menu Email embed, klik menu tersebut akan keluar Send link - Embed HTML
3. Klik pada Embed HTML,
Di bawah akan keluar kode html Yang akan di tampilkan di blogs atau situs kita.
4. Kopi kode tersebut.
%. Paste di blogs anda
untuk contoh dengan gambar aku belum punya,sebab tampilan selalu berubah