Blog 4 Shared

Membuat BloG VerSi MoBiLe

2011-06-08T09:49:00.002+07:00

Diawal Tahun 2011 ini
Blogger.com lagi - lagi melakukan Inovasi yang luar biasa. Sebuah terobosan baru untuk mengatasi masalah aksesibilitas yang kebanyakan pengunjung / visitor berasal dari Mobile .
Blogger merilis fitur Blog Mobile-nya ini masih dalam versi Beta .
Untuk sementara ini Blog Mobile diaktifkan lewat Blogger Draft yang dapat diakses di : http://draft.blogger.com.
Mari kita langsung praktekkan cara mengaktifkannya :
1. Login ke http://draft.blogger.com
2. Klik Setting / Pengaturan
3. Setelah masuk ke halaman Setting / Pengaturan pilih Email& Mobile
4. Anda akan diarahkan ke halaman yang ada tulisan seperti dibawah ini :

5. Pilih : Yes, On mobile devices, show the mobile version of my template.
6. Simpan Perubahan.
Setelah anda mengaktifkan fitur ini berarti anda sekarang dapat mengakses Blog versi Mobile anda dengan menambahkan ?m=1 dibelakang URL anda . Seperti contoh alamat blog saya yang dapat di akses melalui
http://www.binar.tk/?m=1
yang langsung menuju halaman Blog Mobile anda . Kekurangan dari Blog Mobile ini adalah tampilan yang masih standar dan belum dapat dikostumisasi, Jadi tampilannya masih sama untuk setiap pengguna .
Semoga dalam proses pengembangannya akan ditambahkan fitur kostumisasi template Blog Mobile .
Semoga Berhasil

Baca Selengkapnya Di: http://www.binar.tk/2011/01/membuat-blogger-versi-mobile.html#ixzz1OeIjal2v

Cara membuat redirect langsung ke Mobile blog

2011-06-02T15:47:00.002+07:00

Sobat blogger pasti pernah lihat kan, suatu halaman web/blog yang di redirect ke halaman web/blog versi mobile. Misalnya seperti facebook yang apabila di buka lewat mobile browser seperti browser bawaan handphone, opera mini, dan uc browser pasti akan langsung di redirect ke halaman facebook mobile dengan url m.facebook.com. Untuk membuat redirect seperti itu dapat digunakan javasript maupun file.php. Bagi anda yang menggunakan blog dari blogger dapat menggunakan javasript. Untuk pengguna blogger yang ingin menggunakan redirect ke blog mobile silahkan download dulu file javascript nya. Setelah itu buka mobileversion.js dengan notepad atau pengolah kata lainnya. Setelah itu ganti "http://m.rydhosenju.co.cc" dengan domain blog mobile anda, kemudian save dan upload ke hosting anda. Apabila file mobileverion.js sudah di upload, panggilah javasript tersebut dengan code berikut,

ganti http://hostinganda.com dengan tempat anda mengupload dan copy paste code tersebut kedalam rancangan --> edit html sebelum code </body> . Cobalah buka blog anda pada operamini 4.3, apabila yang terbuka adalah blog mobile anda, maka anda telah berhasil. Untuk operamini 3.2 dan uc browser sepertinya tidak di redirect, akan tetapi sudah otomatis di format untuk mobile.

Cara Membuat Blogspot Versi Mobile

2011-06-02T10:07:00.000+07:00

As you know, millions of people use their mobile phones to access internet. The mobile internet speed is also very fast these days with 3G's , mobile apps,etc.

From this, we can say many of your readers are coming to your blog through mobile phones..But, if you don't make your blog mobile friendly, .you may lose all your mobile readers because in a mobile phone, a normal blog takes lot of time to load and there are other issues that your site not fitting properly in the mobile screen.

So, here is how to make your Blogger (blogspot) blog mobile internet friendly..

Sign into your Blogger account > Design > Edit html

Find this line..

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

Paste this code below that line...



<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

<b:if cond='data:blog.isMobile'>

<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>

<b:else/>

<meta content='width=1100' name='viewport'/>

</b:if>

Save the Changes!

That's it! Now, your visitors can access your blogger blog through mobile phones with blazing speed...

Thanks to Gyms who let me know this first..

4 Cara Mudah Mengedit Navbar di Blogspot

2011-05-26T16:11:00.002+07:00

Nah kali ini saya akan menjelaskan bagaimana cara memunculkan Navbar, Menyembunyikan Navbar, membuat navbar auto hide, dan merubah ukuran dari navbar.
kita bahas satu persatu.

A. Cara Memunculkan Navbar

1. Pertama Login ke account blog sobat.

2. Pilih Tata Letak kemudian Edit HTML.

3. Centang Expland Template Widget.

4. setelah itu cari kode seperti (atau kode mirip):

#navbar, #navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

5. Hapuslah kode di atas, kemudian simpan template, dan lihat hasilnya.

B. Cara Menyembunyikan Navbar

1. Pertama Login ke account blog sobat.

2. Pilih Tata Letak kemudian Edit HTML.

3. Centang Expland Template Widget.

4. Masukkan kode berikut sebelum atau diatas kode ]]></b:skin>

/* hilangkan navbar ----------------------------- */ #navbar-iframe { height:0px; visibility:hidden; display:none }

5. Jika sudah tinggal di Simpan Template dan lihat hasilnya.

C. Cara membuat navbar auto-hide

1. Pertama Login ke account blog sobat.

2. Pilih Tata Letak kemudian Edit HTML.

3. Centang Expland Template Widget.

4. Masukan kode dibawah ini, dan simpan tepat diatas kode ]]></b:skin>

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

5. Simpan template, dan lihat hasilnya.

D. Cara Merubah Lebar Navbar

1. Pertama Login ke account blog sobat.

2. Pilih Tata Letak kemudian Edit HTML.

3. Centang Expland Template Widget.

4. Masukan kode dibawah ini, dan simpan tepat diatas kode ]]></b:skin>

#navbar-iframe {
width:980px;margin:0 auto;
background:#6f0566;
}

Ukuran WIDTH saya sesuaikan dengan lebar dari template, demikian juga dengan warna Background.

5. Simpan template dan lihat perubanhannya.

Cara Mempercepat Loading Blog 2

2011-05-26T10:31:00.002+07:00

Pada tutorial kali ini akan memposting artikel tentang Cara Mempercepat Loading Blog, blog yang terlalu banyak widget biasanya akan lambat loadingnya. dan tentunya hal ini akan sangat menjengkelkan bagi para tamu blog yang hanya menggunakan modem-modem yang tergantung pada sinyal. karena tidak akan mampu untuk membuka isi blog secara keseluruhan, untuk mengatasi hal itu ada cara yang bisa kita siasati. yaitu dengan cara menkompress kode CSS yang ada di halaman edit HTML.
Ikuti beberapa langkah di berikut ini:

1. Masuklah ke halaman dasbor blog sobat blogger mania lalu klik "Rancangan".
2. Kemudian klik "Edit HTML".
3. Jangan lupa "download template lengkap" dulu untuk berjaga-jaga kalau tempalte tidak bisa di parse.
4. Selanjutnya copylah (atau langsung cut) semua kode CSS yang terletak antara kode
<b:skin><![CDATA[/*
dan kode
]]></b:skin>

Kemudian bukalah situs cssdrive. setelah situs terbuka, kliklah tombol Tools pada Navbarnya, kemudian pilih CSS Compressor:

Langkah selanjutnya pilihlah jenis Kompresi yang anda inginkan:

Makin ke bagian bawah yang anda centang pada menu kedua kelompok tersebut maka makin tinggilah tingkat kompresinya. Itu artinaya susunan kode CSSnya juga akan semakin rapat. Karena itu centang lah sesuai dengan kesiapan anda menerima kerapatan susunan kode CSSnya.

Apabila sudah, pastekanlah kode CSS template anda tadi pada kotak yang sudah disediakan. Kemudian kliklah tombol compress it. Dan tunggulah hingga prosesnya selesai.

Dan inilah hasil kompresinya. Di bagian bawah kotak kode tampak perbandingan berat file sebelum dan sesudah dikompres. Termasuk jumlah persentase pengurangnnya. Sekarang anda tinggal klik tombol Hightlight Code untuk menyorot semua kode CSSnya. Setelah itu copylah kode tersebut.

Selanjutnya masuklah kembali ke halaman Edit HTML blog sobat blogger mania dan pastekan lah semua kode ini diantara kode
<b:skin><![CDATA[/*
dan kode
]]></b:skin>

Setelah itu yang paling terakhir dan paling utama simpanlah template.

Selamat mencoba dan mempraktekanya. semoga blog sobat blogger mania semakin enteng dan para tamu yang hanya menggunakan modem modem flash/ sinyal bisa lebih puas untuk membuka blog sobat blogger mania

Cara Memasang Widget Follow Tersembunyi

2011-05-26T10:14:00.002+07:00

Bagi Anda yang Blognya tidak terlalu banyak ruangan pada sidebarnya disini saya akan memberikan jalan alternatif mudah-mudahan bermanfaat untuk anda dan untuk kita semua yaitu WIDGET FOLLOWER TERSEMBUNYI/MELAYANG yang tentunya tidak memerlukan tempat banyak.:...

Baiklaah...kali ini akan saya share bagaimana cara membuat widget follower melayang dengan mode show/hide. Postingan ini merupakan permintaan dari beberepa sobat blogger (hehehe..sebenarnya saya sudah berniat memposting sebelumnya).

Trik ini merupakan pengembangan dari Script untuk membuat BUKU TAMU TERSEMBUNYI, hehe..,,yasudahlah yang penting Follownya bisa show/hide. Mau tau caranya?? mari ikuti langka langkah berikut :

1. Pastikan login Blogger terlebih dahulu
2. Masuk ke Perancangan Elemen Laman
3. Tambahkan Gadget Html/Java Script
4. Copas kode berikut :

<style type="text/css">
#fl{
position:fixed;
left:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #000;
background:#fff;
-moz-border-radius-topleft:20px; -moz-border-radius-bottomright:20px;
box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493;
padding:10px;
}
.flcontent:hover{
border:2px solid #fff;
background:url(http://lh3.ggpht.com/_yF0--u7KSSI/TKIlkEJwkEI/AAAAAAAAAtg/uFf3eLsXlyg/fire2.gif)#000000 repeat-x bottom center scroll;
}
</style>
<script type="text/javascript">
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<div id="fl">
<div class="fltab" onclick="showHideFL()"> </div>
<div class="flcontent">

Kode Widget Follow Disini

<div style="text-align: right;">
<a href="javascript:showHideFL()">
<img border="0" src="http://i859.photobucket.com/albums/ab159/yudhizh/ButtonCloseWhite-BlackStroke.png" alt="close" title="Click here to Close" /></a></div>
<font size="2"><a href="http://www.uttafreak-987.co.cc/2011/04/cara-memasang-widget-follow-tersembunyi.html"target=_blank"><div style="color: #444444;">
<span style="font-size: xx-small;">Widget By Utta' Vifer</span></div></a></font>
</div>
</div>
<script type="text/javascript">
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>

Eits..jangan disave dulu, mari lanjut ke langkah selanjutnya

6. untuk mengambil kode widget follownya silahkan masuk ke link ini [http://www.google.com/friendconnect]
7. Lihat Gambar dibawah

-[1] Pilih blog sobat yang akan dipasang widget follownya
-[2] Klik "Tambahkan gadget anggota"
-[3] Silahkan diatur ukuran, warna dll nya..
-[4] Klik "Buat kode"
-[5] Silahkan Copy kodenya, dan ikuti langkah selanjutnya
8. Paste kode Widget Follow tadi pada kode nomor 4 (*Gantikan kode yang berwarna merah dengan kode Widget Follow yang sudah dicopy tadi)
9. Save..
hohoho...ternyata tidak cukup sampai disini, masih ada 1km perjalanan lagi
10. Untuk memasang tombol Navigasinya, silahkan masuk ke :
Perancangan>>Edit HTML.
11. Cari kode <body> dan paste code brikut tepat diatas kode <body>

<a href='javascript:showHideFL()' style='display:scroll;position: fixed; top:60px;left:1px;' title='Follow This Blog'><img src='http://i52.tinypic.com/2vn1hxh.png'/></a>

12. Simpan template
lihat hasilnya... "Semoga Berhasil"

Cara Membuat Daftar isi Melayang

2011-05-26T10:11:00.000+07:00

Pada postingan kali ini akan memposting artikel tentang cara membuat daftar isi melayang. yang biasanya sesuatu yang melayang ini dipakai oleh para blogger mania untuk memasang iklan agar lebih optimal. disamping untuk mempercantik blog tentunya, juga untuk menghemat widget sidebar. untuk pembuatanyapun sangat mudah dan tidak repot. yang tentunya hal ini tidak saya desain sendiri tetapi script ini saya dapatkan dari sobat blogger saya. baiklah untuk lebih jelasnya ikuti langkah langkah berikut itupun bagi sobat blogger mania yang ingin mencobanya. dan untuk contohnya bisa sobat lihat pada blogger .

Step Step/langkah langkah:

1. Masuk ke blogger

2. Tata Letak

3. Tambah widget Html atau Javascript

4. Copy paste script dibawah ini

5. Ganti tulisan yang berwarna pink dengan alamat blog sobat blogger mania

6. yang terakhir dan paling utama save/simpan dan lihat hasilnya.

Selamat mencoba semoga bermanfaat. Sukses selalu buat anda...

Membuat Search Box atau Kotak Pencari di Blog

2011-05-24T16:59:00.001+07:00

Saya yakin para netter pasti sudah tidak asing lagi dengan yang namanya search box. Karena kita rata-rata mencari alamat website atau informasi dengan tool ini.

Secara singkat, search box adalah sebuah tool yang digunakan untuk mencari data-data atau alamat website dengan memasukkan kata kunci yang ingin kita cari.

Namun search box atau kotak pencari yang biasa kita gunakan hanya memungkinkan kita untuk mencari data di mesin pencari seperti Google, Yahoo, dan MSN. Lalu bagaimana kalau kita ingin mencari data hanya pada blog kita saja?

Mungkin sekarang sudah banyak template yang sudah disediakan kotak pencari atau search box. Tapi bagi template yang tidak dilengkapi dengan fasilitas ini. Anda juga bisa memasangnya sendiri dengan cara sebagai berikut:

1. Login ke Blogger. Klik menu Design -> Page Elements. Lalu klik pada Add a Gadget.

2. Klik Add a Gadget -> HTML/Java script

3. Masukkan kode dibawah ini kedalam kotak dan klik Save

<p align="left">
<form id="searchthis" action="ALAMAT URL BLOG/search" style="display:inline;" method="get">
<strong>NAMA KOTAK<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

Ganti ALAMAT URL BLOG dengan alamat URL blog Anda. Misalnya, http://chumhienk-mhienk.blogspot.com/ dan ganti NAMA KOTAK dengan nama yang ingin Anda tampilkan pada kotak. Misalnya, Search Articles, Cari artikel disini, Cari disini, dan lain-lain.

4. Jika sudah selesai, klik Save lalu klik View Blog untuk melihat tampilannya di blog.

Jika Anda merasa kotaknya terlalu panjang atau pendek. Anda bisa mengubah ukurannya dengan mengganti nilai pada size. Anda juga bisa mengganti nama tombol Search dengan nama lain misalnya, Cari atau lanjut.

Sebagai contoh, saya mengganti "size=30" dan "value=cari" maka hasilnya akan seperti yang dibawah ini.

Selamat mencoba..

Cara Mengubah Tampilan Kursor Blog

2011-05-24T16:57:00.000+07:00

Secara default, tampilan cursor pada blog adalah berbentuk panah namun bagi anda yang merasa bosan dengan tampilan tersebut atau ingin memberi decak kagum bagi pengunjung. Anda bisa menggantinya dengan icon gambar sehingga jika ada pengunjung yang datang ke blog anda, tampilan kursornya akan berubah sesuai dengan icon yang anda gunakan.

Untuk mengubah tampilan kursor menjadi icon gambar (seperti tampilan di blog ini), caranya sangat mudah. Berikut langkah-langkahnya:

1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Cari kode </head>
3. Letakkan kode css berikut diatasnya

<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/tail2.gif"), auto;}
</style>

Keterangan:
Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin anda gunakan.

4. Setelah itu, simpan template anda. Selesai

Jika anda tidak memiliki icon kursor, coba kunjungi Totally Free Cursors. Situs tersebut menyediakan ratusan hingga ribuan icon kursor menarik yang bisa anda pilih sesuai selera.

Selamat mengkreasi blog anda :)

CARA MEMASANG MUSIK DI BLOG

2011-05-23T16:07:00.000+07:00

Mungkin beberapa tutorial cara pasang music di blog yang beredar pada saat ini sering sekali memberikan cara bahwa untuk memasukan lagu ke dalam blog kita mesti masuk ke sebuah situs dengan meng-copy embed code nya ke dalam blog, sebenarnya cara ini sudah sangat kuno sekali .

Ada cara baru bagaimana kita memasang musik/lagu ke blog, blog yang saya maksud disini adalah blog yang di buat melalui blogger.com, namun apabila ada yang pake wordpress/joomla sebenarnya bisa juga, tapi kalo wordpress dan joomla kan biasa nya udah ada plugin/component tersendiri .

Nah, berikut cara pasang musik/lagu di blog:

1. Login ke blogger.com

2. Untuk blogger0blogger pastilah sudah tau, tinggal kita pasang widget “TEXT/HTML” aja kan.

3. Lalu copy code yang berwarna biru di bawah ini.

Ket:

URL OF MUSIC (tulisan berwarna merah) : URL dimana ada music streaming yang sudah kita temukan.

Autostart : tentukan nilai nya, kalo “false” berarti lagu gak langsung di mainkan, tetapi kalo “true” berarti ketika pngunjung datang lagu akan secara otomatis dimainkan.

loop: pengulangan atau tidak bila lagu selesai.

Jika kita mau pasang musik secara background bisa langsung gunakan code di bawah ini, gak beda jauh koq sama yang di atas .

Menghilangkan Navbar Blogger

2011-05-23T03:24:00.001+07:00

Sobat Ihsan mengajukan pertanyaan yang di tulis melalui shoutbox. Beliau menanyakan bagaimana cara menghilangkan Navbar Blogger, dan kali ini saya akan mencoba membahasnya. Apa itu Navbar Blogger? navbar blogger adalah suatu frame yang berukuran kecil miliknya blogger yang terdapat di bagian atas blog. frame ini berfungsi untuk login ke blogger atau bisa juga sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS blogger seperti blog yang mengandung unsur SARA ataupun pornografi untuk dilaporkan ke pihak blogger.

Apakah kita bisa menghilangkan Navbar Blogger? jika pertanyaannya seperti itu maka tentu jawabanya adalah bisa, akan tetapi sebelum menghilangkan navbar tersebut ada baiknya sobat berfikir-fikir dahulu dan silahkan baca TOS blogger secara seksama, karena resiko yang akan di pikul sangatlah berat yaitu akan di tutupnya account blogger sobat atau dengan kata lain sobat akan kehilangan blog kesayanangannya. Lumayan mengerikan bukan? memang beberapa waktu yang lalu tersiar kabar bahwa pernah ada yang menanyakan ke pihak blogger apakah boleh menghilangkan navbar blogger atau tidak? dan katanya sekarang pihak blogger membolehkan untuk menghapus navbar, tapi entahlah apakah berita tersebut benar atau tidak yang jelas sobat harus selalu membaca TOS secara seksama.

Masih bersikeras untuk menghilangkan navbar blogger? jika masih akan saya beritahu, akan tetapi resiko di tanggung masing-masing, saya tidak bertanggung jawab jika di kemudian hari terjadi sesuatu dengan blog sobat.

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :

/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Atau bisa juga menaruh kode berikut persis di bawah kode <body> :

<style type='text/css'>
#navbar-iframe {display:none;}
</style>

Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :

Untuk template klasik

Sign in di blogger
Klik menu Template
Klik menu Edit HTML
Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman
Copy kode berikut lalu paste di atas kode </style>
Klik tombol Simpan Perubahan Template
Selesai.

Untuk template baru

Sign in di blogger
Klik menu Layout
Klik menu Edit HTML
Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data
Copy kode berikut lalu paste di atas kode ]]></b:skin>
Klik tombol Simpan Template
Selesai.

Selamat menikmati blog tanpa navbar !

Generator Tulisan Terbalik

2011-05-23T03:04:00.002+07:00

Penting gk penting sih generator ini, tapi gk ada salahnya kan klau diposting... heheheh
kalau tertarik buat masang widget tulisan terbalik diblog silahkan copy paste kode dibwah ini :

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('dd734c47-a0fb-4bb3-820b-5bed70b69b35');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/upside-down-text">Upside Down Text (Flip Text)</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://docs.widgetbox.com/using-widgets/installing-widgets/why-cant-i-see-my-widget/">More info</a>)</noscript>

Cara Membuat Komentar Admin Berbeda Warna dari Pengunjung Lain di Blogger

2011-05-23T02:42:00.002+07:00

Sering kita temukan di suatu blog terdapat background komentar yang berbeda antara pengunjung dengan pemilik blog. Ini juga dapat memudahkan pengunjung yang lain untk mengetahui siapa pemilik blog tersebut. Kali ini saya akan sedikit menjelaskan tentang bagaimana cara membuat tampilan komentar Admin lain dari tampilan komentar pengunjung blog.

Login ke Blogger
Masuk ke Tata Letak/Layout
Edit HMTL --> Expand Template Widget
Cari Kode ]]</b:skin> atau ]]></b:skin>
Copy dan Pastekan kode dibawah ini tepat diatas kode ]]></b:skin>

.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}

keterangan : backgroun #333333; adalah untuk tampilan background komentar dan border #666666; adalah untuk ketebalan garis.

Selanjutnya, cari kode <dl id='comments-block'> sehingga muncul tampilan seperti dibawah ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/> <dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if> <dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

keterangan : untuk tulisan yang berwarnah merah adalah kode-kode yang harus ditambahkan kedalam script template blog sobat.

Simpan Template.

Selamat mencoba dan semoga berhasil...!!!!

catatan : saat berkomentar anda harus dalam keadaan log in di blogger

Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

2011-05-23T02:35:00.003+07:00

Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget-Animasi</a></center></small></div>

2. Boring

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa

Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget-Animasi</a></center></small></div>

4.Boneka joget

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget-Animasi</a></center></small></div>

5. Panda main bola

Script :

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget-Animasi-Blog</a></center></small></div>

6. Tuyul baring

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru

Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

9. Bunga

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

10.Anjing laut

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

11.Lumba-lumba

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

14.Dragon

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

15.Ikan

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

16.Pinguin

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://chumhienk-mhienk.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Rancangan - Elemen halaman

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

Catatan:

Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog

Artis

1. Leonardo

Untuk widget animasi gambar artis bisa dilihat scriptnya disini widget animasi blog

Gambar di bawah ini belum sempat saya edit scriptnya.
.

9. Pintu

10.Teriak

11. Terkurung

12.

13. Sincerely

14.

15. Menangis

17. Piala

18. Sundul bola

19. Tawon

20.Kipas

21.

24.Telur menetas

25.Ayam bertelur

26.Beruang

27.

29. Kucing

Google Code - Cara Membuat File Hosting di Google Code

2011-05-23T02:33:00.002+07:00

Google Code - Cara Membuat File Hosting di Google Code. Beberapa waktu yang lalu kita telah membahas bagaimana cara membuat file hosting di Google sites. Namun sekarang kita akan membahas cara membuat file hosting di layanan google juga, yaitu Google code.

Seperti halnya Google sites, google code juga digunakan untuk meng-hosting file atau menyimpan file yang kita miliki, bisa berupa video, mp3, file gambar, Javascript(js), dll. Oleh karena itu, sebagai seorang blogger, maka tak ada salahnya kita mencoba layanan yang satu ini, terutama bisa kita gunakan untuk menghosting file JS serta file gambar kita.

Mengenai keamanan? Tak perlu dipertanyakan lagi, Google adalah perusahaan yang sangat besar, jadi kita tidak perlu khawatir mengenai keamanan file kita di google code. Lalu bagaimana kalau bandwidth google code tiba-tiba nge-down? Google memiliki bandwidth yang unlimited alias tak terbatas, jangan terlalu khawatir mengenai hal ini. Lalu berapakah besar space/kapasitas penyimpanan di google code? Sangat besar sekali sob (dan kelihatannya akan terus bertambah) sekarang, tepatnya ketika saya menulis postingan ini, space yang telah disediakan oleh Google code untuk setiap akunnya sebesar 4000 MB lebih, alias 4 GB dan setiap upload-an file maksimal memiliki kapasitas sebesar 100 MB per upload. Jika sobat merasa kekurangan, mungkin dikarenakan sobat memiliki banyak keperluan dll, maka caranya gampang, yaitu tinggal membuat lagi akun di Google code dengan nama project (nanti akan kita bahas) yang berbeda namun masih menggunakan akun Google yang sama, maka dengan begitu, sobat sudah memiliki 2 akun google code yang secara tidak langsung memiliki kapasitas penyimpanan sebesar 8000 MB lebih...wow!!! Tertarik untuk membuat akun di Google Code? simak langkah-langkahnya berikut

Langkah-langkah membuat akun di Google Code:

1. Silahkan untuk login ke akun Blogger/Google anda
2. Silahkan untuk mengunjungi homepage google code di http://code.google.com
3. Jika sudah, alihkan perhatian anda pada menu di sebelah kiri layar. Silahkan pilih menu "Project Hosting"

4. Jika sudah, pilih menu "Project Hosting on Google Code"

5. Kliklah menu "Create a new project"

6. Selanjutnya isilah data-data yang diperlukan untuk membuat project google code baru anda, yang meliputi
Project name: Isilah dengan nama project anda, ex:T4belajarblogger
Project Summary: Isikan dgn judul project anda, ex: My file hosting
Description: isikan deskripsi project anda, ex: t4belajarblogger.blogspot.com's file hosting
Version control system: Silahkan anda pilih "Mercurial"
Source code license: Silahkan untuk memilih "GNU GPL V3"
Project label(s): Isikan dengan label yang anda inginkan, ex: kolom1-html, kolom2-javascript, kolom3-xml, dll
Klik tombol "Create Project" untuk memulai membuat akun baru anda di Google Code

7. Jika sudah, maka sekarang anda telah memiliki akun di Google code dengan tertandainya munculnya halaman berikut

8. Untuk memulai upload suatu file, kliklah tulisan "new download"

Atau bisa juga menggunakan menu pada bagian kiri atas layar

9. Untuk memulai upload file, silahkan tulis pada kolom summary tentang judul file yang anda upload, ex:banner_t4belajarblogger (sebagai contoh, saya akan meng-upload file gambar), deskripsi: Tulis deskripsi file yang akan anda upload, ex: Banner t4belajarblogger.blogspot.com, pada file - browse-lah file yang ada di komputer anda, dan terakhir...kliklah tombol "Submit File"

10. Maka nanti akan muncul hasil upload-an kita. Untuk mendapatkan URL dari file yang kita upload, kliklah file name yang baru saja kita upload

11. Maka nanti akan muncul halaman berikut

Klik kananlah pada bagian yang telah saya tandai dengan warna merah, dan pilih "Copy Link Location"
Maka url hasilnya adalah:

http://t4belajarblogger.googlecode.com/files/banner_t4belajarblogger.gif

URL gambar di atas bisa kita gunakan untuk banner/link exchange atau apa saja yang kita inginkan....
Contoh penerapan:

Hasil:

Jika sobat mengupload file JS(Javascript), maka nanti format URL-nya seperti berikut:

http://t4belajarblogger.googlecode.com/files/y-emo.js

dan URL tersebut bisa kita gunakan untuk menerapakan fungsi javascript sebagai emoticon yahoo (baca cara memasang emoticon yahoo)

12. Sampai di sini sobat sudah bisa menggunakan akun Google Code sebagai file hosting. Namun berikut pertanyaan-pertanyaan yang mungkin muncul setelah sobat memiliki akun di Google code:

a. Bagaimana cara saya mengupload file baru? Caranya klik Downloads => Klik sub menu "New download", silahkan upload file seperti biasa

b. Bagaimana cara masuk ke akun Google code yang telah saya buat? Untuk pergi ke google code yang telah sobat buat bisa dengan cara mengunjungi homepage google code, yaitu http://code.google.com kemudian klik menu "My Favorites" yang ada pada menu panel kanan atas...dan pilihlah akun google code mana saja yang ingin anda masuki (jika anda memiliki lebih dari satu akun di Google code)

c. Bisakah saya memiliki lebih dari satu akun di Google code? Hal ini karena saya membutuhkan banyak space untuk meng-hosting file-file saya...
Jawabannya bisa, caranya cukup dengan mengunjungi homepage google code (pastikan anda sedang dalam keadaan login ke akun Blogger/google anda), lalu ikutilah langkah-langkah pembuatan akun Google code yang telah kita bahas dari langkah no.1 (pertama).
Lalu untuk memasuki akun Google code yang kita inginkan (anggaplah anda memiliki akun google code lebih dari 1), kliklah menu "My favorites" yang ada pada menu panel kanan atas...lalu kliklah "project name" google code yang ingin anda masuki...

Mungkin segitu saja dulu...dan jika ternyata sobat memiliki pertanyaan lain, silahkan diposting di dalam kolom komentar, insyaAllah saya akan berusaha membantu sebisa mungkin. Selamat ber-file hosting ria, semoga bermanfaat

Cara Memasang Widget Twitter di BLog

2011-05-23T01:26:00.002+07:00

Bagi seorang blogger, situs sosial media seperti facebook dan twitter, merupakan media yang sangat baik untuk mempromosikan contents blognya saat ini. Semakin aktif dan banyak teman atau follower Anda di kedua social media ini, maka akan semakin baik buat blog Anda. Kenapa? karena teman dan follower itu bisa dikonversi menjadi traffik.

Salah satu cara untuk mendapatkan follower atau teman di twitter ataupun facebook adalah: dengan memasang widget kedua sosial media tersebut di blog Anda. Harapannya, dengan melihat widget tersebut, pengunjung blog anda akan tertarik untuk memfollow Anda.

Nah, bagaimana cara memasang widget twitter di blog? Bagi yang sudah lama berkecimpung didunia blog, tentu ini bukan masalah. Tapi bagaimana dgn yang masih baru atau istilahnya newbie? Tenang, saya akan tunjukkan caranya. Untuk yang widget facebook akan saya bahas pada postingan berikutnya ya!

Oke! Pertama, login ke account twitter Anda. Setelah berhasil login, pilih menu setting dan masuk pada halaman Profile.

Setelah masuk halaman profile, perhatikan pada bagian pengisian alamat web atau blog. Persis dibagian bawah kotak pengisian alamat web, ada tulisan “(You can also add Twitter to your site here)”. Nah, klik pada tulisan tersebut! maka akan muncul halaman seperti di bawah ini.

Selanjutnya pilih pada menu “My Website” dan “Profile Widget”, seperti pada gambar di atas. Setelah mengklik profile widget, Anda akan dibawa masuk ke halaman “Customize Your Profile Widget” (pengaturan widget).

Pada halalaman Customize widget, ada beberapa variabel yang bisa kita atur sendiri, diantaranya warna dan ukuran (sesuaikan dengan blog Anda). Kalau sudah, silahkan klik “Test settings” untuk melihat preview-nya. Jika yakin settingan Anda sudah benar dan sesuai dgn yang diinginkan, maka silahkan klik tombol “Finish & Grab Code”. Anda akan melihat halaman seperti dibawah ini.

Selanjutnya Anda akan disuguhi dua pilihan cara pemasangan widget ke blog Anda. Pertama, bisa copy langsung kode atau script widget-nya dan pasang sendiri di blog Anda. Kedua, Anda bisa pilih tombol “Add to Blogger”, dan script widget-nya akan langsung terpasang ke blog Anda. Setelah itu, Anda hanya perlu mengatur letak dari widget tersebut, mau ditempatkan di sidebar, footer, header, atau dibawah posting.

Selamat mencoba! kalau ada yg kurang jelas? silahkan bertanya dikolom komentar ya!

Update :

Ternyata untuk masuk ke halaman “Customize Your Profile Widget” (gambar 3) tidak perlu login terlebih dahulu seperti pada tutorial di atas. Namun bisa langsung diakses melalui http://twitter.com/goodies/widget_profile

Untuk selanjutnya silahkan ikuti dua tahapan terakhir (gambar 3 dan 4) pada tutorial di atas.

Tips Memperbaiki Bad Sector Menggunakan HDD Regenerator

2011-05-23T00:53:00.002+07:00

Sobat blogger pernah mengalami masalah bad sector pada hardisk kesayangan anda?? Sungguh pusing memang rasanya, akhir-akhir ini saya baru saja mengalaminya, bad sector menyerang hardisk eksternal yang bisa dikatakan sebagai database remo-xp, karena semua software saya simpan di sana. Tentu di balik semua itu pasti ada hikmah nya. Nah, berdasarkan pengalaman yang saya dapat, pada kesempatan kali ini saya akan mencoba berbagi tips seputar bad sector dan bagaimana cara memperbaiki hardisk yang terdapat bad sector nya.

Kenapa bad sector bisa terjadi?? Pasti pertanyaan seperti itu yang ada di dalam benak sobat blogger. Ada banyak kemungkinan yang bisa menyebabkan terjadinya bad sector, di antara nya :

Mematikan komputer tidak melalui shut down
Pasokan daya yang kurang stabil
Sering Mati lampu
Ketika melepas
DLL

Terus ciri-ciri kalau hardisk kita terdapat bad sector seperti apa??

PC Sering Hang, untuk buka folder aja lama
HDD mengeluarkan suara yang cukup berisik
Data tiba-tiba hilang (folder is empty)

Ciri-ciri di atas merupakan yang saya alami, bila sobat blogger mempunyai ciri-ciri yang lainnya, mohon sharing nya yah,, hehe

Nah, bagian ini merupakan bagian yang di tunggu-tunggu, hayo apa??? Yups, sobat blogger bener sekali, "Tips Memperbaiki Bad Sector". Sebenernya ada banyak cara untuk memperbaiki bad sector, seperti pepatah banyak jalan menuju roma. Heheh
Salah satunya ialah menggunakan software HDD Regenerator yang sudah pernah saya share beberapa waktu yang lalu.

Buka HDD Regenerator
Klik Opsi yang paling atas, seperti gambar di bawah ini.

Pilih hardisk mana yang akan sobat blogger fix bad sector nya
Ikuti instruksi yang ada. (Mudah kok,, )

Silahkan menunggu, dan Selesai.

Cara Memasang Gambar Di Sudut Layar

2011-05-23T00:50:00.002+07:00

Pertama login ke akun sobat blogger masing-masing, setelah itu pilih tata letak, kemudian edit html.

Cari kode ]]></b:skin>. Gunakanlah fasilitas search untuk mencari nya dengan menekan CTRL+F.
Copy scipt dibawah ini, lalu paste DIATAS code ]]></b:skin> yang tadi.

#anima_sudut {
position:fixed;_position:relative;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Untuk menuntukan posisinya, sobat blogger bisa merubah top:10px; left:10px; .( top=atas, bottom=bawah, right=kanan, left=kiri)

Kemudian copy-paste code dibawah ini DIATAS code </body>.

<div id="anima_sudut">
<a href="http://www.remo-xp.com/">
<img alt="" src="url gambar anda" border="0" /></a>
</div>

Ganti code link diatas, dengan code link anda.

Selamat Mencoba.

Tips Membuka Situs Yang Di Blokir Oleh Nawala, Telkom, AHA

2011-05-23T00:43:00.002+07:00

Sobat blogger yang demen online dan browsing pasti udah nggak asing lagi dong dengan yang namanya Nawala?? Banyak sobat blogger yang bertanya ke saya "Bang, cara buka situs yang di blokir oleh Nawala gimana sih??" Mau tau, silahkan baca tips berikut ini,,

Oiya, sebelum saya menjelaskan caranya, ada baiknya kita mengenal apa itu Nawala yang saya ambil langsung dari nawala.org.

Nawala (DNS) adalah salah satu layanan sistem penyaring berdasarkan nama Domain Name System yang didukung oleh berbagai pihak, yaitu pelaku bisnis warnet, Kemkominfo, dan PT. Telkom sebagai BUMN penyedia jasa layanan internet di Indonesia.

DNS Nawala secara spesifik menyaring segala jenis konten negatif, seperti Pornografi, Judi, situs Phising (penyesatan) serta situs yang mengandung Malware (software berbahaya).

Efek pemblokiran :

Efek menghindari pemblokiran :

Nah, bagaimana untuk menghindari pemblokiran tersebut?? Intinya sih kita harus mengganti DNS nawala dengan DNS lain. Bisa menggunakan layanan OpenDNS dan sebagainya. Disini saya akan share dengan menggunakan tool yang bernama DNS Jumper karena simple dan mudah untuk digunakan.

Cara menggunakan DNS Jumper :

Download DNS Jumper
Ekstrak (keluarkan file dari zip) ke desktop atau kemana aja.
Jalankan DNS Jumper
Pilih Network card (sesuaikan dengan komputer anda)
Pilih DNS Service yang akan kita gunakan di menu dropdown.
Klik apply DNS.
Done.

Selain itu, dengan menggunakan DNS Jumper sobat blogger juga bisa menggunakan mengecek DNS yang cepat untuk komputer/internet sobat blogger, dengan klik menu Fastest DNS.

DISCLAIMER : Artikel ini saya share hanya untuk pengetahuan semata. Resiko dan penyalahgunakan informasi ini merupakan tanggung jawab individu masing-masing.

Cara Membuat Tombol Hide Dan Show

2011-05-23T00:39:00.000+07:00

Pada postingan sebelumnya saya membahas tentang cara membuat related post di blogger, bila sobat blogger tertarik membacanya, silakan klik cara membuat related post.

Namun pada kesempatan kali ini saya akan mencoba berbagi tips blogger tentang cara membuat tombol show dan hide seperti punya saya, yang saya pergunakan untuk membuat category. (lihat disebelah kiri). Bagaiamana??? tertarik??
Oke kita langsung aja,
Cara membuatnya pun sangat mudah, anda hanya perlu mengcopy-paste script yang saya berikan, kemudian edit sesuai dengan keperluan anda.

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
ISI NYA (Terserah anda)
</div></div></div>

Maka akan terlihat seperti ini,

JUDUL SPOILER

ISI NYA (Terserah anda)

Ataupun bisa seperti ini,

ISI NYA (Terserah anda)

Kalau anda menginginkan tampilan seperti ini, anda hanya perlu menghilangkan kode <i><b><small>JUDUL SPOILER</small></b></i> lalu anda ganti kata show dan hide sesuai keinginan anda. Tapi jangan lupa juga untuk mengganti ukuran lebar nya, Misal: width:100px;

Menghilangkan timer download Rapidshare, Megaupload, dan 4shared

2011-05-23T00:22:00.000+07:00

Jika kamu sering mendownload file di internet maka kata 4share dan Rapidshare pasti sudah bukan kata atau situs asing bukan, tetapi jika kamu yang mendownload dengan menggunakan regular member, pasti timer download di Rapidshare atau 4share sangat membuat jengkel karena biasanya lama, apalagi kalau kita baru saja download..
hehehehehe..

Mulai saat ini kalian tidak perlu lagi melakukan hal membosankan lagi seperti itu karena beberapa hari yang lalu saya menemukan cara untuk menghapus timer download Rapidshare dan juga 4share, trik ini sudah saya coba dan berhasil. Jadi bagi anda yang berminat, silakan juga coba

Ketika kamu masuk ke halaman download dan mulai mendownload dan saat timer sudah mulai berjalan, masukkan salah satu kode berikut ke address bar:

javascript:var c=0

atau

javascript:alert(c=0)
setelah itu tekan enter.

Megaupload

Dengan cara yang saya berikan ini saya harap dapat memudahkan anda. Langsung saja anda lihat ulasannya berikut ini :

Cari file yang akan didownload menggunakan mesin pencari megaupload yaituhttp://4megaupload.com
Setelah menemukan file yang anda cari, biasanya contoh format link download megaupload adalah seperti ini http://www.megaupload.com/?d=64utoivy
Tambahkan “mgr_dl.php” (tanpa tanda petik) setelah .com/ jadi contoh link download diatas menjadi seperti http://www.megaupload.com/mgr_dl.php?d=64utoivy
Klik enter atau download maka timer akan hilang dan file langsung dapat didownload dengan kecepatan normal.

Semoga berguna tutorialnya....

Membuat/Memasang Headline News di Blogger

2011-05-22T23:59:00.001+07:00

Membuat atau Memasang Headline News di Blogger merupakan salah satu pemberitahuan secara aktual kepada pengunjung mengenai postingan apa saja yang terhangat ada di blog anda. dengan memasang headline news di blog, maka beberapa artikel terbaru akan muncul dalam headline tersebut dan yakinlah pengunjung akan mengetahui apa saja isi blog sobat tanpa harus membaca salah satu artikel. karena biasanya beberapa artikel terbaru akan muncul jika salah satu artikel dibuka (dengan related post) atau dengan klik older post dibagian bawah posting. bahkan ada juga yang menyajikan tutorial mengenai cara membuat widget recent post slide yang fungsinya sama dengan membuat/memasang headline news di blogger. sobat tinggal pilih salah satu.

Memang pada tutorial sebelumnya saya pernah menulis artikel mengenai cara membuat related post di sidebar yang memiliki fungsi hampir sama dengan headline news. akan tetapi jika related post diurutkan berdasarkan kategori label.

Lihat DEMO headline news di blogger dapat dilihat => [demo headline news di blogger]

Bagaimana cara membuat/memasang headline news di blogger? mari simak tutorialnya

Login ke account blog sobat
Klik design/rancangan page element
Lalu klik add widget "HTML/Javascript"
Masukan kode dibawah dalam form tersebut (form html/javascript jangan diberi judul)

<script type="text/javascript"
> var hn_url_blog = "http://bloganda.blogspot.com";
var hn_jumlah_post = 5;
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://recent.googlecode.com/files/headlinenews.txt">
</script>

Simpan hasil kerja anda dan lihat hasilnya

Keterangan :

hn_url_blog adalah URL blog kamu (widget ini hanya untuk pengguna blogger).
hn_jumlah_post adalah jumlah judul artikel yang ingin ditampilkan pada headline news.
hn_warna_latar adalah kode warna untuk latar belakang headline news.
hn_warna_garis adalah kode warna untuk garis bingkai/border headline news. (lihat kode warna disini)
hn_posisi menentukan posisi headline news anda apakah di atas ("top") atau di bawah ("bottom"),
hn_tampilkan_judul bernilai true kalau sobat ingin menampilkan tulisan "Headline news of BLOGKAMU" di bagian kiri dan bernilai false jika tidak ingin menampilkannya,

-----Semoga Bermanfaat-----

Cara Membuat Chat Blog Ala Wall Facebook

2011-05-22T23:45:00.003+07:00

Neh Gwe punya cara untuk membuat chat box ala Facebook.
langsung anda test aja ya
1. kamu login facebook dan langsung masuk ke http://developers.facebook.com/setup/
create new app

2. setelah selesai proses register akan muncul

3. Langkah selanjutnya masuk ke sini http://developers.facebook.com/docs/...ns/live-stream
4. Masukkan App id anda pada kolom App Id
5. jika sudah klik tombol get code dan akan muncul kolom kode hasil app tadi.copy codeiframe
contoh kode yg di dapat
<iframe src="http://www.facebook.com/plugins/live_stream_box.php?app_id=App Id Anda&width=400&height=500&via_url&always_post_to_friends=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:500px;" allowTransparency="true"></iframe>&lt

isi app id dengan app id anda
6. Untuk Hide & Show chat box nya tambahin kode ini

<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:201px; width:35px; float:left; cursor:pointer; background:url('http://2.bp.blogspot.com/_EW8LhmljFgI/TPaK7K2wxKI/AAAAAAAAAIA/G1Gac0K4M_M/s1600/Chatbox+copy.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent"> 

KODE FACEBOOK LIVE STREAM


<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

ganti tulisan berwarna merah di atas dengan kode facebook live stream kamu

7. Untuk Memasangnya pada blog silahkan login pada blog dan masuk ke bagian rancangan.
8. Pilih add gadget HTML/JavaScript dan pastein kode gabungan antara hide chat dan facebook live stream kamu tadi.lalu save

jika kamu gak mo pusing² copy paste aja kode di bawah ini dan masukkan ke HTML/JavaScript kamu
<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:201px; width:35px; float:left; cursor:pointer; background:url('http://2.bp.blogspot.com/_EW8LhmljFgI/TPaK7K2wxKI/AAAAAAAAAIA/G1Gac0K4M_M/s1600/Chatbox+copy.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent"> 

<iframe src="http://www.facebook.com/plugins/live_stream_box.php?app_id=255955255198
&width=400&height=500&via_url&always_post_to_friends=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:500px;" allowTransparency="true"></iframe>


<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

semoga berhasil ya

Cara Mudah Membuat Categories Roll

2011-05-22T23:33:00.003+07:00

Cukup menghabiskan banyak space di sidebar tentunya jika jumlah kategori/label dalam post terlalu banyak.
Sebagai solusinya maka kita edit/ubah label kategori tersebut menjadi Categories roll. Maksudnya supaya kategori/label dapat diroll atau digeser naik turun, sehingga tidak memakan space yang seharusnya bisa dimanfaatkan untuk widget lain. Seperti yang diterapkan pada blog ini.

Berikut caranya :

Pastikan Anda sudah menambahkan widget Label
Untuk memudahkan proses pengubahan, ubah nama widget label tersebut menjadi "Categories" dan jangan lupa simpan
Kemudian masuk di Layout --> Edit HTML pada template blog anda.
Jangan lupa klik "Expand Widget Templates"
Kemudian cari atau CTRL+F dan ketikan categories (sesuai step no.2), Akan tampil :

<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>

Tambahkan kode berikut dibawah kode tadi :

<div style='width:100%; height:150px; overflow:auto;'>
<font size='2'>

Kemudian sebagai penutup kode, sesuai dengan tag div dan font (untuk memudahkan proses close tag saya) maka Anda tambahkan kode dibawah ini, di atas kode </b:includable>, tepatnya antara </b:includable> dan </div> :

</font>
</div>

Source lengkapnya Seperti ini :

<b:section class='sidebar-left' id='sidebar-left' preferred='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>

<div style='width:100%; height:150px; overflow:auto;'>
<font size='2'>

<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url + "?max-results=50"'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url + "?max-results=50"'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

</div>
</font>
</div>
</b:includable>

Anda bisa mengubah tinggi rendahnya dengan mengubah nilai pada kode yang tersorot biru di atas.

Cara Membuat Link untuk Membuka Window Baru

2011-05-22T22:58:00.001+07:00

Buat teman-teman yang masih newbie mungkn aja pengin membuka suatu link dalam blognya untuk membuka halaman atau window baru, supaya blognya masih tetap ada, hahaha. Terus lagi, bagaimanakah caranya, simak baik-baik trik berikut :

Buat teman-teman yang masih newbie mungkn aja pengin membuka suatu link dalam blognya untuk membuka halaman atau window baru, supaya blognya masih tetap ada, hahaha. Terus lagi, bagaimanakah caranya, simak baik-baik trik berikut :
1. Jika sudah ada pada blog anda , link seperti ini :
<a href="url tujuan">teks yang akan ditampilkan</a>
Tambahkan target="_blank"
sehingga menjadi
<a href="url tujuan" target="_blank">teks yang akan ditampilkan</a>

Tips Percepat Load Page Blogspot agar ringan

2011-05-22T16:49:00.003+07:00

Seberapa Berat loading page blog anda?

Pengunjung akan bosan jika berkunjung pada blog anda dengan loading page yang berat, karena mereka berfikir itu hanya buang-buang waktu. sehingga malas klik sana-klik sini untuk menggali lebih dalam isi dari pada blog anda sendiri.
Ini adalah Beberapa langkah untuk mempercepat loading page pada blogspot.com, namun jangan terlebih dahulu anda membandingkan kecepatan nya dengan koneksi internet yang anda miliki sekarang. tapi anggap saja koneksi yang kita miliki ini sama.

terlebih dahulu, anda cek berapa kecepatan loading page anda saat ini pada situs berikut:
- http://www.iwebtool.com : agar terlebih dahulu anda mengetahui, seberapa berat loading page anda saat ini. jika sudah, lakukan langkah-langkah berikut:

1. Gunakan Read More agar bisa memperkecil atau menghemat ruang postingan anda, jika anda tidak ingin menggunakan read more sebaiknya kurangi munculnya jumlah postingan anda pada halaman pertama.
2. Buang sebagian widget yang tidak berhubungan dengan blog anda.
3. rubah format gambar yang semula JPG menjadi GIF, jika anda rasa gambar itu tidak pecah jika dirubah dalam format GF, atau compress gambar tersebut hingga ukuran kapasitas terkecilnya.
4. sekarang, compress CSS yang anda miliki dengan layanan CSS Drive - CSS Compressor
cara menggunakan layanan ini adalah:

a. centang kolom Expand Template Widget seperti gambar dibawah ini:

b. Copy code CSS anda yang berada diantara code berikut
c. setelah itu Paste code CSS tersebut pada kotak yang tersedia dilayanan CSS Drive - CSS Compressor.
d. jika sudah, Gunakan mode LIGHT pada Compression mode dan Don't strip any comments pada Comments handling seperti gambar berikut:

e. jika compress telah berjalan, copy code tersebut, lalu ganti CSS semula dengan CSS yang telah dicompress.
f. jika ingin meringkankan load page ssesuai keinginan, lakukan compress terus menerus.

catatan: bagi blogger Proffesional (paham bahasa HTML) dapat menggunakan Super Compact pada Compression mode, namun setelah dicompress maka code CSS yang anda dapat akan betumpuk:

Selamat Mencoba, dan lakukan pengecekkan kembali kecepatan load page sesudah anda melakukan tips ini pada http://www.iwebtool.com.

Membuat Blog Terbaca Search Engine Sesuai Kata Kunci

2011-05-22T16:40:00.001+07:00

Banyak yang bilang. kalau kita menggunakan layanan blog pada blogspot maka secara otomatis blog kita akan terbaca oleh Om google. Ternyata tidak juga, karena tanpa teknik SEO blog anda tidak akan pernah menjadi yang teratas. Ini salah satu teknik yang disebut dengan meta Tag, yang mirip tag-tag pada Wordpress. cara nya sebagai berikut, tidak salah untuk di coba.

1. Login terlebih dahulu di Blogger.com
   2. Sekarang, anda menuju "Tata Letak", kemudian pilih "Edit HTML"
   3. Setelah itu tekan Ctrl+f kemudian ketik kode sperti dibawah ini,

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

   4. Kemudian letak kan kode dibawah ini, tepat dibawah kode tadi,

          <meta content='Deskripsi Blog' name='description'/>
          <meta content='Kata Kunci Blog' name='keywords'/>
          <meta content='Nama Blog' name='author'/>

Keterangan

Deskripsi Blog : Dekripsi dari blog anda sendiri
Kata Kunci Blog : Adalah kata kunci yang bersangkutan dengan blog anda
Nama Blog : Adalah nama blog anda Sendiri

source : http://sekilastutorial.blogspot.com

Tips Menaikkan Alexa Rank

2011-05-05T23:00:00.002+07:00

Hehehehe sebenarnya tips ini dah basi banget, cuman pengen aja nulis ini. Katanya sih, ini cuman katanya loh dengan menulis tentang tips menaikkan alexa rank ini, trafic blog kita bakalan meningkat. Gak tau juga sih kebenarannya seperti apa, hehehehe

Blogwalking

Hehehehe, yups kayanya yang paling penting rajin-rajin lah blogwalking.
Update Postingan

Naah selain rajin blogwalking, jangan lupa untuk selalu update postingan kamu. Yaah sia-sia aja sampeyan blogwalking kalo postingannya gak ada yang baru. Hehehehe

Paling enak, sebaiknya sampeyan bikin postingannya pake jadwal, jadi khususkan 1 hari penuh buat bikin postingan sebanyak-banyaknya. Habis itu, jadwalkan postingannya perhari atau per-dua hari sekali. Jadi hari-hari berikutnya sampeyan gak perlu repot lagi buat meng-update postingan, tinggal blogwalking aja sepuasnya. Hehehehe
Rajin-rajinlah untuk bertukar link

Cara ini kayanya efektif banget, dan menurut pakar-pakar SEO yang udah saya baca, cara ini adalah yang paling mempengaruhi. Naah lo... Ayooo sering-seringlah bertukar link.

Bertukar link ini termasuk aktivitas ngasih koment di blog tetangga-tetangga kita. Hehehehe Kenapa? karena dengan mengasih koment maka link kita udah nancep di blog tersebut. Hehehehe jadi tinggal nunggu waktu aja terdeteksi oleh alexa. Kira-kira seperti itulah.
Pasang Widget-nya Alexa

Hehehehe dulu saya agak bingung, ngapain juga pasang-pasang widget, blog udah berat ditambahin lagi widget kaya gini, yaa tambah berat dunk blog saya. Hehehehe Waah ternyata saya salah. Widget ini pengaruhnya besar lo. Sebelum saya pasang widget ini, alexa rank saya... Luaaammmbbaaattt banget perkembangannya. Ehh setelah saya pasang, ternyata pengaruhnya cukup gede loh, padahal untuk blog ini, hampir tidak pernah saya gunakan buat blogwalking. Naahh sekali lagi jangan ragu buat pasang widgetnya.

Cara pasangnya? sampeyan tinggal kunjungi link alexa.com terus ikutin aja petunjuknya. Terus pasang di blog sampeyan.
Install Alexa ToolBar

Naaah yang satu ini ternyata pengaruh juga loh. Kenapa? karena dengan menginstall ini katanya sih katanya juga loh, Setiap kali kita mengunjungi blog kita maka kita juga dianggap sebagai pengunjung. Naah lo coba hitung seberapa sering dan berapa lama kita nyamperin blog kita sendiri. Sayang kan kalo gak dianggap sebagai pengunjung dan gak dianggap trafic. Heheheh so do it.

Oiya cara nginstallnya sampeyan cuman perlu ngunjungin addon firefox berikut https://addons.mozilla.org/en-US/firefox/addon/5362 Install seperti biasa, terus restart firefox-nya, hehehehe

Hehehehe kayanya tips-nya cuman itu deh, dan cuman itu yang saya lakuin. Dan Alhamdulillah alexa rank saya mulai membaik dan mudah-mudahan terus membaik. Hehehehehe

Cara membuat animasi GIF di web online

2011-05-03T16:42:00.000+07:00

Website anda memiliki tampilan yang membosankan? percantik tampilan website anda dengan animasi, bisa berupa animasi teks, gambar dan efek tertentu. Cara termudah membuat animasi adalah dengan menggunakan GIF animasi. File GIF adalah satu-satunya file gambar yang dapat bergerak, sementara untuk animasi yang lebih rumit anda dapat menggunakan flash atau video.
Saat ini kita sedang membahas bagaimana cara membuat animasi secara online, tanpa anda perlu bersusah payah menginstall program GIF animasi, serta mempelajari masing-masing tools dari program tersebut.
Berikut beberapa daftar website yang menyediakan layanan aplikasi editing GIF animasi :

Screenbot - dengan aplikasi ini anda bisa dengan mudah membuat enimasi efek ketikan/typewritter effect pada tulisan yang anda kehendaki, Tuliskan kata dan klik "Create Screed" untuk membuatnya menjadi animasi GIF. Kemudian anda dapat simpan file tersebut ke Flickr atau ImageShack atau menaruhnya di blog, MySpace, LiveJournal dan lainnya.
GIFWorks adalah aplikasi online GIF editor, dengan GIFWorks anda dapat membuat efek spesial animasi, dan fungsi-fungsi diantaranya merubah ukuran, mewarnai dan mengoptimalkan file. Caranya mudah, tinggal upload file yang anda inginkan, dan buat efeknya secara online. GIFWorks website meskipun tampilannya terasa kuno, tetapi memilik aplikasi yang sangat membantu kita membuat animasi secara mudah dan cepat.
GIFMake memiliki aplikasi GIF image generator, anda dapat mengupload beberapa foto dan secara otomatis GIF akan menjadikannya slide dengan jeda waktu yang dapat anda atur.
Loogix membantu anda dalam membuat animasi GIF, Loogix memiliki beberapa efek yang menarik diantaranya Zoom, Recursion, Motley, Swirl. BlackWhite, Painting, Blur. Anda ingin membuat avatar dengan animasi GIF? sangat tepat apabila anda memanfaatkan Loogix.
Gickr dapat membuat animasi GIF yang keren dan lucu, kartun, banner, dan lain sebagainya. Anda dapat mengirimkan gambar itu ke social bookmarking seperti MySpace, Bebo, Hi5, dan lainnya.
Make A GIF satu lagi aplikasi GIF animasi generator, anda dapat langsung mengupload 12 gambar sekaligus untuk dijadikan efek animasi, misalnya efek slideshow. Terdapat pula setting kecepatan animasi dan memperkecil gambar untuk dijadikan buddy icon/avatar.

Dengan berbagai perangkat online diatas, kita dapat membuat animasi secara instant untuk digunakan dalam kerperluan sehari-hari di website kita masing-masing, diantaranya sebagai banner animasi, ucapan selamat, avatar, foto gallery, dan masih banyak lainnya.

Cara Meningkatkan Traffic dan Mendapatkan Pengunjung Gratis

2011-05-01T14:40:00.003+07:00

Cara Mendapatkan Pengunjung Gratis. Mungkin hal tersebut adalah hal-hal yang diinginkan oleh semua blogger. Cara tersebut dapat menaikkan Traffic Rank blog kita dengan pesat dan sehingga blog kita lebih mudah untuk mendapatkan peringkat. Blog kita juga dengan mudah untuk mendapat peringkat dari Alexa Rank. Ingin tahu caranya? Silahkan simak artikel yang saya berikan berikut.

Caranya :

1. Daftarkan blog anda di Surf Traffic Exchange

2. Setelah anda mendaftar, anda harus mengkonfirmasinya. Cek di inbox e-mail anda.

3. Setelah anda cek e-mail, pasti anda mendapat Username dan Password. Nah, Login ke Surf Traffic Exchange

4. Masukkan Username dan Password yang anda dapatkan di inbox e-mail anda tadi.

5. Setelah Login, silahkan klik "GET STARTED".

6. Setelah status anda ACTIVE, silahkan masukkan URL blog/site anda.

7. Setelah anda menambahkan URL tunggu hingga 60 detik, setelah itu tunggu hingga status URL blog anda RUNNING! (kira-kira 1 JAM bahkan hingga beberapa jam)

8. Setelah status URL Blog anda RUNNING, anda bisa langsung surfing. Caranya dengan mengeklik GET STARTED.

9. Setelah anda mengeklik GET STARTED, muncul window baru. Anda bisa menunggu lebih lama untuk mendapatkan Traffic lebih banyak.

10. Setelah itu, lihat hasilnya. Bagaimana? Hebat bukan!

Cara Memberi Title/Keterangan Pada Judul postingan

2011-05-01T03:41:00.000+07:00

Master-master SEO berpendapat, agar blog kuat di search engine salah satunya dengan menerapkan keterangan pada judul post (hover title) seperti yang anda temukan pada blog ini, hal ini banyak di terapkan di template-template wordpress, sayang untuk blogger belum ada fungsi seperti wordpress.

Tapi jangan kawatir setiap masalah pasti ada jalan keluarnya, kita pun bisa meniru sedikit dari wordpress. Berikut ini caranya :
^ Silahkan login di Blogger
^ Klik Rancangan/Design
^ Edit Html

>> Centang Expand Template Widget

Kemudian cari kode seperti ini

Hapus kode di atas ganti dengan kode di bawah ini

Kemudian cari lagi kode seperti

Ganti lagi dengan ini

Kemudian Klik Simpan Template

Anda pun bisa menyisipkan kata seperti judul post saya Blogger Share

Dan

Selesai.
Selamat Mencoba ..!!

Trik Agar Judul Blog lebih SEO Frendly

2011-05-01T03:23:00.002+07:00

Menjadi nomor satu di Search engine adalah impian para blogger ,pada kesempatan kali ini saya ingin berbagi sedikit trik agar seluruh postingan kalian mudah di kenali oleh Mbah Google;

Silahkan ikuti langkah berikut :

Login ke Blogger
Klik Rancangan → Edit HTML
Kemudian cari kode seperti dibawah

Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

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

Jika sudah ketemu ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "index"'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/></title> </b:if>

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Keterangan : Untuk halaman utama Titlenya akan tetap Title Blog. tapi jika sobat coba buka salah satu Postingan maka nanti Title Posting akan menjadi Title Blog.

Selamat mencoba..^

Cara Mudah Buat Banner Menggunakan MyBannerMaker

2011-04-30T12:54:00.000+07:00

Liat gambar banner ini? Nah, buat teman-teman yang merasa bahwa melakukan web design merupakan sesuatu yang sulit apalagi jika tidak paham tentang photoshop, mungkin MyBannerMaker merupakan salah satu pilihan yang dapat membantu kita untuk melakukan desain banner.

MyBannerMaker merupakan layanan web desain gratis yang dikhususkan bagi para webmaster (pemilik website) yang ingin membuat desain banner tanpa harus memahami photoshop, yaitu dengan menggunakan jasa banner generator dalam website ini.

Langkah untuk memulainya pun cukup mudah dan tanpa harus bingung memilirkan desain photoshop untuk memberi efek-efek menarik. Karena, pada banner generator ini sudah disediakan kelengkapan mulai dari desain posisi teks, gambar, maupun efek-efek bergerak pada teks, dan sebagainya.

Dan yang paling penting di website ini kita sudah disediakan ukuran banner standard untyuk berbagai posisi seperti header, horisontal maupun vertikal banner, dan sebagainya.

Selain MyBannermaker, sebenarnya masih banyak lagi banner generator gratis yang tersedia dan kelengkapan yang disediakan juga hampir sama. Jadi, silahkan pilih web banner generator untuk web design yang Kita sukai seperti:

PureSilva BannerMaker

BannerSketch

Xheader

Txt2Pic

AnimationOnline

BannerSnack

Semoga referensi layanan web design gratis ini lebih memudahkan kita dalam mendesain banner untuk kita gunakan dalam blog atau website kita, di forum, dan sebagainya.

Mengatur Gambar Posting

2011-04-28T15:46:00.002+07:00

Melengkapi postingan tentang Wrapping Text di sekitar Image, aku cuma mau nambahin dikit soal naruh gambar/images di postingan biar textnya nge-wrap (apa yah istilah Indo-nya ) gambar tersebut di rata kiri atau rata kanan, biasanya kalau ga diseting gambar akan berada di atas text, seperti gambar ini :

Secara defaultnya sih mudah aja kog, yaitu setelah gambar di upload dari menu Add Image dan muncul di bagan postingan, klik gambar kemudian klik tombol alignment rata kiri atau rata kanan sesuai keinginan. Voila! setelah itu text sudah bisa naik ke atas dan mengelilingi gambar.

Bagaimana kalau ngga pengaruh ? gambar masih aja tetep berada di atas text. Kemungkinan bawaan theme-nya juga. Coba buka file stylesheet.css dari theme-nya, bisa dari Cpanel menu File Manager atau pakai FTP atau bisa langsung dari menu Designs >> Theme Editor di admin area (syaratnya file-filenya sudah di CHMOD/change permission dulu agar bisa di save dari admin area).
Kemudian paste kode seperti ini di kolom file stylesheet.css, bisa ambil bagian bawah sekali dari file tersebut kalau bingung mau nempatin dimana (kalau ada kode tentang Image sih bisa aja disisipkan di antaranya).

img.centered, .aligncenter, div.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
 }

img.alignright {
 padding: 4px;
 margin: 0 0 2px 7px;
 display: inline;
 }

img.alignleft {
 padding: 4px;
 margin: 0 7px 2px 0;
 display: inline;
 }

.alignright {
 float: right;
 }

.alignleft {
 float: left;
 }

Jangan lupa menekan tombol “Update Changes” untuk menyimpan perubahannya.
Kembali view page yang ada gambarnya tadi, kemudian refresh (CTR+F5) untuk melihat hasilnya.

Mengatur posisi gambar sejajar horizontal pada blogger

2011-04-28T15:45:00.002+07:00

Untuk merubah posisi gambar secara berjajar, perlu Anda lakukan secara manual , karena secara default, blogger tidak mendukung upload menempatkan image/gambar pada lokasi yang diinginkan.

Langkah - langkahnya adalah sebagai berikut

Setelah image/gambar yang diupload dan terlihat di bagian atas, pilih image/gambar dengan klik pada gambar tersebut.
Ketika image/gambar yang dipilih, potong gambar menggunakan CTRL + X pada keyboard dan sekarang arahkan ke bagian posting, di mana Anda ingin meletakkannya (yaitu memindahkan kursor ke sana) dan sisipkan image / gambar tadi dengan menggunakan CTRL + V pada keyboard

MEMBUAT BLOG TERKENAL DENGAN META TAG

2011-04-25T23:37:00.000+07:00

Kenapa meta tag keyword serta meta tag deskripsi perlu di optimisasi, jawabnya karena sering kali mesin Crawler Search engine terlebih dahulu menyambangi bagian ini di banding dengan bagian-bagian yang lain.

Trik dasar dari teknik ini adalah menambahkan Judul Blog ke dalam meta tag keyword dan meta tag deskripsi. Jika pada posting terdahulu kang rohman pernah memberi tips membuat meta tag seperti ini :

<meta name="description" content=" Deskripsi blog "/>

<meta name="keywords" content=" keyword 1, keyword 2, keyword 3, dst "/>

Contoh seperti ini :

 <meta name="description" content=" Panduan praktis membuat blog di  blogspot serta download ebook dan software secara gratis "/> 
<meta name="keywords" content=" blog tutorial, tutorial blogspot,  blogging tutorial, free download, free software, gratis, google adsense,  template, favicon, javaScript tutorial, html tutorial, blog tutorial  banner, technorati, banner, css "/>

Contoh di atas merupakan pemasangan meta tag yang umum di pakai. Untuk mengoptimalkannya kita sisipkan kode judul blog ( title blog ) ke dalam meta tag tersebut, sehingga kodenya akan menjadi seperti ini :

<meta expr:content='data:blog.pageTitle + " - Deskripsi blog"' name='description'/>

<meta expr:content='data:blog.pageTitle + ", keyword 1, keyword 2, keyword 3, dst"' name='keywords'/>

Contoh seperti ini :

 <meta expr:content='data:blog.pageTitle + " - Panduan praktis membuat  blog di blogspot serta download ebook dan software secara gratis"'  name='description'/>

<meta expr:content='data:blog.pageTitle + ", blog tutorial, tutorial  blogspot, blogging tutorial, free download, free software, gratis,  google adsense, template, favicon, javaScript tutorial, html tutorial,  blog tutorial banner, technorati, banner, css"' name='keywords'/>

Mudah-mudahan dengan meta tag seperti di atas dapat meningkatkan traffik ke blog anda.
Selain melakukan cara di atas, ada pula yang harus di perhatikan dalam hal membuat meta tag deskripsi atau keyword yaitu di antaranya :

Jangan terjadi duplikasi antara judul blog dengan deskripsi blog (kata-katanya sama).
Sebaiknya jumlah karakter keyword jangan lebih dari 500 katrakter.
Untuk jumlah keyword sebaiknya jangan lebih dari 20 keyword. Pemasangan keyword yang terlalu banyak bisa di anggap spam oleh seach engine.
Keyword yang di pasang sebaiknya berhubungan dengan isi dari postingan.

MENAIKKAN RANKING BLOG DENGAN META TAG

2011-04-25T23:32:00.000+07:00

Salah satu cara agar blog kita lebih di lirik atau di kenali oleh mesin pencari miliknya om google adalah memasang tag meta di bagian header pada kode template blog. contoh tag meta untuk blogger seperti ini :

Yang harus diperhatikan adalah tulisan-tulisan yang tercetak merah. Tulisan-tulisan tersebut haruslah di sesuaikan dengan kondisi blog sobat.

Untuk deskripsi, silahkan isi dengan deskripsi blog sobat. contoh untuk blog milik saya adalah "Panduan praktis membuat blog di blogger.com. tips, trik, serta download software secara gratis".

Untuk kata kunci (keyword), silahkan isi dengan kata kunci yang berhubungan dengan blog sobat. contoh untuk blog ini adalah : blog tutorial, cara membuat blog, bikin blog, cara bikin blog, dan sebagainya. Jangan lupa untuk menyisipkan tanda koma untuk memisahkan antara keyword yang satu dengan keyword yang lainnya.

Untuk judul blog, silahkan isi dengan judul dari blog sobat.Contoh : untuk blog ini adalah Blog tutorial.

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode <title><data:blog.pageTitle/></title> .

TEMPAT MENDAFTARKAN BLOG KE SEARCH ENGINE

2011-04-25T21:49:00.001+07:00

Kalo di postingan yang tentang kumpulan search engine berisi kumpulan search engine mentah alias anda harus mencari url tempat mendaftar dahulu jadi baru setengah perjalanan untuk menuju ke Roma, tapi pada postingan kali ini saya akan menuliskan search engine langung, jadi anda tinggal klik trus tinggal masukin web/ blog anda .....jadi deh....singakat cepat dan menghasilkan.

	Kami menyediakan manual bebas dan penyerahan otomatis untuk itu, peringkat tertinggi Internet Gratis Search Engine dan Direktori. The Search Engine dan Direktori terdaftar di bawah ini adalah semua peringkat menurut popularitas. Peringkat ditentukan oleh Alexa.com dan Google.com dan diperbarui secara teratur. Memiliki pertanyaan tentang FWS? Periksa kami FAQ halaman.

Search Engine / Direktori
1. Google 2. Yahoo! Search 3. Bing 4. Open Directory 5. ASR 6. ScrubTheWeb 7. EntireWeb 8. ExactSeek 9. SearchSight 10. Amfibi 11. A1WebDirectory 12. SoMuch 13. SecretSELabs 14. Link Centre 15. Web Dunia 16. MasterMOZ 17. RDirectory 18. Skoobe 19. 24 / 7 Web Direktori 20. Info Tiger 21. Info Listings 22. Katalog W3 23. IllumiRate 24. SurfSafely 25. GigaBlast			1 4 20 471 2,548 2,821 3,712 6,182 7,695 12,683 12,988 14,181 14,388 15,362 16,167 16,506 16,963 17,063 17,175 17,561 18,483 19,674 19,960 20,256 21,553	10 9 8 8 4 7 6 3 5 3 5 5 0 4 5 5 5 4 4 5 5 4 5 5 7

26. Direktori Storm
27. AgAccess
28. 9Sites
29. Dramba
30. SonicRun
31. Domaining
32. TXT Link
33. IS
34. BusinessSeek
35. 1WebsDirectory
36. Apa U Seek
37. FullLogo
38. Link Hidup
39. OneMillionDirectory
40. Directory My Live
41. MavicaNet
42. Gimpsy
43. 01WebDirectory
44. TowerSearch
45. Cipinet
46. Synergy Direktori
47. Finest 4
48. Web4URL
49. Pedsters Planet
50. Elite Direktori Situs

21,824
21,927
22,282
22,626
22,971
24,137
25,198
26,188
27,539
28,574
29,710
30,143
33,492
33,775
34,006
34,938
36,289
37,386
38,124
38,743
39,314
40,541
41,205
44,967
46,398

4
4
3
2
3
4
3
4
4
3
6
3
4
2
2
5
5
4
2
4
4
2
4
4
3

Di atas merupakan search engine instant, jadi anda tinggal klik dan isi data dan akan terupdate di engine yang anda pillih. Cuma ada beberapa yang ga bisa silahkan di coba -coba lumayan gratisan kan.....hehhehe

Apabila sobat mempunyai keinginan lebih, yaitu URL blog sobat terindeks pada puluhan mesin pencari, sobat bisa menggunakan bantuan situs submitter.
Tugas sobat hanya mengisi alamat URL blog miliknya, serta menuliskan alamat email saja, kemudian klik tombol Submit Your Site.
Jika ingin lebih cepat terkenal coba lakukan ping ke bebagai agregator, silahkan klik banner di bawah :

Sobat tinggal mengisi form yang di sediakan.
Sudahkan blog sobat terindeks di google? coba masukan alamat blog sobat pada mesin pencari google yang tersedia di bawah postingan ini

Kelemahan Kelebihan Dofollow Blog

2011-04-25T00:12:00.002+07:00

Sebelum kita memutuskan merubah blog menjadi dofollow, ada baiknya perlu kita ketahui juga apa kelemahan dan kelebihan dofollow blog.

Kelebihan blog dofollow :

Blog yang dofollow akan membuat postingan artikel yang kita punya menjadi banyak diberi komentar oleh pengunjung. Ini dikarenakan karena para pengunjung blog menginginkan mendapatkan backlink secara gratis dari blog dofollow. Backlink ini nantinya akan membantu blog mereka mendapatkan page rank yang lebih baik.
Selain itu blog anda juga menjadi semakin ramai dikunjungi orang dan akan menjadi terkenal sebagai blog dofollow.

Kelemahan blog dofollow

Blog yang dofollow menjadi tidak disukai oleh Google karena blog dofollow mempunyai link keluar yang banyak. Sehingga kita jangan kaget ketika mendapatkan blog kita tidak menempati halaman pertama google.
Blog dofollow juga menjadi rawan diserang oleh para spammer yang memburu backlink secara gratis. Padahal kita tahu karakter spammer adalah memberikan komentar yang jelek dan hanya sekedarnya saja.
Blog dofollow yang mempunyai terlalu banyak link keluar akan menyebabkan blog anda dihapus dari mesin pencari, ataupun kalau tidak minimal google hanya melakukan indeks hanya sebagaian dari halaman blog. Ini bisa menyebabkan pengunjung menjadi berkurang, bahkan bisa jadi malah tidak ada.

Semoga bermanfaat. Silahkan anda putuskan ingin menjadi blog dofollow atau nofollow

Cara Membuat Dofollow Blog

2011-04-24T23:55:00.000+07:00

Pada Blogger atau Blogspot terdapat 2 (dua) attribute rel="nofollow" pada body HTMLnya. Pertama adalah pada kolom komentar, dan kedua ada pada Kolom Backlink. Untuk menjadikan Blog kita "You Comment I Follow" atau Do Follow, hanya dibutuhkan penghilangan pada satu tempat saja, yaitu pada kolom komentar. Karena inti yang ingin diraih adalah memberi Backlink, pada pemberi komentar.
Cara menghilangkan Attribute rel="nofollow" pada kolom komentar :

1. Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang(thick) di "Expand Widget Templates". BACKUP templates kawan-kawan, Lalu cari kode berikut

<dl id='comments-block'>
<b:loop values='data:post.comments'var='comment'>
<dt class='comment-author'expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" +data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

Untuk masuk ke "Daftar Blog Do Follow" diatas, kawan-kawan hanya perlu melakukan penghilangan attribute rel="nofollow" pada kolom komentar saja.

2. Kemudian hapus kode rel='nofollow', lalu "save template". Selesai, Sekarang Blog kita Do Follow :) dan berhenti sampai disini juga SUDAH CUKUP.

Berikut adalah cara untuk menhilangkan attribut rel="nofollow" pada kolom BACKLINK/TRACKBACK. Metode kedua ini TIDAK wajib.. Kolom Backlink/trackback adalah kolom yang disediakan untuk membuat track jika ada yang melakukan Link terhadap Posting tulisan kita. Sekali lagi, kolom ini boleh dibiarkan dan tidak di buat do follow.

1. Setelah Sign-in dan masuk ke Dashboard, Klik Layout > Edit HTML, lalu beri tanda centang(thick) di "Expand Widget Templates". BACKUP templates kawan-kawan, Lalu cari kode berikut

<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>

2. Hapus kode rel='nofollow', lalu "save template". Selesai

Untuk masuk ke "Daftar Blog Do Follow" diatas, kawan-kawan hanya perlu melakukan penghilangan attribute rel="nofollow" pada kolom komentar saja.

Daftar blog dofollow indonesia

2011-04-24T22:52:00.002+07:00

Backlink sangat berguna untuk meningkatkan popularitas blog dan untuk meningkatkan pagerank blog yang kita kelola yang inti nya semakin banyak backlink semakin popular dan semakin tinggi pagerank blog kita nantinya, sebenarnya untuk mendapatkan backlink tidaklah susah asal kita mau nah tinggal kemauan ini yang digalakan.

Banyak cara untuk mendapatkan backlink yang di antaranya adalah memposting artikel yang benar-benar bermanfaat dan memberi komentar pada blog, untuk cara pertama memang sedikit susah bagi yang kurang terbiasa menulis dan susah untuk mendapatkan ide, tetapi pada artikel ini yang lebih gwa tekankan adalah cara kedua yaitu memberi komentar pada blog, dan perlu di ingat tidak semua blog yang kita komentari dapat memberikan link balik karena tergantung blog yang kita kunjungi tersebut apakah blog tersebut memasang atribut dofollow atau nofollow, nah di bawah ini gwa memberikan daftar blog dofollow yang berbahasa indonesia yang saya ambil dari blog nya om jimmy kurnia indradjaya dan mudah-mudahan list blog dofollow di bawah ini berguna bagi rekan-rekan blogger untuk mendapatkan backlink gratis dan meningkatkan PR google
blog dofollow indonesia

Selamat berburu backlink sampe puas
Oh yah bagi rekan-rekan yang memiliki blog dofollow tetapi blog nya belum terdaftar pada list dofollow blog di atas bisa memberitahukan lewat kotak komentar di bawah.

Kumpulan Search Engine

2011-04-24T22:02:00.001+07:00

Saat ini Search engine sudah menjadi kebutuhan masyarakat. Tanpa search engine, apalah arti sebuah situs. Bukan saja menambah traffic bagi setiap situs, search engine juga memiliki manfaat yang besar bagi dunia SEO. Termasuk diantaranya kontes SEO.

Berikut adalah daftar search engine terbaik Sedunia yang saya ketahui:

Search Engine Informasi Umum

1. Yahoo!
http://yahoo.com
Dengan banyak kemiripan besar database situs, bukan berarti Yahoo! ini juga menyediakan hasil pencarian yang sama dengan Google.

2. DogPile
http://www.dogpile.com
Hasil pencarian dari DogPile ini merupakan kumpulan dari search engine besar seperti Google, Yahoo dan WIndows Live Search. Jadi anda tidak akan melewatkan sesuatu di internet melalui hasil pencarian anda.

3. AltaVista
http://www.altavista.com
Anda bisa mencari website, audio, gambar, video dan berita melalui situs ini. Selain itu, anda juga bisa mengarahkan hasil pencarian anda apakah itu seluruh dunia atau negara tertentu saja, seperti US dsb.

4. Windows Live Search
http://live.com/
Melalui search engine ini, anda bisa mencari seluruh isi web di databasenya atau membuat sendiri halaman personalisasi anda dengan diisi informasi yang anda miliki.

5. Zuula
http://www.zuula.com
Hasil pencarian dari mesin pencari ini adalah kumpulan dari banyak mesin pencari, selain itu anda bisa menspesifikasi search engine apa yang ingin anda dapatkan hasil pencariannya. Anda juga bisa menambahkan Zuula ini pada search box firefox

6. Mamma
http://www.mamma.com
Search engine berbasis meta ini tidak hanya membantu anda untuk mencari informasi dari web dan video tetapi anda juga dapat mencari pada white pages dan yellow pages.

7. Ask
http://www.ask.com
Ask ini membantu untuk menemukan apa yang ingin anda temukan dengan cepat dan mudah mulai dari web, gambar, blog, berita dan banyak lagi. Baru-baru ini Ask memiliki desain baru dan beberapa pemberitaan positif tentang ask di berbagai situs berita teknologi.

8. WebCrawler
http://www.webcrawler.com
Ide search engine ini adalah “mengapa harus mencoba mencari di search engine satu persatu jika semua bisa dilakukan sekaligus”. Hasil pencarian dari webcrawler ini merupakan gabungan bersama dari Google, Yahoo, Windows Live dan banyak lagi.

9. Netscape Search
http://search.netscape.com/search/webhome
Anda bisa mencari informasi-informasi favorit anda dari web dari sini, meskipun bukan search engine terbaik di dunia web, tetapi banyak digunakan oleh pengguna Nescape.

10. MetaCrawler
http://www.metacrawler.com
Anda bisa mencari web, yellow pages dan white pages dari satu tempat.

11. Clusty
http://clusty.com
Gabungan dari berbagai search engine, clusty ini tidak hanya mendaftar hasil pencarian seperti yang biasa anda lihat, tetapi juga memisah-misahkannya berdasarkan cluster, kategori, sehingga membantu anda untuk menemukan apa yang anda cari dengan mudah.

12. Excite
http://www.excite.com
Search engine ini disertai dengan halaman kustomisasi dengan berita, horoskop, cuaca lokal dan banyak lagi.

13. MozDex
http://www.mozdex.com
Search engine dengan database dari direktori Dmoz dan dengan dukungan teknologi open source.

14. Kanoodle
http://www.kanoodle.com
Search engine bersponsor pay-per-click, tetapi menghasilkan hasil pencarian yang sangat lengkap dan komprehensif.

15. ExactSeek
http://www.exactseek.com
Search engine online yang sangat besar, anda bisa mencari web, blog, berita dan artikel disini. Selain itu anda juga bisa mengajukan situs anda secara gratis atau berbayar.

16. AllTheWeb
http://www.alltheweb.com
Hasil pencarian di sini disediakan oleh Yahoo, selain itu anda bisa mencari spesifik berdasarkan berita, audio dan video dalam 36 bahasa berbeda.

17. Lycos
http://lycos.com
Hasil pencarian dari lycos ini didukung oleh Ask.com dan seperti halnya Excite, anda dapat mengkustomisasi halaman homepage sesuai kebutuhan anda.

18. ScrubTheWeb
http://www.scrubtheweb.com
Di samping dunia search engine, situs ini juga memiliki banyak perangkat developer web, seperti meta tag builder dan analyzer.

19. LemmeFind
http://www.lemmefind.com
Search engine meta ini mengambil hasil pencarian dari Google, Yahoo dan MSN.

20. KarTOO
http://www.kartoo.com
Metasearch engine dengan flash menyenangkan dan antarmuka visual unik ini memiliki kelebihan, yaitu dibandingkan menampilkan daftar panjang hasil pencarian yang membosankan, Kartoo menampilkan peta interaktif untuk menemukan hasil pencarian.

21. AOL Search
http://search.aol.com/aol/webhome
Anda bisa mencari web disini dengan bantuan dukungan dari Google untuk hasil pencariannya.

22. HotBot
http://www.hotbot.com
Dengan menggunakan hasil pencarian dari Ask.com dan MSN, disini anda juga bisa membuat filter untuk memblok informasi yang tidak anda inginkan.

23. SearchMaze
http://searchmaze.com
Search engine bersih dan menyenangkan dengan beberapa tool dan fitur seperti toolbar untuk pencarian dari lebih 150 search engine.

24. IxQuick
http://www.ixquick.com
Search engine meta yang sangat bagus, tidak hanya anda bisa menemukan apa saja dari web, tetapi juga mencari nomor telepon dan alamat melalui pencarian di direktori nomor telepon internasionalnya.

25. MSN
http://msn.com
Anda bisa mencari isi web disini seperti halnya search engine lainnya dengan disertai banyak sumber untuk mendapatkan hasil pencarian.

26. GigaBlast
http://www.gigablast.com
Search engine yang menarik dengan banyak fitur, anda bisa melarang hasil pencarian ke situs tertentu, menambahkan fitur pencarian untuk situs anda dan banyak lagi.

27. Seekz
http://www.seekz.com
Seaarch engine meta dengan clustermsitus dan penghilangan duplikasi situs dengan isi yang sama.

28. Zippy
http://www.zippy.co.uk
Search engine hebat dengan fitur spesial untuk webmaster, anda bisa membandingkan daftar 10 hasil pencarian untuk tujuan SEO, membandingkan dua situs dengan yang lain dengan fitur-fitur yang baik.

29. Iboogie
http://www.iboogie.com
Search engine meta dengan hasil cluster pencarian yang bisa dipisahkan sehingga menjadi informasi paling relevan yang berhubungan dengan kriteria anda.

30. Irazoo
http://www.irazoo.com
Anda dapat menghasilkan poin yang dapat menghasilkan hadiah dengan menggunakan search engine ini.

31. WebFetch
http://webfetch.com
Hasil pencarian dari situs ini bisa diarahkan untuk situs berbasis di UK atau seluruh dunia.

Human edited Directories and Search Engines (Direktori dan mesin pencari yang diedit oleh manusia)

32. Mahalo
http://www.mahalo.com
Situs yang diprakarsai John Calacanis ini dengan sumbangan yang sangat besar ini, sangat cocok dideskripsikan sebagai persilangan antar Wikipedia dan Google. Jika human edit result untuk permintaan anda tidak ada, anda akan dipindahkan ke hasil pencarian standar Google.

33. Dmoz
http://www.dmoz.org
Mungkin situs ini merupakan direktori mesin pencari editan manusia paling besar dan populer, semua situs harus di ajukan dan diterima untuk penempatan di direktori mereka.

34. Sproose
http://sproose.com
Search engine yang didukung oleh penggunanya ini berdasarkan pada voting hasil pencarian dan kemudian situs diberi ranking berdasarkan hal tersebut. Hal ini dapat membantu anda untuk menghasilkan hasil berkualitas tanpa semua situs tanpa kualitas yang biasa anda temukan di search engine biasanya.

35. Directory Hound
http://www.directory-hound.com
Direktori human edited dengan model seperti Dmoz, semua situs disini harus diajukan dan diterima sebelum masuk ke dalam daftar. Situs ini meliputi hampir semua kategori umum.

36. Yoofindit
http://www.yoofindit.com
Direktori dengan informasi-informasi umum, semua situs disini direview oleh anggota staff Yoofindit.

37. Best of the Web
http://botw.org
Direktori yang sangat populer, dengan panduan pengajuan yang sangat ketat dan juga mempunyai program penghargaan untuk situs dengan ranking terbaik.

38. 10 Directory
http://www.10directory.com
Direktori yang bersih dan menyenangkan untuk dilihat dan merupakan direktori web terkategorisasi.

39. Ajdee
http://www.ajdee.com
Semua situs yang diajukan disini harus di-review dan diterima dulu oleh editor sebelum masuk ke dalam daftar. Direktori ini mencakup semua kategori dan tidak memperbolehkan situs yang berhubungan dengan pornografi untuk terdaftar disini.

40. Search Turtle
http://www.searchturtle.com
Direktori web dan search engine human edited ini mengklaim memiliki panduan pengajuan yang paling ketat untuk menghasilkan hasil pencarian yang bebas spam dan penipuan.

41. GoGuides
http://www.goguides.org
Komunitas ini me-review semua pengajuan situs untuk dimasukkan ke dalam daftar direktori. Dengan penampilannya yang bersih, situs ini mudah digunakan.

42. JoeAnt
http://www.joeant.com
Portal directory yang sangat besar ini dioperasikan oleh pemandu-pemandu sukarela. Anda bisa menemukan apa saja disini dan anda juga dapat mengajukan diri untuk menjadi pemandu disini.

43. ChaCha
http://www.chacha.com
Jika kamu tidak menemukan apa yang anda cari dimanapun, dengan satu kali klik di ChaCha akan membawa anda untuk langsung bertanya pada pemandu secara langsung untuk membantu anda menemukan apa yang anda cari.

Search Engine buku dan perpustakaan

44. Librarians Internet Index
http://lii.org
SEarch engine dan direktori informasi dan sumber-sumber yang disusun oleh para pustakawan. Dana situs ini berasal dari sumbangan publik.

45. BookFinder
http://www.bookfinder.com
Anda bisa mencari lebih dari 125 juta buku dari beberapa katalog online dengan bantuan BookFinder ini.

46. AddAll
http://www.addall.com
Anda bisa mencari buku-buku favorit anda dari lebih dari 40 toko berbeda dan 20.000 server berbeda, termasuk Amazon.com

47. USedBookSearch
http://www.usedbooksearch.co.uk
Anda bisa mencari ribuan toko online untuk mencari buku cetak second dan langka.

48. ComicSeeker
http://www.comicseeker.com
Jika Buku komik lebih cocok dengan gaya anda, anda bisa mencari komik yang jarang anda dan bisa anda koleksi disini.

49. PdfSearchEngine

http://www.pdfsearchengine.com

Pencarian eBook dalam format Pdf, Anda bisa mencari Informasi ebook gratisan yang Anda inginkan di Situs ini.

Search Engine dan Direktori Bisnis

50. Bpubs
http://www.bpubs.com
Search engine bisnis dan direktori untuk semua hal yang berhubungan dengan publikasi bisnis dan perdagangan.

51. BizEurope
http://www.bizeurope.com
Direktori ekstensif dan portal perdagangan untuk bisnis-bisnis di eropa.

52. Business
http://www.business.com
Search engine dan direktori bisnis yang memiliki database besar.

53. HongKong Business Directory
http://www.business-directory.com.hk/HongKong.htm
Direktori informasi yang berisi lebih dari 100.000 bisnis yang berbasis di HongKong.

54. World-Trade-Search
http://world-trade-search.com
Search Engine dan direktori perdagangan untuk bisnis di seluruh Amerika, eropa dan Asia.

55. Jayde
http://www.jayde.com
Search engine B2B (business to business) yang sangat populer. Anda dapat menemukan bisnis-bisnis pada banyak pasar berbeda.

56. AardvarkBusiness.net
http://www.aardvarkbusiness.net
Anda bisa menemukan ribuan website bisnis dari seluruh dunia dengan search engine ini.

57. Cyber TradeZone
http://www.cybertradezone.com
Direktori global yang berisi database importer dan exporter.

58. Zibb
http://www.zibb.com
Search engine global untuk menemukan bisnis di web.

59. Made-in-China.com
http://www.made-in-china.com
Direktori perdagangan produk dari supplier cina.

60. MasterSeek
http://www.masterseek.com
Anda dapat menemukan informasi bisnis dan kontak dari berbagai perusahaan di 75 negara. Anda dapat menyaring hasil pencarian berdasarkan negara-negara tertentu.

61. BusinesSeek
http://www.businesseek.com
Direktori bisnis dan search engine global.

62. KellySearch
http://www.kellysearch.com
Direktori ini berisi lebih dari 2juta bisnis dan produk dari seluruh dunia.

63. SmallBizSearch
http://www.smallbizsearch.com
Search engine bisnis kecil dan menengah yang disediakan oleh Entrepreneur.com

64. BusinessCrawler
http://www.businesscrawler.net
Search engine dan direktori bisnis yang sangat besar.

65. BizAhead
http://www.bizahead.com
Direktori internasional B2B (business to business).

66. Alibaba.com
http://www.alibaba.com
direktori ekstensif perdagangan global, memiliki banyak sekali produk dan perusahaan manufaktur berbeda tersedia disini.

Search Engine Musik, Audio dan Video

67. Project Playlist
http://www.projectplaylist.com/music
Hasil pencarian dari search engine ini berasal dari label record, website artis, blog musik dan situs-situs lainnya. Anda bisa mencari berdasarkan nama artis, judul lagu atau keduanya.

68. PodNova
http://www.podnova.com
Search engine podcast dan video blog. Anda bisa mencari direktori atau browsing berdasarkan tag, selain itu anda juga bis a menambahkan feed rss situs anda disini agar

69. Truveo
http://www.truveo.com
Anda bisa mencari jutaan video di web dengan update realtime. Truveo ini menjadi sumber terbesar menemukan video setelah dibeli oleh AOl pada tahun 2006 lalu.

70. Espew
http://www.espew.com
Search engine Mp3 yang mengumpulkan hasil pencarian dari semua web. Layanan ini gratis dan legal karena mereka yang membayar ke label record untuk setiap lagunya.

71. SkeemR
http://www.skreemr.com
Search engine ini mengumpulkan file-file audio dari berbagai web yang bisa diakses dan didownload publik.

72. EveryZing
http://www.findsounds.com
Search engine media untuk mencari file-file audio dan video melalui berbagai channel dan tempat di web.

73. Blinkx
http://www.blinkx.com
Search engine terbesar di dunia untuk menemukan video di berbagai web penyedia video.

74. ScoopVid!
http://scoopvid.com
Anda bisa mencari video-video populer berdasarkan jam, hari dan bulan video tersebut diajukan, selain itu anda juga bisa mencari video di berbagai website penyedia video.

75. MusicIP
http://www.musicip.com
Anda bisa mencari artis-artis baru dengan search engine musik digital ini. Selain itu anda juga bisa sign up untuk memasukkan rekaman anda sendiri di dalam indeksnya.

76. MusicHits
http://www.musichits.org
Anda bisa menemukan apa saja mulain dari halaman website pemusik, penjualan musik hingga situs berita musik disini. Direktori yang ekstensif.

77. Mp3Realm
http://www.mp3realm.org
78. Musicians-Search.net
http://www.musicians-search.net/index/html?page=categories
Direktori situs yang berhubungan dengan musik ini selalu di-update penggunanya. Anda bisa mencari berdasarkan genre atau instrumen

79. MusicSearcher
http://www.musicsearcher.com
Anda bisa mencari atau browsing berdasarkan artis favorit atau genre musik, selain itu mereka juga mengumpulkan berbagai berita di industri musik.

80. Vdoogle
http://vdoogle.com
Search engine ini mengumpulkan hasil pencarian dari situs seperti YouTube dan Google Video untuk video-video sharing dan viral.

81. The Brass Band Portal
http://www.bandsman.co.uk
Jika brass band (drum band) adalah apa yang anda cari, mesin pencari ini didedikasikan untuk menemukan informasi-informasi yang berhubungan dengan brass band.

82. Artist Direct
http://ubl.artistdirect.com
Jaringan yang berhubungan dengan layanan situs musik ini dapat membantu anda untuk menemukan situs multi-media, e-commerce yang berhubungan dengan musik, berita musik dan banyak lagi.

83. PodScope
http://www.podscope.com
PodScope ini adalah search engine pertama yang membantu anda mencari dan menemukan berbagai podcast berdasarkan kata yang diucapkan oleh podcast tersebut.

84. MusicRobot
http://www.musicrobot.com
Anda bisa mencari di internet file-file MIDI musik favoritmu.

85. Pixsy
http://www.pixsy.com
Search engine media ini sangat menyenangkan, anda bisa mencari banyak gambar-gambar dan video-video yang sesuai dengan keinginan anda.

86. Music crawler
http://www.musiccrawler.net
Salah satu search engine musik yang terbaik dan berbasis di U.S., anda bisa menemukan musik-musik favorit dimanapun di web.

87. LyricsPoint
http://lyricspoint.com
Jika anda mencari lirik lagu, search engine ini mengumpulkan lebih dari 100rb lirik lagu yang cocok dengan kriteria anda.

88. Mu-Seek
http://mu-seek.com
Anda bisa mencari web berdasarkan musik-musik favorit, berdasarkan kata-kata judul atau kata-kata pada lirik lagu, jika anda tidak ingat lagu apa judulnya.

89. Ulinkx
http://www.ulinkx.com
Search engine video sosial ini bisa anda cari berdasarkan video-video populer berdasarkan tag atau favorit kesukaan anda.

90. Mele
http://www.mele.com/resources/search.html
Search engine ini bisa membantu anda untuk menemukan musik-musik hawai berdasarkan nama artis, nama album atau judul lagu.

91. SeeqPod
http://www.seeqpod.com
Search engine ini mengumpulkan berbagai musik dari seluruh web, dan menampilkan hasil pencarian pada antarmukanya yang bersih. Anda juga dapat mendengarkan musik langsung dari hasil pencarian anda untuk langsung mengetahui apakah musik tersebut yang anda cari.

92. MusicVideos4All
http://www.musicvideos4all.com
Anda bisa mencari berdasarkan web untuk menemukan musik video favorit anda dan browsing langsung disini.

93. VidSea
http://www.vidsea.com
search engine beta ini ditujukan untu para pemburu video.

Search Engine dan Direktori RSS dan Blog

94. BlogSearchEngine
http://www.blogsearchengine.com
Hasil pencarian berdasarkan search engine ini berasal dari lebih dari 10juta blog di seluruh web.

95. Google Blog Search
http://blogsearch.google.com
Anda bisa mencari melalui indeks Google untuk menemukan blog tentang topik favorit anda.

96. Bloogz
http://www.bloogz.com
Search engine blog seperti halnya yang lain.

97. Total Blog directory
http://www.totalblogdirectory.com
Direktori blog terkategorisasi.

98. BritBlog
http://www.britblog.com
Direktori blog berbasis di Inggris yang bisa anda cari.

99. Real Estate Blogs
http://www.real-estate-blogs.com/blogs
Direktori besar blog yang berafiliasi dengan pasar real estate.

100. Technorati
http://technorati.com
Salah satu direktori blog yang paling populer ini memiliki index lebih dari 100juta blog yang mencakup hampir semua topik.

101. BlogDigger
http://www.blogdigger.com/index.html
Search engine ini dapat membantu anda menemukan blog dan RSS Feed.

102. BlogHub
http://www.bloghub.com
Direktori online blog dan sumber-sumber bagus untuk blogger.

103. Blog-Search
http://www.blog-search.com
Disini anda bisa menemukan berbagai macam blog favorit dan RSS feed blog tersebut.

104. BlogCatalog
http://www.blogcatalog.com
Direktori blog sosial yang sangat besar, anda bisa menemukan blog dan menambahkan blog anda sendiri ke dalam list tersebut.

105. Bloglines
http://www.bloglines.com/search
Anda bisa mencari dan sharing feed berita favorit anda, blog dan web dengan isi yang kaya lainnya.

106. BlogExplosion
http://www.blogexplosion.com/directory/
Direktori blog ini mencakup hampir semua kategori yang anda ingin cari.

107. Peace Corps Journals
http://www.peacecorpsjournals.com
Direktori ini memiliki lebih dari 3000 blog yang disusun oleh para sukarelawan Peace Corps dari seluruh dunia.

108. Find That Feed
http://grumet.net/syo/findThatFeed
Melalui situs ini anda bisa mencari feed web berdasarkan kata kunci.

[nurulfikri.com]

Yang lain yang patut anda coba

- ExactSeek.com
- TowerSearch.com
- SitesOnDisplay.com
- GoArticles.com
- Blog-Search.com
- MetaWebSearch.com
- Search66.com
- Shoula.com
Sitey.com
Feedplex.com
LittleDirectory.com
ArrowSearch.com
Click2Web.com
OutDoorHits.com
TorontoMalls.com
Spartacus-Search.com
Gestbiz Directory
Space-Directory.com
MySeek.com
Articles-Galore.com
PortalBoost.com
Jupiter5.com
SonicRun.com
iBizWomen.com
Precised.com
FindGood.com
SurrealBlog.com
ConsumerMatch.com
FullGuide.net
Net-Guild.com
SentenceSeek.com
TheLessonFinder.com
AtomicSeek.com
Vehp.com
Super-Seeker.com
113Dir.com
MySistersCellar.com
PreciseNews.US
PWLinks.com
PRPakistan.com
SelfSeek.com
TeliaDirectory.com
BulkandConveying.com
MozGator.com
Astigo.com
OnlineSearchCenter.com
LinkZone.biz
SnappyBidders.com
Linkdor.com
Toplinks4u.com
LSblogs.com
GoMetaSearch.com
BeardedLadyBeer.com
SamyakOnline.org
AxiomDirectory.com
Business-Axis.com
Clear-Directory.com
Connected-Directory.com
Gravitas-Directory.com
Hits-Directory.com
Indexed-Links.com
Decentlinks.com
24hrlinkdirectory.com
AquaticList.com
BioWatchMed.net
CrazyFoxDesigns.com
IWebmasterDirectory.com
LinkInsanity.com
LinkMana.com
LinkManna.com
LinkObsession.com
LocalCompanyDirectory.com
NetworkedSites.com
OrganicFolio.com
BestConstructionLinks.com
ConnectingSites.info
Infohelp.com
AstrologyDomains.com
Deep-Link-Directory.info
DeepLinksForFree.com
DirectoryBus.com
DomainFist.com
Expert-Domains.com
FeaturedLinkDirectory.ws
FindYourCompanyDomain.com
FreeLinkDirectory.ws
FreenIcheDirectory.com
IAmHere.com
DirectoryScoop.com
Submit-Url-Add.com
AllCatalog.Info
AskDir.Info
BigDir.Info
BrightDir.Info
BurnDir.Info
CatDir.Info
CoolDir.Info
DarkDir.Info
EveryDir.Info
FamousCatalog.Info
FileDir.Info
FreshDir.Info
FullCatalog.Info
GoDir.Info
KeepDir.Info
Kinds.Biz
ListDir.Info
LongDir.Info
MoonDir.Info
OpenDir.Info
OpenDir.Info
SeaDir.Info
SimpleCatalog.Info
SmallCatalog.Info
StarsDir.Info
SuperCatalog.Info
UsDir.Info>
VisitDir.Info
WestDir.Info
WideDir.Info
WinterDir.Info
AsDir.Info
realDir.com
AllWomenCentral.com
Bubbley.com
MakeSeoDirectory.com
Click4Choice.com
FyberSearch.com
WebSquash.com
Haabaa.com
ArcSpider.com
Velnet Search Directory
ProFindSearch.com
WebDirectory.co.in
ArounDirectory.com
CacheDirectory.com
CherryDir.com
NativeDirectory.com
SeekerDirectory.com
SimpleDir.com
Thagodz.com
Draze.com
WorldRetailers.com
Pegasus-Searching.com
Spitfire-Search.com
Haiti Links Directory
Mega-Articles.com
Eclipse-Articles.com
CrawlingTheNet.com
Finest4.com
Sluze.com
GuideBuy.com
BestBizGuide.com
1Any.com
ScotLinks.com
Sorve.com
Article-Free.net
Ultimate Web Search
Vhek.com
ISaveSmart.com
SmashArticles.com
Juhy.com
FreshDB.com
Dogdirectory.us
SearchEngine321.com
AskQuickly.org
EFitnessPad.com
WebNetClick.com
EbusinesSearch.com
ArticleSurplus.com
Best-Directory.net
SurfsterBidLinks.com
JollyGoodBloke.com
NiceMoz.com
BrainFind.com
LinksFox.com
SearchPooch.com
SearchOnlineDaily.com
BestOnlineDir.com
SearchGalore.com
IndexedBusinesses.com
IndexedResources.com
InternetListingsDirectory.com
KaizenDirectory.com
Kudos-Directory.com
Monster-Directory.com
Qik-Directory.com
CyberListServer.com
DirectoryExplorer.com
DirectoryShock.com
ExclusiveInternetDirectory.com
HyperLinkMania.com
IWannaLink.com
Perma-Link.com
PoweredByPHPLD.com
PR5Directory.com

GOOGLE VS LINTAS BERITA

2011-04-24T21:11:00.000+07:00

Tentu anda sudah tahu, sangat banyak peluang pintu masuk pengunjung untuk sebuah blog. Mulai dari mesin pencari, social network, social bookmarks, bookmarks browser, followers, blogroll, back link dan lain-lain. Tapi di sini saya hanya ingin menimbang antara google dan Lintas Berita.

Jujur, saya bukan seorang master SEO dan juga bukan ahli soal situs social bookmarks. Tapi saya hanya seorang master bandel. Alias blogger udik yang nakal uji coba, kadang melawan arus, melawan kebiasaan yang sudah lazim. Karena itu jika ada diantara anda yang ahli soal ini saya akan langsung angkat tangan. Sebab postingan ini hanya saya tulis berdasarkan pengalaman.

Kenapa google?
Karena hingga saat ini google masih merupakan mesin pencari nomor satu yang paling banyak digunakan para penggila dunia maya.

Kenapa Lintas Berita?
Karena hingga saat ini Lintas Berita merupakan situs social bookmarks nomor satu di Indonesia.

Keduanya, sejauh yang saya alami merupakan mata air sumber pengunjung yang sangat menggiurkan dibanding beberapa pintu masuk pengunjung lainnya.

GOOGLE:

Kelebihan google adalah hanya dengan satu kali submit blog, maka cepat atau lambat semua konten blog anda akan terindeks secara otomatis dalam data basenya. Baik konten yang lama maupun yang akan anda update berikutnya. Apalagi sejak adanya fasilitas google caffeine, yang membuat setiap update terbaru sangat mudah terindeks di halaman pencarinya. Singkat kata google adalah senjata penembak pengunjung all in one. Satu klik untuk semua konten. Otomatis untuk selamanya. Kecuali bila anda kena tampar oleh google alias kena bann karena melakukan kesalahan.

Setelah itu anda tinggal menunggu pengunjung kesasar sendiri ke blog anda tanpa harus anda undang seperti blogwalking dan submit tulisan ke social bookmarks. Meski anda tidak blogging, tidak membuka komputer, atau setelah anda masuk kubur pun, peluang arus masuk pengunjung akan tetap ada. Inilah kelebihannya.

Tapi jangan lupa kekuranganya juga ada, meskipun hal ini juga bisa diartikan sebagai tantangan. Semua situs di dunia maya akan bertarung di sana, seperti medan tempur hukum rimba. Tidak ada wasit tidak ada polisi. Yang kuat akan menang bertengger di halaman pertama dan rangking teratas. Sedangkan yang lemah akan ditendang dan digilas hingga tenggelam di akar google. Di sinilah kekuatan SEO diperlukan. Mulai dari optimasi template (memasang meta tag, meta keyword, dsb), optimasi konten (pada judul dan tubuh tulisan, mengintai kata kunci yang lagi trend dan seterusnya). Nah, jika anda malas dan muak dengan semua ini, resikonya tentu anda akan kalah bersaing.

LINTAS BERITA:

Kelebihan dari mengirim tulisan ke Lintas Berita, asal judu tulisan anda menarik, memikat, bila perlu bisa menyihir pengunjung Lintas Berita, maka dalam waktu satu hari blog anda bisa menyedot ribuan pengunjung. Walaupun hanya untuk satu tulisan. Walaupun blog anda hanya berisi satu tulisan. Tidak seperti google dimana kekuatan SEO harus ditunjang dengan banyaknya konten. Yang anda perlukan hanya kejelian dalam membuat judul tulisan. Walaupun isi tulisan anda amburadul juga tidak masalah, bahkan dengan hanya judul tulisan tanpa isi pun juga bisa. Tentunya ada resiko yang anda tanggung (Saya tidak tanggung jawab). Tapi yang jelas, kekuatan yang anda perlukan hanya bertumpu pada judul tulisan.

Tapi kelemahan dari Lintas Berita juga ada. Jika google adalah senjata penembak pengunjung all in one, maka Lintas Berita hanya one by one. Satu klik untuk satu tulisan. Anda harus mengirim tulisan pada blog anda secara manual satu per satu. Kelemahan lainnya, jika anda mengirim tulisan disaat yang tidak tepat, disaat tidak banyak pengunjung Lintas Berita lagi online, maka tulisan anda hanya akan terbuang percuma, jadi timbunan sampah. Selain itu setiap tulisan anda yang sudah terkirim akan dihapus dalam rentang waktu yang telah ditentukan. Saya lupa berapa lama sebuah tulisan masih aktif di sana (Inilah kelebihan saya: tidak menguasai detailnya).

Nah, jadi kesimpulannya mana yang terbaik?
Menurut saya yang terbaik adalah gabungkan saja keduanya. Jadi setiap kelebihannya bisa anda dapatkan. Dan setiap sisi kelemahannya masing-masing bisa saling diatasi. Kecuali jika anda tidak butuh pengunjung, tulisan ini pun tidak perlu anda hiraukan.

Icon Twitter Burung Terbang di Blog

2011-04-24T20:28:00.001+07:00

Maraknya pengguna twitter dan facebook saat ini membuat mereka berinovasi bagaimana membuat akun mereka yang tampil di blog atau situs lebih menarik dengan harapan para pengunjung blog / situs akan tertarik untuk add di akun mereka sehingga menambah jaring pertemanan menjadi semakin luas.

Berikut ini adalah tutorial membuat icon twitter dengan animasi burung yang bisa terbang mengikuti arah gerakan seperti terbang naik-turun dan bisa bertengger pada setiap kotak yang ada pada blog/situs yang sengaja saya share dari rekan netter imemoz.com. Caranya cukup mudah dan gampang.Berikut adalah langkah-langkahnya:
Pengguna Platform Blogger
1. Masuk (Login) ke Dashboard Blogger anda.
2. Pilih Tab Design, lalu Page Elelement.
3. Kemudian Tambahkan Gadged/Widget, pilih HTML/JavaScript.
4. Silahkan copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di HTML/JavaSript Anda.
Pengguna Platform Wordpress
1. Masuk (Login) ke Dashboard Wordpress anda.
2. Pilih Tab Widget
3. Kemudian Tambahkan Text ke Sidebar.
4. Silahkan copy script “JavaScript” dibawah: (tanpa title/judul/tanpa memasukkan nama untuk gadged/widgetnya) letakkan di Text Anda.
Copy script berikut ini kemudian paste di blog atau situs anda.
<script type=”text/javascript” src=”http://imemovaz.googlecode.com/files/tripleflap.js”></script>
<script type=”text/javascript”>
var birdSprite=”http://4.bp.blogspot.com/_9B1yqig9iAg/TVKEXsnAUMI/AAAAAAAAAII/o7TYnYBuC6k/s1600/birdsprite.png”; var targetElems=new Array(“img”,”hr”,”table”,”td”,”div”,”input”,”textarea”,”button”,”select”,”ul”,”ol”,”li”,”h1″,”h2″,”h3″,”h4″,”p”,”code”,”object”,”a”,”b”,”strong”,”span”); var twitterAccount = “http://twitter.com/NamaTwitterAnda”;var tweetThisText = “Twitter – NamaTwitterAnda http://UrlSitusAnda/”;tripleflapInit();
</script>

Memasang Tombol Like Facebook Di Blog

2011-04-24T15:05:00.000+07:00

Dengan cara ini maka semua postingan blog anda akan muncul di halaman profil Facebook sehingga dapat dinikmati oleh teman facebook anda.

Pada postingan ini saya akan membahas tentang teknik lain untuk menyebarkan artikel blog anda di Facebook yaitu dengan memasang tombol like Facebook pada postingan blog anda.

Keuntungan memasang tombol like ini adalah pembaca dapat dengan mudah berbagi postingan yang mereka sukai kepada teman facebook mereka hanya dengan satu klik. Dan sebagai pemilik blog, anda juga mendapat keuntungan berupa tambahan trafik dari pembaca yang mengelink artikel anda di profil Facebook mereka.

Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode <data:post.body/>

4. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

6. Lalu Save template anda.

Hasilnya akan seperti ini

Kalau anda ingin membuat tombol like dalam bentuk ini

maka ganti standard dengan button_count

Anda juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark.

Selamat mencoba. Semoga bermanfaat...

Memasang Tombol Facebook Share Dalam Postingan Blog

2011-04-24T14:56:00.001+07:00

Selain facebook like yang sudah pernah saya bahas sebelumnya, Facebook juga memperkenalkan widget lain yang cukup terkenal yaitu Facebook share.

Sesuai namanya, widget ini berguna untuk membagikan sebuah halaman situs ke profil facebook.

Lalu apa bedanya antara Facebook like dan Facebook share?

Secara umum kedua widget tersebut sama-sama berguna untuk membagikan sebuah halaman situs ke Facebook. Sebagai contoh anda menyukai postingan ini maka anda bisa membagikan halaman ini ke teman facebook anda dengan menekan tombol facebook like atau facebook share.

Nah yang berbeda adalah cara penyajiannya. Jika anda membagikan melalui facebook like maka halaman ini akan muncul pada menu 'recent activity' sedangkan dengan facebook share halaman akan muncul pada menu 'News Feed'.

Agar lebih jelas perhatikan screenshot berikut:

Contoh tampilan posting yang dibagikan melalui facebook like

Contoh tampilan posting yang dibagikan melalui facebook share

Ok... sudah jelas ya perbedaannya. Sekarang mari kita pelajari cara memasang tombol facebook share dalam postingan blog. Untuk cara memasang tombol facebook like bisa anda baca disini.

1. Buka blogger. Masuk ke menu Design->Edit HTML

2. Beri centang pada 'Expand widget templates'

3. Cari kode <data:post.body/>

4. Kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol fshare dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.

Tombol Fshare tanpa counter

Kode:

<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Tombol Fshare dengan counter diatas

Kode:

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Tombol Fshare dengan counter disamping

Kode:

<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

6. Jika sudah simpan template anda dan lihat hasilnya.

Cara Membuat Tulisan Berjalan 2

2011-04-24T11:04:00.000+07:00

Pada tutorial ini, saya akan sedikit memberikan beberapa kode contoh EFEK MARQUEE (tulisan berjalan) yang biasa kalian jumpai pada Sidebar / Posting suatu blog.

Untuk menampilkannya di blog anda, cukup CO-PAS kode html-nya. Jika anda ingin menampilkan efek marquee seperti contoh nomor satu, anda tinggal copy kode pada kotak yang berada dibawah contoh efek marquee, kemudian paste ke gadget HTML/javascript atau posting pada blog anda. Untuk lain-lainnya anda bisa ber experiment sendiri" mudah ko'k.

01. Tulisan berjalan ke kanan.

<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br />

02. Tulisan berjalan dengan gambar.

<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br />

03. Tulisan berjalan ke atas.

<marquee height="30" behavior="scroll" direction="up">Tulisan yang ingin anda tampilkan</marquee>

04. Tulisan dapat memantul.

<marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee>

05. Tulisan berjalan akan berhenti jika dibayangi cursor.

<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee>

06. Tulisan zig-zag

<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee>

07. Tulisan Bouncing around

<marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee><br />

8. Tulisan berjalan lambat

<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang ingin anda tampilkan</marquee>

Cara Membuat Tulisan Berjalan 1

2011-04-24T10:54:00.000+07:00

Jangan hanya diam, itu mungkin dapat mengambarkan sebuah makna yang banyak, artinya apa? kita harus berbuat untuk sesuatu yang bermanfaat. Jangan hanya diam berarti harus bergerak, oleh sebab itu kita akan membuat tulisan yang gak hanya diam, tapi juga bergerak. Memang suatu yang bergerak bisa menjadi daya tarik atau menarik perhatian orang.

Kita akan membuat tulisan berjalan, yang berjalan ke samping, dari kanan ke kiri. Dan juga tulisan yang berjalan dari bawah ke atas, yaitu dengan menggunakan kode marquee sehingga nantinya kita dapat menarik perhatian pembaca dengan tulisan yang berjalan itu, mungkin tulisan itu berisi sesuatu yang penting yang pembaca harus tahu.

Cara Membuat Tulisan Berjalan
Berikut ini adalah kode untuk tulisan berjalan ke samping

<marquee direction="left"><b>Selamat Datang di Belajar Ngeblog di BLOG </b></marquee>

Kita dapat menggati tulisan yang selamat datang itu dengan tulisan yang lain sesuai dengan keinginan kita.

Berikut ini adalah kode untuk tulisan berjalan ke atas

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()"><b>Selamat Datang di Belajar Ngeblog di BLOG</b> </marquee>

Selamat Datang di Belajar Ngeblog di BLOG

Selain tulisan, untuk kode yang berjalan ke atas juga dapat kita aplikasikan menjadi blogroll, contoh kode htmalnya menjadi sebagai berikut:

Bisa juga kita gunakan untuk aplikasi newsflash. Kode HTMLnya sebagai berikut

<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<script src="http://www.geocities.com/uddin_81/recent-post.js">
</script> <script>
var numposts = 20; var showpostdate = false; var showpostsummary = false; var numchars = 100;
</script> <script src="bisnis4shared.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
</marquee>

Jangan lupa mengganti bisnis4shared.blogspot.com dengan URL kamu sendiri, sebagai recent post.

Widget Gratis

2011-04-15T23:06:00.001+07:00

Ibarat rumah, blog desainnya harus bagus agar pengunjungnya terus betah berkunjung. Selain desain, bagian penting yang harus kita perhatikan adalah bagian finishing. Agar blog kita tampak bagus, perlu kiranya untuk menambahka pernak-pernik sesuai dengan kesenangan kita.

Salah satu caranya adalah dengan menambahkan widget (aplikasi kecil) yang biasa diletakkan di sisi kanan atau kiri blog. Misalnya kita bisa menambahkan widget counting down suatu peristiwa, peringkat blog kita, jumlah statistik, banner twitter, badge facebook dan lain-lain.

Jika kita buka www.widgetbox.com di sana tersedia ratusan widget yang bisa kita pakai dengan gratis. Bahkan tidak perlu register untuk mendapatkan scriptnya. Contohnya widget tentang video, humor, ramalan cuaca, foto bahkan mp3 al quran 30 juz dengan terjemahan bahasa indonesia.

Selain dengan widget, kita bisa memperindah blog dengan menyisipkan rss berita-berita yang bisa kita ambil dari detikcom, detiknews, detiksport, detikot dan lainya. Atau jika berminat, juga bisa menambahkan komentar terbaru, postingan terbaru, blogroll (list link) atau kalender acara yang sudah disediakan oleh blogdetik.

Namun harus hati-hati. Tidak perlu kita memasang semua widget yang ada. Pilih salah satu atau dua yang sekiranya mendukung isi maupun tampilan blog kita. Karena kalau kita memasang secara sembarangan akan berpengaruh pada kecepatan loading kita. Jadi jangan sampai tampilan blognya sangat bagus namun tak bisa dibuka, sia sia bukan?

Cara memasang widget cukup mudah. Setelah Anda login, pilih menu “appearance/tampilan” lalu klik widget. Akan muncul tampilan banyak menu. Pada menu “Text klik “Add” maka otomatis akan muncul satu kotak warna biru yang berada di sebelah kanan. Klik “edit”. Langkah selanjutnya, “paste” kan script yang akan kita pasang.

Langkah terakhir, jangan lupa untuk menyimpan apa yang telah kita ubah barusan. Seakrang blog anda akan tampak lebih indah dan informatif. Sehingga pengunjung akan terus balik berkunjung, jika rajin mengupdate. Happy Blogging.

Download 58 Widget Gratis

2011-04-15T23:02:00.001+07:00

Widget jika berhubungan dengan web ataupun blog maka yang dimaksud adalah sebuah tool (alat yang berguna) dalam memaksimalkan keindahan, kecantikan, serta “kenarsisan” blog Anda. *heuheu* Widget sendiri merupakan sebuah elemen yang berguna dan mudah digunakan baik yang telah disediakan oleh penyedia layanan blog yang Anda gunakan maupun berasal dari third party atau pihak ketiga.

Penggunaan serta pemasangan widget telah sangat dimudahkan oleh pihak-pihak penyedia layanan, sehingga yang Anda perlukan *biasanya* hanya mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali, cukup mengcopy scrift yang telah disediakan dalam element blog Anda. Nah berikut ini 58 widget pilihan untuk mempercantik tampilan blog Anda.

Note: Saya sarankan jangan terlalu berlebihan memasang widget karena selain agama juga melarang *kesannya* memasang widget yang berlebih-lebihan *terlalu banyak* bisa mengakibatkan blog jadi terkesan kumuh dan membebani loading halaman blog Anda sehingga tidak menutup kemungkinan terjadi PLP.1. MyBlogLog’s Recent Readers – Widget satu ini sejak kehadirannya didunia lain blog langsung mendapat sambutan meriah layaknya seleb baru yg lagi naek daun. Widget ini memperlihatkan avatar dari para pengunjung blog Anda. Dan dengan kepopuleran widget satu ini sampai-sampai manajemen MyBloglog mampu meyakinkan Yahooo (baca: yahuu) untuk membeli sahamnya. *Mantab sangad* So, yang Anda perlukan untuk mendapat widget ini adalah mempunyai account yahuu.

2. Mashable – Widget ini menyediakan semacam newsreel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout blog Anda.

3. Headline News – Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.

4. Flickr Flash Photo Stream Badge – Widget ini menampilkan photo-photo dari profil flickr Anda secara berurutan dan dengan sentuhan flash. Flickr merupakan bagian dari yahoo jadi untuk mendapatkan widget ini Anda memerlukan account yahoo seperti pada widget MyBlogLog di atas.

5. Preview Anywhere – sudah cukup terkenal juga nama snapshots bagi pengguna blogger bahkan untuk wordpress widget ini menjadi rekomendasi khusus dalam dashbord admin penggunanya. Fungsinya untuk melihat preview link keluar dengan tampilan popup yang tidak terlalu besar ketika pengunjung mengarahkan mouse pada teks atau banner yang “mengandung” link. Pro-kontra memang selalu ada; sebagian menganggap widget ini berguna karena menandakan kejujuran kita selaku pemilik blog, namun ada juga yang mencap kambing hitam sebagai biang lojalabo. *heuheu*

6. Twitter Badge – Jika dalam keseharian hidup Anda banyak hal-hal menarik dan begitu penuh warna dengan segudang aktifitas serta ingin agar orang lain tahu dan menampilkan cuplikan kalimat-kalimat pendek *satu paragraf misalnya* Anda sedang melakukan kegiatan ini, Anda sedang berada dimana, Anda sedang bersama siapa, Anda sedang, sedang, dan sedang lainnya…. Maka widget ini cocok untuk dipasang pada blog Anda. Daripada bikin sendiri element blogger/wordpress *secara manual* menuliskan teks sebagai pesan kepada pengunjung blog Anda bahwa Anda sedang ini-itu, saya sarankan lebih baik menggunakan widget ini. Widget ini akan menampilkan “tweet” terbaru Anda.

7. Digg News – Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social bookmarking yang sudah “kakoncara” dijagat perbloggan mah lah… *halaaah* Pilihan theme dan warna mudah untuk Anda atur agar sesuai dengan template blog Anda.

8. FEEDJIT – Widget ini paling wuenak diantara widget lainnya, misalkan kalo kita lagi cape, lesu, sendi-sendi lagi nggak enak, otot kaku, badan pegal, masuk angin… maka suruh aja si mbok untuk feedjit *oooh itu pijit ya* heuheu. Feedjit merupakan layanan real time traffic pada blog Anda. Ada empat pilihan widget Feedjit yang bisa Anda gunakan, silahkan kunjungi saja Feedjit dan lihat empat widget apa saja yang tersedia.

9. LineBuzz – Komentar dalam widget inline untuk Blog Anda. Widget ini sangat berguna bagi blog yang memiliki frekuensi di atas 900 Mhz tinggi dalam menerima komentar, sehingga memudahkan berkomentar jika terjadi diskusi yang berkepanjangan *waaah keren euy*. Hanya sayang, pengunjung harus terdaftar LineBuzz dulu untuk berkomentar *bikin berabe juga*

10. Flixn – Jika kompi atau laptop Anda terpasang webcam, maka widget ini bisa digunakan untuk memperlihatkan ekspresi “narsis” Anda langsung melalui blog Anda *heuheu* . Jadi pengunjung blog tidak hanya membaca postingan Anda tapi bisa menyaksikan “konser” Anda didepan monitor, mirip webcam yahoo.

11. 3Jam – Widget ini memudahkan pengunjung blog untuk berinteraksi dengan Anda dengan mengirimkan SMS pada henpun Anda tanpa mereka tahu nomor HP Anda.

12. Jaxtr – Seperti halnya widget 3jam di atas, dengan menggunakan widget Jaxtr ini, pengunjung blog bisa menghubungi HP Anda tanpa mereka tahu nomor HP Anda. *nomor HP Anda dijamin kerahasiaannya*

13. LinkedInABox – Menampilkan profile Anda di LinkedIn. Dan widget ini sangat cocok untuk blog personal.

14. Box Widget – Dengan widget ini, memudahkan pengunjung blog Anda untuk mengupload file ke tempat penyimpanan online box.net melalui widget box.net pada blog Anda.

15. Price of gas – Menampilkan harga bahan bakar kendaraan bermotor secara online (US$), kalo di Indonesia mungkin seperti harga Bensin premium, pertamax dan solar. “sangat cocok” untuk pengunjung blog Anda yang mobilitasnya tinggi. *terasa aneh* tapi kalo blog Anda memang membahas masalah gas bumi, bahan bakar dan yang sejenis maka widget ini sangat cocok, lagian tidak perlu mendaftar hanya mengcopas scrift yang disediakan Gas-Cost.Net.

16. iBegin Weather Widget – Menampilkan laporan cuaca untuk wilayah Kanada dan Amerika. Seperti widget Price of Gas di atas widget ini hanya cocok untuk blog yang memang membahas masalah yang sama.

17. ClockLink – Sepertinya widget ini yang paling banyak diminati dan digunakan para blogger yang peduli dengan manajemen waktu *ekhm* seperti namanya clock, widget ini menampilkan petunjuk waktu atau jam pada blog Anda.

18. Film Loops – Menampilkan kesimpulan filem terakhir yang Anda tonton melalui account FilmLoops Anda.

19. Daily Painters – Widget ini sangat cocok bagi Anda yang berjiwa seni tinggi karena widget ini menampilkan lukisan-lukisan dari pelukis terkenal di dunia.

20. WhoLinked – Memperlihatkan kepada pengunjung blog Anda situs-situs yang telah melink pada blog Anda. tidak perlu mengupdate karena WhoLinked ini secara teratur mengupdate sendiri web/blog yang melink blog Anda.

21. Criteo AutoRoll – Widget ini memperlihatkan link menuju blog-blog yang sehaluan dengan blog Anda. Sehaluan…? Secara…! Heuheu.

22. Calender – Berbeda dengan wordpress yang sudah mempunyai widget ini di dalamnya, untuk pengguna blogger widget kalender belum tersedia, oleh karenanya jika Anda ingin menampilkan kalender maka widget satu ini pantas di perhitungkan.

23. Bitty Browser – Menampilkan web browser “mini” pada sidebar blog Anda. Tapi mesti hati-hati sama yang namanya “mini” ada rok mini, metro mini, dan mini-mini yang lainnya… *beuh ga nyambung*

24. Leafletter – Ini juga sama masih masalah mini, widget ini membuat website mini dan menyimpannya pada blog Anda.

25. WikiSeek – Menampilkan widget untuk pencarian pada Wikipedia.

26. FeedCount – Menampilkan jumlah pengunjung blog Anda melalui banner kecil dan widget ini berhubungan dengan account feedburner Anda.

27. Technorati Link Count – Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu directory blog terbesar dan terpopuler abad ini… dialaaaaaaah Technoraaaaati. *juara tinju dunia kita* halaaaah.

28. MyPageRank – Inilah cara lain untuk sombong menunjukkan betapa hebat dan bermanfaatnya blog Anda dengan menampilkan Ranking Google atau Google PageRank (PR). Penilaian PR google ini seperti saat kita SD dulu ada rangking 1 sampe 10, bedanya PR yang baik menurut google itu yang lebih besar alias 10, kalo baru satu berarti belum besar-besar amat blog Anda.

29. CheckPageRank – Pilihan lain untuk menampilkan PR blog Anda, namun kelebihannya widget ini menampilkan juga ranking Alexa.

30. Counter Statistic – Bagi Anda yang ingin melihat jumlah pengunjung Anda sehari-hari, maka widget ini adalah salah satu yang menyediakan fasilitas tersebut.

31. Web/Blog Counter – Widget ini datangnya dari Histats.Com yang memungkinkan Anda bisa melacak pengunjung datang dari mana saja, lewat pintu mana saja, dan menghitung jumlah pengunjung blog Anda sehari-hari berapa, referer dari blog mana saja, dan jika melalui search engine semisal google, yahoo, msn menggunakan keyword apa. Jika Anda ingin melihat IP Address pengunjung blog Anda, widget histats ini yang bisa saya rekomendasikan.

32. BlinkxIt – Widget mantab sangad karena menampilkan banner kecil dibawah setiap postingan blog Anda, ketika banner BlikxIt itu di klik maka keluar mini popup seperti snapshot dan menampilkan video yang berhubungan dengan postingan blog Anda.

33. Skype button – Seperti widget menampilkan status online YM pada blog Anda, widget ini pun hampir sama cuma bedanya status online/offline pada account skype Anda yang ditampilkan.

34. RockYou Horoscope – Saya tidak menganjurkan widget ini pada blogger muslim, soalnya ini berupa ramalan yang sudah jelas-jelas dilarang oleh agama kita sodara-sodara! Konsekuensinya jika Anda percaya ramalan maka 40 hari shalat Anda tidak diterima *mode galak* Heuheu…

35. Bravenet Horoscope – Seperti halnya widget di atas, bravenet pun menyediakan widget horoscope untuk blog Anda.

36. del.icio.us Tagometer – Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda.

37. del.icio.us Linkrolls – Widget ini menampilkan bookmark terakhir Anda dari del.icio.us.

38. Timelines – Perlu membuat timeline untuk blog Anda? Maka widget cukup mudah digunakan, hanya perlu memasukan RSS blog Anda lalu memasukkan ukuran lebar dan tingginya.

39. PollDaddy – PollDaddy memberikan Anda kemudahan membuat sebuah poling atau survey interaktif padamu negeri dengan theme yang sangat cantik dan menawan hati tanpa batas waktu yang harus memisahkan antara kita berdua, biar langit dan bumi yang menjadi saksi cinta suci nan tulus kita berdua.

40. Vizu – Pilihan widget lain untuk membuat poling pada blog Anda, kelebihannya widget ini cocok dengan platform blog manapun.

41. AnswerTips – Memperlihatkan jawaban dari Answers.com untuk berbagai macam istilah yang terdapat pada blog Anda *berguna jika pengunjung blog Anda adalah mas tukul*. pis mas… Heuheu.

42. AnswerBoxes – Masih widget dari Answer.Com hanya saja widget ini memberikan kesempatan pada pengunjung blog Anda untuk memasukan istilah yang tidak dimengerti dan mendapat jawaban segala risau hatiku dari Answer.Com.

43. Now Playing – Jika Anda ingin sharing playlist musik yang sedang Anda dengarkan dan ingin agar pengunjung blog Anda juga mendengarkan, nah Signamp menawarkan widget ini, biar signamp yang melakukan trik bagaimana hal itu mungin terjadi.

44. BuzzBoost – Menampilkan headline dari RSS FeedBurner blog Anda pada blog Anda sendiri ataupun blog Anda yang lain atau juga pada blog teman Anda atau mungkin blognya sodara Anda atau juga pada blognya dia, mereka dan dirinya. *jangan maksa deh*

45. LibraryThing – Tampilkan buku terakhir yang telah Anda baca wahai kutu buku!

46. Plaxo Address Book – Izinkan pengunjung setia yang telah Anda percayai untuk mengakses buku tamu mereka langsung dari blog Anda.

47. AuctionAds – Widget yang menampilkan pelelangan barang dari eBay, dan memberikan kesempatan pada untuk mendapat persentase *uang denger gitu loh* dengan catatan pengunjung blog Anda membeli barang lelang tersebut.

48. aStore – Hampir mirip dengan AuctionAds di atas, hanya saja widget ini datangnya dari Amazon. Widget ini memungkinkan Anda menampilkan “warung sederhana” tapi jika ada yang beli lewat warung Anda tersebut Anda mendapatkan keuntungan dari Amazon. Btw, sudah daftar amazon belum? Kalo belum Klik Disini untuk daftar dan langsung buat “warung sederhananya”. Heuheu.

49. Deal of The Day – Masih dari Amazon ini merupakan widget paling anyar yang dirilis amazon. Yang menarik dari widget ini adalah diskon besar-besaran yang ditawarkan untuk pengunjung blog Anda. Dan jika ada yang membeli barang dari widget tersebut tentu Anda mendapat persenan dari amazon, lumayanlah buat beli kacang goreng. Heuheu.

50. Plazes – Widget ini menampilkan dimana posisi Anda, apakah sudah PW atau belum…? Kalo belum PW cari dulu deh tempat yg nyaman buat ngeblog biar PW . Nah widget ini menampilkan lokasi peta dimana kamu berada. *nyambungkah?*

51. Stockalicious – Perlihatkan portfolio Anda dengan widget ini, dan sharing dengan blogger lain. Biar semua orang tahu berapa banyak dana yang telah Anda keluarkan untuk ngeblog. *mudah2an ada yg mau nyumbang* heuheu.

52. Yahoo! For Good – Widget ini untuk membuat “kotak amal” dan akan didonasikan kepada yang berhak menerimanya. *kata Yahoo* Jadi bagi Anda yang berjiwa sosial, rasanya widget ini perlu, anggap saja blog Anda warung atau toko yang menerima penitipan kotak amal. ^_^

53. Giftspace – Sahabat ataupun teman blogger akan memberi hadiah di hari Ultah Anda tapi mereka tidak tahu harus membeli hadiah apa yang sekiranya Anda inginkan. Nah melalui widget ini biarkan mereka tahu kado apa yang sebenarnya Anda inginkan. *meski diberi nawar boleh donks* heuheu.

54. MixMap – Dari widget ini Anda bisa melihat pengunjung profile MySpace Anda dari sebuah Peta.

55. Google Map Widget – Perlihatkan pencarian pada peta google dari blog Anda.

56. Google Video Search – Tampilkan form pencarian video dari video pilihan pada blog Anda.

57. This Day in History – Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa lalu.

58. Shoutbox – Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para blogger yang tengah blogwalking. Untuk shoutbox banyak pilihan yang bisa Anda gunakan diantaranya, Shoutmix, Cbox, atau kalo Anda berorientasi nasionalis dan cinta produk dalam negeri Anda bisa memilih Oggix. Dan awal 2008 ini oggix pun meluncurkan versi blognya, jika Anda ingin berpindah layanan atau sekedar mencoba blognya oggix silahkan daftar. Pssst jangan bilang kalo saya udah nyoba blognya oggix, klik disini untuk melihat blog oggix punya saya *heuheu*

Demikian diantara widget yang bisa digunakan untuk mempercantik blog Anda. Pilih saja yang sekiranya bermanfaat dan cocok untuk blog Anda. Ingat! Kebanyakan widget bisa mengesankan blog Anda kumuh dan membuat lojalabo dan berakibat pengunjung malas untuk datang kedua kali.

Meningkatkan Posisi Website Pada Search Engine

2011-04-15T22:37:00.000+07:00

Melakukan Pendaftaran (submission)
Bagaimana melakukan pendaftaran ? Gampang, Anda tinggal mengisi form pendaftaran URL yang disediakan masing-masing search engine. Misalnya untuk Google, form pendaftarannya ada di http://www.google.com/addurl.html. Setelah itu tunggu beberapa minggu dan lakukan pengecekan apakah website Anda sudah terlisting atau tidak. Caranya, masuk ke situs search engine yang bersangkutan kemudian ketikkan domain Anda sebagai kata kunci, misalnya ilmukomputer.com. Jika URL Anda muncul pada hasil pencarian (search result), berarti website Anda sudah terdaftar. Bagaimana jika tidak muncul ? Ada dua kemungkinan penyebab. Pertama, karena crawler search engine memang belum sempat berkunjung dan membaca isi (content) dari web Anda. Kedua, crawler sudah berkunjung namun tidak dapat membaca content karena sesuatu hal, misalnya pada saat web server Anda down atau kelebihan traffic. Pada kasus kedua, search engine biasanya akan berusaha membaca ulang URL tersebut dalam jangka waktu tertentu, namun cara terbaik adalah melakukan pendaftaran ulang apabila website Anda sudah benar-benar siap.Sekarang kita asumsikan pendaftaran website Anda sudah berhasil, apakah itu sudah cukup ? Tentu saja tidak, Anda perlu melakukan pengujian berikutnya. Coba ketikkan keyword atau frase umum yang berhubungan dengan isi website. Misalnya jika website Anda menawarkan produk furniture khas Indonesia, cobalah cari dengan kata kunci "furniture indonesia" misalnya. Jika website Anda muncul di halaman pertama atau kedua, itu sudah bagus. Namun jika website Anda muncul di halaman-halaman belakang, janganlah berharap traffic terlalu banyak. Sangat kecil kemungkinan visitor akan dapat menemukan URL Anda. Mau tidak mau, website Anda harus berjuang memperebutkan posisi 20 besar dari ratusan bahkan jutaan website pesaing.
Teknik Optimalisasi Search Engine Dalam bahasa Inggris disebut Search Engine Optimization (SEO), adalah cara yang harus ditempuh apabila website Anda tidak berhasil menduduki posisi 20 besar untuk keyword yang diharapkan. Ada dua faktor utama yang harus diperhatikan pada proses SEO, yaitu :
• Faktor Internal (berhubungan dengan penulisan content website dan HTML) • Faktor Eksternal (berhubungan dengan link popularity)

1. Faktor Internal
Dalam menentukan rangking, search engine sangat memperhatikan content website sebagai salah satu acuan untuk menentukan tingkat relevansi. Halaman web yang yang desainnya full image, hanya terdiri atas gambar dan flash serta tidak menyertakan teks biasa, sangat sulit dibaca oleh search engine. Walaupun Google saat ini sudah mulai menerapkan teknologi AI (Artificial Intelegence), tetap saja belum bisa membaca makna dari sebuah gambar. Maka dari itu content berupa teks murni wajib dipakai agar website Anda mudah dilisting.
Dalam menyusun content teks, usahakan agar kata kunci atau keyword yang Anda harapkan terpakai pada kalimat-kalimat dalam teks tersebut. Anggap saja keyword tersebut merupakan topik utama. Dan jika Anda punya sedikit pengetahuan tentang HTML, tempatkan keyword pada tag <title> dan pada attribut ALT dalam tag <img>. Penggunaan keyword yang dimaksud disini adalah penggunaan dalam batas yang wajar dengan catatan kalimat masih enak untuk dibaca. Bagaimana menentukan keyword yang tepat untuk website Anda ? Bagaimana kita bisa mengetahui sebuah keyword yang banyak dicari orang ? Jika Anda mengoptimalkan website untuk keyword salah bisa berakibat fatal. Meskipun website Anda berada di posisi paling atas pada halaman pertama, tetap saja tidak berguna sebab keyword yang Anda optimalkan tidak pernah dicari orang. Salah satu cara untuk mengatasi masalah ini dengan menggunakan alat bantu seperti yang disediakan WordTracker.com.
WordTracker.com memiliki database keyword-keyword populer berdasarkan data dari beberapa search engine utama. Anda tinggal mengetikkan topik dari content website Anda, dan dalam beberapa saat WordTracker bisa memberikan keyword-keyword yang berhubungan dengan topik tersebut. Sebagai contoh, penulis memasukkan kata MP3 dan WordTracker bisa memberikan alternatif keyword seperti ini :
- mp3
- free mp3 downloads
- free mp3
- free mp3 music download
- mp3 downloads
- mp3 players
- mp3 midi
- free mp3 music
- free mp3s
- mp3 player
...
Layanan dari WordTracker ini memang tidak disediakan gratis, namun Anda bisa memanfaatkan Trial-nya. Faktor lain yang perlu Anda perhatikan adalah jangan sampai ada broken link atau javascript error pada website Anda. Faktor ini juga akan menjadi pertimbangan search engine untuk menentukan rangking.
2. Faktor Eksternal
Seperti yang penulis jelaskan sebelumnya, faktor internal lebih berkaitan dengan hal-hal yang ada dalam sebuah website. Faktor internal sangat mudah dimanipulasi, sehingga search engine tidak mungkin menggunakannya 100% sebagai acuan untuk menghasilkan hasil pencarian yang berkualitas. Manipulasi yang dimaksud adalah spamming, seperti penulisan content menggunakan keyword yang diulang-ulang secara berlebihan, penulisan teks yang warnanya sama dengan warna background sehingga pengunjung tidak dapat membacanya. Hal-hal semacam ini tujuannya tidak lain untuk mengecoh
crawler.
Untuk mengatasi masalah ini, search engine menggunakan faktor eksternal sebagai acuan relevansi antara content website dan keyword. Faktor yang
dimaksud adalah link popularity, yaitu banyaknya link dari website lain yang mengarah ke website Anda. Kita ambil contoh situs IlmuKomputer.com. Karena isinya yang menarik dan bermanfaat, maka banyak pemilik website lain yang memasang link mengarah ke IlmuKomputer.com, kita anggap saja jumlahnya 100 link. Karena 100 link ini berasal dari luar domain IlmuKomputer.com, maka nilai link inilah yang diperhitungkan oleh search engine. Semakin banyak link dari luar, berarti nilai link popularity-nya semakin besar. Menurut anggapan search engine, semakin banyak sebuah website di-link, semakin baik pula content yang dimiliki.
Link popularity sudah umum dipakai acuan oleh search engine. Salah satu pelopornya adalah Google yang saat ini menjangkau lebih dari 70% pengguna internet di seluruh dunia. Oleh Google, teknologi ini mereka sebut
PageRank. Anda bisa melihat nilai PageRank sebuah website dengan menginstall Google Toolbar yang ada di : http://toolbar.google.com (saat ini hanya untuk browser Internet Explorer dan Firefox). PageRank ditunjukkan oleh bar berwarna hijau dengan nilai antara 0 - 10. Semakin besar nilai PageRank suatu situs, semakin baik pulaposisinya di Google.
Namun perhitungan link popularity tidak hanya melihat kuantitas semata, melainkan kualitas link juga sangat diperhitungkan. Contohnya jika website Anda di-link oleh Yahoo, nilai link popularity-nya bisa lebih besar daripada di-link oleh 100 website pribadi. Dan sekali lagi, Google menganggap link dari sebuah website dengan nilai PageRank 8 jauh lebih baik dari 5 website yang hanya memiliki PageRank 1.
Pertanyaannya sekarang, bagaimana cara mengumpulkan link untuk website Anda ? Secara alami link akan didapat jika website Anda memiliki sesuatu yang berguna bagi pengunjung. Jika kita hendak memasang link ke website lain, tentu kita ingin menunjukkan suatu informasi untuk pengunjung situs kita. Tidak mungkin memasang link hanya untuk iseng, atau tanpa tujuan. Contohnya, jika Anda memiliki sebuah toko online dengan produk kamera digital, hendaknya Anda tidak hanya menampilkan informasi mengenai harga dan kemampuan produk saja. Buatlah halaman khusus yang berisi tips & trik untuk merawat kamera misalnya. Tentu informasi seperti ini akan sangat berguna bagi pengunjung Anda.
Cara kedua dengan melakukan barter link (link exchange) secara manual. Anda bisa menghubungi webmaster dari situs-situs yang memiliki informasi berkaitan dengan website Anda. Tawarkan kepada mereka kerjasama melalui barter link, dan terangkan apa keuntungan yang akan mereka dapat. Jika Anda bingung mencari partner, Anda bisa memanfaatkan Google untuk melacak link yang mengarah ke website pesaing. Caranya ketik link: diikuti dengan nama domain yang dicari. Contoh link:www.ilmukomputer.com, maka Google akan menampilkan link-link dari website lain yang mengarah ke IlmuKomputer.com. Masih berkaitan dengan link, tidak semua jenis link bisa meningkatkan link popularity. Link yang diperhitungkan adalah link standar dengan
menggunakan tag <a href>. Contohnya :
<a href="http://www.ilmukomputer.com">Situs Ilmu Komputer Indonesia</a>
Pada contoh diatas, kalimat "Situs Ilmu Komputer Indonesia" juga diperhitungkan, sehingga dalam kasus ini situs IlmuKomputer.com memiliki peluang besar untuk keyword "ilmu komputer" atau "Situs Ilmu Komputer" dan juga "Situs Komputer Indonesia". Sedangkan link seperti contoh dibawah ini tidak akan berguna, sebab bersifat redirect :
<a href="http://www.promosi-web.com/redir.php?site=ilmukomputer.com">Situs
Ilmu Komputer Indonesia</a>
Kesimpulan
Dengan memadukan faktor internal dan eksternal diatas, maka proses SEO bisa dipastikan akan berjalan dengan baik. Namun kesabaran Anda tetap dibutuhkan sebab dalam dunia SEO tidak ada proses instan, semuanya memerlukan waktu dan kerja keras. Kita hanya bisa membuat perkiraan mengenai cara kerja search engine secara teknis, sedangkan secara pasti hanya Google atau AllTheWeb yang tahu. Mereka tidak akan membocorkan rahasia dapur kepada publik.

PENULISAN KODE HTML

2011-04-15T22:28:00.000+07:00

DASAR -DASAR PENULISAN KODE HTML
Bagi anda yang pengin belajar tentang penulisan kode HTML berikut adalah sedikit mengenai dasar - dasar cara penulisannya. Tulisan ini hanya memuat perintah kode HTML yang sangat sederhana. Tulisan ini mkungkin sangat cocok bagi mereka yang baru mengenal HTML.

Html singkatan dari hypertext markup language, merupakan program penulisan informasi sebuah homepage. Dalam Tulisan ini akan coba saya perkenalkan dasar – dasar penulisan Kode HTML. Sebagai latihan Anda bisa menulis kode – kode HTML berikut ke Microsoft frontpage, atau program lainnya untuk mengetahui hasil setiap perintah kode HTML. (Untuk FrontPage setelah anda membuka halaman kosong sebagai latihan tulis kode HTML di Bagian menu “HTML” kemudian untuk melihat hasilnya silahkan tekan tombol “Preview” atau “Normal” yang ada disebelahnya. Saya menyarankan pakai FrontPage karena kebanyakan program tersebut sudah terinstal di komputer.

Sebelumnya ada saran dikit: cara yang baik dengan mempelajari bagaimana orang lain telah menuliskan kode-kode nya pada setiap halaman html adalah lakukan : klik menu "View" dan klik "Source". Cobalah lakukan langkah ini pada saat anda sedang membuka halaman html dokumen orang lain yang anda buka, download atau copy dari internet. Dengan langkah ini maka anda akan melihat sendiri di layar monitor komputer anda berbagai kode yang dituliskan pada halaman html tersebut.

1. Menulis judul pada halaman homepage

Setiap dokumen HTML sebuah homepage perlu diberi judul. Berikut adalah tampilan pada saat anda melakukan perintah penulisan judul atau title :

<title>Sinungku document</title>

Ubahlah teks "Sinungku document" dengan judul artikel anda. Penulisan judul biasanya dimulai dengan tanda tag <title> dan diakhiri dengan tanda tag </title>. Judul tulisan sebaiknya dituliskan pada awal dokumen anda.

2. Menambahkan sub-sub judul dan paragraphnya

Apabila anda telah biasa mempergunakan Microsoft Word, anda sudah biasa pula dengan model-model kodifikasi sub judul (heading) dengan tingkatan kepentingannya. Dalam bahasa HTML ada enam tingkat sub judul (heading). H1 adalah sub judul yang paling penting, H2 adalah sub judul yang agak kurang penting, begitu seterusnya sampai H6, yang paling sedikit kepentingannya..

Berikut adalah bagaimana caranya menambahkan sub judul (heading) :

<h1>Judul Penting</h1>

dan berikut adalah penulisan sub judul selanjutnya :

<h2>Judul Kurang Penting</h2>

Setiap paragraph yang anda tulis sebaiknya dimulai dengan sebuah kode tag <p>. Kode tag </p> hanya dipergunakan bila perlu. Kecuali pada penulisan sub judul biasanya diakhiri dengan kode tag </p>. Contoh :

<p>Paragraph Pertama.</p>

<p>Paragraph kedua.</p>

Untuk membuat lay-out tulisan kode yang dipakai :

<p align=”justify”>Teks anda</p>      : Rata kiri kanan

<p align=”right”>Teks anda</p>        : Rata Kanan

<p align=”center”>Teks anda</p>       : Rata Tengah

<p align=”left”>Teks anda</p>         : Rata Kiri

3. Menambahkan emphasis / Huruf Miring

Anda dapat menambahkan emphasis yang terdiri dari sebuah kata atau beberapa kata dengan menuliskan kode tag <em> pada awal emphasisnya dan diakhiri dengan kode tag </em>. Atau kode : <i> dan diakhiri </i> Contoh

Sinung putriku <em>pertama</em> yang cantik. Atau :

Sinung putri <i>pertama</i> dari Wahyo.

4. Membuat Huruf Tebal / Bold

Contoh :  Sinung putri <b>pertama</b> dari Wahyo.

5. Membuat Huruf Bergaris bawah

Contoh :  Sinung putri <u>pertama</u> dari Wahyo.

6. Membuat Warna Huruf

Contoh :  Sinung putriku <font color=”#0000ff”>pertama</font>yang cantik.

0000ff adalah kode warna huruf, anda bisa menggantinya dengan kode yang lain.

7. Membuat Warna Background Huruf

Contoh :  Sinung putriku <span style=”#0000ff”>pertama</span>yang cantik.

8. Membuat ukuran / size Huruf

Contoh :  Sinung putriku <font size=”3”>pertama</font>yang cantik.

9. Mengubah Jenis Huruf

Contoh :  Sinung putriku <font face=”Times New Roman”>pertama</font>yang cantik.

10. Menambahkan gambar (images)

Gambar (atau images) dapat ditambahkan kedalam halaman Web anda agar semakin informatif dan menolong penyampaian pesan anda. Cara sederhana untuk menambahkan sebuah gambar adalah dengan menggunakan kode tag <img>. Misalkan anda hendak menambahkan sebuah file gambar "sinungku.jpeg" dalam folder atau direktori yang sama dimana file dokumen HTML anda simpan. Gambar ini memiliki lebar 200 pixel dan tingginya 150 pixel.Maka menulisnya sebagai berikut :

<img src="sinungku.jpeg" width="200" height="150">

Lebar dan tinggi tidaklah terlalu penting akan tetapi ukuran gambar yang kecil akan menolong cepatnya tampilan halaman web anda diakses oleh orang lain di internet. Namun masih ada kekurangannya ! Orang lain yang tidak dapat melihat gambar anda, akan memerlukan deskripsi gambarnya. Anda dapat menambahkan deskripsinya dengan cara sebagai berikut :

<img src="sinungku.jpeg" width="200" height="150"

alt="Putriku yang Pertama">

Atribut alt dipergunakan untuk menuliskan perintah deskripsi singkat yaitu " Putriku yang Pertama ". Untuk gambar-gambar yang kompleks, anda akan membutuhkan deskripsi yang lebih banyak. Misalkan perintah ini akan dituliskan dalam file "sinungku.html", anda dapat menambahkan atribut deskripsi yang panjang seperti dalam contoh berikut :

<img src="sinungku.jpeg" width="200" height="150"

alt="Putriku yang Pertama " longdesc="sinungku.html">

Anda dapat membuat gambar dengan beberapa cara, dapat dengan mempergunakan kamera digital, scanner, atau membuat gambar dengan program pembuatan gambar seperti Photoshop, Corel, Microsoft Photoeditor, LViewpro dll. Kebanyakan program browser dapat membaca format gambar GIF dan JPEG, program browser yang terbaru juga dapat membaca format PNG. Untuk mencegah lambatnya gambar anda diakses di internet sebaiknya anda menerapkan ukuran file gambar yang tidak terlalu besar.

Secara umum, format JPEG adalah format terbaik untuk fotografi dan memperhalus berbagai jenis gambar, sedangkan format GIF dan PNG baik untuk grafis seperti bidang datar berwarna, garis dan teks. Ketiga bentuk format itu memiliki kemampuan "progressive rendering" yaitu kemampuan mengirimkan gambar kasarnya terlebih dahulu dan kemudian dilanjutkan dengan menambahkan detailnya sampai gambar tersebut tampil seluruhnya dengan baik.

11. Menambahkan link (tanda berhubungan) dengan halaman lain

Yang membuat Web demikian efektif adalah adanya kemampuan untuk membuat hubungan (link) dari satu halaman dengan halaman lainnya dan halaman lain yang berhubungan ini dapat dikerjakan cukup dengan satu kali klik saja.

Hubungan atau Link biasa ditulis dengan kode tag <a>. Misalkan sebuah hubungan atau link hendak dibuat pada file "sinungku.html":

This a link to <a href="Sinungku.html">Sinung's page</a>.

Teks antara kode tag <a> dengan kode tag </a> adalah keterangan tentang hubungan atau link yang akan dibuat. Umumnya keterangan ini diberi garis bawah. Warna teks dan garis bawah dibuat berwarna biru.

Untuk membuat link ke tempat Web yang lain anda perlu menambahkan alamat internet Web selengkapnya (biasanya disebu URL), contoh untuk link ke w3c anda perlu menuliskan :

This is a link to <a href="http://www.w3c.org/">W3C</a>.

Anda dapat juga membuat gambar logo memiliki link ke halaman lain. Contoh penulisan berikut memungkinkan gambar logo anda dapat berhubungan dengan home page.

<a href="/"><img src="logo.gif" alt="home page"></a>

12. Tiga macam daftar

Bahasa HTML memiliki kemampuan membuat tiga jenis daftar (list). Pertama daftar dengan kode bulat (bulleted list), biasa disebut unordered list. Penulisannya mempergunakan kode tag <ul> dan kode tag <li>, contoh :

<ul>

<li>Sinung putriku pertama</li>

<li>Wahyo adalah ayahnya</li>

<li>Dyah adalah ibunya</li>

</ul>

Perhatian, anda selalu harus menuliskan kode tag </ul> pada bagian akhir daftar anda, tetapi kode tag </li> bersifat tambahan atau bisa juga tidak dipergunakan. Jenis daftar kedua disebut daftar bernomor atau disebut juga ordered list. Ini dituliskan dengan kode tag <ol> dan kode tag <li>. Contoh :

<ol>

<li>Sinung putriku pertama</li>

<li>Lahir tanggal 18 Agustus</li>

<li>Hari lahir Jum`at jam 20.05 WIB</li>

</ol>

Seperti daftar pertama, anda selalu perlu mengakhiri daftar dengan kode tag </ol> , tetapi kode tag </li> pada bagian akhir adalah tambahan dan dapat dihilangkan.

Daftar ke tiga dan terakhir adalah daftar berdefinisi (definition list). Dengan daftar ini memungkinkan anda membuat daftar terminologi dan definisinya. Daftar ini ditulis dengan kode tag <dl> pada awal tulisan dan diakhiri dengan kode tag </dl>. Masing-masing terminologi dimulai dengan kode tag <dt> dan setiap definisi dimulai dengan kode tag <dd>. Contoh :

<dl>

<dt>the first term</dt>

<dd>its definition</dd>

<dt>the second term</dt>

<dd>its definition</dd>

<dt>the third term</dt>

<dd>its definition</dd>

</dl>

Kode tag </dt> dan </dd> adalah tambahan dan bisa tidak dipergunakan. Catatan, tiap daftar dapat disubkan antara satu daftar dengan daftar lainnya.Contoh :

<ol>

<li>the first list item</li>

<li>

the second list item

<ul>

<li>first nested item</li>

<li>second nested item</li>

</ul>

</li>

<li>the third list item</li>

</ol>

Anda bahkan dapat membuat paragraph dan headingnya dan lain-lainl.pada daftar yang lebih panjang.

ACESORIS WIDGET

2011-04-15T22:06:00.001+07:00

7. Peta Kampung Kita

Bagi yg ingin melihat nama dan peta kampung kelahiran nempel di blog, silahkan daftar di http://feedmap.net

Caranya,
(a) masuk ke http://feedmap.net;

(b) Klik "Explore Blog", akan muncul peta dunia;

(c) Pilih negara Indonesia dg cara klik kanan secara terus menerus mouse komputer Anda dan geser/putar peta dunia tsb. ke kanan/kiri sampai ketemu peta Indonesia.

(d) Setelah peta Indonesia ditemukan, perbesar fokus peta dg cara mengklik 2x secara berulang-ulang;

(e) Pilih kawasan atau propinsi yg paling dekat dg kampung kelahiran Anda, dan perbesar fokus peta dg mengklik berkali-kali sampai tidak dapat diperbesar lagi;

(f) Setelah nama kampung kelahiran atau kota terdekat dari kampung kita tampak, arahkan panah mouse ke kota tsb dan klik kanan mouse;

(g) Akan tampil menu "Add Blog", klik menu ini;

(h) Akan muncul kotak, isi alamat blog Anda.

(i) Klik submit;

(j) Apabila berhasil, maka akan muncul tulisan: Thank You! Di bawahnya ada tiga kotak yg berisi kode html untuk BLOGMAP, NEIGHBLOGMAP BUTTON, dan LOCAL BLOGROLL. Copy ketiga kode HTML tsb. dan paste di sidebar blog Anda;

Cara Praktis Promosi Blog

2011-04-15T21:21:00.001+07:00

Setelah membuat blog dan memposting tulisan, curhat, puisi dan cerpen serta diari Anda, cobalah tiga hari kemudian cek blog Anda di http://technorati.com/search, pakai kata kunci nama Anda atau link Anda seperti http://kolom-mario.blogspot.com (pemakaian http://.. ini perlu untuk membentuk link). Apabila masih belum muncul di technorati.com, berarti ada setting-an blog Anda yg perlu diperbaiki. Ikuti petunjuk sbb:

(1) Log-in ke http://blogger.com dan masukkan id dan password seperti biasa;
(2) Klik judul blog Anda;
(3) Klik "setting", trus klik "publishing"
(4) Di bagian paling bawah ada menu "notify weblogs.com" pilih "yes".
(5) Klik "Save Settings" dan "republish". Selesai.

Jangan lupa, menu "comments" dibikin publik supaya orang mudah memberi komentar. Caranya:

(1) Klik "Setting", trus klik "comments". Di "settings comments" ini ada berbagai pilihan, pilih sbb:
(a) Comments --> pilih "show";
(b) Who can comment? --> pilih "anyone";
(c) Comments default for comments --> pilih "New Posts have comments"
(d) Backlinks --> show
(e) Show comment in pop up window? --> pilih "yes"
(f) Show Word verification for comments? --> pilih "yes"
(g) Enable comment moderation? --> pilih "no"
(h) Show profile images on comments? -->pilih "yes"
(i) comment notification address --> isi dg email anda.

Terakhir, klik "Save Settings" dan "Republish". Selesai.

PROMOSIKAN Blog

2011-04-15T21:20:00.001+07:00

Setelah selesai membuat blog, hal yg tak kalah pentingnya adalah empromosikan/memperkenalkan blog milik Anda pada dunia ramai. Apa gunanya membuat blog kalau isi curhat, puisi, cerpen, refleksi dan opini Anda yang diposting tidak dibaca orang, bukan?

Ikuti langkah-langkah promosi blog sebagai berikut:

(1) Daftarkan di blog directory

Daftarkan blog Anda ke berbagai direktori blog (blog directory). Sedikitnya, daftarkan di tiga blog directory terbesar dan terpopuler, yaitu (a) http://technorati.com (b) http://feeburner.com (c) http://blogdigger.com. Ikuti seluruh petunjuk pada ketiga blog directory tsb ketika mendaftar.

Blog-blog directory ini nantinya secara otomatis akan mengirim data blog dan posting-posting anda ke berbagai search engine, termasuk tiga search engine besar yaitu http://google.com, http://msn.com, http://yahoo.com.

(2) Link-trade, Link Exchange atau Tukar Link

Ajak teman anda yg memiliki blog untuk saling tukar link. Link URL anda di blog dia, dan jangan lupa anda juga memasukkan link blog teman anda tsb. di blog anda. Dalam dunia blog, ini disebut juga dg istilah BLOGROLL. Dan blogroll ini salah satu penyebab cepatnya popularitas blog di seluruh dunia, mengalahkan website yg biasa.

Blogroll atau link-exchange tidak harus melalui permintaan, bisa juga dg saling suka rela. Umpamanya, ada seseorang blogger (pemilik blog) yg memasang link Anda di blog dia, apabila Anda tahu, maka Anda juga "berkewajiban" menambah link blog dia di blog Anda. Apabila tidak, maka akan dicap sebagai "blogger pelit". Di dunia maya pun, sebagaimana di dunia nyata, orang pelit akan selalu teralienasi. Dg kata lain, sedikit "tamu"nya. :)

Nah, bagaimana cara mengetahui ada yg mengelink blog Anda? Caranya mudah: tulis di kotak http://technorati.com/search alamat blog Anda atau blog siapa saja yg ingin Anda ketahui. Contoh blog ini, http://kolom-mario.blogspot.com, setelah itu tekan search, anda akan tahu siapa saja yg ngelink ke blog tsb.

Sebagai langkah pertama 'proyek' tukar link, Anda bisa mencoba dg memasang link blog http://afsyuhud.blogspot.com di sidebar blog Anda. Dalam waktu tidak lama, alamat blog Anda akan tampil di blognya.

(3) Berkunjung ke blog lain

Untuk menambah teman untuk diajak blogroll, sempatkan berkunjung ke blog2 lain, dan berkomentar di bukutamu atau tagboard mereka atau berkomentar di tulisan mereka sambil jangan lupa memasang alamat blog Anda di blog mereka. Dalam waktu tidak lama, mereka akan "bertamu balik" ke "rumah" atau blog Anda.

(4) Aktivitas posting
Usahakan sedikitnya satu kali posting setiap harinya. Posting yg teratur di blog, akan membuat tamu datang secara teratur juga.

(5) Alamat blog di signature email
Tulis alamat blog Anda di signature email. Sehingga setiap anda menulis email ke pribadi atau ke milis, alamat blog anda akan selalu muncul, dan "menggoda" orang untuk berkunjung. Memposting ringkasan tulisan di blog Anda ke milis juga akan sangat menggoda member milis untuk datang ke blog Anda.

Mendaftarkan Blog ke Blog Directory

2011-04-15T16:21:00.004+07:00

Mengapa harus mendaftarkan blog ke blog directory? Pengaruhnya apa untuk blog kamu? Begini, setelah sebelumnya kamu mendaftarkan blog ke search engine utama maka langkah selanjutnya adalah mendaftarkan blog ke blog directory atau web directory. Hal ini berguna untuk menaikkan PageRank blog kamu. Bila PageRank atau situsmu telah naik, maka secara otomatis blog kamu akan semakin bisa memenangkan hasil pencarian di search engine. Sebagai contoh search engine Google dan Yahoo adalah pemain terbesar di dunia saat ini.

Banyak di internet yang menyediakan jasa direktori untuk blog. Kamu tinggal pilih saja. Namun tidak semua yang bisa menerima blog kamu. Mengapa? Karena ada beberapa blog directory yang mengharuskan konten artikel blog dalam bahasa Inggris. Namun jangan bingung dulu sebab banyak juga blog berbahasa Indonesia yang bisa diterima oleh blog directory. Satu hal yang pasti sebelum blog kamu diterima, blog kamu harus memenuhi persyaratan standar mereka. Blog kamu akan direview dulu. Syarat yang paling umum adalah blog kamu tidak mengandung konten pornografi, tidak menyalahi undang-undang hak cipta, tentang kekerasan dan ajakan perang, dan lain-lain.

Berikut contoh blog directory yang saya pakai.

You can try this blog directory to increase your Blog Pagerank.

Technorati
MyBloglog
BlogCatalog
PR CheckerInfo
Dmegs
Webkios
10Pagerank
Podcastzoom.com
Bloggernity
Blog Toplist
Zimbio
Increase Page Rank
Directory Syndicate
Directory Now
For Links Directory
TheGeneralDirectory
10Directory
Fast Approvals
Link Directory Site
SubSeo
Sun Directory
AddSiteNow
Speedy Directory
Welcome Links
Powerfull Directory
www.SeoSubmissionDirectory.info
www.ForeverLinks.info
Free Casino Directory

Dan jangan lupa pula untuk mendaftarkan blog kamu ke ODP-Open Directory Project. ODP dengan alamat http://www.dmoz.org sangat mementingkan kualitas dari blog kamu. Jadi blog kamu harus benar-benar telah memenuhi standar qualifikasi mereka baru bisa diterima oleh ODP. Jadi demikianlah secara singkat tentang blog directory. Ada banyak blog directory di internet baik yang di Indonesia maupun yang di luar negeri dan kamu tinggal pilih saja wink. Sedikit tips dari Bang Del sebelum kamu benar-benar siap untuk mendaftarkan blog ke blog directory:

Blog harus benar-benar sudah jadi dan tidak dalam kondisi under construction.
Biasanya bila blog kamu telah diterima oleh blog directory tersebut maka ada semacam reward yang harus kamu berikan. Apa itu reward? Reward adalah balas jasa yang harus kamu berikan. Kamu juga harus memasang link mereka pada blog kamu. Bisa berupa text link ataupun banner link.
Daftarkan blog kamu ke blog directory dengan PageRank tinggi. PageRank Checker bisa kamu gunakan untuk mengecek PageRank blog directory tersebut. Hal ini berguna untuk mengangkat PageRank blog kamu juga.
Pada blog directory, kamu akan mengisi formulir pendaftaran secara lengkap. Jadi sesuaikan blog kamu dengan kategori pilihan yang mereka sediakan. Hal ini untuk memudahkan pencarian blog pada direktori blog tersebut.
Demikian tentang cara daftar blog ke blog directory, semoga bermanfaat.

Promosi Blog ke Search Engine

2011-04-15T16:21:00.002+07:00

Sudah punya blog? Bagus, kalau sudah. Sekarang aku mau share ilmu murah tapi bukan murahan lo. Sekali lagi, ilmu ini udah basi dan sudah banyak dibahas. But it’s okay, daripada aku ga nulis sama sekali, mending aku nulis yang udah basi sekalian biar tambah basi, he.he… Salah satu promosi blog yang paling mendasar adalah dengan mendaftarkan blog ke search engine. Kenapa harus didaftarin bang? Follow the next step please…

Sebab kalau blog ataupun situsmu belum didaftarkan blog ke search engine, maka blogmu atau apapun namanya akan menjadi blog atau situs yang mati untuk beberapa lama sebelum akhirnya Google menemukannya secara alami. Kenyataannya kan kita bermain di dunia internet. Logikanya, bagaimana cara orang untuk bisa menemukan blogmu atau isi artikel postingmu di internet? Ada banyak cara. Mungkin bisa jadi kamu mempromosikannya melalui sms ke temanmu memberitahukan alamat blogmu, bilang langsung pas lagi ngumpul atau membuat stiker kecil atau selebaran yang di dalamnya telah tertulis alamat situs atau blogmu.

Tapi cara yang paling sering digunakan orang untuk menemukan blogmu atau isi artikelmu di internet adalah dengan mengetikkan kata atau keyword di search engine. Bisa jadi dia mencari sesuatu yang perlu saat itu, maka dia langsung nyari ke search engine. Dan search engine memunculkan hasil pencariannya.

Kamu kenal Google kan? Yups benar sekali, pasti semua pengguna internet di dunia ini mengenal Google sebagai pemain terbesar dalam dunia internet. Google itu rajanya search engine. Namun apakah hanya Google? Ow tidak-tidak, masih banyak yang lain. Masih ada Yahoo! AOL MSN dan ODP sebagai direktori situs web terbesar sepertinya.

Terus apa kaitannya nama-nama di atas dengan searh engine bang? Okey, langsung aja ke topik utama ya. Google, Yahoo!, MSN, AOL, ODP adalah situs tempat anda mendaftarkan blog atau situs mu. Tujuannya agar nanti bila ada orang yang mencari artikel atau blog yang berkaitan tentang blog atau situsmu, maka blog atau situsmu akan muncul di hasil pencarian search engine mereka (tapi ga tahu juga di halaman berapa). Biasanya halaman jutaan bagi blog yang baru dibuat. Jadi harap bersabar, okey. Punyaku juga masih halaman jutaan koq hingga ini kuposting, so tenang aja masih ada teman seperti diriku.

Daftarkan blogmu ke Google
klik http://www.google.com/addurl.html
Isi alamat blog pada kotak URL dan masukkan juga thema tentang isi blogmu. Singkat saja tapi benar-benar merupakan inti dari thema blogmu. Masukkan kode di formulirnya lalu klik Add URL. Selesai..

Daftarkan blog ke Yahoo!
klik http://siteexplorer.search.yahoo.com/submit
Namun sebelumnya kamu harus sudah punya email di Yahoo! Untuk formulis pertama. Masukkan alamat blogmu di kotak isian. Contohnya seperti di bawah ini.
http://namablogkamu.blogspot.com (untuk blogger)
http://namablogkamu.wordpress.com (untuk wordpress)
Formulir kedua, kamu masukkan nama feed blogmu. Contohnya seperti di bawah ini.
http://namablogkamu.blogspot.com/atom.xml (untuk blogger)
http://namablogkamu.wordpress.com/rss.xml (untuk wordpress)
Lalu tekan tombol submit. Selesai..

Daftarkan blog ke MSN
klik http://search.msn.com/docs/submit.aspx?FORM=WSDD2
MSN adalah milik Microsoft, jasa layanan search engine-nya lumayan banyak digunakan pengguna internet untuk mencari berita dan informasi. Masukkan kode verifikasinya lalu tuliskan alamat blog kamu di kotak formulirnya. Setelah itu tekan subbmuit URL. Selesai.. Sebagai catatan situs ini telah berubah menjadi Bing. Search engine akan di redirect ke Bing.
Daftarkan blog ke ODP

klik http://www.dmoz.org/add.html
Kalau bagaimana dengan ODP bang? ODP (Open Directory Project) bukan search engine. Namun hampir semua search engine seperti Google, Yahoo!, MSN, AOL, Alexa, Lycos, Theoma, Ask Jeevess mengacu pada data base (directory) yang di simpan oleh ODP. So, aku menyarankan dn merupakan keharusan juga sih untuk mendaftarkan blogmu atau situsmu ke ODP. Daftarkan blogmu dengan menyesuaikannya pada kategori yang telah mereka sediakan.

Ingat banyak peraturannya di sana, jadi kamu harus berhati-hati dan mengisi formulir pendaftaran dengan harus benar-benar mengikuti aturan main mereka. Kalau enggak, ga bakalan situs atau blogmu mereka masukkan. Kalau blogmu ga memenuhi kualitas dan kualifikasi yang mereka tentukan, jadi maap saja kalau blogmu ga terdaftar. Tapi patut untuk dicoba. Kalau sudah mendaftar, tunggu aja sampai satu bulan apakah blog atau situsmu sudah diindex sama ODP. Dan ingat jangan mendaftarkan blog atau situs yang sama sebelum satu bulan atau mungkin bisa jadi 3 minggu (if you lucky). Blog bang del aja sampai sekarang belum diterima ODP .
By the way, setelah kamu mendaftarkan blogmu ke Google, Yahoo!, MSN, ODP dan search engine yang lain, kamu harus menunggu beberapa lama (bisa sebulan atau mungkin sampai tiga bulan) agar blogmu bisa di index dan di crawl oleh mereka. So, bersabarlah dan banyak-banyak menulis konten di blogmu sambil menunggu untuk di index search engine.
Sebenarnya masih ada cara yang lebih cepat mendaftarkan blog ke search engine yaitu dengan menggunakan jasa layanan pendaftaran search engine otomatis yang banyak terdapat di internet. Nanti saja dibahas, kalau aku sempat dan rajin menulis aja ya, he.. Oia, hampir lupa. Ilmu ini kudapat dengan membaca buku judulnya Google Is My Salesman oleh Bob Julius Onggo dan dari berbagai sumber di internet yang sangat banyak bertebaran. Ok, cukup dulu ngetiknya udah capek. Kalau masih ada yang belum jelas (kurang detail) bisa ditanyakan disini atau kamu cari di internet juga bisa.

RSS Submit to RSS Feed Directory

2011-04-15T16:21:00.000+07:00

RSS Feed sudah saya tulis di artikel RSS Feed Adalah. Dengan RSS submit to rss directory atau mendaftarkan rss ke rss directory bisa mengoptimalkan rss yang sudah ditambahkan pada situs web. Optimasi RSS erat kaitannya dengan kita yang sedang mencoba berbisnis online di internet yaitu untuk mendapatkan pelanggan yang lebih banyak lagi. Jadi sebenarnya artikel ini buat siapa ya? Bisa buat siapa saja, bagi yang mencoba berbisnis di internet maka tulisan ini akan sangat berguna. Selain itu juga dapat meningkatkan trafik kunjungan pada situs web yang kita kelola. Cara mudah mempromosikan rss feed adalah dengan mendaftarkan rss feed ke berbagai directory rss feed sehingga lebih mudah dikenali oleh rss feed search engine. Ternyata RSS Feed juga punya search engine sendiri dan baru saja saya tahu tentang ini.

Ada banyak situs yang menyediakan jasa pendaftaran RSS ke RSS Directory baik itu yang gratis maupun berbayar. Di sini saya rekomendasikan cukup satu saja. Silahkan daftarkan RSS Feed kamu melalui Allscoop Rss Submit, tidak dipungut biaya dan Allscoop Rss Submit akan mendaftarkan RSS kamu ke 50 rss directory melalui software yang bisa di download di sini. Bila sudah dicoba, nanti akan ada beberapa rss directory yang meminta submit manual silahkan mengisi form yang mereka minta. Tidak berbebada dengan tips seo lainnya seperti ketika kita ingin mengeping update blog pada blog ping service seo tips, maka lakukan pendaftaran RSS cukup satu kali saja.

Blogspot menyediakan pilihan setting RSS Feed ke FeedBurner, inilah yang akan kita optimasi ke RSS Search Engine dengan mendaftarkannya ke RSS Directory. Untuk rss bawaan blogspot adalah alamat url kita ditambah atom.xml di belakan alamat url sehingga menjadi

http://alamatblogkamu.blogspot.com/atom.xml.

Namun bagi blogspot yang sudah setting rss ke rss feedburner alamatnya akan menjadi

http://feeds.feedburner.com/namafeedblogkamu.

Contohnya rss feed Bang Del:

http://bangdel.blogspot.com/atom.xml

http://feeds.feedburner.com/bangdel

Jadi kita tinggal pilih rss mana yang mau didaftarkan ke rss directory, tergantung setting rss pada blog kamu. Satu hal lagi, sebagai balas jasa yang mereka sediakan maka biasanya kita akan diminta untuk memasang text link atau banner link rss directory tersebut pada blog kita. yah, itung-itung malah buat ningkatin PR blog di search engine. Semoga saja dengan mendaftarkan RSS Feed ke direktori RSS Feed akan semakin meningkatkan feedcount pembaca artikel kita. Bagi siapa saja yang ingin mendapatkan artikel gratis dari Bang Del silahkan untuk mendaftarkan diri pada form berlangganan yang telah tersedia di blog ini. Sepertinya beberapa kali saya menulis tentang SEO ( Seaarh Engine Optimization), kenapa ya . Mungkin saya memang tertarik dan ingin belajar SEO lebih banyak lagi.

Setting Feed Blog Ke Facebook

2011-04-15T16:20:00.001+07:00

Facebook, siapa sih yang ga kenal dengan dirinya. Semua penguna intenet saat ini pasti kenal yang namanya facebook. Sebagai ajang promosi facebook patut diandalkan. Tak terkecuali seorang blogger pun akan memanfaatkan facebook untuk mempromosikan blognya, termasuk saya. Anda dapat mempromosikan artikel posting di facebook dengan setting feed blog ke facebook. Dengan feed blog berada di facebook, maka secara otomatis artikel blog Anda akan terkirim ke facebook berupa catatan facebook dan semua teman Anda di facebook akan membaca artikel tersebut. Efeknya, akan menghantarkan pembaca menuju blog Anda dan trafik-pun meningkat. Artikel akan terkirim ke facebook walaupun Anda tidak sedang login di facebook. Bagaimana, tertarik untuk membuatnya? Kalau tertarik, silahkan ikuti cara berikut. Oia, saya sudah ganti setting bahasa facebook ke bahasa Indonesia. Oke, mari kita teruskan.

Cara setting feed blog ke facebook

Masuk ke facebook Anda. Arahkan kursor ke menu Pengaturan selanjutnya pilih dan klik menu setting aplikasi. Jika sudah, pada halaman berikutnya pilih dan klik catatan.
Halaman berikutnya, cari menu pengaturan catatan biasanya di sebelah kanan monitor. Silahkan klik ubah pengaturan impor. Setelah itu masukkan URL feed blog Anda. Contohnya untuk blog bang del, feed default blog adalah
http://bangdel.blogspot.com/feeds/posts/default atau http://bangdel.blogspot.com/atom.xml
Nah, karena saya sudah merubah feed blog ke feedburner, jadinya saya menggunakan feed
http://feeds.feedburner.com/bangdel
Terserah saja mau pakai feed yang mana. Perhatikan kotak kecil persyaratan dari facebook yang harus dicentang. Jika sudah dicentang, klik tombol mulai mengimpor. Selanjutnya akan tampil halaman untuk mengkonfirmasi impor blog dan klik tombol Lanjutkan.
Selesai

Bagaimana, sangat mudah bukan. Mungkin selama ini Anda promosi artikel posting blog ke facebook dengan layanan share dari sosial bookmark setiap kali ada artikel baru. Namun dengan setting feed blog ke facebook akan memudahkan pekerjaan Anda, dan bekerja secara otomatis. Dijamin dapat meningkatkan trafik kunjungan ke blog Anda.

Menambah Elemen Di Bawah Dua Sidebar

2011-04-15T16:19:00.003+07:00

Posting ini hanya untuk melengkapi desain template menambah sidebar di bawah dua sidebar blogger. Sungguh kalimat yang sangat membingungkan bukan? Saya saja bingung koq. Agar lebih mudah, silahkan baca postingan menambah elemen di bawah sidebar. Di sana dijelaskan bagaimana kita dapat menambah dua elemen sidebar di bawah sidebar utama.

Jadi sekarang kita akan menambahkan satu elemen lagi di bawah kedua sidebar tersebut. Mungkin sudah mulai jelas ya. Oke, sekarang masuk ke utak-atik template. Biasanya saya pakai Minima White sebagai acuan.

Menambah elemen di bawah dua sidebar

Login ke blogger dengan id anda
Masuk ke menu Tata Letak
Pada tab menu, klik Edit HTML
Backup template anda, klik Download Template Lengkap
Sekarang cari kode ini :
#sidebar-wrapper {
width: 220px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Silahkan diganti dulu nilai width 220px; dan properti float: $startSide; dengan nilai lebar sidebar yang anda rencanakan. Misalnya width: 350px dan properti menjadi float: right; Jadinya seperti ini :
#sidebar-wrapper {
width: 350px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Jika anda telah membuat dua sidebar di bawah sidebar utama seperti pada tutorial yang sebelumnya, silahkan tambahkan hanya kode yang berwarna hijau saja.
#left-col {
width:170px;
float:left;
word-wrap:break-word;
overflow:hidden;
}
#right-col {
width:170px;
float:right;
word-wrap:break-word;
overflow:hidden;
}
#bottom-col {
width:170px;
float:right;
word-wrap:break-word;
overflow:hidden;
}
Sehingga kodenya akan menjadi seperti ini :
#sidebar-wrapper {
width: 350px;
float: right;
$startSide
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-col {
width:170px;
float:left;
word-wrap:break-word;
overflow:hidden;
}
#right-col {
width:170px;
float:right;
word-wrap:break-word;
overflow:hidden;
}
#bottom-col {
width:170px;
float:right;
word-wrap:break-word;
overflow:hidden;
}
Sekarang membuat id untuk bottom sidebar yang dinamai sebagai “bottom-col” tersebut. Carilah kode ini :
<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’/>
<b:widget id= dan seterusnya…
<b:section class=’sidebar’ id=’left-col’ preferred=’yes’/>
<b:section class=’sidebar’ id=’right-col’ preferred=’yes’/>
</div>
Sisipkan kode berikut di bawah kode tadi :
<b:section class=’sidebar’ id=’bottom-col’ preferred=’yes’/>
Sehingga secara keseluruhan menjadi seperti ini :
<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’/>
<b:widget id= dan seterusnya….
<b:section class=’sidebar’ id=’left-col’ preferred=’yes’/>
<b:section class=’sidebar’ id=’right-col’ preferred=’yes’/>
<b:section class=’sidebar’ id=’bottom-col’ preferred=’yes’/>
</div>
Sekarang klik tombol SIMPAN TEMPLATE
Selesai

Mari kita uji hasilnya dengan masuk ke Tata Letak lalu klik Elemen Halaman. Saya harap sudah ada elemen sidebar baru di bawah dua elemen sidebar kiri dan kanan seperti ditunjukkan oleh gambar di atas. Oke, selamat mencoba.

Mendaftarkan Sitemap Blogger Ke Google

2011-04-15T16:19:00.001+07:00

Mendaftarkan peta situs atau sitemap blog pada google webmaster tools memudahkan google mengindex seluruh halaman posting blog. Bila seluruh postingan telah diindex, berarti halaman postingan akan mudah ditemukan oleh mesin cari. Pengunjung yang datang dari hasil mesin cari akan sangat bernilai bagi blog atau website. Disebut sebagai pengunjung yang alami dan murni. Manfaat lainnya adalah dengan mendaftarkan sitemap blog ke google webmaster tools akan memudahkan google menentukan pagerank blog atau situsweb. Google sangat menganjurkan untuk mendaftarkan sitemap situsweb. Banyak fitur bermanfaat lainnya yang bisa didapatkan di google webmaster tools. Salah satunya google sitemap dengan submit sitemaps.

Blogger tidak memberikan pilihan untuk memodifikasi XML sitemap. Blogger bisa mendaftarkan rss.xml atau atom.xml blog sebagai sitemap. Caranya sangat mudah, hanya dengan menambahkan atom.xml di akhir alamat blog. Untuk blogger alamat url-nya adalah seperti ini
http://NamaBlogKamu.blogspot.com
Maka alamat sitemap blog setelah penambahan atom.xml akan menjadi seperti ini
http://NamaBlogKamu.blogspot.com/atom.xml?redirect=false
Atom.xml blogger hanya mengirimkan 25 posting terbaru. Nah, bagaimana kalau blog telah memiliki posting lebih dari 25 artikel? Agar google mengindex seluruh posting maka kita menambahkan atribut ini
start-index=1&max-results=100
Sehinga secara keseluruhan sitemap menjadi seperti ini
http://NamaBlogKamu.blogspot.com/atom.xml/atom.xml?redirect=false&start-index=1&max-results=100
Setelah sitemap didaftarkan, maka semua url posting blog akan terkirim ke google webmaster tools dan lebih mudah diindex mesin cari google.
Ikuti langkah di bawah ini.

Loggin with your google id to google webmaster tools
Kemudian pada kamu akan dibawa pada halaman home. Disana akan terdapat blog kamu yang sebelumnya sudah didaftarkan dan blog sudah diverifikasi oleh google webmaster tools. Jika belum, kamu bisa ikuti cara daftar verifikasi blog ke google webmaster tools.
Pilih blog yang akan kamu daftarkan sitemap-nya ke google webmaster tools.
Kemudian kamu akan dibawa ke menu dashboard. Silahkan klik site configuration » Pilih Sitemap.
Klik tombol Submit a Sitemap
Isi formulir kode sitemap pada kotak isian dengan kode atom.xml?redirect=false&start-index=1&max-results=100

Klik tombol submit sitemap
Bila tidak ada masalah maka akan mucul pemberitahuan has been added as a sitemap seperti ini http://NamaBlogKamu.blogspot.com/atom.xml/atom.xml?redirect=false&start-index=1&max-results=100 hass been added as a sitemap.

Selesai

Sedikit tambahan tentang adanya syntax ?redirect=false. Syntax ini hanya sebuah trik untuk mengelabui google. Dengan penambahan syntax ?redirect=false diharapkan Google tidak menemukan adanya URL posting yang buntu atau dead link, restricted, atau unreachable. Dengan demikian maka tidak ada lagi warning dari google dan sitemap dapat berjalan mulus megirimkan semua url posting ke google webmaster tools. Semoga dengan mendaftarkan sitemap blogger ke google webmaster tools akan meringankan tugas google untuk mengindex artikel-artikel yang telah diposting pada blog.

Menambah Elemen Sidebar Blogspot

2011-04-15T16:18:00.004+07:00

Menambah kolom sidebar blogspot sebenarnya agak sulit namun asik. Kalau kita memilih template minima maka akan terdapat dua kolom saja yaitu kolom pada bagian postingan dan kolom pada bagian sidebar. Banyak blogger yang suka hanya dua kolom saja namun ada juga beberapa blogger yang suka blog dengan tiga sidebar atau bahkan empat sidebar. Sebenarnya kalau dicari template blog untuk blogspot yang tiga sidebar dan empat sidebar sangat banyak dan tinggal download saja dan dipakai. Namun bagaimana kalau kita mencoba modifikasi template default minima menjadi beberapa sidebar. Tentunya ada rasa kepuasan tersendiri bukan? Itung-itung buat belajar dan nambah kemampuan trik blogspot yang kita miliki.

Elemen pada template blogger ada tiga, yaitu:

Elemen Header
Elemen Outer
Elemen Footer

Untuk Elemen Outer masih dibagi menjadi dua bagian:

Elemen Main, elemen ini adalah elemen tempat kita menyimpan posting artikel. Jadi bila kita membuat artikel posting, maka postingan akan masuk ke bagian ini.

Elemen Sidebar, elemen ini adalah tempat untuk menambahkan asesoris lainnya untuk mempercatik blog dan menambah widget seta tools lainnya.

Untuk siapa saja yang suka berkreasi dengan kode-kode HTML, inilah salah satu cara terbaik untuk mengasah ilmu HTML. Karena dengan membuat elemen sidebar blogspot tambahan, maka kamu akan dihadapkan dengan kode HTML. Menambahkan kolom sidebar berarti perlu memperhatikan kode-kode pada Outer Wraper berikut.

/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Dengan menambahkan elemen sidebar baru berarti secara logika maka akan terjadi penambahan nilai lebar keseluruhan pada Outer Wraper. Mengapa? Karena seperti yang saya katakan tadi, bahwa outer wraper terbagi atas dua bagian yaitu main wraper dan sidebar wraper. Sekarang bagaimana cara menambahkan elemen sidebar baru atau kolom baru di blogspot? Pertama sekali harus diperhitungkan berapa lebar dari kolom baru yang akan kita buat. Misalnya kita ambil nilai lebar sidebar baru 220 pixel. Maka secara keseluruhan lebar outer wraper menjadi kira-kira 410 pixel + 220 pixel + 220 pixel + 20 pixel = 870 pixel. Bisa ditambahkan 10 pixel lagi untuk sela pada outer wraper sehingga lebar keseluruhan adalah 880 pixel. Kode penambahan sidebar baru dengan nilai di atas adalah:

#sidebarbaru-wrapper {
width: 220px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

Setelah ditambahkan maka kodenya akan menjadi seperti ini:

/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 880px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 220px;
float: right;
padding-left:10px; /* yang ini adalah tambahan untuk jarak sela */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebarbaru-wrapper {
width: 220px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

Kode-kode di atas merupakan langkah pertama yang harus ditambahkan. Berikutnya adalah menambahkan kode id untuk elemen sidebar baru tersebut. Untuk kode id sidebar sebelum penambahan kolom adalah seperti ini:

<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’Profile1′ locked=’false’ title=’Mengenai Saya’ type=’Profile’/>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Arsip Blog’ type=’BlogArchive’/>
</b:section>
</div>

Karena kita telah menambahkan elemen baru pada sidebar maka kita juga harus membuat id sidebar baru tersebut pada bagian body. Kodenya adalah ini:

<div id=’sidebarbaru-wrapper’>
<b:section class=’sidebar’ id=’sidebarbaru’ preferred=’yes’/>
</div>

Selanjutnya adalah menyatukan kode sidebar baru tersebut pada kode id side bar yang sebelumnya, sehingga kodenya menjadi seperti ini:

<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’Profile1′ locked=’false’ title=’Mengenai Saya’ type=’Profile’/>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Arsip Blog’ type=’BlogArchive’/>
</b:section>
</div>
<div id=’sidebarbaru-wrapper’>
<b:section class=’sidebar’ id=’sidebarbaru’ preferred=’yes’/>
</div>

Selesai dan kolom baru atau elemen baru pada sidebar blogspot telah ditambahkan. Nilai dari header dan footer sebaiknya disamakan dengan nilai outer wrapper tersebut yaitu sebesar 880 pixel. Sehingga menjadi sama dan lebih klop. Mudahkan? Ok, mari bermain kode HTML dengan blog yang bukan blog utama kita. Buatlah blog baru sebagai blog uji coba kamu sebagai bahan percobaan untuk memodifikasi sidebar template minima blogspot.

Loggin di blogger » Klik Layout » Klik Edit HTML » Jangan memberi tanda centang pada kotak kecil di samping tulisan Expand Widget Template. Tips untuk memudahkan mencari kode berikut, dengan tekan Ctrl F atau F3 pada kebor maka akan muncul tools kotak cari pada layar bawah monitor komputer.

Cari kode di bawah ini:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Ganti nilai 660px menjadi 880px, sehingga kodenya jadi seperti ini :

#header-wrapper {
width:880px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Cari kode seperti di bawah ini :

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

Ganti nilai 660px menjadi 880px, sehingga kodenya menjadi seperti ini :

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

Cari kode seperti di bawah ini :

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

Copy kode berikut dan paste persis di bawah kode di atas :

#sidebarbaru-wrapper {
width: 220px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

Cari kode seperti di bawah ini :

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Ganti nilai 660px menjadi 880 px, sehingga kodenya akan seperti ini :

#footer {
width:880px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Cari kode di bawah ini :

<div id=’sidebar-wrapper’>
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
<b:widget id=’Profile1′ locked=’false’ title=’Mengenai Saya’ type=’Profile’/>
<b:widget id=’BlogArchive1′ locked=’false’ title=’Arsip Blog’ type=’BlogArchive’/>
</b:section>
</div>

Copy kode berikut, lalu paste persis di bawah kode yang di atas :

<div id=’sidebarbaru-wrapper’>
<b:section class=’sidebar’ id=’sidebarbaru’ preferred=’yes’/>
</div>

Klik Simpan Template dan selesai.

Untuk melihat hasilnya, tinggal klik Elemen Halaman dan lihat apakah kolom kamu sudah menjadi tiga elemen. Bila sudah, kamu bisa tambahkan widget baru pada sidebar tersebut dan lihat hasilnya. Sebenarnya kode-kode di atas masih bisa dirubah lagi sesuai dengan selera. Tinggal dibutuhkan kesabaran dan kreatifitas saja. Sebagai tips, jangan pernah takut berhadapan dengan kode HTML. Belajar dan belajar adalah cara termudah untuk berkreasi. Sumber bacaan dari banyak artikel di internet mengacu pada tulisan Kang Rohman di Tips Menambah Kolom Pada Template Baru. Untuk template default minima juga bisa menambahkan elemen baru di atas dan di bawah elemen kolom posting. Menambah elemen di bawah header. Menambah elemen di atas footer. Pokoknya berani bereksperimen dan coba-coba.

Menghilangkan Lihat Profil Lengkapku Pada Blog

2011-04-15T16:18:00.002+07:00

Privasi adalah sesuatu yang mungkin amat sangat penting bagi semua orang termasuk para pengunjung. Nah, pada topik kali ini saya akan memberikan tips supaya kita dapat menyembunyikan privasi kita selaku Blogger dengan menghilangkan profil lengkap kita di blog. dengan ini otomatis orang tidak bisa melihat profil lengkap kita ( kecuali orang yang faham di blog sendiri ).
Didalam template blogger biasanya ada satu elemen halaman yang memuat tentang Profil sang mpunya Blog. Disana biasanya ada tulisan ” LIHAT PROFIL LENGKAPKU “. yang sekarang akan kita bahas yaitu gimana cara menyembunyikan atau bahkan menghilangkan tulisan itu.
berikut tahap – tahap yang harus dilakukan :
1. Login ke bloger kalian
2. Masuk ke rancangan / tata letak
3. Pilih EDIT HTML ( Centang Box Expand Widget Template )
4. Sekarang kalian cari kode berikut :

<a class=’profile-link’ expr:href=’data:userUrl’><data:viewProfileMsg/></a>

5. Silahkan hapus kode diatas dan Jangan Lupa SIMPAN template. sederhana dan sangat mudah bukan …?
itulah tips kecil yang mungkin akan sangat bermanfaat bagi para pembaca. Jangan lupa kasih komentarnya ya…

Menghilangkan Underline garis bawah di blog

2011-04-15T16:18:00.000+07:00

Menurut kebiasan yang berlaku, sebuah tulisan yang berbentuk link biasanya memang mempunyai garis bawah, akan tetapi sebenarnya garis bawah tersebut bisa di hilangkan apabila di inginkan. Bagaimana cara menghilangkan garis bawah pada link? untuk menghilangkannya hanya perlu merubah beberapa kode yang ada pada style sheet CSS, kode tersebut biasanya seperti ini :

 a:link
{
color:#58a;
text-decoration:underline
}

a:hover
{
color:#c60;
text-decoration:underline
}
a:visited
{
color:#969;
text-decoration:underline
}
Agar menjadi faham, akan saya uraikan :

a:link
{
color:#58a;
text-decoration:underline
}

Kode ini mempunyai arti sebuah link akan berwarna biru dan bergaris bawah.

a:hover
{
color:#c60;
text-decoration:underline
}

Sebuah link apabila di sorot oleh mouse akan berubah warna menjadi biru tua dan bergaris bawah.

a:visited {
color:#969;
text-decoration:underline
}

Sebuah link apabila pernah di klik oleh komputer yang sama akan berwarna biru tua (banget) dan bergaris bawah.
Pertanyaan selanjutnya manakah kode diatas yang membuat link menjadi bergaris bawah? jawabnya adalah kode :
text-decoration:underline
Tulisan “underline” lah yang membuat link menjadi bergaris bawah. Apabila kita tidak menginginkan adanya garis bawah pada sebuah link, maka kita hanya cukup merubahnya dengan kata none, nanti kodenya akan menjadi seperti ini :
text-decoration:none
Dari uraian tadi diatas, kita dapat mengatur ingin ada atau tidak ingin ada garis bawah, tergantung dari selera masing-masing, apakah sebuah link ingin bergaris bawah atau tidak? apakah apabila sebuah link di sorot oleh mouse ingin bergaris bawah atau tidak? Apakah apabila sebuah link pernah di kunjungi atau di klik ingin bergaris bawah atau tidak? semua terserah sobat sebagai pemilik blog. Ingin bergaris bawah? Ya pakai underline, kalau tidak ingin bergaris bawah ya tingal ganti dengan none.

Mengganti Icon Blogger

2011-04-15T16:17:00.001+07:00

Postingan hari ini kita bahas mengenai cara mengganti icon blogger dengan gambar2 ataupun foto anda sendiri di addressbar seperti icon diblog saya yang cantik itu,,hehe,,sebelumnya anda harus membuat dulu image atau mengedit gambar yang sudah ada menjadi berukuran 24 x 24 pixel up to 32 x 32 pixel,kemudian silakan upload gambar tersebut di photobucket.com, kenapa harus upload kesana? karena untuk mendapatkan kode URL image kita, masih bingung ya,,ya udah ikuti langkah- langkah berikut aja ya,,

1. Pilih gambar yang akan anda masukkan dengan ukuran yang saya sebutkan diatas
2. Silakan upload gambarnya diphotobucket.com, jika belum terdaftar di photobucket.com silakan register disini
3.Setelah login silakan upload gambarnya di menu Upload File & Video dengan pilih tombol choose file
4.Setelah selesai upload akan muncul gambar anda dan ambil kode URL gambar anda seperti contoh kode URL image saya
http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg
5.Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda,silakan ke menu Layout->Edit HTML->jangan lupa klik Expand Widget kemudian temukan kode berikut
</head>
6. Setelah itu letakkan kode dibawah ini sebelum kode diatas
<link href=’http://i383.photobucket.com/albums/oo276/0512_photo/enny-1.jpg’ rel=’SHORTCUT ICON’/>
silakan ganti kode yang berwarna merah dengan URL gambar yang anda dapatkan di photobucket.com tadi
7.Kemudian Save Setting,,Selesai,,
Silakan lihat blog anda apakah iconnya sudah berubah dengan ganbar anda,,Semoga berhasil!!!