Blog Tutorial | Free Template | Download Software

Informasi Pasang Iklan / Advertise

2007-08-24T01:31:00.007+07:00

Deskripsi

Kolom Tutorial berisi informasi tentang panduan membuat blog di blogger.com, free template serta berbagai informasi seputar komputer dan internet.

Statistik

Data statistik berikut diambil berdasarkan tools yang bisa menganalisa jumlah kunjungan ke kolom tutorial :

Rata-rata kunjungan per hari : 3300+ ( lihat detail )
Rata-rata jumlah page views per hari : 9500+
Google Page Rank : 3
Alexa Rank : 10.803 ( lihat detail )
Subscriber via feedburner : 9700+
Subcriber via feedblitz : 170+
Follower via Google connect : 3800+
Follower via mybloglog : 3100+ ( lihat detail )

Note : data statistik ini tentu akan berubah sesuai berjalannya waktu.

Paket Iklan

Banners 125X125

Harga : Rp.75.000 atau $8
Available : 8 slots
Deskripsi : Banner akan di simpan pada sidebar kanan, di pasang secara do-follow, tampil pada setiap halaman dan tidak di random. Iklan di pasang minimal per satu bulan / 30 hari.

Banners 300X250

Harga : Rp.200.000 atau $22
Available : 2 slots
Deskripsi : Banner akan di simpan pada kolom atas, di pasang secara do-follow, tampil pada setiap halaman dan tidak di random. Iklan di pasang minimal per satu bulan / 30 hari.

Note : harga sewaktu-waktu bisa berubah tanpa pemberitahuan terlebih dahulu, kecuali kepada pihak yang iklannya sedang terpasang.

Peraturan

Materi iklan tidak boleh mengandung unsur SARA, Pornografi, kebohongan, provokasi, serta semua yang berlawanan dengan hukum yang berlaku.

Materi iklan sepenuhnya adalah tanggung jawab pemasang iklan, Kolom Tutorial tidak bertanggung jawab terhadap kritikan atau tuntutan atas materi iklan.
Iklan dalam bentuk banner di buat oleh pemasang iklan.

Pembayaran

Pembayaran bisa di lakukan melalui rekening bank Mandiri, bank BCA atau Paypal. Jika anda berminat memasang iklan, silahkan hubungi kami melalui email amn_tea[at]yahoo.co.id atau melalui form di bawah.

Salam hormat,

Rohman bdul manap

Free Twitter Icons

2010-01-06T04:50:00.001+07:00

Jika sebelumnya kolom tutorial menyuguhkan Free Facebook Icons, maka kali ini akan menyuguhkan free Twitter Icons. Ada berbagai variasi icon twitter yang bisa anda pilih sesuai selera dan karakter bloh anda.

Icon Twitter ini tersedia dalam beberapa ukuran yaitu 256 X 256, 128 X 128, 64 X 64, 32 X 32, serta 16 X 16 pixel. Yang berminat untuk untuk download silahkan saja namun jangan lupa untuk di kasih vote ke lintas berita agar orang lainpun bisa menikmati icon twitter ini.

WordPress 2.9.1 Final Rilis

2010-01-05T22:44:00.001+07:00

Para pengembang wordpress sepertinya tipe para pekerja keras, tekun, ulet dan tidak kenal lelah. Bagaimana tidak? rilis antara versi yang satu dengan versi yang lain hanya dalam hitungan bulan bahkan mungkin dalam hitungan minggu. Rasanya kabar rilis wordpress 2.9 belum genap satu bulan dan sekarang mereka telah rilis wordpress 2.9.1 Final.

Hayo siapa berani coba?

Download Wordpress 2.9.1

Free facebook Icons

2010-01-02T20:58:00.001+07:00

Bagi para penggemar pernak-pernik yang berhubungan dengan Situs jejaring Facebook, ada kabar baik dari kolom tutorial. Kolom Tutorial membuat beberapa variasi Icon Facebook yang bisa anda gunakan di blog anda.

Variasi Icon Facebook ini juga tersedia dalam beberapa ukuran sehingga lebih leluasa untuk anda pilih mana yang lebih sesuai dengan karakter blog anda.

Icon Facebook boleh anda gunakan secara gratis, namun jangan lupa untuk memberi tahu teman-teman anda agar mengunjungi blog ini.

Say Hello To Id Tutorial

2009-12-28T16:39:00.001+07:00

Keinginan untuk membuat sebuah blog yang berisi tutorial yang tidak hanya membahas tentang blogger.com sebenarnya sudah ada sejak lama, namun sepertinya hal tersebut sulit untuk di wujudkan. Beberapa kali kang Rohman mencoba membuat blog khusus namun akhirnya selalu di tinggalkan begitu saja. Dari pengalaman yang ada, dan hal tersebut tidak ingin terulang kembali kang Rohman mencoba merangkul beberapa orang yang dianggap memang kompeten di bidangnya untuk membuat sebuah blog yang akan di isi tentang tutorial. Upppss… akhirnya lahir deh id Tutorial.

Apa Yang akan di tulis di Id Tutorial?

Menurut konsep awal yang ada, Id Tutorial akan di isi dengan Tutorial membuat blog di Blogger.com, Tutorial membuat blog di Wordpress.com, Tutorial membuat blog dengan wordpress.org, Tutorial CSS dan HTML, Tutorial Javascript.

Untuk materi yang lain tentunya akan di diskusikan seiring berjalannya waktu.

Siapa di balik Id Tutorial ?

Sesuai peribahasa “Tak Kenal Maka Tak sayang”, maka berikut para kontributor di Id Tutorial :

Abu Farhan

Sebagian mungkin sudah mengenal nama Abu Farhan di belantika Blogosphere. Beliau telah melahirkan banyak Hack untuk blog blogger. Beliau menguasai beberapa Desktop Programming seperti delphi, python, VB dan c++ serta web programming seperti Javascript, jQuery dan PHP.

Choen

Choen. Banyak blogger mengenal beliau karena karyanya berupa template blogger yang sudah beredar dan banyak di pergunakan. mahir dibidang CSS dan HTML serta web designer.

Kang Rohman

Pemilik Kolom Tutorial. Walaupun tidak ada bidang keahlian yang spesifik, namun akan berusaha memberikan kontribusi di Id Tutorial.

Untuk sementara kontributor di Id Tutorial masih 3 orang, namun mudah-mudahan kedepannya akan bertambah lagi,

Ayo, siapa yang mau “ Say Hello To Id Tutorial?” di tunggu komentarnya di http://idtutorial.com

Free Template : Magazine template 1

2008-03-25T01:16:00.009+07:00

Hi guys, I have launch my new blogger template. I think this is a beautiful template, named Magazine template 1. Has multiple column. here is the screen shot and link for download :

Specification :

Type : Blogger beta template (XML)

Column type : Multy column

Background color : gray (default)

Template color : white

Template Width : 900 pixel

Sidebar width : 300 pixel

Leftsidebar_1 : width : 280 pixel

leftsidebar_2 : width : 270 pixel

bottombar width : 210 pixel

Browser test : IE6, FF3 beta 4, opera 9.25, Netscape 9.0.0.6

Download file : 8kb

yang mau tau tentang cara mengganti banner header, pasang read more, mengedit menu navigasi pada template ini, silahkan baca di sini.

CSS Bubble Tooltips

2009-12-24T07:35:00.001+07:00

Ingin blog anda lebih variatif? mungkin anda bisa menggunakan teknik CSS Bubble Tooltips. Dengan CSS Bubble Tooltips anda dapat memberikan syatu keterangn singkat suatu link yang di inginkan dan keterangan ersebut akan muncul apabila pengunjung blog menyorotkan cursor mouse pada link yang anda beri efek tooltips.

< (((((((( \\\\\\\\\\\\\\\\\\\\ LIve Demo ///////////////////// )))))))) >

Silahkan arahkan mouse komputer anda pada link yang ada pada halaman tersebut, dan seharusnya ada akan melihat efek bubble tooltips.

Teknik Tooltips yang dipakai adalah 100% menggunakan CSS, jadi tentunya tidak akan terlalu membebani loading blog anda. Cara untuk mengimplementasikan CSS Bubble Tooltips terbilang sangat mudah, berikut caranya.

Langkah #1

Silahkan login ke blogger dengan ID anda.
Klik Tata Letak.
Klik Tab Edit HTML.
Jangan lupa untuk Membackup template anda terlebih dahulu, klik link Download Template Lengkap.
Silahkan cari kode ]]></b:skin>
Copy lalu paste kode berikut diatas kode ]]></b:skin>
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
    font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
    padding: 15px 0 0 0;
    width:200px;
    color: #993300;
    text-align: center;
    filter: alpha(opacity:90);
    KHTMLOpacity: 0.90;
    MozOpacity: 0.90;
    opacity: 0.90;
}
a.tt:hover span.top{
    display: block;
    padding: 30px 8px 0;
   background: url(http://lh3.ggpht.com/_pt7i0nbIOCY/SzIcnNeAr-I/AAAAAAAACek/ol5o6rqB5Qw/bubble_thumb.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
    display: block;
    padding: 0 8px;
   background: url(http://lh3.ggpht.com/_pt7i0nbIOCY/SzIcrZtXeiI/AAAAAAAACes/f3SeQ8tdw5A/bubble_filler_thumb%5B1%5D.gif) repeat bottom;
}
a.tt:hover span.bottom{
    display: block;
    padding:3px 8px 10px;
    color: #548912;
   background: url(http://lh3.ggpht.com/_pt7i0nbIOCY/SzIcnNeAr-I/AAAAAAAACek/ol5o6rqB5Qw/bubble_thumb.gif) no-repeat bottom;
}
Klik tombol SIMPAN TEMPLATE.
Langkah pertama selesai.

Untuk langkah selanjutnya anda hanya perlu menambahkan sedikit kode HTML pada link yang ingin ada efek bubble tooltips nya. Posisi link tentunya bisa dimana saja sesuai dengan keingina, bisa di dalam posting, sidebar, ataupun footer. Format kode tambahannya seperti ini :

 <a href="link_tujuan" class="tt">Teks link yg muncul<span class="tooltip"><span class="top"></span><span class="middle">Pesan yang akan muncul</span><span class="bottom"></span></span></a>

Contoh :

Bagi yang ingin belajar membuat blog di blogspot, coba kunjungi deh <a href="http://kolom-tutorial.blogspot.com" class="tt">Kolom Tutorial<span class="tooltip"><span class="top"></span><span class="middle">panduan lengkap membuat blog di blogspot</span><span class="bottom"></span></span></a>, di jamin puas karena tutorialnya gratisss.

Langkah #2

Untuk mencoba memasang di bagian sidebar, berikut caranya :

Silahkan login ke blogger dengan ID anda.
Klik Tata Letak.
Klik tab Elemen Halaman.
Klik Tambah Gadget.
Klik tanda plus (+) untuk HTML / Javascript
Masukan kode link yang anda inginkan ( lihat kode diatas).
Klik SIMPAN.
Selesai.

Jika anda ingin memasukkan didalam posting, pilih terlebih dahulu mode Edit HTL bukan pada mode Compose, kemudian masukan kode tambahan link tooltipnya, setelah itu anda dapat kembali ke mode compose jika mau.

Silahkan mencoba!

Credit : trentrichardson

Free Template : Smart Shadow

2009-12-18T10:38:00.001+07:00

Untuk anda yang mendambakan mempunyai blog dengan tampilan template yang cool dan terkesan Profesional, Smart Shadow adalah salah satu free template yang mungkin layak untuk anda pertimbangkan. Smart shadow di design apik oleh salah satu sahabat kang Rohman, Choen.

Live Demo

Dengan balutan warna merah menyala menjadikan template ini terkesan begitu profesional layaknya web-web populer dunia, namun kesan cool pun segera hadir dengan adanya warna coklat dan abu-abu, hmmmm… bagaimana menurut kesan anda?

Smart Shadow telah kompatibel dengan beberapa browser internet ternama versi terbaru seperti Firefox, Opera, Google Chrome, serta Safari. Namun untuk Internet Explorer masih belum dapat menampilkan text shadow karena memang masih belum mendukung.

Untuk yang mau menjajal Smart Shadow Template, silahkan di coba.

Download Smart Shadow Template

The Best Accordion Untuk Blogger

2009-12-17T05:54:00.001+07:00

Banyak dari para blogger mandambakan bahwa blog yang dimilikinya tampil menarik, elegan serta profesional. Banyak cara untuk mewujudkan itu semua, salah satunya adalah dengan menggunakan The Best Accordion untuk blogger yang di rancang oleh sahabat kang Rohman yaitu Abu Farhan.

Dengan menggunakan The best Accordion by Abu Farhan maka sidebar anda akan tampak rapih dan hemat tempat karena isi dari widget sidebar akan disembunyikan ( Hide ) dan akan tampil ( Show ) ketika judul sidebar di klik oleh pengunjung, namun tidak hanya itu saja, gerakan yang halus saat membuka dan menutup ( Show / Hide ) menjadikan The best accordion terlihat profesional.

Live Demo

Untuk membaca tutorial lengkap tentang pemasangan The best Accordion, silahkan di baca disini!

UvumiTools Drop down Menu

2009-12-15T06:22:00.001+07:00

Menepati janji yang kemarin bahwa akan mencoba untuk eksis kembali dalam menulis artikel yang berhubungan dengan blog tutorial. Posting kali ini kang Rohman akan mencoba membahas tentang Navigasi yang bernama UvumiTools Drop Down Menu.

Keunggulan dari UvumiTools Drop Down Menu terletak pada gerakan drop down menu yang begitu halus nan eksotis ketika membuka serta menutup menu karena menggunakan Mootools Javascript FrameWork sehingga akan membuat blog anda tampil lebih Profesional di banding sebelumnya.Original tutorial dari UvumiTools Drop Down Menu bisa anda baca pada halaman ini, dan tutorial yang ada pada halaman ini sedikit berbeda pada tampilan menu yang telah kang rohman poles agar tampil lebih menarik.

Perlu di ingatkan bahwa desain dari satu template dengan template yang lain adalah berbeda, oleh karena itu anda dituntut untuk menyesuaian dengan template yang anda gunakan saat ini dengan cara sedikit memodifikasi pada file CSS yang di berikan.

Persiapan dalam membuat UvumiTools Drop Down Menu :

Keyword

Keyword yang di maksud disini adalah tulisan yang ingin terlihat dalam menu navigasi. Sebagai contoh, kang Rohman ingin menggunakan keyword Home, Free Template, Blog Tutorial, Business Guide, dan lain-lain.

Link

Link yang di maksud disini adalah alamat URL yang diinginkan dibuka saat pengunjung meng-klik tombol navigasi yang ada. Alamat URL bisa menuju blog yang lain. Contoh :

http://template-tutorial.com

http://www.blogspottutorial.com

http://www.life4business.com

Alamat URL bisa juga membuka halaman yang ada dalam blog anda sendiri, misalkan halaman postingan ataupun halaman kategori, Yang masih bingung tentang cara mengetahui alamat dari URL dalam blg anda sendiri, silahkan baca artikel tentang Tutorial Membuat Horizontal Navigasi, contoh :

http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html

http://kolom-tutorial.blogspot.com/2008/03/free-template-magazine-template-1.html

http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html

Perlu di ingat kembali bahwa desain template antara yang satu dengan yang lain sangatlah berbeda, sehingga sangat besar kemungkinan apa yang kang Rohman terangkan berbeda dengan template yang anda gunakan. Untuk itu kang Rohman menyarankan agar anda membuat satu blog percobaan, agar jika terjadi kesalahan tidak merusak blog utama anda, silahkan pilih template white minima yang biasa.

Mari kita mulai percobaannya ;

Silahkan login ke blogger dengan ID anda
Klik Tata Letak.
Klik tab Edit HTML.
Cari Kode kode ]]></b:skin>

Copy paste kode berikut persis di atas kode ]]></b:skin>

.NavbarMenu {
    background:#191B1D url(http://bp1.blogger.com/_pt7i0nbIOCY/R-ZM3Y0g2gI/AAAAAAAAABY/wqPGB3cXR5Q/s400/button1.gif) repeat-x top left;
    width: 100%;
    height: 37px;
    color: #FFFFFF;
    margin: 0 auto;
    padding: 0;
    font: bold 8px Arial, Tahoma, Verdana;
    clear:both;
    border-left:1px solid #333;
    border-right:1px solid #333
}
.NavbarMenuleft {
    width: 75%;
    float:left;
    margin:0;
    padding:0;
}
.nav {
    margin:0;
    padding:0;
}
.nav ul {
    float: left;
    list-style:none;
    margin:0;
    padding:0;
}
.nav li {
    list-style:none;
    margin:0;
    padding:0;
}
.nav li a, .nav li a:link, .nav li a:visited {
    color:#fff;
    display:block;
    text-transform:capitalize;
    margin:0;
    padding:11px 10px 8px;
    font:normal 12px Georgia, Times New Roman;
    text-decoration: none;
}
.nav li a:hover, .nav li a:active {
    background:#102427 url(http://lh5.ggpht.com/_pt7i0nbIOCY/SyYZwDCCgGI/AAAAAAAACc0/TPCaXfkieYA/button2_thumb%5B3%5D.gif) repeat-x top left;
    ;
    color:#FFF;
    margin: 0;
    text-decoration: none;
}
.nav li li a, .nav li li a:link, .nav li li a:visited {
    background:#2C5F24 url(http://bp1.blogger.com/_pt7i0nbIOCY/R-ZM3Y0g2gI/AAAAAAAAABY/wqPGB3cXR5Q/s400/button1.gif) repeat-x top left;
    width:200px;
    color:#fff;
    text-transform:capitalize;
    float:none;
    margin:0;
    padding:7px 10px;
    border-bottom:1px solid #0d2601;
    border-left:1px solid #0d2601;
    border-right:1px solid #0d2601;
    font: normal 14px Georgia, Times New Roman;
}
.nav li li a:hover, .nav li li a:active {
    background:#102427 url(http://lh5.ggpht.com/_pt7i0nbIOCY/SyYZwDCCgGI/AAAAAAAACc0/TPCaXfkieYA/button2_thumb%5B3%5D.gif) repeat-x top left;
    color:#fff;
}
.nav li {
    float:left;
    padding:0;
}
.nav li a.enclose, .nav li a.enclose:visited {
    border-top:1px solid #000;
}
.nav li ul {
    z-index: 9999;
    position:absolute;
    left:-999em;
    height:auto;
    width:170px;
    margin:0;
    padding:0;
}
.nav li ul a {
    width: 140px;
}
.nav li ul ul {
    margin: -1px 0 0 220px;
}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
    left:-999em;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
    left:auto;
}
.nav li:hover, .nav li.sfhover {
    position:static;
}
#search {
    width: 25%;
    font-size: 11px;
    float: right;
    margin: 0;
    padding:0;
}
#searchform {
    margin:0;
    padding:0;
    overflow:hidden;
    display:inline;
}
#searchbox {
    background:#ddd;
    padding:0;
    margin:0;
}
#search input {
    background:transparent;
    color:#fff;
    float:left;
    font-size:12px;
    margin: 7px 0 0 10px;
    width: 110px;
    padding:3px 7px;
    border: 1px solid #fff;
    font: normal 10px arial, verdana, Times New Roman;
}
#search .btn {
    margin:7px 0 0;
    padding:0;
    width:auto;
    border:0;
}

Copy paste kode berikut persis di atas kode </head>

    <script type="text/javascript" src="http://uvumitools.googlecode.com/files/mootools-for-dropdown.js"> </script>   
<script type="text/javascript" src="http://uvumitools.googlecode.com/files/UvumiDropdown-compressed.js"> </script>     
<script type="text/javascript">    
var myMenu = new UvumiDropdown("dropdown-menu");     
</script>

Sedikit ke bagian bawah, lalu cari kode seperti berikut ini :


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

Copy paste code berikut persis di bawah kode yang tadi :


        <div class='NavbarMenu'>      
<div class='NavbarMenuleft'>      
<ul id='dropdown-menu' class='nav'>      
<li><a href='http://kolom-tutorial.blogspot.com/' rel='nofollow'>Home</a></li>       
<li><a href='http://kolom-tutorial.blogspot.com/search/label/download%20gratis' rel='nofollow'>Free Template</a>        
<ul>       
<li><a href='#' rel='nofollow'>Magazine Template Series&#160;&#160;&#187;</a>      
<ul><li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html'>Magazine Template R.1</a></li>     
<li><a href='http://kolom-tutorial.blogspot.com/2008/03/free-template-magazine-template-1.html' rel='nofollow'>Magazine Template 1</a></li>       
<li><a href='http://kolom-tutorial.blogspot.com/2008/09/free-template-magazine-template-2.html' rel='nofollow'>Magazine Template 2</a></li>          
<li><a href='http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-hijau.html' rel='nofollow'>Magazine Template 3</a></li>    
<li><a href='http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-biru.html' rel='nofollow'>Magazine Template 3.2</a></li>       
</ul></li>       
<li><a href='#' rel='nofollow'>Magazine Template R Series&#160;&#160;&#187;</a>        
<ul><li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html'>Magazine Template R.1</a></li>    
<li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r12.html'>Magazine Template R.1.2</a></li>    
<li><a href='http://kolom-tutorial.blogspot.com/2009/04/magazine-template-r13.html'>Magazine Template R.1.3</a></li>      
<li><a href='http://kolom-tutorial.blogspot.com/2009/04/free-magazine-template-r14.html'>Magazine Template R.1.4</a></li>       
<li><a href='http://kolom-tutorial.blogspot.com/2009/07/free-magazine-template-r15.html'>Magazine Template R.1.5</a></li>       
</ul></li>    
<li><a href='#' rel='nofollow'>Templates Gallery</a></li>    
</ul>        
</li>             
<li><a href='http://www.blogspottutorial.com/' rel='nofollow'>Blog Tutorial</a></li>          
<li><a href='http://www.life4business.com/' rel='nofollow'>Business Guide</a></li>       
</ul></div>      
<div id='search'>       
<form action='/search/' id='searchform' method='get' style='display:inline;'>     
<input id='searchbox' maxlength='160' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/>      
<input class='btn' name='' src='http://lh4.ggpht.com/_pt7i0nbIOCY/ScdxoASk9rI/AAAAAAAABoM/3qt9F1KUH_s/views-24_thumb%5B1%5D.png?imgmax=800' type='image' value='Go'/>      
</form>        
</div></div>

Klik tombol SIMPAN TEMPLATE.
Selesai.

Untuk tahap awal mungkin ini sudah selesai, pekerjaan anda selanjutnya adalah mengganti link-link yang kang Rohman cetak merah dengan link atau alamat URL milik anda sendiri, serta keyword yang diberi warna hijau perlu juga diganti sesuai dengan keinginan anda.

Tentunya kang Rohman yakin anda harus melakukan sedikit editing di bagian kode CSS agar sesuai dengan karakteristik template anda.

Yang memerlukan file mentah dari file CSS serta JavaScript UvumiTools Drop Down menu, silahkan download disini!

Selamat mencoba!

Intermezo Sejenak

2009-12-14T12:44:00.001+07:00

Dulu, Blog Kang Rohman atau lebih dikenal dengan sebutan Kolom Tutorial begitu kental akan nuansa Blog Tutorial atau panduan membuat blog, dan lebih spesifik kepada cara membuat blog di blogspot atau sekarang blogger. Target utama pengunjung yang diharapkan adalah mereka yang tertarik ingin membuat blog namun belum mengerti caranya. Artikel tentang tutorial pun begitu gencar dipublikasikan, dan sepertinya usaha tersebut membuahkan hasil jika ditilik dari jumlah pengunjung yang mencapai ribuan setiap harinya.

Sekarang, Blog Kang Rohman sepertinya sedikit ngawur, ini terlihat dari banyaknya artikel selain Blog Tutorial. Sudah hilangkah jati diri dari Kolom Tutorial? Mungkin “Ya” atau mungkin juga “Tidak". Dari sekian banyak pembaca, ada beberapa diantaranya yang merasa dan mungkin peduli dengan Kolom Tutorial. berikut kutipan komentarnya.

makasih atas infonya kang.... oia kok makin lama blog ini jadi ngebahas tentang software bukannya tentang tutorial blog lagi?

setelah sekian lama, kang rohman sudah tidak punya materi lagi tentang blog, yg dibahas hanya yahoo, google dan layanan yg jauh dr blog. kenapa gak bahas menu vertikal versi anyar atau yg horisontal, atau ide cerdas tentang blog misal buat menu komentar hari ini, posting hari ini, posting kemarin dll. maaf hanya ngingetin

Terima kasih atas komentarnya. Di waktu ke depan, Kolom Tutorial akan mencoba eksis kembali dalam menulis yang berhubungan dengan Blog dan tidak hanya informasi seputar free software.

Free Video Accelerator Untuk YouTube

2009-12-10T17:47:00.001+07:00

Anda sering menyaksikan video pada situs-situs video seperti YouTube atau yang lainnya? hal yang paling membosankan dalam menonton video di intyernet adalah saat menunggu video tersebut loading data. Agar anda tidak usah merasa bosan untuk menunggu sebuah video bisa di saksikan, mungkin anda memerlukan bantuan software yang bernama Speedbit Video Accelerator. Dengan Speedbit Video Accelerator loading data video yang anda saksikan akan lebih cepat dari biasanya. Speedbit Video Accelerator akan secara otomatis bekerja ketika anda menyaksikan sebuah video di internet.

Speedbit Video Accelerator sebenarnya tidak hanya untuk situs Youtube saja, namun support juga untuk situs-situs video lainnya seperti Yahoo Video, Smin, AOL Video, Facebook, Metacafe, Veoh, ABC, Adobe, Ameba Vision, Bebo, Bofunk, Break, CANAL+, CAtPost, Cbs2/KCAL9, Cbs4, Clipfish, CNN, Crackie, Dag, Dance Jam, Discovery Channel, DropShots, EA Sports, eFootage, ESPN, Expo TV, FHM, Flurl, FOX NEWS, FunnyJunk, GameArena, Gametrailers, Glam, graspr, Guzer, hi5, Ina, JibJaB, KeyeTV, libero Video, LiveVideo, MojoFlix, KoVideo, MyVideo, Netlog, Nothing Toxic, Pandora TV, Pomoho, Red Balcony, Revision3, Rocketboom, Rutube, Sharkle, Sky News, Stickam, Submarinechannel, Tagged, The Onion, The Weather Channel, Tudou, VBS. TV, videa, Video Web Town, VideoLog, Vidiac, Vidking, Vimeo, vodpod, vume, WannaHaves, WBZ-TV, WFRV-TV, Your Daily Media, Youtube, AOL UncutVideo, Dailymotion, iTunes, Myspace, 56, ABC News, Dan lain-lain ( cape ngetiknya ).

Bagi yang suka nonton video di Internet, sepertinya anda layak menjajal software ini.

Download Speedbit Video Accelerator

Free AMV Video Converter

2009-12-10T15:43:00.001+07:00

Seperti yang diketahui bersama, format file dari sebuah video sangat beraneka ragam, ada MPEG, MPG, DAT, WMV, WMA, ASF, RM, RMVB, RAM, MOV, QT, AVI, AMP dan lain sebagainya. Banyak player video yang beredar dipasaran hanya bisa playback video format AMP, jika player yang anda miliki adalah salah satunya maka tidak akan bisa playback video selain AMP. Oleh karenanya, anda memerlukan sebuah software yang dapat mengkonversi dari file video yang lain ke file AMP. Mungkin pilihan anda akan jatuh pada software yang bernama AMP Video Converter.

AMP Video Converter adalah sebuah freeware atau software gratis yang dapat mengkonversi file video format MPEG, MPG, DAT, WMV, WMA, ASF, RM, RMVB, RAM, MOV, QT, AVI, menjadi video format AMP.

Yang berminat silahkan download.

Download AMP Video Converter

Cara Membuat “breadcrumb-navigation” Di Blogger

2008-12-22T07:22:00.002+07:00

Jika anda pemerhati revolution theme karya brian gardner, mungkin anda pernah melihat deretan navigasi sederhana di atas judul artikel yang sedang di baca, sebagai contoh screenshotnya seperti ini :

Navigasi seperti di atas lebih di kenal dengan nama “breadcrumb-navigation”. Dengan adanya “breadcrumb-navigation” maka pembaca dapat dengan mudah melihat posisi artikel yang di baca serta mencari artikel dalam satu kategori.

Apakah “breadcrumb-navigation” bisa di pasang pada template blogger? Jawabannya adalah tentu saja bisa. Dengan sedikit modifikasi pada kode template anda, maka “breadcrumb-navigation” akan segera anda miliki. Berikut adalah triknya.

Silahkan login ke blogger degan ID anda.
Klik Tata Letak.
Klik tab Edit HTML
Click Download Full Template and please back up your template first.
Silahkan beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
Silahkan cari kode ]]></b:skin>
Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
Silahkan cari kode berikut pada template anda :

<div class='post hentry uncustomized-post-template'>
Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
Klik tombol Save Template.
Tunggu beberapa saat sampai template anda tersimpan.
Buka halaman blog anda, klik pada judul artikelnya. Silahkan lihat hasilnya.
Selesai.

Jika langkah-langkah anda sudah benar, maka “breadcrumb-navigation” akan seperti ini :

Selamat mencoba!

Free M4a to MP3 Converter

2009-12-08T09:20:00.001+07:00

Free M4a to MP3 Converter adalah sebuah free software yang dapat mengkonversi file MP4 audio ke MP3, AAC ke MP3, M4a ke MP3. Software ini berguna jika player yang anda miliki hanya support untuk playback file MP3 dan tidak bisa untuk playback file MP4 atau AAC. Free M4a to MP3 Converter benar-benar gratis untuk anda gunakan dan bukanlah versi trial.

Fitur utama dari Free M4a To MP3 Converter :

AAC to MP3 converter.
Convert M4a to MP3.
Audio books M4b to MP3 converter.
MP4 audio converter.
3GP audio converter.
AAC, M4a, M4b player.
MP3 quality settings up to 320 Kbit/s, 48 KHz.
Drag&Drop.
Batch processing of multiple M4a, AAC, M4b, MP4 etc. files.
User-friendly multilingual interface.
Meta information (ID3 tags) is copied from source files. Converted files contain all necessary data: title, artist, album (if the data was present in the source files).
AAC to WAV converter.
M4a to WAV converter.

Yang berminat silahkan download pada situs reminya!

Download Free M4a to MP3 Converter

FireFox Add-Ons: Buat catatan dengan List It

2009-12-06T11:12:00.001+07:00

Anda seorang yang super sibuk sehingga kesulitan mengingat segala kegiatan yang harus anda jalankan? mungkin anda memerlukan Lis It. List It adalah sebuah add-ons Firefox yang ringan untuk membuat catatan kegiatan yang mau anda jalankan.

Karena ini adalah sebuah add-ons firefox maka tool ini diperuntukkan bagi anda pengguna browser Internet Firefox. Untuk mengaktifkan List It anda hanya klik icon yang ada di sebelah kanan bawah browser firefox a juga dengan shortkey Ctrl + Shift + F.

List It add-ons bisa anda download secara langsung pada halaman resmi add-ons firefox.

Download add-on List It

Mencari DNS Server dengan Namebench

2009-12-05T22:28:00.001+07:00

Pada postingan sebelumnya, Kolom Tutorial menginformasikan tentang peluncuran Google Public DNS. Sebagian besar dari pembaca kolom tutorial mungkin telah mencoba DNS tersebut, namun tentu tidak semuanya memakai DNS tersebut karena setelah dibandingkan hasilnya tidak lebih baik dengan DNS yang biasa anda pakai. Jika anda ingin mencoba mencari DNS server yang cocok dengan koneksi yang anda gunakan, mungkin anda bisa menggunakan Namebench.

Namebench adalah sebuah free software yang bisa mencari secara otomatis Public DNS Server yang tercepat dan bisa diandalkan untuk digunakan oleh anda. Konsep dasarnya yaitu Namebench tidak akan mengubah settingan apapun dari DNS anda namun hanya akan memberikan sugesti atau rekomendasi kepada anda alamat DNS server yang terdeteksi sangat cocok untuk di gunakan.

Tips dari kang Rohman :

Bandingkan terlebih dahulu antara DNS server yang biasa anda gunakan dengan DNS servers yang disarankan oleh namebench, silahkan anda lakukan ping pada kedua DNS tersebut, mana yang lebih cepat berarti itu yang lebih baik.

Jika DNS server yang biasa anda pakai ternyata lebih cepat, berarti lebih baik memakai DNS yang lama, tapi jika DNS server yang di sarankan lebih cepat, tidak ada salahnya untuk dipergunakan.

Download Namebench

Google Luncuran Google Public DNS

2009-12-04T06:41:00.001+07:00

Google sepertinya tidak mau berhenti dalam melebarkan sayap-sayapnya di dunia maya. Belum lama ini google telah meluncurkan produk yang dinamakan Google Public DNS, sebuah layanan DNS ( Domain Name System ) server yang bisa dinikmati secara gratis. Dengan menggunakan Google Public DNS di klaim bahwa browsing akan terasa lebih cepat, keamanan yang lebih baik serta tanpa adanya redirect.

Berikut IP addess untuk Google Public DNS :

8.8.8.8
8.8.4.4

Untuk cara konfigurasi, Google telah menulis secara lengkap bagaimana cara konfigurasi google public DNS secara lengkap baik itu pada Microsoft Windows, Max OS X, ataupun Linux, silahkan baca disini!

Khusus bagi pengguna Windows XP, anda bisa melihat bagaimana cara konfigurasi Google DNS server untuk komputer anda

Tips dari kang Rohman :

Bandingkan terlebih dahulu antara DNS server yang biasa anda gunakan dengan DNS publik dari google, silahkan anda lakukan ping pada kedua DNS tersebut, mana yang lebih cepat berarti itu yang lebih baik.

Jika DNS server yang biasa anda pakai ternyata lebih cepat, kenapa harus berpindah ke DNS google, tapi jika DNS server dari google lebih cepat, tidak ada salahnya untuk digunakan.

Device Doctor: Free Windows Driver Updater

2009-12-03T12:10:00.001+07:00

Kinerja komputer anda terasa kurang optimal? mungkin hal tersebut disebabkan oleh adanya virus dalam komputer anda atau memory kurang memadai atau banyak faktor lain yang membuat komputer anda kurang optimal. Salah satu faktor yang mungkin terjadi adalah driver dari hardware komputer anda sudah tidak update sehingga perlu adanya update driver.

Untuk urusan update driver hardware komputer, kini anda tidak perlu lagi pusing mencari satu-satu mana driver yang harus di update karena banyak tool yang otomatis bisa scan driver mana saja yang harus di update, salah satunya adalah Device Doctor.

Device Doctor adalah sebuah freeware Windows Driver Updater yang dapat scanning secara otomatis terhadap hardware mana saja dalam komputer anda yang perlu di update, dan anda dapat mendownload Driver terbaru secara gratis di situs mereka. Device Doctor di desain sangat simple sehingga sangat user friendly, untuk melakukan scanning driver mana yang harus di update anda hanya perlu klik tombol ‘Begin Scan “.

Yang mau menjajal, silahkan download. Ada dua versi yang bisa anda pilih, yaitu installer serta portable .

Download Device Doctor installer ( 4.6 MB)
Download Device Doctor Portable ( 5.10 MB)

Free Online Avatar Creators List

2009-12-03T08:48:00.001+07:00

Ingin menggambarkan diri kamu menjadi sebuah avatar atau gambar kartun? Sekarang anda tidak harus pusing dan mempunyai kemampuan yang mumpuni dalam editing gambar karena sudah banyak layanan online yang bisa membuat avatar secara instant namun mengesankan.

Berikut kang Rohman cantumkan beberapa website yang menyediakan layanan free online avatar creator, silahkan anda coba mana yang dirasa favorit :

Yahoo! Avatars
UrFooz
Moeruavatar
Weeworld
Tizme
Moonjee
Doppelme
Muggins
SP Studio
MiiHow
Voki

Selamat menjajal layanan mereka.

Obrolan Seputar Browser Google Chrome

2009-12-02T10:45:00.001+07:00

Sebenarnya yang sedang hangat jadi pembicaraan di Internet saat ini bukanlah browser internet besutan Google yang bernama Google Chrome, namun sebuah Sistem operasi komputer baru dari Google bernama Google Chrome OS yang rencananya akan di launching secara resmi tahun 2010 nanti. Yang menyedot perhatian banyak orang adalah Google Chrome OS bisa di pakai secara gratis, ditenggarai bahwa Google Chrome OS dibuat untuk menggeser dominasi dari Sistem Operasi Windows dari Microsoft.

Walaupun Google belum secara resmi meluncurkan Google Chrome OS untuk user, namun google telah merilis Chromium OS open source project silahkan baca langsung dari blog google system untuk membaca detail tentang rilisnya Chromium OS open source project..

Bagi anda yang ingin lebih cepat mencicipi rasa dari Chrome OS, ada beberapa website yang telah menyediakan link download Google Chrome OS secara gratis.

Download Chrome OS

Untuk menjalankan multi OS dalam satu komputer, diperlukan software seperti VirtualBox atau VMware Player atau bagi pengguna Macs bisa memakai VMware Fusion.

Apabila ingin boot komputer secara langsung dengan Chrome OS, anda bisa install Google Chrome OS pada USB flash drive. Silahkan download versi USB drive :

Download Chrome OS Diet USB Version

Download Chrome OS Diet USB Version ( alternatif link )

Catatan : Segala resiko dalam menginstall Chrome OS sepenuhnya tanggung jawab anda sendiri, silahkan baca informasi cara menginstall Chrome OS yang banyak tersedia di Internet.

Masuk ke obrolan utama postingan kali ini yaitu mengenai browser internet Google Chrome. Sejak peluncurannya tahun lalu, kang Rohman tidak terlalu banyak mencurahkan perhatian terhadap browser yang satu ini karena saat pertama kali menginstall terkesan bahwa Chrome terlalu minimalis sehingga kurang nyaman untuk di gunakan. Namun, akhir-akhir ini kang Rohman mulai sedikit jatuh hati dengan Chrome dan sering menggunakannya saat browsing, alasan utama yaitu proses loading saat membuka halaman website dirasakan lebih cepat di banding dengan browser internet lain. Bagaimana dengan pengalaman anda?

Alasan lain kenapa selama ini tidak menggunakan Google Chrome adalah Google Chrome tidak bisa menginstall Google Toolbar yang selama ini selalu bertengger di browser kesayangan Firefox. Sedikit aneh memang, Google Chrome yang nyata-nyata buatan google tidak bisa di install google toolbar yang notabene buatan google sendiri.

Asumsi yang muncul kenapa google toolbar tidak bisa di install di chrome yaitu google ingin menunjukkan bahwa google Chrome adalah browser tercepat yang apabila di install google toolbar bisa sedikit mengganggu kecepatan, tapi itu adalah sebuah asumsi mungkin bisa benar atau mungkin salah. Untuk masalah ini, pihak developer Chrome berdalih bahwa saat ini mereka masih bekerja keras agar google toolbar bisa di install pada chrome.

Google Toolbar Isu

Tidak tersedianya Google Toolbar untuk Chrome merupakan alasan banyak pengguna internet untuk tidak beralih ke browser Google Chrome. Untuk menanggapi reaksi ini pihak google menjawabnya dengan membuat sebuah halaman yang bisa anda akses di disini. Pada halaman tersebut diterangkan bahwa banyak dari fitur-fitur Google Toolbar seperti The New Tab Page, Spiffy search box, Suggestions instead of error pages, Autofill, Pop-up blocker, Spell-checker sebenarnya telah tersedia pada google Chrome.

Google Chrome Extensions

Layaknya pada browser firefox yang bisa menambahkan berbagai add-ons untuk lebih mendukung kinerja browser, pada Google Chrome pun ada fitur tersebut namun dinamakan sebagai Extension. Seiring dengan berjalannya waktu, kini telah tersedia banyak extension yang bisa anda tambahkan.

Untuk mencari Extesion yang dibutuhkan, anda bisa mencarinya di http://www.chromeextensions.org. Berikut Extension yang terpasang di Google Chrome milik kang Rohman.

Kuber PageRank Checker

Dengan Extension ini kita dapat melihat Google Page Rank, Alexa Rank, dan informasi WHOIS dari blog atau website yang dikunjungi.

Google Translation Bar

Sebuah extension yang bisa memasang google translate yang bisa secara langsung menterjemahkan isi web sebagaimana fitur yang ada pada google toolbar.

AdBlock+

Yang tidak suka akan kehadiran iklan di web yang anda kunjungi, Extension AbBlock+ cocok di pasang untuk menghalau kehadiran iklan-iklan tersebut.

aWeb Tools

Tool yang berbasis pada Google Tools

Dan masih ada beberapa extension lainnya.

Jika google chrome anda tidak bisa menginstall Extention, kemungkinan besar Chrome anda bukan versi developer, oleh karena itu silahkan install google chrome developer di:

http://www.google.com/chrome/eula.html?extra=devchannel

Google Chrome Themes

Yang kurang menyukai tampilan default dari Google Chrome, kini tersedia theme chrome untuk anda pilih sesuai kesukaan, silahkan langsung install di https://tools.google.com/chrome/intl/en/themes/index.html

Ngobrol panjang lebar ternyata cape juga nih, cukup dulu deh. lain kali di sambung lagi.

Variasi Icon Pada Judul Sidebar

2009-11-29T10:30:00.001+07:00

Pernah melihat blog yang judul sidebarnya memiliki variasi icon yang berbeda antara satu widget dengan widget lainnya?

Memang sepertinya sedikit cukup menarik apabila setiap judul di sidebar mempunyai icon yang berbeda karena sejatinya judul disidebar tidak mempunyai icon, atau apabila mempunyai icon, icon tersebut akan sama anatara widget yang satu dengan widget yang lainnya.

Agar judul sidebar anda mempunyai icon yang bervariasi, maka ada sedikit trik yang harus anda lakukan.

Bagi anda yang tertarik namun belum mengetahui caranya, berikut kang rohman akan memberi gambaran bagaimana agar anda bisa dapat memasang icon favorit anda pada judul sidebar.

#1 Pilih Icon Favorit anda

Silahkan persiapkan icon favorit milik anda atau jika belum mempunyai koleksi icon anda bisa mendownloadnya secara gratis di internet. sedikit referensi, kang rohman pernah posting beberapa penyedia icon gratis, silahkan anda baca pada artikel Free Icon Untuk Blog Dan Website atau pada artikel

Cari icon di IconFinder.

Sebagai contoh, beberapa icon yang kang Rohman pakai ;

Silahkan upload icon-icon tersebut ke hosting tempat biasanya anda menyimpan gambar, jika anda belum mengetahui bagaimana cara upload gambar, anda bisa membaca artikel kang Rohman tentang Buat Logo & Image Button atau bisa juga anda baca artikel Upload gambar melalui blogger.

Berikut beberapa contoh alamat gambar (URL) icon yang telah kang di upload :

http://lh5.ggpht.com/_pt7i0nbIOCY/SxDF6E8cH-I/AAAAAAAACbU/qMNd6rY8owA/icontexto-user-web20-blogblogs_thumb%5B1%5D.png

http://lh3.ggpht.com/_pt7i0nbIOCY/SxDF2CRKHsI/AAAAAAAACbI/DPAC8rY6Io0/icontexto-webdev-file-032x032_thumb%5B1%5D.png

http://lh6.ggpht.com/_pt7i0nbIOCY/SxDFV6RaXzI/AAAAAAAACaI/NEnqxysvPJo/icontexto-webdev-valentine%5B4%5D.png

Silahkan anda sesuaikan berapa jumlah icon yang ingin anda pasang. Sebagai contoh akan diterangkan untuk memasang 3 icon saja.

#2 Mencari Kode Widget Sidebar

Langkah kedua yaitu mencari tahu kode widget di dalam template anda, mana yang ingin di pasang icon. Berikut langkah-langkahnya :

Silahkan login ke blogger dengan ID anda.
Klik Tata Letak.
Klik tab Edit HTML
Carilah kode yang mirip-mirip seperti ini :

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
<b:widget id='HTML2' locked='false' title='Friend Llinks' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Sponsors' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
Setiap blog pasti berbeda kodenya, makanya kang Rohman tulis yang mirip dengan kode diatas. Copy kode tadi pada pada note pad atau sejenisnya.

Dari contoh diatas, blog kang Rohman mempunyai 5 widget, dan yang penting harus anda perhatikan adalah yang tercetak merah dan orange yaitu :

Profile1 - About Me
Label1 - Categories
HTML2 - Friend Llinks
HTML1 - Sponsors
BlogArchive1 - Blog Archive

Yang dicetak merah adalah ID dari widget dan yang dicetak orange adalah judul widget atau judul yang ada di sidebar.

Sebagai contoh, kang Rohman hanya akan memasang pada widget dengan ID Profile1, Label1, serta HTML2.

#3 Membuat kode CSS

Langkah ke tiga adalah membuat kode CSS untuk ID widget yang tadi (Profile1, Label1, serta HTML2). Property yang di buat cukup sederhana, yaitu anda hanya menambah h2 pada ujungnya, contoh :

#Profile1 h2 { }

#Label1 h2 { }

#HTML2 h2 { }

Untuk value nya, anda bisa berkreasi sendiri sesuai dengan keinginan, namun sebagai contoh, value nya misalkan seperti ini :

#Profile1 h2{
background:transparent url(URLGambar) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#Label1 h2{
background:transparent url(URLGambar) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#HTML2 h2{
background:transparent url(URLGambar) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}

Untuk URLGambar tentunya harus anda ganti dengan URl gambar anda, namun sebagai contoh kang Rohman akan memakai URL gambar yang sudah di tulis di artikel bagian atas, sehingga kodenya akan seperti ini :

#Profile1 h2{
background:transparent url(http://lh5.ggpht.com/_pt7i0nbIOCY/SxDF6E8cH-I/AAAAAAAACbU/qMNd6rY8owA/icontexto-user-web20-blogblogs_thumb%5B1%5D.png) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#Label1 h2{
background:transparent url(http://lh3.ggpht.com/_pt7i0nbIOCY/SxDF2CRKHsI/AAAAAAAACbI/DPAC8rY6Io0/icontexto-webdev-file-032x032_thumb%5B1%5D.png) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#HTML2 h2{
background:transparent url(http://lh6.ggpht.com/_pt7i0nbIOCY/SxDFV6RaXzI/AAAAAAAACaI/NEnqxysvPJo/icontexto-webdev-valentine%5B4%5D.png) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}

#4 Memasang kode CSS

Karena tadi sudah mendapatkan kode CSS yang di perlukan, maka langkah terakhir adalah memasang kode CSS tadi ke template anda, berikut langkah-langkahnya :

Silahkan login ke blogger dengan ID anda.
Klik Tata Letak.
Klik tab Edit HTML
Carilah kode ]]></b:skin>

Copy lalu paste kode berikut diatas kode tadi ( namun ingat! widget ID serta URL gambarnya harus anda ganti sesuai dengan blog anda )

#Profile1 h2{
background:transparent url(http://lh5.ggpht.com/_pt7i0nbIOCY/SxDF6E8cH-I/AAAAAAAACbU/qMNd6rY8owA/icontexto-user-web20-blogblogs_thumb%5B1%5D.png) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#Label1 h2{
background:transparent url(http://lh3.ggpht.com/_pt7i0nbIOCY/SxDF2CRKHsI/AAAAAAAACbI/DPAC8rY6Io0/icontexto-webdev-file-032x032_thumb%5B1%5D.png) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}
#HTML2 h2{
background:transparent url(http://lh6.ggpht.com/_pt7i0nbIOCY/SxDFV6RaXzI/AAAAAAAACaI/NEnqxysvPJo/icontexto-webdev-valentine%5B4%5D.png) no-repeat scroll left center;
padding:8px 8px 2px 40px;
margin-top:15px;
}

Klik tombol SIMPAN TEMPLATE
Selesai.

Ternyata mudah sekali bukan?

Tambahan, agar tampilan icon cocok dengan kondisi template anda maka anda bisa mengubah nilai padding atau margin nya.

padding:8px 8px 2px 40px;

margin-top:15px;

Selamat Mencoba!

Free Tool : XP Quick Fix Plus

2009-11-25T08:39:00.001+07:00

Windows XP anda mengalami beberapa masalah seperti tidak bisa menjalankan Task Manager, Registry Editor, Folder Options dan lain-lain dikarenakan sesuatu hal semisal serangan virus dan lain-lain? mungkin free Tool yang satu ini bisa membantu anda, XP Quick Fix Plus. Dengan XP Quick plus anda bisa meng enable kan kembali perintah-perintah XP yang tidak bisa berfungsi, caranya pun sangat mudah yaitu anda tinggal klik pada tombol-tombol yang disediakan.

Untuk melihat keterangan lengkap tentang fungsi dari setiap tombol, anda tinggal sorotkan mouse komputer anda pada tombol tersebut dan secara otomatis akan muncul keterangan di panel bagian bawah.

XP Quick Fix Plus terbilang sangat praktis, karena ukurannya filenya yang kecil yaitu kurang dari 600 KB serta tidak perlu di install, cukup anda menjalankan langsung file tersebut.

Yang berminat menjajal XP Quick Fix Plus, silahkan langsung pada blog penyedianya :

[ Download XP Quick Fix Plus ]

atau melalui softpedia

[ Download Via Softpedia ]

Opera Rilis Opera 10.10 final

2009-11-24T16:37:00.001+07:00

Jika pada bulan oktober kemarin pengembang Opera merilis browser opera 10.01, maka pada bulan November ini Opera kembali merilis versi terbaru dari browser Opera yaitu Opera 10.10 Final. Dalam versi terbaru ini para pengembang Opera menambahkan beberapa fitur baru serta peningkatan kemanan dan stabilitas.

Dengan opera 10.10 anda dapat berbagi photo, file, streaming musik dan lain-lain langsung dari browser opera.

Fitur - fitur :

Opera Unite

1. Use applications to share content with others in a quick and easy way.

Opera Turbo

2. Boost your speed with our powerful servers to compress Web pages, so you get them faster.

Visual tabs

3. Drag the handle underneath the tabs to reveal thumbnails of your open Web pages.

Customizable Speed Dial

4. Get easy access to your favorite sites every time you open a new tab. Choose the layout and the background you prefer.

Opera Link

5. Synchronize your Speed Dial, bookmarks, notes and other useful data.

Yang mau mencoba Opera 10.10, silahkan download langsung ke situs resmi opera.

Download Opera 10.10

Billion In Training with Brad Sugars

2009-11-23T12:12:00.001+07:00

Apakah anda pernah berpikir untuk menjual mainan anda ketika masih berumur 7 tahun? Apakah anda pernah berpikir untuk mempekerjakan orang ketika berumur belasan tahun? Apakah anda pernah bekerja pada seseorang dan menemukan bahwa prestasi yang lebih baik daripada pimpinan anda hanya akan membuat anda disingkirkan, sehingga kemudian anda berencana untuk tidak bekerja pada orang lain? Apakah anda pernah berusaha mengembangkan diri anda dengan mengikuti pelatihan-pelatihan usaha agar akan menjadi bekerja untuk diri sendiri? Apakah anda pernah mendapatkan profit yang besar sekaligus pernah mengalami rugi yang besar?

Kalau iya, berarti anda melakukan hal yang sama seperti yang pernah dilakukan dan dipikirkan Brad Sugars, pemilik berbagai jenis perusahaan, penulis buku, kolumnis majalah Enterpreneur USA, dan pelatih bisnis ternama dari Australia. Yang anda perlukan sekarang hanya tinggal pengetahuan dan pengalaman dari salah seorang pengusaha terbaik, benar-benar terbaik, untuk menjadi sepertinya. Tapi siapa?

Coba telusuri lagi kenalan, mentor, dosen, saudara/rekan yang sukses, atau siapapun yang kira-kira bisa menjadi guru anda, dan ingat-ingat lagi prestasi mereka. Apakah mereka pernah meningkatkan penjualan sebuah toko retail sebesar 39% hanya dalam 9 bulan? Apakah mereka pernah meningkatkan penjualan suatu toko pizza, dari hanya terjual di kafe-kafe, hingga terjual ke setiap toko retail? Apakah mereka pernah membeli kepemilikan suatu toko pakaian wanita hanya dengan sebuah janji untuk meningkatkan penjualan, dan benar-benar mewujudkannya dalam 9 minggu pertama? Apakah mereka pernah dinominasikan sebagai finalis chairman of the year oleh The American Business Award? Apakah mereka bisa disetarakan dengan Rupert Murdoch, Henry Ford, Richard Branson and Anita Roddick? Apakah mereka pernah diajak pengarang buku bestseller “Rich Dad, Poor Dad”, Robert T. Kiyosaki, untuk memberikan pelatihan pada seminarnya? Kalau mereka tidak pernah, Brad Sugars pernah! Dan ia akan datang pada tanggal 26 November 2009 nanti untuk membimbing mereka yang bermimpi besar membangun konglomerasi. Untuk menjadi yang terbaik, kita harus belajar dari yang terbaik.

Billionaire in Training – Brad Sugars

Dibawakan Langsung Oleh
CEO ActionCOACH

Hadir dan serap kemampuan Brad Sugars secara LIVE!

Kamis 26 November 2009

4 Hari Lagi ! ! !

di Jakarta International Expo, Arena Pekan Raya Jakarta, Kemayoran Hall D1-D2

Semuanya akan dibawakan langsung CEO oleh ActionCOACH. Ia ingin anda benar-benar yakin bahwa anda akan mendapat modal utama yang anda butuhkan untuk berbisnis.

Siapa saja yang mempunyai mimpi besar dan ingin belajar bisnis, silahkan bergerak mewujudkan impian anda.

karyawan, pengusaha, mahasiswa, manajer, wiraswasta, birokrat, ibu rumah tangga, dan semua lapisan masyarakat --> membutuhkan pengembangan diri dalam berbisnis. Dan inilah saatnya!

Satu yang pasti, walau tanpa investasi, anda bisa membuka jalan bagi kesempatan memiliki usaha yang besar.

Sampai bertemu di Billionaire in Training- Brad Sugars!

Tidak bisa datang..? Daftarkanlah rekan, keluarga, relasi, dan staf Anda. Atau paling tidak sebarkan email ini kepada rekan anda, siapa tahu ini adalah jalan kesempatan bagi dirinya. Dan... satu credit untuk anda di surga nantinya.

Untuk informasi lebih lanjut silahkan menghubungi:

Rukan Permata Senayan Blok D-33

Jl. Tentara Pelajar, Kebayoran Lama

Jakarta 12210

Contact Person: Ning Mahayu

Phone: 021 3713 61 65

Mobile: 0857 153 20001 (Dyah)

Fax: 021 5794 1173

Mail at: billionaireintrainingjakarta@gmail.com

Daftarkan saya sekarang!