Tips | Trik Blogger

Review Template Simplex Blog News by simplexdesign.blogspot.com

2011-10-26T08:18:00.004+07:00

Trik -tips blog , banditzkraksaan - Ok mungkin udah sebagian para blogger udah punya template yang sip dan elegan , tapi banditz kraksaan kali ini akan coba membahas template punya empu simplex design by Dinh Quang Huy " Template Simplex Blog News "... Template ini sangat mudah di amplikasikan terutama beberapa fitur - fitur pendukung yang sudah pas ( slide , foto galery , video , FLICKR PHOTO STREAM dan lain -lain ) dengan tampilan yang profesional dan juga sangat enak di pandang mata ... tapi yang belum terpasang di template ini adalah meta tagnya .... untuk tampilannya atau privew masih dapat terlihat optimal di browser ( mozilla , opera , IE dan google crome ).

life demo
download template
download tutorial install template

NB : sebelum pakai template ini usahkan semua gadget anda hilangkan terlebih dahulu ( shout box , jam , kalender , dll) karena akan dapat mengganggu tam[ilan blog ini

SERP SEO Tool Khusus Untuk Kontes SEO

2011-10-24T09:12:00.002+07:00

Kali ini banditzkraksaan akan membagi tips "Search Engine Results Page (SERP) Tool" tips ini saya dapat dari o-om.com , oke langsung cap cuzz aja SEO Tools yang dirancang khusus untuk memudahkan sobat melacak kata kunci target di Search Engine Google. Ini sangat berguna buat sobat yang sedang ikutan kontes atau sekedar hanya untuk melacak posisi keyword target di Google.

Cara melacak:
1. Untuk mencobanya silahkan Langsung ke Sini
2. Masukan Kata Kunci (keyword) yang sedang di ikutkan dalam Lomba SEO Kontes.
3. Masukan Alamat URL Blog yang sedang di lombakan (bisa url saingan atau url sendiri).
4. Pilih target URL Google misalkan lomba diadakan pada Google.com atau Google.co.id (Indonesia).
5. Selalu pastikan memilih YES untuk membersihkan Cache Browser agar hasil pencarian Maksimal.
6. Jika target ditemukan, hasil Pencarian dilacak per 10 result dan ditandai dengan pada nomor halaman.
Semoga Tool diatas bermanfaat :)

New Interface Blogger, Sudah Bisa di Blogger.Com

2011-10-24T08:53:00.003+07:00

Kita telah menunggu lama janji Google tentang tampilan baru yang lebih mantap sampai akhirnya benar-benar direalisasikan di draft.blogger.com. Akhirnya sekarang Anda bisa menikmatinya di blogger.com. Ketika Anda login Anda akan menemukan saran untuk mencoba fitur baru ini pada bagian kanan atas dashboard, silahkan klik Coba Antarmuka Blogger yang Diperbarui untuk mencobanya.

Dan bagi Anda yang menerapkannya, kemudian merasa masih susah atau belum terbiasa, Anda dapat dengan mudah mengembalikannya ke tampilan lama dengan klik switch back to the old interface. Akan ada dua pilihan tombol, silahkan klik provide feedback jika Anda ingin memberikan tanggapan Anda atau saran tentang new interface blogger kepada Google, dan silahkan klik skip jika Anda tidak ingin kirimkan saran ke Google.

Bila lebih jelas lagi monggo ke mas doyok untuk gambaran tambilan yang lengkap
klik

FREE TEMPLATE BLOGGER TOKO ONLINE

2011-08-04T08:46:00.003+07:00

Toko Online Std Green-banditz kraksaan ,sebelumnya banditz mengucapkan selamat hari raya ramadhan buat teman teman banditz , hari ini sambil berpuasa banditz coba meluncur ke dunia maya maklum jhon banditz masih sibuk ngatur waktu di www.kraksaan-online.com jadi banditz belum sempet update di positngan ini, pada kali ini bandit akan berbagi template untuk toko online standard green karya " Solo Futuristic Blogger Design Designer by mangNYOBI "

pembahasan template>>
- 2 kolom
- slider
- multi posting

buat agan agan yang pengin membangun toko online ni banditz saranin pakai template ini , dan kita akan tuggu template toko online selanjutnya

download disini

Adobe Photoshop (Free) template punya o-om.com

2011-07-26T16:20:00.006+07:00

Blog template - banditz kraksaan ,Adobe Photoshop Blogger Template didesain khusus buat pencinta Adobe Photoshop, dengan template ini anda bisa memajang gambar hasil kreasi anda atau tidak menutup kemungkinan bagi anda yang jago mengolah gambar bisa juga bisa berbagi tutorial melalui template ini.Ya template ini di usung oleh empunya o-om.com yang dulunya prabayar sekarang dapat di unduh gratissssssssss...tiss ... waahhhh semoga allah membalas kebaikan beliau amin....

Live Demo / Free Download

Template Features:
* SEO Optimized
* 2 Coloum
* 1 Right Sidebar
* Fixed Width
* Widgets Ready
* Auto Readmore
* Auto Thumbnail
* Hide Navigation Bar
* Custom Menu
* All Image Host into Blogspot

SEO Tour: Gonta Ganti Template Buruk Untuk SEO?

2011-05-17T15:06:00.003+07:00

"Apakah Gonta-ganti template buruk untuk SEO, apakah akan menyebabkan posisi kita di Google Anjlok?"

Jawabannya? Jelas Bisa!, tapi... kita bisa meminimalisir effect pergantian template terhadap SEO. Apa yang harus kita lakukan?

Back-Up Template Lama
Jangan lupa untuk selalu backup template terlebih dahulu ketika Anda akan berganti template. Hal ini dilakukan untuk pengamanan jika ternyata template baru tidak cocok atau ada hal lain yang menyebabkan Anda ingin kembali ke template lama.

Benahi Meta Tag
Meta tag adalah hal yang cukup riskan jika berubah sedikit saja. Jika Anda berganti template dan tidak segera merubah meta tag blog Anda seperti semula sehari saja, maka ini akan memberikan effect yang sangat besar pada posisi Anda di mesin pencari. Jika Anda sudah memodifikasi meta tag Anda, silahkan simpan meta tag Anda di ms word ataupun notepad, sehingga segera bisa dipasang di template baru Anda.

Benahi Tag Headings
Tag heading adalah tingkat kepentingan pada bagian judul ketika Robot merayapi blog Anda. Berurutan dari yang terpenting h1, h2, h3, h4, h5 dan h6. Dalam keadaan standart, h1 diterapkan untuk judul blog, h2 diterapkan untuk judul widget, h3 diterapkan untuk judul postingan dan h4 diterapkan untuk komentar. Ini berarti ketika robot mesin pencari merayapi blog Anda, maka urutan kepentingan index berurutan mulai judul blog - judul widget - judul postingan - kemudian komentar. Anda bisa mengubahnya untuk lebih memperkuat postingan Anda di Google dengan mengubah tag judul artikel menjadi h2 dan menukarnya dengan judul widget. Atau Anda bisa gunakan trik yang saya dapat dari blog choen

Nah, perubahan tag headings juga berpengaruh sangat besar. Oleh karena setelah ganti template sesegara mungkin, periksa susunan tag headings di blog Anda.

Benahi Struktur Link
Ketika Anda mengganti template maka struktur template Anda akan berubah. Yang tadinya 3 kolom menjadi 2 kolom, yang tadinya sidebar di kiri menjadi di kanan. Namun yang lebih penting sejatinya adalah soal struktur link. Yang termasuk bagian ini adalah menubar Anda dan beberapa link yang ada di gadget Anda. Ketika Anda mengganti template, kemudian menubar Anda hilang atau berubah daftarnya, maka segera benahi seperti semula. Bukan di benahi dalam artian Anda kembalikan ukuran ataupun warnanya, namun dalam arti Anda mengembalikan daftar link yang tertera pada menubar seperti semula lagi. Jika tidak segera dibenahi, Anda berpotensi kehilangan sitelink Anda.

Benahi Widget
Pergantian template bisa menyebabkan beberapa widget tidak tampil. Padahal ada beberapa widget penting yang berpengaruh besar ketika dilepas satu jam saja. Misalnya widget alexa dan berbagai widget pemeringkatan seperti tiops of blogs dan lain-lain (baca: Cara Claim Alexa). Pastikan widget-widget itu menjadi prioritas tercepat daripada widget lain untuk segera ditampilkan kembali setelah pergantian template.

Di Akhir...
Langkah yang lebih bijak adalah mengedit dahulu template yang akan Anda pakai di blog percobaan. Atur susunan meta tag, tag headings, menubar hingga widget penting hingga sesuai dengan template yang sedang dipakai di blog utama Anda. Setelah sesuai, barulah Anda pasang di blog utama Anda.

Semoga bermanfaat... Ingat untuk selalu gunakan template yang lebih ringan yang membuat robot Google menemukan lebih banyak data bermanfaat dari blog Anda dalam waktunya yang terbatas...

Tambahan Icon Pada Post Footer

2011-04-01T15:50:00.001+07:00

dalam blog kang noval tersebut post-footernya menarik karena ada tambahan Iconya, jadi post footer akan kelihatan sedikit lebih expressif.
Jika belum tau apa itu post footer area lihat aja gambar diatas, Nah post footer adalah informasi dari postingan yang kita tulis di blogger yang tempatnya dibawah postingan kita, dalam post footer area terdapat infromasi-informasi tentang postingan yang ada diatasnya, misalnya siapa penulisnya, jam berapa dipublikasikan, sudah ada berapa komentar, artikel tersebut masuk dalam kategori apa dan juga yang lainya.

Gimana apakah Anda ingin membuat post footer area Anda lebih expressif dengan tambahan Icon?
Ikuti petualangan saya dibawah ini.

Seperti biasa yaitu masuk menu Layout (tata letak) lalu masuk meni Edit HTML.

taruh code CSS dibawah ini diatas code ]]></b:skin>

/* post fotter

---------------------------*/

.post-author {

background: url(http://i296.photobucket.com/albums/mm169/anasku/profile.gif) no-repeat;

padding-left: 20px;

color: #c70823;}

.post-timestamp {

background: url(http://i296.photobucket.com/albums/mm169/anasku/jam.gif) no-repeat;

padding-left: 15px; margin-left: 10px;

}

.post-labels {

background: url(http://i296.photobucket.com/albums/mm169/anasku/forder-biru.png) no-repeat;

padding-left: 25px; margin-left: 10px;

}

.comment-link {

background: url(http://i296.photobucket.com/albums/mm169/anasku/comment-icon.gif) no-repeat;

padding-left: 15px; margin-left: 10px;

}

.post-backlinks {

background: url(http://i296.photobucket.com/albums/mm169/anasku/favorit.gif) no-repeat;

padding-left: 15px;

}

Kalau sudah tinggal Save dan jadi deh...

Nah code yang berwarna merah diatas adalah URL gambar... bisa kamu ganti dengan gambar sendiri, ingat sesuaikan ukuranya..

Nah gimana caranya gampang kan??

log ...! Membuat Screen Saver / Energy Saving Mode Pada Blog ...!

2011-03-21T17:31:00.003+07:00

blog hack - banditzkraksaan Screen saver...? itu adalah kata yang biasa kita dengan didunia komputer, saat komputer tidak kita pakai ( dalam keadaan hidup ) atau saat komputer dalam keadaan idle. nah biasanya screen saver akan muncul dengan tampilan yang beraneka ragam.

bagaimana dengan Blog...? apa bisa kita memasang fasilitas screen saver ini pada blog...? Jawabannya pasti bisa. Untuk itu silahkan ikuti Langkah2 Berikut:

1. Login ke Blogger kalian
2. masuk ke Rancangan / Tata Letak
3. EDIT HTML ( jangan lupa back up template )
4. cari kode </Head> dan Copy script berikut diatasnya.

<script language='javascript' src='http://myscriptforme.googlecode.com/files/EnergySaving.js' type='text/javascript'/>

5. Simpan Template.

untuk melihat hasilnya, kalian buka blog kalian dan diamkan beberapa menit, jangan diotak-atik, intinya kalian mau facebookan dulu, twitter-an dulu, atau apa dulu, yang penting diemin aja tu blog. pasti screen saver nya akan muncul.

Untuk script tahap no. 4 itu adalah jenis screen saver dengan Text/tulisan. Jika ingin menggunakan gambar bisa menggunakan script dibawah ini;

<script language='javascript' src='http://myscriptforme.googlecode.com/files/ScreenMode.js' type='text/javascript'/>

demonya seperti punya ku tunggu beberapa menit

Menambah Sexy Sliding Sidebar di Blogspot

2011-03-21T11:42:00.002+07:00

Bloghack - (banditzkraksaan) Sexy sliding Sidebar ini adalah alternatif lain pengganti Navigation Menu biasa, nah bila blog anda belum mempunyai Navigation Menu ataupun tidak ingin memakai Navigation Menu karena satu dan lain hal, Sexy sliding sidebar ini bisa menjadi alternatifnya.

Sekarang Mari Lihat Bagaimana Cara Memasangnya ....

* Pertama login ke blogger
* Pergi ke ---> Tata Letak
* Klik Di Tambah Gadget
* Pilih Html / Javascript
* Dan Copy Paste Kode yang dibawah ini :

<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/prototype.js" type="text/javascript"></script>
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/effects.js" type="text/javascript"></script>
<script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/side-bar.js" type="text/javascript"></script>
<style>
body{
font-size:75%;
}
a{
outline: none;
}
a:active{
outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
color:#FFFFFF;
font-size:110%;
font-family:arial;
margin:10px 10px 10px 10px;
font-weight:bold !important;
}
#sideBar h2 span{
font-size:125%;
font-weight:normal !important;
}
#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#sideBar li{
margin:0px 10px 3px 10px;
padding:2px;
list-style-type:none;
display:block;
background-color:#DA1074;
width:177px;
color:#FFFFFF;
}
#sideBar li a{
width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0px;
width:100%;
}
#sideBar li a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
left:0px;
background-image:url(http://i49.tinypic.com/121abrq.jpg);
background-position:top right;
background-repeat:repeat-y;
}
#sideBarTab{
float:left;
height:137px;
width:28px;
}
#sideBarTab img{
border:0px solid #FFFFFF;
}
#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px;
}
#sideBarContentsInner{
width:200px;
}</style>
<div id="sideBar">
<div id="sideBarContents" style="display:none;">
<div id="sideBarContentsInner">
<h2>side<span>bar</span></h2>
<ul>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</div> </div>
<a id="sideBarTab" href="#"><img alt="sideBar" src="http://i46.tinypic.com/ao8h9u.jpg" title="sideBar"/></a>
</div>

Sekarang Klik Simpan ...

Rubah Kode warna Merah Dengan Link Dan Teks Dari Pilihan Anda

Sekarang lihat hasilnya Blog Anda....

Cara Membuat SubMenu di Blogger

2011-03-02T08:50:00.003+07:00

Tutorial Blog - banditzkraksaan
Untuk membuat submenu semacam itu, silahkan ikuti langkah-langkah berikut ini:

1. Masuk ke Blogger

2. Klik Tata Letak

3. Klik Edit HTML

4. Cari kode ]]></b:skin>

5. Tambahkan kode berikut ini di atas kode yang tadi (no. 4)

/* ----- NAVBAR MENU ----- */

#NavbarMenu {

width: 875px;

height: 35px;

background:#FF6600 url(http://i802.photobucket.com/albums/yy308/penerjemah/navbar-hitam.png) repeat-x top;

color: #ffffff

margin: 0 auto 0;

padding: 0;

font: bold 11px Arial, Tahoma, Verdana;

border-top: 1px solid #ffffff;

border-bottom: 1px solid #ffffff;

}

#NavbarMenuleft {

width: 680px;

float: left;

margin: 0;

padding: 0;

}

#nav {

margin: 0;

padding: 0;

}

#nav ul {

float: left;

list-style: none;

margin: 0;

padding: 0;

}

#nav li {

list-style: none;

margin: 0;

padding: 0;

}

#nav li a, #nav li a:link, #nav li a:visited {

color: #ffffff;

display: block;

text-transform: capitalize;

margin: 0;

padding: 9px 15px 8px;

font: normal 15px Georgia, Times New Roman;

}

#nav li a:hover, #nav li a:active {

background:#FF6600;

color: #ffffff;

margin: 0;

padding: 9px 15px 8px;

text-decoration: none;

}

#nav li li a, #nav li li a:link, #nav li li a:visited {

background: #ffffff url(http://i802.photobucket.com/albums/yy308/penerjemah/navbar-hitam.png) repeat-x top;

width: 150px;

color: #ffffff;

text-transform: lowercase;

float: none;

margin: 0;

padding: 7px 10px;

border-bottom: 1px solid #ffffff;

border-left: 1px solid #ffffff;

border-right: 1px solid #ffffff;

font: normal 14px Georgia, Times New Roman;

}

#nav li li a:hover, #nav li li a:active {

background: #FF6600;

color: #ffffff;

padding: 7px 10px;

}

#nav li {

float: left;

padding: 0;

}

#nav li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

width: 170px;

margin: 0;

padding: 0;

}

#nav li ul a {

width: 140px;

}

#nav li ul ul {

margin: -32px 0 0 171px;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;

}

#nav li:hover, #nav li.sfhover {

position: static;

}

6. Kemudian, cari kode ini:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Your Blog Title (Header)' type='Header'/>

</b:section>

</div>

7. Tambahkan kode berikut ini di bawah kode no. 6

<li><a expr:href='data:blog.homepageUrl'>Beranda</a></li>

<ul>

<li><a href='#'>SubMenu-1-1</a></li>

<li><a href='# '> SubMenu-1-2</a></li>

</ul>

</li>

<ul>

<li><a href='#'>SubMenu-2-1</a></li>

<li><a href='#'> SubMenu-2-2</a></li>

</ul>

</li>

<ul>

<li><a href='#'>SubMenu-3-1</a></li>

<li><a href='# '> SubMenu-3-2</a></li>

<li><a href='#'> SubMenu-3-3</a></li>

</ul>

</li>

</ul>

</div>

</div>

8. simpan

Kenapa Image di Template Blog tidak Muncul?

2011-01-16T13:20:00.002+07:00

tutorial blog - (banditzkraksaan) Pertanyaan senada kadang terucapkan, saat kita mengetahui ada gambar yang tidak muncul atau gambar yang seharusnya muncul diganti dengan gambar lain (penyedia layanan image hosting) khususnya terjadi pada template. Terdapat beberapa kemungkinan yang menyebabkannya, antara lain ; salah alamat, gambar telah berpindah atau dihapus, bandwidth di penyedia layanan telah habis dan sebagainya.

"Tapi jhonbanditz sudah cek ke alamat penyimpanan gambar-nya dan hasilnya masih memunculkan gambar tersebut"

Berarti kemungkinan salah alamat dan gambar telah berpindah atau dihapus dapat pula kita sisihkan. Mau tidak mau atau suka tidak suka kita mesti mencari alasan lain, mengapa gambar di template tidak muncul. Salah satu kemungkinan lain jatuh kepada bandwidth di penyedia layanan image hosting, seperti ; Photobucket, ImageShack, TinyPic, de-el-el.

Bandwidth sering digunakan sebagai suatu sinonim untuk data transfer rate yaitu jumlah data yang dapat dibawa dari sebuah titik ke titik lain dalam jangka waktu tertentu (pada umumnya dalam detik). Jenis Bandwidth ini biasanya diukur dalam bps (bits per second). Adakalanya juga dinyatakan dalam Bps (bytes per second). Dalam bahasa mudahnya, adalah sebuah takaran lalu lintas data yang masuk dan yang keluar (wikipedia).

Bukan menjadi rahasia umum bahwa gambar merupakan salah satu elemen agar template lebih kelihatan asoy geboy aduhay (kata terakhir dipaksain tuh...) dan tidak berasa hambar, sehingga membutuhkan layanan image hosting. Sekarang kamu menggunakan template dari anu bin anu yang memiliki tampilan menarik dan beberapa elemennya berupa gambar. Karena saking menariknya, banyak para blogger yang menggunakan template tersebut. Sedangkan template langsung digunakan secara default.

Akibatnya semua pengguna akan menggunakan sumber image hosting yang sama. Ketika pengunjung menyambangi blog kamu, bukan tidak mungkin pengunjung lain juga sedang blog walking ke blog yang menggunakan template sama dengan kamu. Coba bayangkan jika puluhan pengunjung mengunjungi blog yang memiliki template sama persis. Oleh karena banyaknya aktivitas upload gambar menyebabkan jatah bandwidth dari penyedia layanan tersebut habis. Akhirnya kamu pasti tahu, yakni gambar dalam template tidak muncul atau diganti dengan gambar si penyedia layanan.

"Kalau begitu aku tidak akan menggunakan template pakai gambar, ah?"
Eit, itu bukan merupakan pemikiran yang bijak. Seperti kata jhonbanditz di atas, gambar merupakan salah satu elemen agar template tidak berasa hambar.
Point pentingnya, kita hanya membutuhkan alternatif jitu untuk memecahkan "telur itu???" (*maksudnya memecahkan masalah itu).

Alternatif jitu tersebut berupa :
Download gambar-gambar yang disertakan dalam template, kemudian upload gambar template tersebut ke hosting gambar yang biasa kamu pakai. Tidak jarang template yang kamu gunakan (download) telah disisipkan file gambar oleh sang empu-nya. Jadi tinggal meluangkan waktu sebentar untuk mengupload gambar tersebut ke hosting gambar yang biasa kamu pakai.

Setelah proses upload selesai, jangan lupa untuk mengganti alamat penyimpanan gambar dalam template tersebut. Contoh kode yang diganti :

body {

background:#FFFFFF url(http://i647.photobucket.com/albums/uu191/OB//bintang_tujuh_keliling.gif) }

.sidebar h2 {

background:url(http://i46.tinypic.com/152ff2b.jpg) top left repeat-x; }

Catatan :
Ganti kode yang berwarna merah dengan gambar yang sama/serupa sesuai dengan alamat penyimpanan file gambar kamu yang sebelumnya telah diupload.

Membuat Toko Online Sendiri dengan Blogspot

2010-12-16T23:03:00.003+07:00

DEMO
toko online - (banditzkraksaan) kali ini setelah bertapa sekian( meninggalkan dunia blogger sejenak ) tahun mencari template toko online dengan menggunakan media blog di mbah google akhirnya bisa terwujud ketika banditz pertapa di puncak gunung ronggolawe

Langsung saja
Untuk mem buat toko online dengan blogspot ikuti langkah langkah berikut ini:
perhatikan gambar ini,

cara membuatnya cukup mudah let’s Go:
Pertama

Sebelum memulainya saran saya anda menoba dengan blog yang baru anda buat.
Login ke blogspot >> Layout>> edit HTML

Kedua
download template sekarang

Ketiga
Ganti Template anda dengan kode tersebut (Keterangan Kedua)

Keempat
save dan Jadi Deh

Bagaimana Mengedit Data CSS Tersebut???
Cari kode berikut ini:

<script type=’text/javascript’>
simpleCart.email = "hadie87@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.cartHeaders = [ "name", "thumb_image" , "Quantity_input" , "increment", "decrement", "Total" ];
</script>

Ganti teks yang berwarna merah dengan Email anda. Email tersebut adalah alamat Paypal anda.

Untuk mengubah barang yang di jual,anda bisa menggantinya dengan mengubah kode dibawah ini dengan produk anda sendiri:

<div class=”simpleCart_shelfItem”>
<!–Notice the class names of each tag begin with item_ –>
<img src=”http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png” alt=”product 1″ title=”product 1″ class=”item_image”/>
<h5 class=”item_name”>Sample DVD</h5>
<p class=”item_Description”>
To create a shelf item, you create a div with a class of simpleCart_shelfItem
</p>
<span class=”item_price”>$14.99</span>
<a id=”s1″ href=”javascript:;” class=”item_add”>Add to Cart</a>
<span class=”item_thumb”>http://i604.photobucket.com/albums/tt130/metalner/simplexshop/attack-release.png</span>
</div>

Untuk membuat atau menambah produk sendiri anda bisa menggunakan kode seperti ini:

<div class=”simpleCart_shelfItem”>
…………………
</div>

Dengan struktur sebagai berikut : Gabar:

<img src=”URL_Gambar_anda” alt=”Alternatif Gambar” title=”Nama Produk” class=”item_image”/>

ganti teks berwarna merah
Nama Produk

<h5 class=”item_name“>your_item_name</h5>

Deskripsi Produk

<p class=”item_Description”>
your description
</p>

Harga

<span class=”item_price”>$00.00</span>

Menambah “add to cart”

<a href=”javascript:;” class=”item_add”>Add to Cart</a>

Ya, begitulah aranya membuat toko online dengan menggunakan Blogspot,

sumber :http://www.dankerizer.com/2010/04/membuat-toko-online-sendiri-dengan-blogspot.html

Membuat Headline New Artikel Anda

2010-12-16T21:54:00.002+07:00

tutorial blog - ( banditzkraksan)Jika Anda ingin membuat tampilan blog menjadi lebih kelihatan menarik dan keren, silahkan memanfaatkan fasilitas penyedia headlines. Judul-judul artikel blog Anda pada saat yang sama membantu Anda untuk menampilkan artikel-artikel Anda supaya menarik perhatian pengunjung blog untuk membaca artikel-artikel yang tampil, berarti Anda patut untuk mencoba widget Headline News di blog Anda. Caranya sangat mudah .

1. Login ke blogger

2. Klik Tata Letak

3. Tambahkan gadget anda dan pilih HTML javascript

4. Copy kode berikut ini dan paste anda gadget Anda

<script type="text/javascript">

var hn_url_blog = "http://namablog-Anda.blogspot.com";

var hn_jumlah_post = 200;

var hn_warna_latar = "#EEEEEE";

var hn_warna_garis = "#000000";

var hn_posisi = "top";

var hn_tampilkan_judul = true;

var hn_backlink = true;

</script>

<script src="http://zykry.googlecode.com/files/headline-news.js">

</script>

Keterangan:

Ganti tulisan nama blog anda dengan url blog Anda.

var hn_url_blog = URL blog

var hn_jumlah_post = jumlah judul artikel posting yang ditampilkan

var hn_warna_latar = warna latar belakang headline news

var hn_warna_garis = garis border headline news

var hn_posisi = posisi headline news

var hn_backlink = bila ingin backlink ditampilkan

5. Jangan lupa disimpan.

sumber :http://snifan.blogspot.com/2010/12/membuat-headline-new-artikel-anda.html

Meta tag blogger ala kang rohman

2010-12-16T13:22:00.005+07:00

tutorial blog - (banditzkraksaan) Sebenarnya Meta tag blogger yang akan banditz terangkan bukanlah meta tag blogger terbaik karena mungkin saja ada meta tag blogger

Banyak orang mengatakan bahwa memasang meta tag adalah teknik SEO yang telah kuno dan tidak perlu dilakukan lagi. Mungkin itu benar adanya, tapi mungkin juga tidak. Agar tidak simpang siur, mending kita lihat fakta di lapangan.

Disini banditz menuliskan keyword Blogspot Tutorial di google.com. Berikut screen-shot yang di dapat:

Hasilnya, blog kang Rohman yang berbahsa inggris berada pada urutan pertama (pada saat artikel ini ditulis). Yang ditunjukan pada hasil pencarian tersebut adalah Judul Blog dan deskripsi blog yang tentunya di pasang dengan meta tag deskripsi. Ini memberikan fakta bahwa pemasangan meta tag masih tetap diperlukan sebagai salah satu penunjang dalam SEO.

Menurut keterangan para pakar SEO yang pernah kang Rohman baca, deskripsi blog ataupun keyword yang baik adalah setiap halaman harus berbeda, karena apabila halaman satu dan yang lainnya bedeskripsi sama, maka akan dianggap sebagai duplikat deskripsi, dan ini konon sangat tidak disukai oleh search Engine, sebut saja Google.

Berangkat dari hal tersebut, kang Rohman mencoba membuat meta tag deskripsi blogger serta keyword agar bisa berbeda pada setiap halaman atau istilah kerennya Dynamic Blogger Meta tag.

Berikut adalah kode dasar Dynamic Blogger Meta tag :

<b:if cond='data:blog.pageType != "item"'>
<meta expr:content='data:blog.pageTitle + " - deskripsi"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", keywords"' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - deskripsi"' name='description'/>

<meta expr:content='data:blog.pageName + ", keywords"' name='keywords'/> </b:if>

Contoh nyata penerapan kode tersebut pada blog kang Rohman:

<b:if cond='data:blog.pageType != "item"'>
<meta expr:content='data:blog.pageTitle + " - panduan praktis membuat blog di blogspot"' name='description'/>
<meta expr:content='data:blog.pageTitle + &quot;, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free"' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - panduan praktis membuat blog di blogspot"' name='description'/>

<meta expr:content='data:blog.pageName + ", blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free"' name='keywords'/>
</b:if>

Teknik yang dipakai adalah jika dalam kondisi Home page, untuk deskripsi adalah Judul Blog ditambah dengan deskripsi yang terpasang, untuk keyword adalah Judul Blog di tambah dengan keywords yang terpasang, misal :

Deskripsi : Tutorial blog - panduan praktis membuat blog di blogspot

Keywords: Tutorial blog, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free

Sedangkan apabila sedang berada pada single post atau halaman posting, deskrisi yang digunakan adalah judul posting di tambah deskripsi yang terpasang, untuk keyword adalah judul posting di tambah keywords yang terpasang.

Misalkan apabila sedang berada pada halaman posting yang berjudul Fresh Revolution Premium template , maka deskripsi dan keywords yang tercipta adalah seperti berikut :

Deskripsi : Fresh Revolution Premium template - panduan praktis membuat blog di blogspot

Keywords: Fresh Revolution Premium template, blog tutorial,blog template,blog spot,blogspot template,blog gratis,tutorial css,magazine template,panduan membuat blog,free download software,magazine template blogger,tutorial blogspot,blog template free

Ingat bahwa setiap judul posting pastinya akan berbeda antara yang satu dengan yang lainnya, sehingga hasil meta deskripsi pun akan menciptakan deskripsi yang berbeda pula secara otomatis., dan inilah kenapa meta tag ini disebut dengan Dynamic Blogger Meta tag alias Meta tag blogger dinamis Cool

Cara pasangnya gimana? aih ko masih nanya cara pasangnya sih Hee hee

Jika anda ingin menggunakan teknik ini, anda tentunya harus menghapus terlebih dahulu meta tag deskripsi atau meta tag keyword yang telah terpasang sebelumnya di blog anda agar tidak terjadi duplikasi.

Berikut langka-langkah pemasangan Dynamic Blogger Meta tag.

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.

3. Klik tab Edit HTML.

4. Biasakan untuk melakukan backup, klik pada tulisan Download Template Lengkap.

5. Agar lebih mudah, cari kode berikut :<b:skin><![CDATA[
6. Copy paste kode berikut persis diatasnya kode yang tadi :

<b:if cond='data:blog.pageType != "item"'>
<meta expr:content='data:blog.pageTitle + " - deskripsi"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", keywords"' name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - deskripsi"' name='description'/>

<meta expr:content='data:blog.pageName + ", keywords"' name='keywords'/> </b:if>

7. Ingat, ganti kata deskripsi dengan deskripsi blog anda sendiri, dan kata keywords
dengan keyword atau kata kunci blog anda tentunya.
8. Klik tombol SIMPAN TEMPLATE.
9. Selesai.

sumber :http://kolom-tutorial.blogspot.com/2010/11/meta-tag-blogger-terbaik-ala-kolom.html

2 Gadget baru untuk Blogger

2010-12-15T14:04:00.003+07:00

tutorial blog - (banditzkraksaan)Setelah meluncurkan fitur statistik blog untuk blogger yang kini telah meluncurkan sebuah widget Blog's Stat bersama dengan widget Popular Post. Ini adalah dua widget baru yang telah ditambahkan blogger di draft.blogger untuk diuji.

Popular Post
widget ini menampilkan semua posting yang populer yang dapat diurutkan berdasarkan tiga cara baik waktu Semua, Terakhir 30 hari, lalu 7 hari. Anda juga dapat memilih untuk menampilkan thumbnail dari posting tersebut. Anda dapat melihat screenshot di bawah ini.

Blog’s stats
widget ini menampilkan total tampilan halaman gadget blog.Tampil dalam berbagai gaya dan juga dilengkapi dengan grafik sparkline opsional. Lihat gambar di bawah.

Keduanya memang masih belum diterapkan dalam blogger versi dasar. Itu akan datang di blogger dasar dalam satu minggu atau bahkan kurang.

Menentukan Waktu Moderasi Komentar

2010-11-06T14:40:00.002+07:00

Moderasi komentar adalah fungsi dimana setiap komentar yang masuk harus melalui filterisasi manual oleh admin blog. Jadi ketika orang menuliskan komentar di blog Anda, komentar orang tersebut tidak akan langsung muncul. Komentar itu muncul setelah mendapat persetujuan dari Anda. Nilai lebihnya? Selain soal spam, tentu kita bisa meminimalisir komentar yang buruk dari pembaca. Misalnya komentar yang terlalu singkat atau berbau SARA.

Nilai kurang pengaktifan sistem moderasi adalah perkembangan pembicaraan artikel dalam komentar terasa lambat. Orang berkomentar pada suatu artikel biasanya ingin komentarnya langsung muncul. Apalagi orang yang berkomentar dalam bentuk suatu pertanyaan. Belum lagi jika Anda seorang yang tidak mempunyai banyak waktu untuk blogging. Misal seminggu sekali. Maka komentar yang ditulis seseorang dan seharusnya langsung muncul hari ini, baru muncul seminggu kemudian setelah mendapat persetujuan dari Anda. Jangka waktu seminggu tentu telah membuat artikel 'kadaluarsa' dan begitupun komentarnya.

Solusinya? Anda bisa memilih mengaktifkan moderasi, namun dengan penentuan jangka waktu. Silahkan Anda:
1. Login Blogger
2. Klik Pengaturan
3. Klik Komentar

4. Scrolling ke bawah ke bagian Moderasi Komentar.
5. Isikan misal '7' hari pada bagian Hanya Pada Entri Yang Lebih Lawas Dari
6. Simpan Setelan

Efek dari Pengaturan Ini? Angka 7 Hari yang Anda isikan berarti bahwa sistem moderasi akan aktif hanya untuk artikel yang telah berumur lebih dari 7 hari. Jadi untuk artikel baru, selama 7 hari pertama, komentar yang ditulis oleh pembaca akan langsung muncul dalam kotak komentar Anda tanpa moderasi. Dan jika artikel Anda telah berumur lebih dari 7 hari, komentar yang masuk akan terlebih dahulu meminta persetujuan Anda untuk ditampilkan. Bagi blog yang telah memiliki ratusan artikel, tentu akan sangat berguna, karena kadang orang jail menanam komentar spam di artikel kita yang sudah sangat lama. Dan tentunya tidak mungkin bagi kita untuk cek satu persatu komentar baru pada artikel lawas.

Saya sangat memanfaatkannya, karena setiap komentar baru di artikel-artikel saya yang telah berumur lebih dari seminggu akan mengantri dahulu untuk mendapat persetujuan. Tugas saya hanyalah memonitoring secara langsung artikel-artikel terbaru saja. Jadi tidak kewalahan. Semoga bermanfaat, silahkan mencoba dan mari berkomentar yang baik, menciptakan interkasi di komentar yang sehat dan berkualitas.

Cara Pasang Title dan Meta Tags agar Blog lebih SEO Friendly

2010-09-30T10:23:00.002+07:00

Sebenarnya judul di atas sangat berhubungan dengan 2 (dua) posting yang sudah dibahas oleh kalangan blogger , yaitu : SEO | Optimasi Judul Blog dalam Title Tag dan Memasang Meta Tags dan Manfaatnya. Cuma mungkin karena uraiannya yang agak menggantung, sehingga kurang/tidak tercover di hati pembaca (wih.., puitis amat). Nah, agar semua terlihat terang benderang, seperti ungkapan dalam sebuah buku "Habis Gelap Terbitlah Terang", maka kembali dihadirkan dalam versi keduanya (emang buku ha..ha..). Pada posting kali ini sengaja dijadikan satu, karena kedua tags tersebut sangat erat sekali hubungannya dan langsung diuraikan melalui Edit HTML. Terutama agar blog kamu kelihatan lebih SEO friendly. Langsung saja kita ke TKP (Tempat Kerjaan Para blogger)...

* Masuk ke Edit HTML.
* Cari kode (letaknya di atas) berikut :

<b:skin><![CDATA[

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.

* Ganti kode yang berwarna merah dengan kode di bawah ini :

<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.pageTitle/></title>

<b:else/>

<title><data:blog.pageName/></title>

</b:if>

Catatan :
Untuk menambah title, kamu bisa melakukan edit terhadap kode di atas (perhatikan kode yang berwarna biru), contoh :

<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.pageTitle/> | Tips SEO | Trik Blogger | Blogger Indonesia</title>

<b:else/>

<title><data:blog.pageName/></title>

</b:if>

atau

<b:if cond='data:blog.pageType == "index"'>

<title>Tips SEO | Trik Blogger | Blogger Indonesia | <data:blog.pageTitle/></title>

<b:else/>

<title><data:blog.pageName/></title>

</b:if>

Setelah selesai mengganti title tag, sekarang tambahkan kode Meta Tags di bawahnya.

Catatan :
Ganti kode yang berwarna merah dengan deskripsi dan keyword blog kamu (perhatikan kode yang berwarna biru), contoh :

Jadi keseluruhan kodenya akan terlihat seperti ini (diambil dari Blog OB) :

<head>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.pageType == "index"'>

<title><data:blog.pageTitle/> | Tips SEO | Trik Blogger | Blogger Indonesia</title>

<b:else/>

<title><data:blog.pageName/></title>

</b:if>

<meta content='Tips dan trik blog optimization melalui Tips SEO dan trik blogger serta berbagai jenis optimasi blog lainnya' name='description'/>

<meta content='source code,search engine,SEO,keyword,template,templates,keywords,ranking,blog optimization,kode HTML,backlink,widget,gadget,blogger stuff,tips seo,kata kunci,tips blogging,free directory,traffic,trafik,trik blogger,optimasi blog,promosi,untuk indonesia' name='keywords'/>

<meta content='INDEX, FOLLOW' name='ROBOTS'/>

<b:skin><![CDATA[

Blog INTRO

2010-09-04T07:36:00.004+07:00

Dua pekan lebih saya belum update Artikel di blog ini, dan banyak pula yang menanyakan bagai mana cara buat tampilan INTRO di blogspot, memang tutorial ini saya uji coba dulu sebelum saya publikasikan, maksudnya agar lebih yakin saja. Baiklah tidak usah panjang lebar saya menjelaskan nantipun sobat akan lihat hasilnya sendiri jika sudah selesai.

klik demonya

Dan langkah-langkahnya sebagai berikut:
@- Login Blog seperti biasa dengan ID Blog milik Anda.
@- Terus Klick TATA LETAK / LAYOUT.
@- Klick EDIT HTML.
@- Lalu cari Kode yang seperti ini :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='contoh (Header)' type='Header'>
<b:includable id='main'>

@- Jika sudah ketemu kemudian Copy Kode dibawah ini lalu Paste persis dibawah Kode tersebut diatas.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>body{background-color:#000000;background-image:none;}#intro-blog{font-size:80px;padding-top:220px;text-align:center;color:#ff0000;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#es{padding-top:30px;text-align:center;font-size:14px;font-weight:bold;</style><b:else/><style>#es{display:none;}#intro-blog{display:none;}</style></b:if>

@- Lalu Copy Kode yang dibawah ini dan Paste dibawahnya Kode <body>

<div id='intro-blog'><data:blog.pageTitle/></div><div id='es'><a expr:href='data:blog.homepageUrl + "search/label/?max-results=3"'><blink>Enter Site</blink></a></div>

@- Lalu jangan lupa klick SAVE TEMPLATE / SIMPAN TEMPLATE
@- Yang saya beri tanda warna MERAH adalah warna latar belakang pada INTRO Blog, Silahkan Sobat Blogger sesuaikan menurut selera.
@- Jika Sobat Blogger meninginkan tampilan INTRO dengan flash Player atau dengan gambar, silahkan Sobat Ganti Kode yang saya beri tanda warna HIJAU.

* Silahkan lihat hasilnya dan selamat mencoba semoga sukses.

Hosting Java Script di Google Code PART II

2010-08-18T12:22:00.002+07:00

Jika sebelumnya banditz kraksaan pernah membahas mengenai trik hosting file di google site, maka kali ini mari kita gunakan alternatif untuk host file java script kita di google code. Jadi, bagi Anda yang selama ini kebingungan mencari host gratisan dan banyak yang tidak stabil, google code adalah alternatif yang bisa Anda gunakan.

Membuat Project

- Silahkan Klik untuk menuju ke Fasilitas Host di Google Page (login dengan akun
gmail Anda)
- Klik Create a New Project

- Isi data pada kolom isian
Project Name, isikan dengan nama halaman Anda
Project Summary, isi dengan judul proyek Anda
Project Description, berikan deskripsi/keterangan sesuka Anda
Version Control System, pilih Mercurial
Source Code Licenses, pilih GNU General Public License v3
Centang Use a Separate Content License dan pilih salah satu
- Jika sudah klik tombol Create Project

Submit File

- Klik tab Downloads pada bagian atas

- Klik link New Download
- Muncul Jendela baru

Summary, beri judul file Anda
File, klik browse untuk mengambil file dari komputer Anda
Labels, berikan label jika diperlukan
- Jika sudah klik Submit File

Mengambil Alamat Script
- Untuk mendapatkan alamat filenya, klik kanan pada nama file, lalu klik copy link location
simpan alamat yang didapatkan untuk nantinya digunakan dalam script Anda.

Host Ulang... part 1

2010-08-14T07:34:00.009+07:00

salam blogger indonesia ................. pada tips dan trik blogger kali ini banditz akan membahas untuk menghost ulang script yang kita dapat sesuai dengan pembahasan kemarin banditz kraksaan Membuat Javascript Milik Anda Pribadi dalam edisi yang pertama banditz akan menjelaskan bagaimana menghosting ulang di google site (part 1) langsung saja ya .......

Di berbagai blog tips dibahas pentingnya memiliki hosting sendiri. Banyak alasan yang mendasari. Selain kredibiltas tentu saja karena hosting gratisan tidak stabil dan sering terjadi gangguan. Saya sudah pernah menggunakan berbagai file hosting gratisan namun dulu lebih condong ke google pages. Nah, sebenarnya google te;ah menyediakan penggantinya yaitu dengan google site. Namun banyak blogger yang masih kesulitan menggunakannya.

1. Login ke http://sites.google.com/
2. Create Site
- Klik Create Site

- Muncul form isian, jika selesai mengisi klik lagi Create Site

- Halaman Web Anda terbentuk

3. Create page
- Klik tombol Create Page di pojok kanan atas

- Pada select a template use pilih File Cabinet

- Pada name isikan dengan javascript
- Pilih Put page at the top level
- Klik Create Page

4. Add File
- Klik tombol add file

- Ambil file dari komputer lalu klik Upload

- Setelah file Anda terupload maka Anda bisa mengambl linknya

5. Ambil Link
- Klik kanan pada link Download di bawah nama file yang telah di upload
- Pilih Copy link location

- Simpan link tersebut untuk anda gunakan nanti

Misal link yang anda dapat :

http://sites.google.com/site/masdoyoksite/javascript/mouseovertabs.js?attredirects=0&d=1

untuk menggunakan script tersebut sebagai sumber, hapus yang berwarna merah.

Hal sama anda lakukan untuk file css, gambar dan lain-lain (Hapus yang berwarna merah)

Semoga bermanfaat.

Membuat Javascript Milik Anda Pribadi

2010-07-28T10:24:00.005+07:00

Berbicara mengenai milik pribadi tentu membuat script itu lebih khusus, hanya milik Anda. Dan berbicara soal keuntungan Anda, dengan memiliki script yang khusus hanya untuk Anda maka membuat blog Anda lebih optimal. Misalkan Anda menemui tuotrial seprti ini dari suatu blog:

style="font-family: Verdana,sans-serif; text-align: left;"><script style="text/javascript" src="http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js">

</script><script style="text/javascript">var numcomments = 5;var showcommentdate = false;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://www.blog-trik-tip.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Perhatikan pada bagian yang berwarna biru. Tentu Anda akan sangat sering menemukan tutorial yang memerintahkan Anda untuk memasukkan suatu script ke dalam template Anda seperti penggalan di atas. Sekarang kita perhatikan baris berikut dari penggalan artikel di atas:

"http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js"

diawali dengan kode src yang berarti memanggil. Kode di atas berarti Anda akan memanggil objek yang berada di belakang tanda src=, dalam hal ini javascript. Perhatikan bagian yang berwarna biru diakhiri dengan ekstension .js (javascript). Nah bayangkan dari artikel saya ini saja ada 100 orang yang membaca lalu 50 diantaranya mengikuti tutor tersebut dan memasangnya di blog mereka dalam hal ini pemasangan recent comment widget. Maka pada saat blog mereka dibuka bersama-sama, maka script inipun dipanggil bersama-sama. Belum lagi jika yang akses blog mereka pada waktu bersamaan ada 10 orang. Tnetu akan membuat loading widget semakin berat. Oleh karena itu disinilah manfaatnya Anda selalu hosting javascript hanya untuk Anda.

Copy Lokasi
Jika Anda menemukan tutorial serupa dan menemukan sebuah perintah untuk memasukkan script jangan langsung dengan mudahnya mengaplikasikannya. Tapi host ulang script tersebut khusus untuk Anda. Pertama yang dilakukan adalah copy lokasi script dari tutorial tersebut. Anda harus bisa menemukan lokasinya. Seperti ktia contohkan di atas, selalu di awali dengan http:// dan diakhiri .js untuk javascript.

Buka Alamat Tersebut
Bukalah tab baru pada browser Anda. Masukkan alamat yang telah Anda copy ke Adress Bar dan tekan Enter. Maka akan muncul kode javascript.

Simpan Ke Komputer Anda
Pada keadaan menampilkan kode javascript, klik File pada menubar browser Anda. Lalu klik Save As dan tentukan lokasi penyimpanan di komputer Anda.

Host Ulang...
Untuk host script Anda bisa menggunakan berbagai layanan gratis. Diantaranya silahkan Anda baca, Host Javascript di Google Code dan Host File di Google Site.

Masukkan Alamat Script Pribadi Anda
Setelah Anda host ulang javascript, Anda akan mendapatkan alamat script javascript Anda. Masukkan ke srcipt menggantikan script yanga ada pada tutorial, misal:

src="alamatscriptanda"

Sekarang script tersebut hanya milik blog Anda dan tidak akan di panggil untuk blog-blog lain juga. Semoga bermanfaat.

Mengetahui Situs Yang Memiliki Tautan ke Blog Anda

2010-07-27T12:48:00.004+07:00

Sekarang, kita akan mencoba mengetahui situs-situs mana saja yang menaut atau memberikan link untuk blog kita.

Silahkan ketikkan di Google dengan format, Link:Alamatbloganda.blogspot.com

Saat saya cek hasil untuk blog ini masih sangat kecil. Saya tidak tahu apakah ini benar-benar akurat atau tidak, namun Anda bisa mencobanya untuk sekedar melacak blog-blog yang menaut Anda. Yang perlu diingat dalam penulisan harus digandeng tanpa spasi. Jangan pisahkan Link: dengan alamatbloganda, karena akan memberikan hasil yang tidak relevan. Silahkan mencoba...

Selengkapnya di www.MasDoyok.co.cc Mengetahui Situs Yang Memiliki Tautan ke Blog Anda

Blogger Indonesia Template

2010-07-26T11:31:00.005+07:00

Hufttt webblog desainan ala banditz kraksaan akhirnya selesai setelah mendesain

www.telecenterblitar.blogspot.com
www.mtssaqo.blogspot.com
www.sdnpakistajisatu.blogspot.com

kali ini bandit mengeluarkan edisi template blogger indonesia versi standart tapi sudah di lengkapi seo frendly di dalamnya hanya perlu editing saja dari readmore dan konten hanya perlu penyesuaian saja semoga tempalte ini disenangi jangan lupa komentarnya
contoh demonya
lihat http://suratanda.blogspot.com/

untuk download di :klik disini

Sticker Dengan Marquee Scroll Delay Dan True Speed

2010-07-23T23:27:00.003+07:00

Buat para sahabat Blogger semua tentunya hal ini sudah bukan barang baru lagi, tapi tidak ada salahnya jika saya mengulang kembali soal text berjalan ini, sengaja saya publikasikan kembali dengan sedikit kode tambahan biar jalannya text lebih halus dan terlihat lebih profesional, tidak panjang lebar saya menjelaskan karena memang Sahabat Blogger sudah biasa menggunakan text berjalan tersebut.

Buat Blogger Pemula silahkan ikuti langkah-langkahnya dibawah ini:
1. Login Seperti biasa dengan ID Anda / Masuk ke Blog
2. Klik Tab Layout / Tata Letak
3. Klik Tab Page Element / Elemen Halaman
4. Klik Add Widgate / Tambah Gadget
5. Klik Pilih Yang HTML / JavaScript
6. Lalu Copy Kode dibawah ini dan Paste pada Widgete / Gadget yang tadi barusan Sobat siapkan.

STICKER ►►

Sample Widget 1 Sample Widget 2 Sample Widget 3 Sample Widget 4 Sample Widget 5 Sample Widget 6 Sample Widget 7 Sample Widget 8

<table border="0" cellpadding="1" cellspacing="0" width="100%" class="text_small" bgcolor="#000000"><tr><td color="FFFFFF" bgcolor="#FF0000" width="17%" align="center" style="color:#FFFFFF;font-weight:bold;">STICKER ►►</td><td width="75%" style="color:#FFFFFF;font-weight:bold;"><marquee direction="left" scrolldelay="20" truespeed="truespeed" scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"><a href='#'>Sample Widget 1</a> <a href='#'>Sample Widget 2</a> Sample Widget 3 <a href='#'>Sample Widget 4 </a> Sample Widget 5 <a href='#'>Sample Widget 6 </a> Sample Widget 7 <a href='#'>Sample Widget 8</a></marquee></td></tr></table>

@- Jika sudah jangan lupa Klick SAVE / SIMPAN
@- Silahkan lihat hasilnya.
@- Untuk Speed / Kecepatan Text berjalan silahkan Sahabat Blogger sesuaikan menurut selera yang saya tandai dengan warna MERAH
@- Selamat Berkreatifitas dan Sukses selalu buat Sahabat Blogger Semua.

Membuat Highlight Current Page Menu tanpa Javascript

2010-07-19T06:34:00.000+07:00

Bagi kalian yang udah memasang navigation menu pada blognya mungkin masih ada kekurangan, yaitu jika mengarah pada salah satu halaman static belum terhighlight.
Beberapa cara bisa dilakukan, tapi kebanyakan menggunakan jQuery atau juga javascripts. Tapi ada cara yang lebih mudah yang saya temukan di blognya Denny yang menggunakan modifikasi<ul>dengan permainan<b:if>. pada tag .Tapi kode yang digunakan memang agak panjang dan berulang-ulang, tapi cara ini murni tanpa menggunakan Javascript yang katanya bisa membuat loading blog kita agak lama.
Kita mulai aja ya.

Login ke account blogger kamu.
Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

contoh :

<ul id='nav'>

<li><a class='current' href='URL HOME' title='Homepages'>Home</a></li>

<li><a class='current' href='URL ABOUT' title='About Writer'>About</a></li>

<li><a class='current' href='URL CONTACT' title='Contact Person'>Contact</a></li>

<li><a class='current' href='URL SITEMAP' title='Sitemap'>Sitemap</a></li>

</ul>

diganti menjadi :

<ul id='nav'>

<b:if cond='data:blog.url != "URL HOME"'>

<li><a href='URL HOME' title='Homepages'>Home</a></li>

<b:else/>

<li><a class='current' href='URL HOME' title='Homepages'>Home</a></li>

</b:if>

<b:if cond='data:blog.url != "URL ABOUT"'>

<li><a href='URL ABOUT' title='About Writer'>About</a></li>

<b:else/>

<li><a class='current' href='URL ABOUT' title='About Writer'>About</a></li>

</b:if>

<b:if cond='data:blog.url != "URL CONTACT"'>

<li><a href='URL CONTACT' title='Contact Person'>Contact</a></li>

<b:else/>

<li><a class='current' href='URL CONTACT' title='Contact Person'>Contact</a></li>

</b:if>

<b:if cond='data:blog.url != "URL SITEMAP"'>

<li><a href='URL SITEMAP' title='Sitemap'>Sitemap</a></li>

<b:else/>

<li><a class='current' href='URL SITEMAP' title='Sitemap'>Sitemap</a></li>

</b:if>

</ul>

Ganti huruf yang dicetak tebal dengan Link URL yang dipakai.

Kemudian pada kode CSSnya ditambahkan kode baru :

#nav ul li a.current {color:#000; background:#fff; text-decoration:none;}

Kalau kamu sedikit menguasai pengkodean CSS maupun HTML, kode-kode diatas bisa dirubah agar tampak berbeda...

Contoh penerapannya bisa kamu lihat di blog Rudy Azhar pada Navigasi paling atas kanan.

Otomatis Readmore

2010-07-15T09:30:00.000+07:00

Kamu pernahkan mendengar bahkan mungkin telah mengendarai sepeda motor otomatis, seperti mio, vario, atau spin. Jalannya tanpa memasukkan perseneling, langsung ngacir. Ternyata bukan hanya mesin yang bisa otomatis, readmore ada yang otomatis loh! kali ini banditz akan memosting readmore otomatis yang dapat dari o-om.com . Mungkin sudah banyak para blogger blogger master menjelaskan readmore . Tapi gak salah kan kalau banditz posting ulang.Langsung saja yaa ,tentang cara pasang auto readmore. Singkatnya cara kerja otomatis readmore ini sama seperti readmore dengan loading halaman, tetapi tanpa memasukkan kode dalam kalimat yang akan kamu penggal. Ya... iyalah, namanya saja otomatis. Dan kabarnya lagi, kamu dapat menentukan berapa jumlah karakter yang akan ditampilkan dalam postingan, baik dengan image maupun tanpa image. kata o-om.conm hehehe

yang paling Penting :
Sebelum beranjak lebih jauh, pastikan residu-residu readmore yang telah tertanam sebelumnya sudah dibersihkan. Atau diistilahkan dengan mengembalikan kode template seperti semula. Caranya dengan mereview ulang posting readmore yang pernah kamu pasang dalam blog kamu.Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)
<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore</a>

</b:if>

<div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Berikut trik blogger membuat otomatis readmore dalam postingan :

* Login ke account blogger kamu.
* Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Cari Kode kode</head>dan Copy-Paste (copas) kode berikut di atasnya.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 450;
summary_img = 450;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

Catatan :

1. Kode var thumbnail_mode = "float" ; diartikan bahwa readmore kamu akan diatur
disebelah kiri, kalau kamu ingin tanpa pengaturan float silakan ganti dengan
"no-float".
2. Kode summary_noimg = 450; berguna untuk mengatur jumlah karakter yang
ditampilkan tanpa image (gambar).
3. Kode summary_img = 450; berguna untuk mengatur jumlah karakter yang
ditampilkan dengan image (gambar).
4. Kode img_thumb_height = 120; berguna untuk mengatur tinggi image (gambar) yang
akan ditampilkan.
5. Kode img_thumb_width = 120; berguna untuk mengatur lebar image (gambar) yang
akan ditampilkan.

* Cari kembali kode seperti di bawah ini.

<data:post.body/>

atau

<p><data:post.body/></p>

Kalau sudah ketemu, ganti kode tersebut dengan kode berikut.
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>Readmore »» <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Catatan :

1. Ganti kode yang berwarna merah dengan letak readmore yang kamu inginkan left (
kiri) atau right (kanan).
2. Kalau perlu ganti Readmore dengan kata favorit kamu.
3. Hapus kode <data:post.title/> 3. jika kamu tidak menginginkan
readmore diikuti dengan judul posting.

* Jangan lupa disimpan.

Menambah Dropdown Menu dalam Horizontal Navigasi

2010-07-13T10:35:00.000+07:00

Diposting trik blogger terdahulu banditz telah menulis tentang membuat menu horizontal. Dimana pengkodeannya menggunakan CSS. Selanjutnya tinggal bagaimana trik menambahkan dropdown menu di dalam kode tersebut yang menyankut postingan kemarin "Menu Turunan dalam Horizontal Navigasi Kode CSS"ada yang tanya mas mohon lebih jelas ok bandit akan menerangkan kembali

Berikut trik menambahkan dropdown menu dalam horizontal navigasi :

* Login ke account blogger kamu.
* Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

* Cari kode HTML di bawah ini yang posisinya diantara<body> ... <body>.

<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
</ul>
</div>
</div>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

* Tambah kode berikut di nav link yang kamu inginkan, letakkan sebelum

</li>.
<ul>
<li><a href='URL sub 1'>Sub menu 1</a></li>
<li><a href='URL sub 2'>Sub menu 2</a></li>
<li><a href='URL sub 3'>Sub menu 3</a></li>
</ul>

Contoh :

<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a>
<ul>
<li><a href='URL sub 1'>Sub menu 1</a></li>
<li><a href='URL sub 2'>Sub menu 2</a></li>
<li><a href='URL sub 3'>Sub menu 3</a></li>
</ul>
</li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
<li><a href='http://Link_yang_dituju'>Add Link</a></li>
</ul>
</div>
</div>

Catatan :

1. Perhatikan peletakkan kode untuk menambah menu dropdown, ditandai dengan warna
hijau.
2. Ganti kode yang berwarna merah dengan alamat link dan teks yang kamu inginkan.

Jangan lupa disimpan.
Tambahan : Kode CSS #nav li li yang perlu kamu optimasi adalah sebagai berikut.

#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px; 
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff; 
width: 160px; 
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff; 
border-left: 1px solid #ffffff; 
border-right: 1px solid #ffffff; 

}
#nav li li a:hover, #nav li li a:active {
background: #c06000; 
padding: 7px 30px 7px 10px;
}

Menampilkan Image dalam Efek Zoom Image(refisi)

2010-07-09T11:42:00.006+07:00

Diposting trik blogger terdahulu banditz telah menulis tentang Menampilkan Image dalam Efek Zoom Image. Dimana pengkodeannya menggunakan CSS .Selanjutnya tinggal bagaimana trik menambahkan kode css dalam kode tersebut. Betulkan... Seandainya banditz jeli mengamati kode Image dalam Efek Zoom Image tersebut, mungkin ini tidak akan menjadi sebuah posting. Ternyata ada hikmahnya juga, karena faktor ketidaktelitian tersebut he..he..he.. Banyak sekali yang meneror saya via hp "mas kenapa kalau image zoom ya di klik kok masuk blogger login" ..... tus datang lagi aan20" Mas kok bisa gini sehh" wahh akhirnya banditz menuju ruang beda operasi dan melakukan bedah heheheheh all hasil harus ada pembedahan genetik ulang dan hasilnya

Cara membuatnya adalah sebagai berikut :
1. Login keBlogger dengan account anda.
2. Masuk ke "Tata Letak - Edit HTML" kemudian copy paste code CSS berikut diatas
]]></b:skin>

#showpic ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#showpic li {
list-style: none;
margin: 0;
padding: 0;
}
#showpic li img, #showpic li img:visited {
color: #333;
display: block;
margin: 0;
width:300px;
background:transparent;
font: bold 13px tahoma, Times New Roman;
}
#showpic li p, #showpic li p:visited {
color: #333;
display: block;
margin: 0;
width:300px;
background:transparent;
font: bold 13px tahoma, Times New Roman;
}
#showpic li li img,#showpic li li img:visited {
background:transparent;
color: #fff;
float: left;
margin: -250px 0 0 100px;
padding: 5px;
border: 1px solid #f0f0f0;
}

#showpic li ul {
z-index: 9999;
position: absolute;
height: auto;
left: -999em;
margin: 0;
padding: 0;
}
#showpic li:hover ul ul,#showpic li.sfhover ul ul, {
left: -999em;
}
#showpic li:hover ul, #showpic li li:hover ul, #showpic li.sfhover ul,#showpic li li.sfhover ul{
left: auto;
}

Simpan Template.

untuk gambar :

codenya

<ul id="showpic"><li><img style="width: 100px; height: 70px;" src="Link Gambar/Foto yang Nampak pada Posting" border="0" alt="" /><ul><li><img style="width: 400px; height: 300px;" src="Link Gambar/Foto" border="0" alt="" /></li></ul></li></ul>

Atau untuk tulisan yang nampak pada postingan gunakan code berikut :

jhon badnitz

kodenya :

<ul id="showpic"><li><p>jhon banditz</p><ul><li><img style="width: 400px; height: 300px;" src="Link Gambar/Foto" border="0" alt="" /></li></ul></li></ul>

Mudahnya Desain Template Blog Dengan Artisteer

2010-07-09T08:13:00.003+07:00

Halo Blogger,

Bagaimana tampilan blog anda hari ini? memuaskankah ? atau malah menyedihkan, hingga anda terpaksa memutuskan karir blogger anda dan beralih ke ladang Poker, hehe. Bagi teman-teman blogger newbie seperti saya ini hingga yang expert sekalipun mungkin pernah dihadapkan pada situai yang membingungkan.

Setelah anda dipusingkan dengan pemilihan platform CMS (Content Management System) untuk blog anda kembali anda dihadapkan pada situasi pemilihan template yang cocok untuk blog anda itu. Namun tentu saja tidak semua blogger menghadapi situasi sedemikian rupa (bingung mode on), untuk pemilihan template, saat ini banyak berseliweran developer-developer disainer template web di dunia maya yang menyediakan template buatannya dari yang gratisan hingga yang berbayar untuk di download. Akan tetapi bagi anda yang lebih menghargai hasil karya sendiri tentu sangat ingin menghasilkan karya template blog sesuai dengan keinginan kalian sehingga terlihat fantastis, powerful dan lo banget gitu lho.Seperti banditz yang memcoba ukir-ukir karya banditz sendiri untuk lembaga Badan Amil Zakat kabupaten probolinggo , untuk melihatnya anda bisa ke http://bazprobolinggokab.blogspot.com

Nah, untuk membuat template proffesional anda memerlukan beberapa bidang keilmuan untuk dikuasai, antara lain : Bahasa HTML, PHP, CSS, Photoshop, draemweaver dan teknologi pendukung lainnya. Alamaaaaaaaaakk banyak sekali yang harus dikuasai yah. Apakah saat ini anda sudah mencapai titik nadir kegagalan menjadi seorang blogger? haha.. jangan sampai itu terjadi, mengapa ? Karena saat ini sudah ada software bernama Artisteer yang akan mewujudkan impian anda menjadi seorang web disainer. Mengapa saya katakan demikian karena Artisteer merupakan yang pertama dan satu-satunya produk web disain yang akan meghasilkan template web dan web themes yang fantastik dan unik secara instan sehingga anda akan menjadi seorang web disainer secara tiba-tiba dan ahli dalam disain web, editing, mengolah gambar, pengkodean XHTML dan CSS. Yang lebih hebatnya lagi Artisteer mendukung banyak platform blog, dari Blogger, Joomla, Wordpress, Drupal dan berbagai CMS lainnya.

Bagaimana cara mendapatkan software ini ? silahkan anda kunjungi www.artisteer.com untuk menenal lebih lanjut dan untuk mendownload demo versi terakhirnya (saat tulisan ini dimuat adalah Artisteer 2.3). Untuk yang full versionnya : Home & Academic Edition dibanderol seharga $49.95 dan yang Standard Versionnya $129.95. Namun bagi yang ingin gratisan (tidak direkomendasikan) teman-teman bisa cari hacking version dari versi sebelumnya di internet, kalau beruntung.

Menu Turunan dalam Horizontal Navigasi Kode CSS

2010-07-07T09:18:00.001+07:00

Lagi-lagi menu horizontal, sampai-sampai bosan nih!!! Yah, mungkin karena sudah terlanjur cinta sama yang namanya menu horizontal dengan menggunakan kode CSS dibandingkan menu horizontal pakai javascript, jadi banditz mau ngga mau menerbitkan posting ini (ha...ha...ha...).Seperti webblog www.kraksaan-online.com ,blog ini sudah saya modif sehingga untuk menu saya buat shoutlinks untuk memudahkan pengunjung untuk mencari berita . Memang kalau dipikir-pikir yang namanya trik blogger tidak akan pernah habis-habisnya, kecuali tidak ada lagi orang yang nge-blog di blogger. Dalam kesempatan ini banditz akan sedikit menambahkah tentang "bagaimana membuat menu turunan dalam horizontal navigasi CSS, terutama menu turunan yang kedua?". Jangan kedipkan mata kamu dan mari kita mulai trik bloggernya.

Bagi yang belum kebagian baca posting menu horizontal menggunakan kode CSS, silakan baca di menu horizontal ini.

* Login dulu ke account blogger kamu.
* Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Tambahkan kode CSS berikut di bawah kode CSS menu horizontal yang ada.

#nav li ul a {
width: 100px;
}
#nav li ul ul {
position: absolute;
margin: -30% 0 0 95%;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:auto;
}
#nav li li li.sfhover ul {
left:auto;
}
#nav li:hover, #nav li.sfhover {
position:static;
}

Cari kode HTML <div id='navleft'>.

Kemudian tambahkan menu turunan kedua, seperti kamu menambahkan dropdown menu dalam horizontal navigasi (turunan pertama). Illustrasi kodenya adalah sebagai berikut.

<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
<li><a href='http://Link_yang_dituju'>teks kamu</a></li>
<li><a href='http://Link_yang_dituju'>teks kamu</a>
<ul>
<li><a href='URL sub 1'>teks kamu</a></li>
<li><a href='URL sub 2'>teks kamu</a></li>
<li><a href='URL sub 3'>teks kamu</a>

<ul>
<li><a href='URL sub 3.1'>teks kamu</a></li>
<li><a href='URL sub 3.2'>teks kamu</a></li>
</ul>
</li>

</ul>
</li>
<li><a href='http://Link_yang_dituju'>teks kamu</a></li>
<li><a href='http://Link_yang_dituju'>teks kamu</a></li>
</ul>
</div>
</div>

Catatan :

1. Perhatikan peletakkan kode untuk menambah dropdown menu, ditandai dengan kode
berwarna hijau.
2. Perhatikan pula peletakkan kode untuk menambah menu turunan kedua, ditandai
dengan kode yang berkedap-kedip.
3. Ganti kode yang berwarna merah dengan alamat link dan teks yang kamu inginkan.

* Jangan lupa disimpan.

Selamat menambah sub sub menu dalam sub menu horizontal navigasi kode CSS...

Menampilkan Image dalam Efek Zoom Image

2010-07-05T15:47:00.004+07:00

"MAAF ADA KESALAHAN DIKIT UNTUK CODINGNYA TAPI SUDAH BANDIT REFISI BACA DISINI "

Tidak jarang dalam sebuah blog, kamu memasukkan berbagai macam image, baik yang berukuran kecil maupun besar. Semakin besar ukuran suatu image, maka semakin besar pula waktu yang dibutuhkan untuk meloadingnya. Sehingga alangkah baiknya apabila image tersebut kamu optimasi dalam ukuran kecil yang jika didekati oleh kursor mouse akan menampilkan image yang relatif besar. Yah, lumayanlah apalagi blogku banyak gambarnya (khusus yang punya blog bergambar porno dan mau menggunakan trik ini. Jangan bilang-bilang bahwa kamu dapat triknya dari banditz he..he..he..). Bonus tambahannya, yakni teks yang dapat menampilkan image, jika didekati kursor mouse. Nah, trik blogger ini didapatkan setelah banditz jalan-jalan ke Dynamic Drive CSS Library. Dan udah teruji secara klinis heheheh seperti yang banditz terapkan di www.kraksaan-online.com demo http://www.kraksaan-online.com/2010/07/pemenang-kupon-undian-berhadiah.html

Apabila kamu tertarik dengan trik blogger ini, mari kita review cara menampilkan image dalam efek zoom Image tersebut.

* Login ke account blogger kamu.
* Pilih Tata Letak --> Edit HTML.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
Tambahkan kode CSS berikut di atas kode ]]></b:skin>

Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

/* Zoom Efek */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

Simpan template kamu
Cara penggunaan :
Kode HTML untuk image zoom.

<a class="thumbnail" href="#thumb"><img src="http://lh6.ggpht.com/_w3vbLlHM5kg/SbKHhnSNdoI/AAAAAAAAABY/VB8hrsxdHjg/s800/Chicklet%20OB.png" border="0" /><span><img src="http://lh6.ggpht.com/_w3vbLlHM5kg/SbKHhnSNdoI/AAAAAAAAABY/VB8hrsxdHjg/s800/Chicklet%20OB.png" width="180px" height="100px"/></span></a>

Kode HTML untuk teks.

<a class="thumbnail" href="#thumb">Icon OB<span><img src="http://lh6.ggpht.com/_w3vbLlHM5kg/SgV_YnXWIfI/AAAAAAAAAXI/_sUC_cUabLQ/s144/Chicklet%20OB2.png" /></span></a>

Catatan :

1. Kode yang berwarna merah merupakan default image dan teks yang akan kamu
tampilkan.
2. Kode yang berwarna hijau merupakan sisipan kode, agar default image akan
menampilkan efek zoom.
3. Kode berwarna biru merupakan sisipan kode, agar default teks akan menampilkan
image.
4. Jika ingin memperbesar zoom, silakan atur kode yang berwarna hijau dan berkedap-kedip (width dan height).

Selamat menampilkan image dalam zoom efek...

Varian Menu Horizontal menggunakan Javascript

2010-07-05T12:30:00.002+07:00

Kalau sebelumnya banditz kraksaan telah memposting trik blogger cara membuat menu horizontal dengan kode CSS, Maka di posting ini kita akan membuat menu horizontal menggunakan javascript. Kamu silakan memilih, apakah memakai menu horizontal yang menggunakan kode CSS atau dirombak ke javascript. Dan kalau banditz ditanya "mana yang lebih baik?" Semua berpulang kepada penilaian masing-masing individu, karena tiap menu horizontal memiliki kelebihan serta kekurangannya.
Supaya keingintahuan tak lekang dimakan waktu dan ruang, berikut :

Login dulu ke account blogger kamu.
Pilih tab Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Cari Kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

/* navbar
================== */

#bg_nav
{
background: #ffffff;
width: 660px;
height:29px;
margin:0;
padding:0;
border:1px solid #333;
}
#navright
{
width: 200px;
float: right;
margin: 0px;
padding: 3px 5px 0 0;
}
#navright a img
{
border: none;
margin: 0px;
padding: 3px 5px 0 0;
}
#navleft
{
width: 440px;
float: left;
margin: 1px;
padding: 0px;
}
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
}
ul.MenuBarActive
{
z-index: 1000;
}
ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px Arial, Helvetica, sans-serif;
position: relative;
text-align: left;
cursor: pointer;
width: 100px;
float: left;
text-transform: uppercase;
border-right: 1px solid #333;
}
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 100px;
position: absolute;
left: -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: auto;
}
ul.MenuBarHorizontal ul li
{
width: 100px;
border: 1px solid #CCC;
}
ul.MenuBarHorizontal ul ul
{
position: absolute;
margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: auto;
top: 0;
}

ul.MenuBarHorizontal ul
{
border: 1px solid #FFF;
}
ul.MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #FFF;
padding: 0.5em;
color: #000;
text-decoration: none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
background-color: #c06000;
color: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: #c06000;
color: #FFF;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url(http://www.geocities.com/asmara.4477/icon/tridown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url(http://www.geocities.com/asmara.4477/icon/tri.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url(http://www.geocities.com/asmara.4477/icon/SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url(http://www.geocities.com/asmara.4477/icon/SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}

ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
}

@media screen, projection
{
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
f\loat: left;
background: #FFF;
}
}

Catatan :
1. Sesuaikan terlebih dulu kode yang berwarna hijau kedap-kedip dengan lebar
(width) template kamu.
2. Kemudian sesuaikan lebar (width) pada #navright dan #navleft agar menu
horizontal kamu tidak berantakan.
3. Ganti kode yang berwarna merah dengan kode warna sesuai template blog kamu.
4. Kode warna biru merupakan lebar tiap menu dalam navigasi horizontal. Ex : jika
lebar (width) #navleft 440px berarti bisa memuat 4 buah menu yang memiliki
lebar 100px (warna biru).

Kemudian cari lagi kode , dan copas kode berikut di atasnya.

<script src='http://www.geocities.com/asmara.4477/script/SpryMenuBar.js' type='text/javascript'/>

Untuk ketiga kalinya cari kode di bawah ini.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='test
(Header)' type='Header'/>

... dan seterusnya ...

</b:section>
</div>
Kalau sudah ketemu, copas kode berikut tepat di bawah kode yang berwarna hijau atau berwarna merah (sesuaikan dengan template blog kamu).

<div id='bg_nav'>
<div id='navleft'>
<ul class='MenuBarHorizontal' id='MenuBar1'>
<li><a href='http://alamat blog kamu'>Home</a></li>
<li><a class='MenuBarItemSubmenu' href='Edit me'>Item 2</a>
<ul>
<li><a href='Edit me'>Item 2.1</a></li>
<li><a href='Edit me'>Item 2.2</a></li>
<li><a href='Edit me'>Item 2.3</a></li>
</ul>
</li>
<li><a class='MenuBarItemSubmenu' href='Edit me'>Item 3</a>
<ul>
<li><a href='Edit me'>Item 3.1</a></li>
<li><a href='Edit me'>Item 3.2</a></li>
<li><a class='MenuBarItemSubmenu' href='Edit me'>Item 3.3</a>
<ul>
<li><a href='Edit me'>Item 3.3.1</a></li>
<li><a href='Edit me'>Item 3.3.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='Edit me'>Item 4</a></li>
</ul>
<script type='text/javascript'>
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"http://www.geocities.com/asmara.4477/icon/SpryMenuBarDownHover.gif", imgRight:"http://www.geocities.com/asmara.4477/icon/SpryMenuBarRightHover.gif"});
</script>
</div>

<div id='navright'>
<form action='http://alamat blog kamu search' id='searchform' method='get' name='searchform'>
<input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Search'/> </form>
</div>

</div>

Catatan :

1. Ganti kode yang berwarna merah dengan alamat yang akan kamu tuju.
2. Kode yang berwarna hijau merupakan kode tambahan jika kamu ingin membuat menu
turunan pertama.
3. Sedangkan kode yang berwarna biru adalah struktur kode HTML apabila kamu ingin
menambahkan menu turunan, baik pertama (warna biru saja) maupun kedua (warna
biru kedap-kedip).
4. Ganti juga yang ada tulisan "Item plus angka-angka" dengan teks kamu sendiri.
5. Jika kamu telah menggunakan trik menu horizontal menggunakan kode CSS
terdahulu, silakan ganti semua kode CSS, masukkan javascript, dan rombak kode
HTML-nya.

Jangan lupa disimpan.

Selamat membuat menu navigasi horizontal menggunakan javascript...

Dasar Pembuatan Menu Horizontal

2010-07-04T16:04:00.002+07:00

Diposting ini banditz akan sedikit berbagi dengan teman-teman tentang bagaimana membuat menu horizontal menggunakan CSS. Mengapa trik blogger ini banditz angkat kembali? Karena banyak minat para blogger mania untuk menghiasi blognya dengan menu-horizontal sesuai dengan keinginan dan karakter blognya masing-masing. Ketika kamu blog walking tentu banyak sekali bertemu trik membuat menu horizontal dengan sistem kode yang berbeda pula, dan sangat dimungkinkan pula kode yang akan banditz tampilkan berbeda dengan lainnya (atau bisa pula sama). Nah, agar tak titik air ludah karena membaca paragraf pembuka. Yuk, kita bedah triknya.

Kode CSS-nya adalah sebagai berikut :
#menu-horizontal {

width:850px;

height:30px;

background:#000000 url(http://i647.photobucket.com/albums/uu191/ariamsi/Icon/headfoot.gif) repeat-x; }

#menu-nav {

width: 500px;

float: left; }

ul.menu-nav {

height:30px;

line-height:30px;

list-style:none;

margin:0;

padding:0;}

ul.menu-nav li {

float:left;

list-style-type:none;

margin:0;}

ul.menu-nav li a {

float:left;

font:11px Verdana, Geneva, sans-serif;

color:#FFFFFF;

font-weight:bold;

text-transform:uppercase;

padding: 0 20px;

line-height:30px;

border-right:1px solid #FFFFFF;

text-decoration:none; }

ul.menu-nav li a:hover {

text-decoration:none;}

ul.menu-nav li a:visited {

color:#FFFFFF;

font-weight:bold;}

#search {

width: 240px;

font-size: 11px;

float: right;

margin: 0;

padding: 3px 5px 0 0; }

#search a img {

border: none;

margin: 0;

padding: 3px 5px 0 0; }

Catatan :

#menu-horizontal merupakan area menu horizontal.
1 width:850px; adalah lebar menu horizontal.
2 height:30px; adalah tinggi menu horizontal.
3 background:#000000 url(http://i647.photobucket.com/albums/uu191/ariamsi/Icon/headfoot.gif) repeat-x; adalah latar menu horizontal, baik warna (#000000) atau menggunakan image [url(http://i647.photobucket.com/albums/uu191/ariamsi/Icon/headfoot.gif) repeat-x]. Apabila url-nya diisi dengan alamat penyimpanan image kamu, maka secara otomatis background akan menggunakan image kamu tersebut. Sedangkan repeat-x berguna untuk melakukan pengulangan image secara horizontal dari kiri ke kanan sejauh (width:850px;). Sebaliknya repeat-y berguna untuk melakukan pengulangan image secara vertikal dari atas ke bawah sejauh (height:30px;). Jika tidak ingin menggunakan background image, cukup hilangkan saja kode url(http://i647.photobucket.com/albums/uu191/ariamsi/Icon/headfoot.gif) repeat-x

#menu-nav merupakan area khusus untuk peletakkan item-item, seperti : home, tips seo, dan seterusnya.

width: 500px; adalah lebar menu-nav.

float: left; adalah penempatan menu horizontal di mulai dari kiri.

ul.menu-nav merupakan area penomoran item akan dimulai.

height:30px; adalah tinggi area penomoran item.

line-height:30px; adalah jarak antar baris paragraf.

list-style:none; adalah Penomoran (1,2,3,... atau bullent) dihilangkan

margin: 0; adalah jarak start area penomoran dengan area menu horizontal.

padding:0; adalah jarak antara start area penomoran dengan elemen didalamnya (li).

ul.menu-nav li merupakan area penomoran item.

float: left; adalah posisi item di kiri.

margin:0; adalah jarak antara area penomoran item dengan area penomoran item akan dimulai.

list-style:none; sama dengan di atas.

ul.menu-nav li a adalah area penomoran atau item yang diberi link.

float: left; sama dengan di atas.

font:11px Verdana, Geneva, sans-serif; adalah ukuran huruf dan jenis huruf (jika browser tidak mendukung jenis huruf verdana, maka akan dicoba meloading huruf geneva. Begitu seterusnya sampai font terakhir).

color:#FFFFFF; adalah warna font.

font-weight:bold; adalah penekanan terhadap huruf.

text-transform:uppercase; adalah bentuk huruf besar semua, walau kamu tulis huruf kecil.

padding: 0 20px; adalah jarak antara area penomoran dengan item (atas dan bawah= 0; kiri dan kanan=20px).

line-height:30px; sama dengan di atas.

border-right:1px solid #FFFFFF; adalah garis tepi sebelah kanan berukuran 1px menyatu dan berwarna putih.

text-decoration:none; adalah agar membentuk teks yang memiliki link (item) tidak bergaris bawah.

Tambahkan width: ... px; (isi titiknya dengan nilai yang kamu inginkan), agar item mempunyai lebar yang sama.

ul.menu-nav li a:hover merupakan kode penomoran atau item jika didekati mouse.

text-decoration:none; sama dengan di atas.

Tambahkan background:....; (isi titik-titik dengan kode warna) agar tampilan item saat kursor mouse didekatkan menjadi berbeda dan/atau tambah kode color:....; (isi titik-titik dengan kode warna) untuk menampilkan warna huruf yang sesuai dengan background.

ul.menu-nav li a:visited merupakan kode item jika telah dikunjungi (diklik).

color:#FFFFFF; adalah warna font (teks item).

font-weight:bold; sama dengan di atas.

Sedangkan #search dapat kamu baca postingan "Membuat Search dalam Blog"

Kode HTML dari CSS di atas adalah :

Catatan : Jangan lupa ganti kode yang berwarna merah, dengan alamat blog kamu.

Sekarang kamu pasti sudah bisa membuat menu horizontal sesuai keinginan dan kebutuhan di dalam blog kamu...

Membuat Menu Horizontal

2010-07-02T16:18:00.004+07:00

Menu horizontal merupakan kumpulan beberapa link yang diletakkan secara horizontal dan biasanya ditempatkan di bawah header. Pada kesempatan ini, kita akan mengulas trik blogger tentang membuat menu horizontal secara sederhana. Mengapa dikatakan sederhana? Karena jika kita optimasi lebih mendalam, ternyata terdapat beberapa varian dari menu horizontal tersebut. Fungsi dari trik blogger ini adalah sebagai salah satu navigasi dalam blog agar memberikan layanan kemudahan shortcut link bagi pengunjung blog kamu.

Singkat kata, berikut langkah membuat menu horizontal dalam blog kamu :

Login ke account blogger kamu.
Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

/* navbar
================== */

#bg_nav {
background: #ffffff;
width: 850px;
height: 29px;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
color: #000000;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
border-top: 1px solid #000000;
border-bottom: 1px solid #ffffff;
overflow: hidden;
}
#bg_nav a, #bg_nav a:visited {
color: #000000;
font-size: 11px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 0px 0px 3px;
}

#bg_nav a:hover {
color: #000000;
text-decoration: underline;
padding: 0px 0px 0px 3px;
}

#navleft {
width: 500px;
float: left;
margin: 0px;
padding: 0px;
}
#navright {
width: 220px;
font-size: 11px;
float: right;
margin: 0px;
padding: 3px 5px 0px 0px;
}
#navright a img {
border: none;
margin: 0px;
padding:

3px 5px 0px 0px;

}

#nav {
margin: 0px;
padding: 0px;
list-style: none;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#nav a, #nav a:visited {
background: #ffffff;
color: #000000;
display: block;
font-weight: bold;
margin: 0px;
padding: 8px 15px 8px 15px;
border-left: 1px solid #ffffff;
}
#nav a:hover {
background: #c06000;
color: #000000;
margin: 0px;
padding: 8px 15px 8px 15px;
text-decoration: none;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}
#nav li li {
float: left;
margin: 0px;
padding: 0px;
width: 150px;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff;
width: 160px;
float: none;
margin: 0px;
padding: 7px 30px 7px 10px;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#nav li li a:hover, #nav li li a:active {
background: #c06000;
padding: 7px 30px 7px 10px;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li:hover ul {
left: auto;
display: block;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}

<b:section class='header' id='header' maxwidgets='1'

showaddelement='no'>

<b:widget id='Header1' locked='true' title='test

(Header)' type='Header'/>

... dan seterusnya ...

</b:section>

</div>

<ul>

<li><a href='

http://Alamat_Blog_Kamu.blogspot.com/

'>home</a></li>

<li><a href='

http://Link_yang_dituju

Add Link

</a></li>

<li><a href='

http://Link_yang_dituju

Add Link

</a></li>

<li><a href='

http://Link_yang_dituju

Add Link

</a></li>

<li><a href='

http://Link_yang_dituju

Add Link

</a></li>

</ul>

</div>

<form action='

http://Alamat_Blog_Kamu.blogspot.com

/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Cari'/>

</form>

</div>

</div>

Business, Consumer and Healthcare Email lists

2010-07-01T23:20:00.001+07:00

Only until Wed Jun 30 you can buy any list below for just $99:

*Physicians (34 specialties) * 788k records, 17k emails, 200k fax numbers
*Chiropractors * 108,421 total records * 3,414 emails * 6,553 fax numbers
*Alternative Medicine * 1,141,602 total records with 36,320 emails and 38.935 fax numbers
*Dentists * 164k records, 45k emails, 77k fax numbers
*Veterinarians * 78,986 total records with 1,438 emails and 1,050 fax numbers
*Hospitals * 23,747 Hospital Administrators in over 7,145 Hospitals (full contact info no emails)
*National Health Service Corp Clinics * 1,300 total records with emails for government run free clinics
*Nursing Homes * 31,589 Senior Administrators, 11,288 Nursing Directors in over 14,706 Nursing Homes (full contact info no emails)
*Pharmaceutical Companies * Email only list 47,000 emails of pharma company employees
*Physical Therapists * 125,460 total records with 5,483 emails and 4,405 fax numbers
*Oncology Doctors * 2,200 records all with emails
*US Surgery Centers * 85k records and 14k emails
*Acupuncturists * 23,988 records 1,826 emails
*Hotels * 34,815 total records * 1,642 emails
*Criminal Attorneys * 142,906 total records, 99,857 emails
*Real Estate Agents * 1 million records with emails
*Massage Therapists * 76,701 records and 8,305 emails
*Medical Equipment Suppliers * 167,425 total records with 6,940 emails and 5,812 fax numbers
*Mental Health Counselors * 283,184 records 7,206 emails
*Visiting Nurses & RN's * 91,386 total records with 2,788 emails and 2,390 fax numbers
*Optometrists * 63,837 records 2,015 emails
*Psychologists * 272,188 records and 9,874 emails
*Police and Sheriff Services * 42,987 records and 114 emails
*American Business Email List * 2 million emails various businesses
*US New Business Database * 4.8 million records all with emails
*Manufacturers Database * 1,057,119 records with 476,509 emails
*USA Lawyers Database * 269,787 records with 235,244 emails
*Financial Planners Database * 148,857 records all with emails
*Finance and Money Professionals Database * 116,568 records all with emails
*American Consumer Database * 300,000 records all with emails.
*Credit Inquiries Database * 1 million Full Data Records all with emails
*American Homeowners * 1 million Full Data Records all with emails

email me if you're interested: marketingwizard@gmx.com

to adjust your subscription status email to takemeoff@gmx.com

Sesi 2 Cara Menyimpan Gadget Blog tanpa Nama/Judul

2010-07-01T14:12:00.002+07:00

Setalah banditz memosting "(Hilangkan) Judul Gadget di Blogger/Blogspot Harus Diisi" ada teman banditz bi2t.com memberikan cara yang lebih simpel dari yang pertama . wah menarik ini untuk diposting agar lebih hot banditz nya langsung saja]

Silahkan Anda buat gadget seperti biasanya, dan pada kolom judul isikan 

Dengan cara ini gadget akan muncul tanpa judul. Anda bisa dengan mudah memberikan judul dengan Edit Gadget lewat tata letak karena isian judul saat dibuka otomatis kosong.

Yang membuat susah dengan cara ini adalah jika Anda memiliki banyak gadget html/javascript tanpa judul, semoga bermanfaat yaaa

(Hilangkan) Judul Gadget di Blogger/Blogspot Harus Diisi

2010-06-30T13:58:00.000+07:00

Ada satu lagi perubahan di blogger, setelah kemarin soal perubahan tata letak (baca: Tata Letak Hilang, warning?) yang memusingkan blogger tutorial kini ada soal baru yakni penambahan gadget yang harus menyertakan judul gadget. Jika Anda tidak menambahakan judul Gadget, maka akan ada pesan error bahwa kolom wajib harus diisi.

Nah Anda tetap bisa mengatasinya. Disini saya akan memberikan dua solusi dan Anda bisa memilihnya sendiri.

Hapus Permanen
Saya katakan hapus permanen karena kita tidak menyembunyikan judul dan judul beanr-benar dihilangkan dari bagian gadget. Misalkan Anda membuat sebuah gadget, maka kodenya kurang lebih seperti ini: (Silahkan login blgger - Design/Rancangan - Edit HTML - Centang Expand Template Widget)

<b:widget id='HTML2' locked='false' title='Judul Gadget' type='HTML'>

<b:includable id='main'>



<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

Pertama carilah kode gadget yang ingin Anda hilangkan judulnya. Misalkan gadget tersebut berjudul Judul gadget seperti yang saya beri warna hijau tebal. Jika sudah ketemu bagian kode yang diinginkan silahkan hapus yang berwarna merah. Kemudian Simpan template Anda. Ini akan memberikan effect penghapusan permanen. Ketika Anda masuk ke tata letak dan edit gadget tersebut, memang pada kolom isian masih tertera judul dan apabila Anda ganti sesuka Anda lalu Anda simpan, judul tetap tidak akan keluar lagi. Satu-satunya cara mengembalikan adalah dengan memasukkan lagi kode berwarna merah yang telah dihapus pada tempat semula.

Menyembunyikan Saja
Alternatif kedua adalah dengan menyembunyikan saja. Silahkan Anda temukan id widget Anda. Untuk menemukannya bisa dengan mencari judul gadget dulu pada halaman Pengeditan HTML. Seperti misalnya pada kode di atas, baris pertama:

<b:widget id='HTML2' locked='false' title='Judul Gadget' type='HTML'>
Di bagian kanan Anda menemukan judul gadget Anda dan di bagian kiri yang berwarna merah adalah id gadget Anda

Jika Anda sudah berhasil menemukan id gadget yang akan disembunyikan judulnya, silahkan Anda masukkan kode css dengan format seperti berikut:

#idgadget h2 { display:none }
misalkan menjadi #html2 h2 { display:none }
Kode tersebut diletakkan di atas ]]></b:skin>

NB: h2 disesuaikan dengan template Anda. Template standart menggunakan h2 untuk sidebar, meskipun jika Anda telah memodifikasinya maka sesuaikanlah dengan tag headings Anda. Jika sudah silahkan Simpan template Anda. Dengan cara ini jika Anda ingin mengembalikan judul gadget, maka Anda tinggal menghapus kode yang baru saja ditambahkan.

Tata Letak Hilang, warning bagi blogger tutorial

2010-06-29T13:37:00.004+07:00

Seiring diresmikannya Blogger Template Designer (baca: New Preview dan Blogger Template Designer Resmi masuk Blogger.Com), blogger mengganti menu tata letak menjadi Rancangan. Hal ini tentu berdampak sangat besar bagi blogger tutorial seperti saya(uopss)karena banyak sih yang tanya -tanya dan sms banyak masuk jadi kayak di teror. Bayangkan ada berapa banyak blogger baru setiap harinya. Mereka akan belajar mendalami tutorial blogger. Tentu mereka akan sangat rajin googling mencari tutorial untuk mempercantik blog mereka. Tab tata letak adalah gerbang penting untuk menuju halaman editing template.Upsss tapi apakah semua mau menerima perubahan yang terjadi ini

Bagi blogger baru tentu akan kebingungan ketika mereka membaca tutorial-tutorial yang sebagian besar masih menggunakan kata tata letak sementara kini blogger telah menggantinya dengan rancangan. Para blogger baru bisa jadi tidak menemukan tata letak dan tidak menyadari bahwa kini hanya berganti nama menjadi rancangan.

Di pihak lain, saya sebagai seorang pengelola blog akan sangat kesulitan jika harus cek dan merubah satu persatu artikel saya . tapi semua harus dihadapi dengan senyuman " Solusinya yaaa kita harus lalukan penyesuaian tapi untuk dasbornya tidak jauh beda dengan yang lama hanya beda tulisan yang penting edit htmlnya , elemen laman , pengaturan masih ada " so jangan menyerah jangan menyerah semangat blogger mania

Cara Pasang Read More Animasi

2010-06-26T09:06:00.003+07:00

ehmmm ini mungkin perlu banditz kraksaan tampilkan lagi di tutorial blog pada pagi ini yaitu " cara pasang read more animasi " gimana ada yang mau coba g? ini sudah banditz cek di laboratorium banditz labs dan hasilmya top markotop

1.Bagi teman-teman yang blognya belum pake readmore,buat readmore dulu disini

2.Dihalaman Edit HTML, ganti tulisan read more ato lainya yang sobat pake buat link baca selanjutnya dengan kode berikut <img src="link gambar kamu"/>
Yang sudah pake read more langsung langkah 2 aja ya.
3.Langkah terakhir dan terpenting adalah Save Template

Kalo sobat belum punya gambar ini aku sediakan:

http://i496.photobucket.com/albums/rr329/grandisyf/th_button-green-f.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_arrow-readmore.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_more.gif

http://i496.photobucket.com/albums/rr329/grandisyf/Read-more-3_grandis.gif

http://i496.photobucket.com/albums/rr329/grandisyf/th_Readmore3.gif

Pasang Emoticon di Kotak Komentar(Versi Baru)

2010-06-26T08:48:00.002+07:00

Maka,Dalam versi baru,emoticonnya adalah seperti berikut:

Gimana? Kamu Pengen memasang emoticon ini? Pengen nggak pengin nih aku kasih tahu caranya

Begini cara membuatnya :

1. Pertama,seperti biasa harus login blogger dulu, trus menuju ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")

a.item(i).innerHTML = _str;
}
}

a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

4. Kemudian cari kode berikut ini :
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Ketemu kan?Kalo sudah ketemu letakkan kode2 berikut setelah kode
<p class='comment-footer'>

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 200; text-align: center; border: 0px solid #90be35; padding: 5px; background: #ffffff; height:350'>
<b>
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' width='30'/> :a:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif' width='30'/> :b:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' width='30'/> :c:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' width='30'/> :d:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' width='30'/> :e:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' width='30'/> :f:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' width='30'/> :g:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' width='30'/> :h:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' width='30'/> :i:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' width='30'/> :j:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' width='30'/> :k:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' width='30'/> :l:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' width='30'/> :m:
<img border='0' height='30' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' width='30'/> :n:
</b>
</div>

6. Langkah terakhir dan terpenting adalah SAVE TEMPLATE

Kemudian coba akses blog sobat, lalu klik salah satu postingan, kalo di kotak komentar keluar emoticonnya,berarti sobat melakukan langkah2 tersebut dengan benar "MISSION COMPLETE".SELAMAT MENCOBA ya sobat semoga berhasil.

Catatan
@ Kadang-kadang ada beberapa template memiliki kode yang beda. Jika sudah melaksanakan cara2 di atas dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode pada templatenya berbeda atau bisa jadi karena mugnkin hosting untuk upload file emoticon dan javascriptnya sedang bermasalah.

Cara pasang search Engine

2010-06-25T12:27:00.007+07:00
Sebetulnya hal ini sudah dibahas oleh para bloger-bloger master di indonesia dan juga fasilitas ini sudah ada di blogger itu sendiri . tapi apa salahnya bila banditz kraskaan mengulas kembali karena atas permintaan salah satu teman dari blogger pasuruan yang bertanya

Mas Banditz, bagaimana caranya memasang Search Engine pada blog?

Baikklah, saya akan mencoba menjawabnya. Semoga mudah untuk di mengerti. Sebetulnya blogger sendiri untuk saat ini sudah berkembang dimana blogger sudah support widgat untuk search enggine kalau lewat blog caranya
seperti baisa
1. login ke dasbor
2. tambah gadget
3. pilih kotak penelusuran
4. save
seperti di gambar di bawah ini

namun apabila ingin membuat sendiri dari html monggo silakan isi kodenya

<form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get">

<input id="s" value="" name="q" type="text">
<input id="searchsubmit" value="Search" type="submit">
</form>

Yang perlu sobat perhatikan adalah tulisan yang saya cetak merah yaitu http://AlamatBlogAnda.blogspot.com/search,
tulisan AlamatBlogAnda harus sobat ganti tentunya dengan alamat blog sobat yang ingin
di pasangi seacrh engine, misalkan apabila di pasang untuk blog ini maka tulisan tersebut di ganti dengan
http://xxxxxx.blogspot.com/search. Selain itu, ada juga yang bisa sobat ubah yaitu
di bagian kode --> value="Search". Tulisan Search ini adalah tulisan
yang akan muncul pada tombol search engine, apabila sobat ingin mengubahnya, silahkan ubah dengan keinginan, contoh : tulisan
tersebut ingin di ubah menjadi Cari atau Go.

lakukan seperti langah biasa
1.login
2. pilih gadget
3. pilih html/java script
4. masukan kode
5.simpan

untuk hasilnya seperti inin

Blog Toko online baby shop

2010-06-25T08:44:00.004+07:00

kali ini banditzkraksaan akan memberikan reverensi buat teman-teman blogger yang ingin membangun bisnis online lewat blog . Seperti biasa setelah saya berkunjung kekerabat lama di zoootemplate.com banditz menenukan template yangas dan sangat propesional seakan-akan seperti website asli . Template blog ini merupakan dedikasi dari mas Agus Ramahani atau empunya o-om.com , template ini kata om Agus Ramadhani/o-om.com " template ini tentu saja dirancang khusus bergaya Gallery plus Magazine, tidak lupa juga sudah saya tanam fitur SEO didalamnya biar jualannya lancar hehehehe. Tapi sayang, karena terbatasnya fasilitas di blogger ruang gerak saya untuk merancang memiliki fitur Shoping Cart jadi batal, jadi pemesanan per item hanya bisa dilakukan secara manual. yah anggap saja transkasi jual beli dan pembayaran nanti dilakukan secara manual saja via rekening bank atau via Paypal juga gak masalah. Ok selamat berjualan :)" cetus Nya. wah bakal kesampean ni buat para blogger yang ingin berbisnis online . kalau mau lihat demonya silakan kunjungi :http://babyshop-zoomtemplate.blogspot.com/
kalu mau downlod monggo langsung ke webnya om Agus Ramadhani klik disini

Cara Pembuatan Pulldown Menu

2010-06-25T08:11:00.003+07:00

TIPS MEMBUAT MENU PULLDOWN. Pulldown Menu lebih simple dan memakan ruang sidebar yang lebih sedikit. Cara penambahan linknya juga mudah. Pulldown bisa digunakan untuk Daftar Blogroll, Daftar Link, Previous Posting, dan sejenisnya. Walapupun sering diulas pada banyak blog dan website, tidak ada salahnya Banditz kraksaan dalam "TIPS DAN TRIK BLOG" ini mengulasnya kembali, siapa tahu dapat membantu para new blogger.
Formatnya sebagai berikut :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size="1" name="menu">

<option>- Nama/Judul Menu -</option>

<option value="http://alamat_link_1/">Nama_link_1</option>
<option value="http://alamat_link_2/">Nama_link_2</option>
<option value="http://alamat_link_3/">Nama_link_3</option>

</select>
</form>

Cara menambahkan linknya dengan menambahkan di bawah link_3 atau menyisipkan di antara link-link yang ada.

Sebagai contoh riilnya, seperti di bawah ini

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size="1" name="menu">

<option>- My Blog -</option>

<option value="http://pegadaiandiari.blogspot.com/">All About of My Life</option>
<option value="http://sepeda-natik.blogspot.com/">Sepeda Antik Juwana</option>
<option value="http://onoid.blogspot.com/">Tips dan Trik Komputer</option>
<option value="http://tips-trik-blog.blogspot.com/">Tips dan Trik Blog </option>
<option value="http://clixsense2007.blogspot.com/">Bisnis Internet</option>

</select>
</form>
Langkah-langkahnya :

1. Login di blogger, sehingga masuk di halaman Panel Kontrol
2. Pilih blog Anda yang ingin dimodifikasi, kemudian klik layout dan klik Elemen
Halaman.
3. Klik Tambahkan Sebuah halaman baru (Add New Page Element).
4. Kemudian tambahkan HTML/JavaScript, seperti gambar di bawah ini.
5. Setelah itu ketik seperti format di atas.

6. Setelah selesai Simpan Perubahan.

7. Selesai.

Maaf Baru bisa follow

2010-06-16T01:09:00.003+07:00

Buat teman-teman blogger indonesia maaf baru bisa follow blognya hehehe cs banditz kraksaan masih lagi on fire ngerjakan kraksaan-online.com malukan kalau blogger daerah tidak mau mempromosikan potensi daerahnya meski portal ini saya buat lewat blog .Dan dalam blog ini saya menggandeng blogger-blogger kraksaan seperti aan20 dan ndutbrisix Sekali maaf yaaa baru bisa follow balik dan terima kasih banyak buat komentar dan follow blognya

Generade updater NOD32

2010-06-15T14:00:00.007+07:00

Mungkin karena alasan koneksi internet yang lemot, ataupun memang belum punya koneksi internet anda yang menggunakan Anti Virus NOD32 2.7 dapat mendownload di halaman posting ini. Dengan hosting dari ziddu.com, yang diharapkan download jadi lebih mudah dan cepat karena menggunakan server iix (local)kali ini banditz kraksaan akan membagi software generade updater for nod 32 semoga bermanfaat yaaaa download NOD upgrade

re: Databases of Doctors and Dentists

2010-06-12T03:00:00.000+07:00
Here's a business list package on sale this week only:
Business List Silver Package
American Business Email List - 2 million emails various businesses
Financial Planners Database - 148,857 records all with emails
Finance and Money Professionals Database - 116,568 records all with emails
All complete lists above: $276

There are more packages and not just for business. we also have healthcare, consumers and more. Contact me here for more info or to get samples: Kimberly@listnirvana.net

to adjust your subscription status email to disappear@listnirvana.net

The big eksperimen perang seo

2010-06-09T10:39:00.003+07:00

Sudah lama banditz kraksaan dan skybanditz.com terus perang dalam keyword " banditz" di google seacrh enggine . Blog saya saling berjibaku naik turun terus dengan skybanditz.com . Sudah pakai cara A dan strategi pemutar otak... ya tetap saja saingannya sky banditz.com saling berebut tahta . . kali ini saya akan tambah ramuan dalam teknik saya selain dari menggunakan IBP , kini giliran softwara webseo free edition mulai bekerja menyelesaikan tugasnya dan juga saya menggunakan ramuan meta tag analisis dari www.mypagerank.net plus di tambah bumbu dari webmaster tool . Crawl error masih muncul ehmmm tambah seru ini ...

Postingan Terbaru berjalan

2010-06-06T10:41:00.005+07:00
Pada kesempatan kali ini banditz kraksaan akan menjelaskan cara Memasang Widget Postingan Terbaru berjalan maksudnya adalah jadi Recent Post sobat berjalan sama seperti halnya teks yang menggunakan efek Marque

Nah dengan Widget ini blog sobat menjadi lebih profesional dan lebih menarik untuk di kunjungi jadi mau pakai?? kalau mau pakai ikuti y cara di bawah ini :

1. Seperti biasa login ke blogger
2. Lalu masuk ke Tata Letak ==>> Elemen Halaman
3. Tambahkan sebuah Gadget
4. setelah itu pilih yang HTML/JavaScript
5. copy kode di bawah ini kedalamnya

<script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="<>"; </script> <script style="text/javascript" src="http://NamaBlogSobat.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

5. Catatan :
* Tulisan yang berwarna Kuning (15) bisa sobat ganti karena itu menunjukan berapa post terbaru yang nanti akan muncul.
* Tulisan yang berwarna biru muda (NamaBlogSobat) ganti dengan alamat blog sobat.

6. Nah setelah itu Simpan dech dan lihat Hasilnya.

Mudah bukan Memasang Postingan Terbaru Berjalan?? dan sekarang blog sobat terlihat lebih profesional dan nyaman untuk di kunjungi, Begitulah pekerjaan Banditz Memberikan Trik-trik yang menarik untuk di coba dan jangan lupa coba sobat jelajahi blog ini pasti sobat banyak menemukan Trik-trik yang menarik lainnya. Nah mungkin sekian dari saya Terima kasih dan Happy Blogging.

Membuat gambar transparan di body blog

2010-06-06T09:46:00.004+07:00

Sebagian orang menginginkan blognya tampil dalam bentuk transparent
Sebenarnya ide dasarnya adalah soal background. Yang umum dipakai tentu saja background dengan warna atau gambar tertentu, baik pada ruang postingan saja, sidebar saja atau header saja. Pada background statis dimana hanya content blog saja yang ikut dalam gulungan tentu saja banyak pula yang menyukai, termasuk saya.
Bagaimana cara membuat blog supaya transparan pada blogger, silahkan ikuti dan terapkan langkah langkah berikut ini :

Sebelumnya siapkan dulu sebuah gambar (Untuk ukuran background full halaman sebaiknya menggunakan piksel 1024x768) lalu simpan misalnya di Photobucket atau di TinyPic untuk kemudian anda ambil link gambar tersebut.
Langkah berikutnya, masuk ke dashboard klik LAYOUT (Tata Letak) dan klik EDIT HTML. Jangan lupa centang Expand Widget Templates. Kemudian cari kode berikut.
background:$bgcolor;
Lalu copy kode berlatar hijau di bawah ini dan paste pada kode di atas, letaknya persis di bawah body {

body {
background:url(http://i632.photobucket.com/albums/uu50/ocesatria55/closeUPKU3333333333333333.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;

Anda boleh menggganti alamat URL gambar ini http://i632.photobucket.com/albums/uu50/ocesatria55/closeUPKU3333333333333333.jpg dengan alamat gambar anda sendiri...

Sebelum di-save lihat dulu Pratinjau untuk memastikan ada atau tidaknya kesalahan. Setelah yakin baru klik:

Save Template.

Dan silahkan lihat dan nikmati hasilnya . Anda juga dapat menerapkan kode tersebut untuk semua background. Silakan cari sendiri

O ya, referensi saya untuk postingan ini adalah masterGomaster, Thanks ya!

Memasang Button Show/Hide (Spoiler)

2010-06-05T14:07:00.002+07:00
Spoiler apaan OB? "Oh, asessoris yang biasa digunakan di belakang mobil, sehingga kaya mobil balap". Kalau OB membahas mobil, apa ada hubungannya dengan optimasi blog??? (wkakakakakak). Maksud spoiler di sini adalah menyembunyikan teks, image, dan/atau widget sehingga menghemat ruang suatu blog. Kemudian teks, image, dan/atau widget tersebut dapat ditampilkan kembali dengan menggunakan perintah (baca: bahasa pemprograman) tertentu. Ujung-ujungnya kita menggunakan "button" lagi, "button" memang ngga ada matinya (he..he.. no promotion). Khusus pengguna Wordpress, pluginnya dapat langsung diunduh di felixtriller.de. Sedangkan untuk blogger, mari kita ulas triknya tentang memasang spoiler.Widget ini dapat kamu manfaatkan baik dalam postingan, sidebar, dan/atau elemen lainnya yang memiliki kesesuaian dengan widget spoiler.

<div style="text-align: center;"><div class="button-spoiler"><input value="Contoh Penggunaan Spoiler" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Lagi'; }" type="button"/></div><div class="spoiler"><div style="display: none;">
<div style="text-align: left; padding: 10px; border: 3px inset #333; font-size: small;">
Silakan disimak dan dicermati :
<ul><li>Di sini kamu bisa memasukkan teks, kode, atau script</li>
<li>Kamu juga bisa memasukkan image</li>
<center><img border="0" alt="U Comments I Follow" src="http://i647.photobucket.com/albums/uu191/ariamsi/Icon%20Blog/follow2.jpg"/></center>
<li>Klik button "Tutup" untuk menghilangkan area ini</li></ul>
</div></div></div></div>

Keterangan :

* Ganti kode berwarna biru dengan kata atau kalimat yang kamu inginkan.
* Kode berwarna hijau merupakan gambaran area teks, image, dan/atau widget yang akan kamu masukan.
* Ganti kode yang berwarna merah dengan teks, image, dan/atau widget yang akan kamu inginkan.
* Tidak menutup kemungkinan kamu dapat menambah dan mengurangi kode yang telah ada selama format dasar kode pembuatan spoiler tidak berubah, seperti dalam kode style="....." (yang berkelap-kelip) dapat ditambah atau dikurangi.

Hasilnya :

Silakan disimak dan dicermati :

Di sini kamu bisa memasukkan teks, kode, atau script

Kamu juga bisa memasukkan image

Klik button "Tutup" untuk menghilangkan area ini

Rahasia SEO 2010, Mitos! Pemahaman yang salah kaprah tentang Konsep Teknologi Nofollow dan Dofollow

2010-06-03T16:43:00.005+07:00

No Follow dan Do Follow apa itu ? Kalo ingat kata do follow dan no follow selalu ingat pada form komentar pada blog entah itu wordpress ataupun blogspot .Kalau menurut mitos yang beredar, blog dengan form komentar do follow yang bisa bikin backlink kamu bertambah banyak, sedangkan blog dengan form komentar no follow tidak bisa memberikan backlink apa-apa .Eits sebenarnya mitos itu salah besar dan salah kaprah. Percaya atau ga percaya, yang pernah ikut kontes seo, pasti sudah merasakan bagaimana sumbangan backlink dari blog-blog dengan form komentar no follow. Selain itu, bisa juga bagi kamu yang tau cara ngecek backlink, silakan di cek, apakah kamu yang sering komentar di blog ini dapat backlink atau enggak dari blog ini ??Blog ini No Follow kok form komentarnya ga usah kawatir .

Sebenarnya antara blog do follow dan no follow itu sama-sama memberikan backlink, bagi url yang kamu cantumkan dalam form komentar. Eits tapi ada kadarnya . Kadar backlink yang form komentarnya Do Follow memang lebih bagus daripada yang No Follow. Tapi bukan berarti No Follow itu tidak memberikan backlink sama sekali . Dia memberikan backlink, tapi kadar kualitasnya ada bedanya. Kalo boleh saya umpamakan kualitas backlink-nya, untuk do follow itu mungkin nilainya 80 sedangkan untuk no follow itu mungkin cuman 20 an doang . Jadi komentar di blog do follow ataupun no follow, sama aja kok untuk saat ini. Semua sama-sama dapat backlink meskipun kualitasnya berbeda dan lebih baik do follow. Tapi bagi yang blognya do follow , siap-siap kena gencet aja tuh PR blognya . Karena kebanyakan blog yang format komentarnya do follow, PR nya jadi jeblok semua hehehehe. Tapi semua itu kembali kepada diri kamu semua, kemaren waktu gathering panduan dasar bareng master dari Surabaya Mas Alex yang sempat mampir ke tempat saya. Ternyata beliau juga mengatakan bahwa no follow dan Do follow sama-sama ngasih backlink. Hanya berbeda di kualitasnya saja .

Mungkin cukup itu saja kali yah bahasan kali ini.

Review Zoom magazine karya Herdiansyah Hamzah

2010-06-03T10:04:00.004+07:00

Dalam postingan blog saya banditz kraksaan akan membahas review template zoom magazine karya Herdiansyah Hamzah tempalte ini sangat elegan dan bagus selaian dilengkapi fitur slide show dan juga sudah dimanjakan dengan meta tag , jadi entar kita tinggal edit saja meta tag nya sesuai dengan blog kita .... Zoom Magazine adalah majalah blogger template dengan navigasi sederhana ,adsense siap, dropdown, slideshow gambar. sangat mudah dan merupakan pembedahan dari premi blogger elegan.Gimana apa yang kurang? saya berani memberi referensi untuk template dari mas Herdiansyah Hamzah

kepada teman blogger blogger indonesia oh ya hampir lupa blog iki juga bagus di jalankan di mozilla dan IE yang terbaru sangat mendukung ehmmm penasaran ?ingin mencoba silakan klik di sini

Serunya Belajar SEO, Berani Melakukan Kesalahan

2010-06-02T11:49:00.005+07:00

Sesuai dengan janji saya akan membahas tentang menaikan seo di portal kraksaan semoga artikel ini bermanfaat
Saya membuat judul postingan: Serunya Belajar SEO, Berani Melakukan Kesalahan, karena belajar SEO itu memang benar-benar seru dan kita bisa berekperimen, meskipun banyak kesalahan yang bisa kita lakukan. Dan melakukan kesalahan dalam belajar itu bukan kesalahan dan justru kita harus berani melakukan, meskipun dikemudian waktu baru kita ketahui bahwa itu salah, itu tidak mengapa.So semangat dan terus belajar dari kesalahan

Sebagaimana proses belajar pada umumnya, belajar SEO juga membutuhkan kesabaran. Mulai bersabar ketika mencari informasi tentang SEO. Kalau kita googling, begitu melimpahnya informasi tentang SEO sampai kita bingung mana yang benar, yang memaksa kita untuk bersabar pula memilah-milah informasi mana yang benar dan berguna. Celakanya, kita juga belum tahu informasi yang kita dapatkan itu benar atau salah. Tapi karena belajar, tidak pernah ada salahnya kalau kita coba-coba. Melakukan kesalahan itu sangat wajar.
Bayipun belajar berjalan, meski berkali-kali terjatuh. Kitapun perlu terus belajar SEO meski kesalahan kita ada dimana-mana. Blog kita akan menjadi padang rumput yang sepi kalau kita tidak berusaha belajar SEO dan menerapkan teknik SEO di blog kita. Seperti blog ini contohnya, sangat sepi sekali… ihik…sendirian

Oke, kembali pada masalah SEO. SEO itu singkatan dari search engine optimization, yaitu berbagai teknik yang dipergunakan untuk memaksimalkan sebuah web atau blog agar rankingnya optimal di hadapan mesin pencari (search engine). Dengan menerapkan teknik SEO, diharapkan web atau blog bisa tampil di halaman terdepan hasil penelusuran mesin pencari dengan kata kunci tertentu. Misalnya di google atau yahoo. Harapannya tentu saja, web atau blog bisa menuai banyak pengunjung (traffic) kalau web atau blog tampil dihalaman terdepan mesin pencari.

Sampai disini saja sudah terasa serunya belajar SEO.

Terus apa saja sih teknik-teknik SEO itu? Sampai disini saya tidak bisa berbicara banyak tentang SEO. Saya masih hijau, baru belajar. Biarlah para master yang berbicara secara detail. Tapi ijinkanlah saya mengungkapkan sedikit yang saya ketahui. Bukankah benar ungkapan “sampaikanlah meskipun itu hanya satu ayat” ? (mencari legitimasi he..he..).

Setidaknya terbagi dalam dua saja teknik SEO itu, yaitu on-page optimization atau optimasi pada halaman web atau blog itu sendiri, dan off-page optimization atau optimasi di luar halaman web atau blog.

On-Page Optimization, yang termasuk didalamnya antara lain: Nama Domain atau Nama Blog, Title dan Meta Tag, Desain dan layout web/blog, Gambar, Kata kunci (keywords) dalam artikel / konten. Sedangkan Off-Page Optimization, diantaranya: Jumah Backlink, Kualitas Backlink.

Untuk detailnya, ada dipostingan selanjutnya kalau saya sudah banyak belajar. Tapi juga banyak tersebar di internet kalau kita googling. Atau beli buku atau ebook mengenai SEO dari penulis yang benar-benar dipercaya dan dikenal sudah berpengalaman dalam praktek langsung. Karena kalau kita ingin berhasil lebih cepat, kita harus belajar pada ahlinya.

Kalau kita sudah mulai mempraktekkan ilmu atau teknik-teknik SEO yang kita pelajari, kita mulai merasakan serunya belajar SEO.Seperti halnyA saya sendiri dengan mencari ilham ke mbah google untuk sementara ini saya dapat menerapkan teknik-teknik seo di blog saya sesuai dengan pengetahuan yang saya dapat dari teman-teman blogger dan mbahku " google.com" On-Page Optimization, yang termasuk didalamnya antara lain: Nama Domain atau Nama Blog, Title dan Meta Tag, Desain dan layout web/blog, Gambar, Kata kunci (keywords) dalam artikel / konten. misalnya
1 menggunakan teknik pada head pada template kita dengan teknik ini kita menurut
teori yang ada maka google akan mendetek blog kita dengan judul dari psotingan
kita

<br /><title><data:blog.title/></title><br /><b:else/><br /><title><data:blog.pagename/></title><br /></b:if><br /> <meta content="'1200'" equiv="'refresh'"><br /> </meta><br /> <b:include data="'blog'" name="'all-head-content'/"><br /> <b:skin><![CDATA[/*

2. Melakukan atomatis reload pada blog kita trik ini berguna untuk melakukan reload pada blog kita secara otomatis dengan maksud untuk meningaktkan trafic blog kita dengan catatan jangan melakukannya pada komputer dengan ip yang sama maksudnya bila kita ke warnet buka blog kamu trus pindah ke warnet lainya gunakan paket kalau bisa biar mantap

<br /><meta content="'1200'" equiv="'refresh'"><br /> </meta><br />

3 . Guanakan Nama Domain atau Nama Blog, Title dan Meta Tag, Desain dan layout web/blog, Gambar, Kata kunci (keywords) dalam artikel / konten yang sesuai kadang-kadang saya menggunakan template tapi ada juga sing error. Dari mana saya mengetahuinya dengan menggunakan software IBP cari aja di mbah google pasti ada ,dengan software tadi saya bisa melihat kesalah-kesalahan di template blog terutama framenya , links otoamtis , juga dapat melakukan kompetensi keyword dll alhasil keyword yang saya dapat seperti dibawah ini :

<br /><meta content="'Banditz" name="'keywords'/"><br /><br /><meta content="'Banditz" name="'Author'/"><br /><br /><meta content="'global'" name="'distribution'/"><br /><br /><meta content="'Blog" name="'description'/"><br /><br /><meta content="'general'" name="'rating'/"><br /><br /><meta content="'EN,ID'" equiv="'content-language'/"><br /><br /><meta content="'id'" name="'geo.country'/"><br /><br /><meta content="'Banditz" name="'copyright'/"><br /><br /><meta content="'translate'" name="'google'/"><br /><br /><meta content="'Indonesia'" name="'language'/"><br /><br /><meta content="'all'" name="'robots'/"><br /><br />

untuk gambar seringlah tambah kan alt="banditz" tittle="banditz"

<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_zrYyxMoVmss/TAXsC61jT3I/AAAAAAAAAw4/0lMTfZIRYos/s1600/search_engines_seo.jpg"></a><br />

4. sesering mungkin melakukan ping blog di klik disini

5. lakukan Off-Page Optimization, diantaranya: Jumah Backlink, Kualitas Backlink.

so teruslah beralajar seo tapi inget jangan memandang SEO sebagai satu-satunya cara menjaring trafik. Tidak sedikit yang mendewa-dewakannya. Padahal SEO itu cuma satu “pintu” saja, dan masih banyak “pintu-pintu” lain untuk mendatangkan traffik ke tempat anda.

Portal Kraksaan

2010-06-01T15:32:00.002+07:00

Kali ini banditz kraksaan mencoba menerapkan seo yang telah ada alhasil berhasil seo tersebut saya terapkan ke portal kraksaan.co.cc alhasil di search engine google mampu menembus PR 1 dengan keyword " kraksaan[dot]kom, portal kraksaan, berita kraksaan "ehmm puass entar saya akan share rahasianya tunggu tanggal mainnya hanya di banditz kraksaan blogger arek kraksaan

Free All in one SEO

2010-06-01T10:15:00.001+07:00
Pada kali ini banditz akan membahas lagi tentang tips-trik blog, dan pada kesempatan kali ini saya akan membahas tentang Free All in one SEO, artikel ini saya temukan pada blog sobat saya yang bernama Banditz Kraksaan.Free All ini one SEO Tools yang bisa anda gunakan untuk mengecek segala kebutuhan mengenai data dari domain anda.

Nama tools itu adalah SEO Quake yang bisa anda install langsung melalu Firefox maupun Google Chrome anda. Dan semua ini Gratis untuk anda gunakan.

ternyata tools ini mempunyai kelebihan, beberapa kelebihan dari tools ini adalah :

1. Nilai Pagerank di ketahui
2. Jumlah Google Index
3. Jumlah Yahoo Link Directory
4. Jumlah Yahoo Backlink
5. Peringkat Alexsa
6. Whois
7. Umur domain
8. Dan masih banyak lagi yang lainnya.

Cara memasang Free All in one SEO ini sebagai berikut :

1. Masuk ke situs SEO Quake
2. Lalu disana ada 2 pilihan Install SeoQuake from Mozilla.org dan Try SeoQuake for Google Chrome !. Lakukan pemilihan instalasi browser apa yang digunakan pada komputer anda. Saya akan mencontohkan browser mozilla saja.
3. Klik disini
4. Kemudian klik Add to Firefox, kemudia klik alow, contoh gambarnya bisa dilihat di bawah ini :

5. Setelah anda selesai mengklik tombol Alow, maka akan muncul Software Installation, seperti gambar di bawah ini :

6. Setelah anda mengklik Install Now maka akan muncul gambar dibawah tunggu proses install selesai.

7. Setelah proses selesai klik Restart Firefox.

8. Setelah Firefox anda selesai di Restrat maka muncul SeoQuake preferences wizard. contoh gambar dibawah ini :

9. Setelah klik tombol Next maka anda di suruh memilih SeoQuake secara Horizontal atau Vertical.

10. Setelah mengklik tombol next maka proses tinggal satu lagi SERP plugins, pilih dengan kesesuain anda. seperti gambar di bawah ini :

11. klik Finish

Untuk menonaktifkan tools ini,anda cukup klik gambar logo SEO Quake pada browser anda pada bagian kanan paling bawah.Lihat gambar

SEMOGA BERMANFAAT

free All in one SEO

2010-06-01T07:29:00.003+07:00

pada tips dan trik blog kali ini,banditz kraksaan ingin sharing mengenai free All in one SEO Tools yang bisa anda gunakan untuk mengecek segala kebutuhan mengenai data dari domain anda.

Yups...nama tools itu adalah SEO Quake yang bisa anda install langsung melalui Firefox anda.Dan semua ini gratis.Inilah tools andalan saya selama ini.Beberapa kelebihan yang anda dapatkan dengan menggunakan tools ini,anda dapat mengetahui :

1. Nilai Pagerank

2. Jumlah Google index

3. Jumlah Yahoo link directory

4. Jumlah Yahoo backlink

5. Peringkat Alexa

6. Whois

7. Umur domain

8. dan lain-lain...

Cara penggunaan nya cukup mudah :

1. Masuk ke situs nya,dan install pluggin SEO Quake melalui Mozilla Firefox anda

2. Setelah selesai diinstal,anda tinggal akses situs yang anda inginkan,lalu akan muncul tools seperti gambar di bawah ini:

3. Untuk menonaktifkan tools ini,anda cukup klik gambar logo SEO Quake pada browser anda pada bagian kanan paling bawah.Lihat gambar :

Cara Meningkatkan SEO dengan Melakukan Blog Ping

2010-05-28T10:02:00.007+07:00

Nah, yang ini adalah tips lain untuk meningkatkan rating blog anda. Blog ping adalah salah satu cara untuk meningkatkan page rank anda di mesin pencari, terutama Google.com
Bagaimana kerja system blog ping? Blog ping berguna untuk meng-update content blog anda agar segera terdaftar di mesin pencari.

Kapan anda harus melakukan blog ping?Lakukanlah blog ping setiap anda melakukan update pada blog anda. Terutama jika anda membuat posting/ article anda, sehingga artikel anda akan segera terdaftar di mesin pencari. Sebaiknya lakukan ping hanya jika anda meng-update blog anda.

Bagaimana cara melakukan blog ping?Ada beberapa website yang memberikan pelayanan blog ping. Masing-masing blog menawarkan beberapa feature yang berbeda, tapi pada dasarnya system kerja nya sama. Nah saya akan memberitahukan sekilas tentang beberapa website tersebut.

* Yang pertama: http://pingomatic.com

* Yang kedua: http://bpinger.com

* Yang ketiga : http://www.pingmyblog.com/

Dari ketiga website diatas hampir memiliki feature yang sama, yaitu submit ke website-website atau search engine yang paling banyak digunakan. Contohnya Google, Yahoo, Technorati dll.

Nah, itulah beberapa Blog ping website yang bisa saya bagikan bagi anda.
Salah satu hal yang paling penting dalam SEO adalah konsistensi anda untuk melakukan posting. Buat lah target bagi anda sendiri, Contohnya saya menargetkan minimal 2 posting/ minggu. Karena blog saya masih benar-benar baru dan masih membutuhkan sedikit usaha.

jadi intinya ialah, "SEMANGAT!"

Membuat iklan melayang

2010-05-28T09:10:00.003+07:00

Senang rasanya bisa menambah koleksi tutorial blog dibanditz kraksaan . Postingan banditz kraksaan kali ini juga postingan yang tidak tergolong baru . Karena sudah di bahas di blogger-blogger master di seluruh dunia .

Untuk membuat post iklan melayang caranya seperti dibawah ini
1. Buka Account Blogger Anda, Masuk ke Layout/Tata Letak
2. Kemudian "Tambah Gadget" diatas Header
4. Klik "HTML/Javascript"
5. Masukkan kode di bawah ini.

<style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

border:2px solid #A5BD51;

background:#ffffff;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">

<a href="javascript:showHideGB()">

.:[Close][Klik 2x]:.

</a>

</div>

<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (30-gb.offsetWidth).toString() + "px";

</script></center></div></div>

Cara membuat efek stabilo pada posting dan mencoret tulisan

2010-05-26T16:22:00.004+07:00

Halo rekan bloggers...bagaimana kabar nya?pada tips dan trik blog kali ini banditz kraksaan ingin memberikan tutorial yang sangat sederhana,bagaimana membuat efek stabilo pada tulisan dan membuat coretan pada kata yang kita tulis di posting.
Contoh nya seperti ini :
1.Efek stabilo :

<span style="background-color: rgb(255, 255, 0);"> Kata yang diberi efek stabilo</span>

2.Efek coretan :

~~tips dan trik blog~~

Di blogspot tidak menyediakan short key ( cara cepat ) untuk melakukan kedua hal diatas,kita harus melakukan nya secara manual,tidak seperti efek bold,italic,dan underline yang bisa kita buat dengan cepat.

Ok...cara membuat efek stabilo dan coretan pada tulisan sangat mudah:

1.Efek stabilo:
<span style="background-"> Masukkan tulisan yang ingin anda stabilo di sini </span>

Kode warna bisa anda ganti sesuai dengan keinginan anda

2.Efek coretan:
<s>masukkan tulisan yang ingin anda coret di sini </s>
Gampang banget kan?

Selamat mencoba...

Urutan prosedur post pada komputer

2010-05-26T10:07:00.000+07:00
Setelah fakum dari dunia blog, kali ini saya akan memposting tentang Urutan prosedur POST pada komputer, postingan kali ini tidak membahas tentang TIPS TRIK blog lagi melaikan tentang teknik informatika. Kita langsung klik Selengkapnya untuk memabaca postingan selanjutnya.

. Urutan prosedur POST

POST dilakukan sesaat setelah komputer dihidupkan dan mulai booting, proses ini dilakukan oleh BIOS. Adapun urutan prosedur POST adalah sebagai berikut :

a) POST melakukan test pada Power Supply yang ditandai dengan lampu power hidup dan kipas pendingin power supply berputar.

b) Secara otomatis dilakukan reset terhadap kerja CPU, kemudian mulai melaksanakan instruksi selanjutnya.

c) Pengecekkan terhadap BIOS dan isinya. BIOS harus dapat dibaca.

d) Pengecekkan terhadap CMOS dan CMOS harus dapat bekerja dengan baik.

e) Melakukan pengecekkan CPU untuk membaca semua memori yaitu memory controller, memory bus dan memory module.

f) Memori sebesar 16KB harus tersedia dan dapat dibaca/ditulis untuk keperluan ROM BIOS dan menyimpan kode POST.

g) Pengecekkan I/O bus controller dan harus tersedia juga dapat bekerja untuk read/write data. Termasuk I/O untuk VGA card yang terhubung dengan monitor.

Jika ada salah satu prosedur POST yang tidak berhasil dilewati maka PC akan menerima pesan/peringatan kesalahan dari POST. Pesan/peringatan kesalahan berupa kode beep yang dikeluarkan melalui speaker yang terhubung dengan motherboard atau tampilan di layar monitor sesuai dengan standar masing-masing motherboard.

2. Urutan prosedur aktivasi sistem operasi

Sistem operasi yang digunakan dalam test ini adalah windows 98, prosedur yang dilaksanakan adalah sebagai berikut

a) Menghidupkan PC.

b) PC melakukan POST pada saat booting hingga selesai.

c) PC mulai mencari sistem operasi di media penyimpan dengan urutan prioritas berdasarkan setting BIOS, misal CDROM, HDD lalu Diskdrive.

d) PC menjalankan Sistem Operasi yang didahullui dengan menjalankan file-file sistem yaitu MS Dos.sys, IO.sys, Himem.sys dan command.com.

e) Jika proses d) berhasil dilanjutkan dengan menjalankan file config.sys dan autoexec.bat.

f) Pengecekkan konfigurasi sistem windows yaitu dengan mencari, membaca dan menjalankan file sistem.ini dan win.ini.

g) Pengecekkan adanya file stratup untuk kemudian dijalankan.

h) Pengecekan kondisi hardware melalui device manager.

i) Pengecekkan kondisi Start Up menu dan fungsi-fungsi dasar sistem operasi yaitu mengkopi file, memindah file, mengganti nama file, membuat folder/direktori dan lain-lain

j) Pengecekkan Prosedur shutdown

3. Gejala masalah yang terjadi pada sistem operasi

No

Gejala

Diagnosa

Pesan/Peringatan Kesalahan

1

Booting terhenti setelah berhasil melkasanakan POST

1. Instalasi fisik harddisk, setting device, prioritas boot di BIOS bermasalah

2. Kerusakan pada sistem operasi, mungkin file sistem operasi rusak, hilang, terkena virus, berganti nama atau berpindah folder

2

Kinerja booting sampai ke windows berlangsung de-ngan lambat.

1. Manajemen memori bermasalah

2. Kerusakan pada sistem operasi, mungkin file sistem operasi rusak, ada file yang hilang, terkena virus, berganti nama atau berpindah folder Monitor

3

Windows exsploter tidak dapat dijalankan, tidak dapat mengcopi, meng-ganti nama file dan lain-lain

Kerusakan pada sistem operasi, mungkin file windows explorer rusak, hilang, terkena virus, berganti nama atau berpindah folder

4

Start menu tidak dapat dijalankan

Kerusakan pada sistem operasi, mungkin file windows explorer rusak, hilang, terkena virus, berganti nama atau berpindah folder

5

Prosedur Shutdown tidak dapat dilaksanakan

Kerusakan pada sistem operasi, mungkin file windows explorer rusak, hilang, terkena virus, berganti nama atau berpindah folder

6

Prosedur Shutdown ber-henti sebelum komputer benar-benar mati

1. Reset bate CCMOS

2. Kerusakan pada sistem operasi, mungkin file sistem operasi rusak, ada file yang hilang, terkena virus, berganti nama atau berpindah folder

4. Gejala yang muncul jika I/O bermasalah

No

Gejala

Diagnosa

Pesan/Peringatan Kesalahan

1

Keyboard tidak bekerja

· Hubungan Keyboard dan PC bermasalah

· Keyboard rusak atau saluran keyboard di Motherboard rusak

2

Mouse tidak bekerja (PS2/Com/USB)

· Hubungan Mouse dan PC bermasalah

· Mouse rusak atau saluran mouse (PS2/Com/USB) di motherboard rusak

3

Monitor tidak dapat me-nampilkan gambar

· Hubungan antara VGA card dan monitor bermasalah

· VGA card brmasalah

· Monitor bermasalah

4

Monitor menampilkan re-solusi dan warna tidak optimal

· Setting driver monitor

· Hubungan antara VGA card dan monitor bermasalah

· VGA card bermasalah

· Monitor bermasalah

5

Print preview pada pro-gram aplikasi tidak dapat dilakukan

Driver printer belum terinstal

6

Pencetakan tidak dapat dilaksanakan

(Printer melalui LPT/USB)

· Driver belum benar

· Hubungan printer dengan LPT/USB bermasalah

· Power belum aktif

· Tidak tersedia kertas atau tinta tidak tersedia.

· Catride tinta tidak ada

· Printer rusak

7

Mencetak tidak sesuai dengan yang diinginkan, misal berulang-ulang, ha-laman tidak sesuai, dll.

Setting printer belum sesuai

8

Disk dan CD ROM tidak terdeteksii

· Hubungan instalasi fisik dan power disk/CD ROM dengan motherboard bermasalah.

· Setup di BIOS belum sesuai

· Aktifasi hardware diskdrive di windows bermasalah

9

Disk atau CD ROM Tidak dapat membaca data

· Disket/CD ROM yang dibaca bermasalah

· Head atau sensor baca (optic) bermasalah, mungkin kotor, setting fisik berubah atau sudah lemah (rusak)

5. Untuk mengetahui kinerja komputer PC berkurang dapat dilakukan melaui membandingkan performan dengan kondisi yang baik, menguji kecepatan aksess, mengakses periperal, menjalankan beberapa program sekaligus. Apabila muncul pesan kesalahan baik dalam bentuk beep, pesan informasi, maupun akse yang semakin lambat maka dapat dianggap PC mengalami penurunan kinerja atau performance.

6. I/O bekerja dengan baik dapat dilakukan dengan mengetes saluran I/O dengan bantuan peralatan seperti printer, mouse, keyboard, monitor dan program aplikai tertentu misal microsoft word. Apabila semua dapat bekerja dengan baik maka peralatan I/O dalam keadaan baik.

7. Komputer yang mangalami gangguan virus biasanya dicirikan, Akses menjadi lambat, file hilang/rusak atau berubah dengan sendirinya., selain itu komputer kadang melakukan hal-hal yang tidak diperintahkan oleh user. Selain itu dapat juga komputer menjadi tidak dapat digunakan.

8. Diagnosis dilakukan dengan tepat dan letak kerusakan komputer dapat diketahui.

medical mailing list

2010-05-14T22:31:00.001+07:00
Here's a list package on sale this week only:
Manufacturers Database - 1,057,119 records with 476,509 emails
Medical Equipment Suppliers - 167,425 total records with 6,940 emails and 5,812 fax numbers
Pharmaceutical Companies - Email only list 47,000 emails of pharma company employees
All complete lists above: $278
There are more list packages also available for consumer, healthcare, business and more. Contact me here for more info or to get samples: Sanford.Norwood@resultmaker.co.cc

Send email to disappear@resultmaker.co.cc to ensure no further communication

Psychologists email lists

2010-05-14T01:56:00.000+07:00
Here's a list package on sale this week only:
Real Estate Agents - 1 million records with emails
USA Lawyers Database - 269,787 records with 235,244 emails
US New Business Database - 4.8 million records all with emails
American Consumer Database - 1,300,000 records all with emails
American Homeowners - 1 million Full Data Records all with emails
All complete lists above: $389
There are more list packages also available for consumer, healthcare, business and more. Contact me here for more info or to get samples: successtools@gmx.com

By emailing remfiles@gmx.com you will have your email taken off

Massage Therapists - 76,701 records and 8,305 emails

2010-05-14T00:12:00.001+07:00
Here's a list package on sale this week only:
Real Estate Agents - 1 million records with emails
USA Lawyers Database - 269,787 records with 235,244 emails
US New Business Database - 4.8 million records all with emails
American Consumer Database - 1,300,000 records all with emails
American Homeowners - 1 million Full Data Records all with emails
All complete lists above: $389
There are more list packages also available for consumer, healthcare, business and more. Contact me here for more info or to get samples: successtools@gmx.com

to stop this email in future email us at remfiles@gmx.com

Oncology Doctors marketing email list

2010-05-14T00:03:00.000+07:00
Here's a business list package on sale this week only:
Business List Gold Package
Real Estate Agents - 1 million records with emails
US New Business Database - 4.8 million records all with emails
Manufacturers Database - 1,057,119 records with 476,509 emails
All complete lists above: $296

There are more packages and not just for business. we also have healthcare, consumers and more. Contact me here for more info or to get samples: successtools@gmx.com

To invoke no further correspondence status please send an email to remfiles@gmx.com

Udah lama kagak UP-TO-DATE kemana aja?????

2010-05-12T09:57:00.000+07:00
Bingung mau ngomong apa dulu pertamanya,ma'af banget bagi semua pengunjung setia di blog aan20 karena saya di sibukan oleh game. Maklumlah di usia saya yang sekarang ini yang mau beranjak dewasa ini masih sering ingin cari hiburan terus. Mungkin saya tidak lama lagi akan UP-TO-Date lagi tentang informasi yang terbaru.

Selain main game saya juga di susahkan sama sekolah saya,dan saya up-date blog punya kota saya bisa dilihat sendiri blognya disini.

Naik lagi sekarang posisi ke lima

2010-05-05T08:16:00.002+07:00

Setelah dalam pergulatan panjang yang kemarin tepat selang 5 hari posisi banditz kraksaan pada page rank di seacrh enggine google posisi 7 sekarang sudah mendingan kali ini banditz bisa memepati posisi 5 pada tingkat pencarian 1 digoogle setelah perjuang 5 hari akhirnya kembali lagi thank buat teman-teman blogger

Setting domain co.cc

2010-05-04T21:27:00.006+07:00
"www.co.cc" suatu situs yang menyediakan hosting gratis dan domain gratis mupeng pingin gaya pakai domain gratisan kayak milik banditz kraksaan . nah gni caranya menganti nama domain dengan gratis pertama-tama anda harus daftar dulu Silahkan Lanjutkan sendiri dan ikuti ja peraturannya... :D
Maaf saya ga bisa secara detail menjelaskan tentang cara mendaftar di Co.Cc, karena saya hanya ingin menjelaskan bagaimana setting domain Co.Cc untuk Blogger. Okey.... =))

Selanjutnya menuju Setup domain. disitu ada tiga pilihan, Menage DNS, Zone Records dan URL Forwarding. Silahkan pilih yang nomor 2 (dua) / Zone Records, kemudian isi kotak-kotak seperti pada gambar dibawah ini:

keterangan:

- Host : jangan lupa ditambah www
- TTL : bukan tempat tanggal lahir, jangan di ubah, Ngerti..!
- Type : pake CNAME
- Value : isi dengan ghs.google.com
Kemudian klik Setup

:f
tenang jangan cemas
:y
sambil berdoa
udah deh pertaya aja pasti berhasil???

Kalo udah, sekarang pindah ke Blogger. Login dulu yah,,,=)) :s Udah capek ya,,,?? :f okey silahkan istirahat dulu,,,, ;) :D Kalo mau yang gratisan mesti sabar yo,,, !:r gimana, istirahatnya udah cukup, oke sekarang kita lanjutkan pelajarannya, hehehhe,,,kayak guru ja ya,,!! :r :r

Eia, Udah Login belum? kalo udah, sekarang kita menuju setting/pengaturan, kemudian pilih Publishing. Teruuuuuuuuuuus,,,klik Custom Domain --> Pindah ke pengaturan lajut. Kemudian, Domain anda diisi dengan domain yang telah kamu daftarkan di Co.Cc. n jangan lupa ditambah www. seperti gambar dibawah ini:

Eits,,,,! hampir lupa nich.. jangan lupa kasi ceklis pada Rederect, terus Save Setting..!!

Sekarang coba buka alamat blog kamu pake domain Co.Cc...Jrengggg....!!! Jangan kaget, takut+khawatir okey,,,!!! itu udah biasa, untuk sementara Blogger kamu tidak bisa di akses, Biasanya Maksimal 48jam/2 hari, tapi kalo lagi beruntung, hanya cukup nunggu 1 jam blog kamu sudah bisa diakses

No	Gejala	Diagnosa Pesan/Peringatan Kesalahan
1	Booting terhenti setelah berhasil melkasanakan POST	1. Instalasi fisik harddisk, setting device, prioritas boot di BIOS bermasalah 2. Kerusakan pada sistem operasi, mungkin file sistem operasi rusak, hilang, terkena virus, berganti nama atau berpindah folder
2	Kinerja booting sampai ke windows berlangsung de-ngan lambat.	1. Manajemen memori bermasalah 2. Kerusakan pada sistem operasi, mungkin file sistem operasi rusak, ada file yang hilang, terkena virus, berganti nama atau berpindah folder Monitor
3	Windows exsploter tidak dapat dijalankan, tidak dapat mengcopi, meng-ganti nama file dan lain-lain	Kerusakan pada sistem operasi, mungkin file windows explorer rusak, hilang, terkena virus, berganti nama atau berpindah folder
4	Start menu tidak dapat dijalankan	Kerusakan pada sistem operasi, mungkin file windows explorer rusak, hilang, terkena virus, berganti nama atau berpindah folder
5	Prosedur Shutdown tidak dapat dilaksanakan	Kerusakan pada sistem operasi, mungkin file windows explorer rusak, hilang, terkena virus, berganti nama atau berpindah folder
6	Prosedur Shutdown ber-henti sebelum komputer benar-benar mati	1. Reset bate CCMOS 2. Kerusakan pada sistem operasi, mungkin file sistem operasi rusak, ada file yang hilang, terkena virus, berganti nama atau berpindah folder

No	Gejala	Diagnosa Pesan/Peringatan Kesalahan
1	Keyboard tidak bekerja	· Hubungan Keyboard dan PC bermasalah · Keyboard rusak atau saluran keyboard di Motherboard rusak
2	Mouse tidak bekerja (PS2/Com/USB)	· Hubungan Mouse dan PC bermasalah · Mouse rusak atau saluran mouse (PS2/Com/USB) di motherboard rusak
3	Monitor tidak dapat me-nampilkan gambar	· Hubungan antara VGA card dan monitor bermasalah · VGA card brmasalah · Monitor bermasalah
4	Monitor menampilkan re-solusi dan warna tidak optimal	· Setting driver monitor · Hubungan antara VGA card dan monitor bermasalah · VGA card bermasalah · Monitor bermasalah
5	Print preview pada pro-gram aplikasi tidak dapat dilakukan	Driver printer belum terinstal
6	Pencetakan tidak dapat dilaksanakan (Printer melalui LPT/USB)	· Driver belum benar · Hubungan printer dengan LPT/USB bermasalah · Power belum aktif · Tidak tersedia kertas atau tinta tidak tersedia. · Catride tinta tidak ada · Printer rusak
7	Mencetak tidak sesuai dengan yang diinginkan, misal berulang-ulang, ha-laman tidak sesuai, dll.	Setting printer belum sesuai
8	Disk dan CD ROM tidak terdeteksii	· Hubungan instalasi fisik dan power disk/CD ROM dengan motherboard bermasalah. · Setup di BIOS belum sesuai · Aktifasi hardware diskdrive di windows bermasalah
9	Disk atau CD ROM Tidak dapat membaca data	· Disket/CD ROM yang dibaca bermasalah · Head atau sensor baca (optic) bermasalah, mungkin kotor, setting fisik berubah atau sudah lemah (rusak)

Tips | Trik Blogger

Review Template Simplex Blog News by simplexdesign.blogspot.com

SERP SEO Tool Khusus Untuk Kontes SEO

New Interface Blogger, Sudah Bisa di Blogger.Com

FREE TEMPLATE BLOGGER TOKO ONLINE

Adobe Photoshop (Free) template punya o-om.com

SEO Tour: Gonta Ganti Template Buruk Untuk SEO?

Tambahan Icon Pada Post Footer

log ...! Membuat Screen Saver / Energy Saving Mode Pada Blog ...!

Menambah Sexy Sliding Sidebar di Blogspot

Cara Membuat SubMenu di Blogger

Kenapa Image di Template Blog tidak Muncul?

Membuat Toko Online Sendiri dengan Blogspot

Membuat Headline New Artikel Anda

Meta tag blogger ala kang rohman

2 Gadget baru untuk Blogger

Menentukan Waktu Moderasi Komentar

Cara Pasang Title dan Meta Tags agar Blog lebih SEO Friendly

Blog INTRO

Hosting Java Script di Google Code PART II

Host Ulang... part 1

Membuat Javascript Milik Anda Pribadi

Mengetahui Situs Yang Memiliki Tautan ke Blog Anda

Blogger Indonesia Template

Recent Post dengan Image Thumbnails

Sticker Dengan Marquee Scroll Delay Dan True Speed

Membuat Highlight Current Page Menu tanpa Javascript

Otomatis Readmore

Menambah Dropdown Menu dalam Horizontal Navigasi

Menampilkan Image dalam Efek Zoom Image(refisi)

Mudahnya Desain Template Blog Dengan Artisteer

Menu Turunan dalam Horizontal Navigasi Kode CSS

Menampilkan Image dalam Efek Zoom Image

Varian Menu Horizontal menggunakan Javascript

Dasar Pembuatan Menu Horizontal

Membuat Menu Horizontal

Business, Consumer and Healthcare Email lists

Sesi 2 Cara Menyimpan Gadget Blog tanpa Nama/Judul

(Hilangkan) Judul Gadget di Blogger/Blogspot Harus Diisi

Tata Letak Hilang, warning bagi blogger tutorial

Cara Pasang Read More Animasi

Pasang Emoticon di Kotak Komentar(Versi Baru)

Cara pasang search Engine

Blog Toko online baby shop

Cara Pembuatan Pulldown Menu

Maaf Baru bisa follow

Generade updater NOD32

re: Databases of Doctors and Dentists

The big eksperimen perang seo

Postingan Terbaru berjalan

Membuat gambar transparan di body blog

Memasang Button Show/Hide (Spoiler)

Rahasia SEO 2010, Mitos! Pemahaman yang salah kaprah tentang Konsep Teknologi Nofollow dan Dofollow

Review Zoom magazine karya Herdiansyah Hamzah

Serunya Belajar SEO, Berani Melakukan Kesalahan

Portal Kraksaan

Free All in one SEO

free All in one SEO

Cara Meningkatkan SEO dengan Melakukan Blog Ping

Membuat iklan melayang

Cara membuat efek stabilo pada posting dan mencoret tulisan

Urutan prosedur post pada komputer

medical mailing list

Psychologists email lists

Massage Therapists - 76,701 records and 8,305 emails

Oncology Doctors marketing email list

Udah lama kagak UP-TO-DATE kemana aja?????

Naik lagi sekarang posisi ke lima

Setting domain co.cc