Saturday, July 25, 2009

Cara Mendaftar di Technorati

Apakah Anda sudah mengenal tentang Technorati ? Untuk penjelasan singkat saja, Technorati adalah sebuah direktori terbesar saat ini dan memiliki fasilitas/fungsi yang cukup besar yaitu sebagai BlogSearch, Tags Aggregator dan Online Bookmarks. Dengan mendaftar di Technorati, itu akan meningkatkan traffic pengunjung ke blog kita, dan blog/website kita lebih dapat dikenal oleh blogger lain, dan ini pun bisa disebut sebagai salah satu strategi SEO untuk blog/website kita.
Dengan mendaftarkan blog kita di Technorati, kita juga bisa mengetahui situs / blog mana saja yang memasang link ke blog kita.
Untuk mempersingkat waktu, ikuti langkah2 di bawah ini untuk mendaftar di Technorati :
  • Masuklah ke alamat Technorati.com
  • lalu Klik menu Join (seperti gambar dibawah ini :
    image
  • Isilah data secara lengkap lalu klik join
  • Setelah itu, akan muncul sebuah confirmation code. Lalu cek email anda yang telah didaftarkan di technorati tadi, lalu klik link yang telah diberikan melalui email anda.
  • Setelah itu masukan url blog Anda (seperti gambar dibawah ini), dan kemudian klik Begin Claim.
image
  • Setelah itu, Anda tinggal menunggu Proses Claim, dan lakukan Complete Claim seperti gambar dibawah ini :
image
  • Anda akan dihadapkan pada Form seperti ini :
image
  • Salin kode berikut dan publikasikannya dalam sebuah posting di blog Anda. Technorati harus dapat menemukan kode klaim dalam blog Anda via feed (RSS atau Atom). Caranya adalah dengan menerbitkan posting baru dan menyisipkan kode klaim di dalamnya.
  • Untuk Kode Klaim Blog/Website ini adalah : xrpehfbykv
  • Dan sesudah itu, Anda tinggal klik Complete Claim
  • Berikutnya, Anda tinggal menunggu Kode Klaim yang sudah di masukkan dalam Postingan Anda di periksa oleh Technorati, untuk memastikan bahwa memang benar alamat URL yang diberikan, benar-benar milik Anda.
  • Dan yang terakhir (karena blog inipun belum terdaftar di Technorati), anda buat satu link dengan kode seperti dibawah ini, dan tampilkan di blog anda.
<a href="http://technorati.com/faves?sub=addfavbtn&add=http://tentang-komputer-internet.blogspot.com"><img alt="Add to Technorati Favorites" src="http://static.technorati.com/pix/fave/btn-fave2.png"/></a>

  • Gantilah kode yang berwarna merah diatas dengan kode URL anda.
Demikianlah informasi mengenai Cara Mendaftar di Technorati, semoga bermanfaat bagi Anda semua.
Terimakasih.

Rank Widget - Technorati

Technorati ?
Mungkin kalimat diatas sudah tidak asing lagi bagi para blogger dan pengunjung semua. Untuk yang belum tahu, Saya akan membahas mengenai Technorati Rank, dan Cara menampilkan Widget Technorati di blog Anda semua.
Sekilas mengenai Technorati Rank
Technorati Rank (Ranking Technorati) adalah merupakan Nilai / Rank blog anda di Technorati. Mungkin, untuk blogger pemula seperti saya, Technorati merupakan sebuah direktori blog yang berguna, karena hampir setiap blogger mendaftarkan blognya disana. Sehingga, misalnya ranking blog kita memiliki nilai bagus di Technorati, maka secara tidak langsung, juga akan memberikan nilai plus bagi traffic blognya.
Perhitungan ranking di Technorati dihitung berdasarkan jumlah linkback dari blog yang juga terdaftar di Technorati. Beda lagi kalau misalnya blog anda di linkback oleh blog yang tidak terdaftar di technorati. Nilai rangkingnya pun beda seperti Google PageRank, maksudnya semakin kecil nilai ranking kita, itu berarti semakin baik posisi blog kita di Technorati. Makanya Anda jangan senang dulu kalo misalnya anda liat rank blog anda di technorati nilainya besar.
Bagi Anda yang belum tahu rangking blognya di technorati, untuk mengeceknya silahkan menuju Technorati, lalu di kolom search paling atas, masukkan url blog anda. Tunggu sebentar dan lalu kelihatan berapa ranking blog anda di Technorati.
Cara Memasang Technorati Rank widget di blog Anda
Untuk Anda yang ingin memasang Widget Technorati Rank diblognya, silahkan ikuti langkah-langkahnya sebagai berikut :
  1. Login di Blogger Anda
  2. Pada kolom Dashboard, klik layout lalu edit html
  3. Jangan centang pada expand template widget
  4. copy kode dibawah ini dan paste sebelum tag ]]></b:skin>
    div.tec_rank {
    background: url(http://static.technorati.com/static/css/img/icn/talkbubble.png) 0 2px no-repeat;
    padding-left: 16px;
    border:0;
    }
    div.tec_rank a:link, div.tec_rank a:visited {
    color: #390;
    text-decoration:none;
    }
    div.tec_rank a:hover {
    border-bottom:1px dotted #390;
    }
    span.tec_link {
    display:none;
    }

  5. Save Template
  6. Masuklah ke Page Element
  7. Bila Anda ingin menampilkannya, di Kolom Page Elements, pilih add a gadget lalu pilih html/javascript. Dan lalu Anda bisa menyimpannya di bagian sidebar atau di footer.
  8. Lalu Anda Copy dan Paste kode dibawah ini :
    <script src="http://purplemoggy.clawsorpaws.com/technorati/rank.php?u=http://alamatbloganda.blogspot.com" type="text/javascript"></script>
    Nah, text yg berwarna merah, ganti dengan url blog anda.
  9. Save dan Selesailah sudah
Sebagai tambahan, widget ini hanya bisa di tampilkan untuk blog yang sudah terdaftar di Technorati, dan bagi yang belum terdaftar, silahkan Anda simak Cara Mendaftar di Technorati untuk mengikuti langkah-langkah pendaftarannya.
Semoga informasi diatas bermanfaat bagi Anda.
Terimakasih

Thursday, July 23, 2009

Cara Membuat Tab View di Blog Anda

Hallo rekan-rekan blogger dan pengunjung setia blog ini, malam ini tiba-tiba saya berpikir untuk sedikit meminimize halaman blog/web saya, agar lebih menghemat tempat dan para pengunjung semua bisa melihat Tampilan Link, Komentar, Artikel Postingan, Banner dan lain-lain. Dan Tab View ini berbentuk sebuah kotak yang besarnya bisa kita atur sesuai dengan yang kita inginkan, sehingga dapat menghemat ruang sidebar di blog/web kita.
Apa itu Tab View ?
Anda bisa melihatnya di bawah postingan blog/Blog Post saya, dan Anda ingin tahu cara membuatnya adalah sebagai berikut :
Sebagai Langkah Awal :
  • Login ke Account Blogger Anda
  • Lalu klik "Layout / Tata letak" dan lalu klik "Edit HTML"
  • Kemudian cari kode ini ]]></b:skin>
  • Lalu Copy-kan kode dibawah ini, dan letakkan sebelum atau diatas kode ]]></b:skin>
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
  • Perhatikan text-text yang dicetak biru, itu adalah keterangan yang ada di Tab View. Ada ukuran, style border dan warna . Silahkan ganti sesukamu.Untuk melihat kode warna klik disini.
    Melihat style border klik disini.
  • Selanjutnya copy kode dibawah ini, letakkan sebelum kode </head>
<script src='http://www.geocities.com/sehatserasi72/tabview.js' type='text/javascript'/>
  • Kemudian Simpan
Langkah Selanjutnya :
  • Pilih "Page Elements"
  • Trus Pilih "Add a Gadget" --> "HTML/Javascript" untuk meletakkan Tab Menu View ini.
  • Copy script dibawah ini kedalamnya:
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
  • Lalu Simpan/Save
Keterangan:
  • Text yang berwarna biru (350px) adalah ukuran tinggi dan lebar Tab View.
  • Kode yang berwarna Ungu text yang muncul di Menu utama (Menu Atas).
  • Kode yang berwarna Hijau adalah isi dari Tab View.
Demikianlah informasi yang bisa Saya berikan dan sudah di coba di blog/website ini, semoga berguna buat Anda semua.
Terimakasih.

Tuesday, July 21, 2009

Cara Mudah Membuat Banner Link

Hallo rekan-rekan Blogger dan pengunjung setia Blog Belajar Ilmu Komputer dan Internet, Artikel atau Postingan Panduan Belajar Blog kali ini mengenai Cara Mudah untuk Membuat Banner Link, yang nantinya bisa digunakan untuk bertukar link dengan sesama pemilik blog lainnya.

Ide untuk membuat artikel ini adalah sehubungan dengan adanya beberapa blogger yang menghubungi saya via YM Chat (Yahoo Messenger), dan menanyakan bagaimana cara pembuatannya. Oleh sebab itu, semoga artikel singkat dan praktis yang saya buat ini dapat membantu anda semua.

Seperti kita ketahui bahwa banyak tutorial untuk pembuatan sebuah Banner, menggunakan situs resmi seperti di alamat http://www.cooltext.com, dan ada sebagian dari mereka yang menggunakan fasilitas ini mengatakan bahwa prosesnya cukup panjang dan ribet, harus melakukan upload gambar dan bahkan kadang hasilnya tidak sukses atau tidak seperti yang diharapkan.

Ada 1 cara yang bisa kita gunakan, yaitu dengan menggunakan Metoda Tabel.

Dan berikut ini langkah-langkah pembuatannya :

1. Silakan anda copy kode di bawah ini :

<a href="http://alamatbloganda/"><table width="120" bg border="1" style="color:black;"><tbody><tr bg style="color:blue;"><td align="center"><b><span style="color:white;">Judul yg ingin ditampilkan</span></b></td></tr></tbody></table></a>

Keterangan :
  • http://AlamatBlogAnda : isilah dengan alamat blog/website anda.
  • width="120" : ini adalah Lebar bannernya.
  • border="1" style="color:black : ini adalah warna garis pinggir (border).
  • tr bg style="color:blue : ini adalah warna background banner.
  • span style="color:white : ini adalah warna judul banner.
  • Judul yg ingin ditampilkan : isilah dengan kalimat yg ingin kamu tampilkan dibanner anda.

2. Copy kode tersebut secara keseluruhan (setelah dirubah) pada :

Layout - Page Element - Add a Gadget dan anda pilih HTML/Javascript

3. Lalu Save, dan sekarang lihat bagaimana hasilnya.

Nah, sekarang anda tidak perlu membutuhkan waktu panjang untuk membuat sebuah banner.
Selamat mencoba, dan bila anda kesulitan, isi kolom komentarnya, dan saya akan bantu membuatkannya untuk anda.

Sebagai tambahan, saya juga menyertakan 1 Software yang bisa diinstall secara lokal di komputer anda, dan bila anda berminat, dapat mendownloadnya disini.

Terimakasih.

Sunday, July 5, 2009

Cara Setting Tampilan Admin di Kolom Komentar

Hallo rekan-rekan blogger dan pengunjung setia Blog ini, satu settingan lagi dalam Panduan Belajar Blog yang saya lakukan mengenai Kolom Komentar, setelah diartikel sebelumnya tentang Membuat Kolom Komentar dibawah Postingan, kali ini saya akan membahas tentang Tampilan Admin di Kolom Komentar.

Tujuan setting ini adalah membuat komentar yang diposting oleh sang pemilik blog, akan berbeda dengan komentar yang di posting oleh pengunjung blog. Untuk lebih jelasnya, anda bisa lihat penggunaan komentar Admin tersebut di blog ini.

Berikut ini langkah-langkah dalam pembuatan Kotak Komentar Admin sebagai berikut :

Jangan lupa Backup terlebih dahulu template anda, bila ada kesalahan pengetikan, anda bisa mengembalikannya seperti semula.

Anda centang dulu pada 'Expand template widget'

Lalu anda Copy code berikut ini,

.comment-body-author {
background: #ebebeb;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
}

Paste-kan diatas kode dibawah ini :

]]</b:skin>

Tulisan merah adalah warna background kotak komentar anda, sedangkan tulisan berwarna hijau adalah garis tepi kotak komentar anda.

Silahkan ganti background dan border sesuai dengan selera anda.

Selanjutnya, anda cari kode ini :

<dl id='comments-block'>

Bila sudah ketemu, anda bisa melihat kelanjutannya seperti dibawah ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>


<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<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='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>


Anda tidak usah bingung, cukup perhatikan tulisan yang berwarna HITAM diatas adalah kode original anda, sedangkan kode warna MERAH adalah sebagai kode tambahan.

Jadi, anda tinggal copy kode-kode yang berwarna merah, kemudian paste ditempat sesuai seperti contoh diatas. bila sudah, coba preview dan coba anda beri komentar Sebagai Admin.

Nah sekarang komentar anda sebagai pemilik blog akan berbeda dengan pengunjung blog Anda.

Selamat mencoba, dan bila anda menemui kesulitan, bisa bertanya di kolom komentar, atau anda memiliki ide yang lebih baik, silahkan juga share disini.

Terimakasih.

Saturday, July 4, 2009

Tentang Alexa Rank

Mungkin bagi anda para blogger sedikit banyak sudah tahu tentang Alexa Rank, dan mudah-mudahan apa yang akan saya sampaikan di artikel ini bukanlah merupakan hal yang sudah tidak asing lagi dan akan anda abaikan, karena setiap saya membuat suatu artikel, pasti ada nilai positif terhadap blog ini dan akan selalu saya bagikan buat para blogger atau pengunjung blog ini.

Saya meyakini bahwa tidak semua dari anda membutuhkan yang namanya Alexa Rank atau bahkan Google PageRank (PR), tapi yakinlah jika anda bertujuan untuk menjadikan blog anda bisa menghasilkan uang dengan monetasi blog, selain PageRank , Alexa Rank juga sangat penting untuk anda ketahui.

Mari kita lihat pengertian utama tentang Ranking Alexa.
Alexa akan menghitung ranking web dengan cara menganalisa trafik jutaan web dari Alexa Toolbar yang terpasang dan dari sumber trafik lainnya. Perhitungannnya adalah dengan mengkombinasi seberapa banyak pengunjung dan pageviews unik pada suatu web/blog selama kurang lebih 3 bulan. Dengan semakin banyak hit dan pageviews pada suatu blog, maka akan semakin tinggi peringkat web/blog tersebut. Angka tersebut dapat anda lihat dari widget yang dipasang oleh blog tersebut. Sebagai contoh, pageview yang dilakukan oleh pengunjung lebih dari sekali pada halaman yang sama oleh satu user, itu tetap akan dihitung satu pageview.
Jadi sebagai kesimpulannya, penghitungan Trafik Alexa adalah berdasarkan atas rata-rata jumlah pengunjung/visitors dan pageviews pada periode tertentu (sekitar 3 bulan).

Dalam rangking Alexa angka 500.000 itu dinilai lebih baik daripada 2.000.000, dan ini berbeda dengan Google PageRank, dimana angkanya berkisar 1 sampai 10 dan di Google, PageRank besar akan lebih baik daripada PageRank yang kecil.

Mengapa Anda perlu Menaikkan Alexa Ranking ?
Ini bukan merupakan suatu keharusan, namun saat ini para advertiser, webmaster dll menggunakan Alexa Rank sebagai dasar untuk menilai seberapa tinggi harga link blog anda. Jika anda ingin memonetize blog anda melalui program review seperti reviewme, sponsoredreview dll atau TLA (Text Link Advertisement, maka anda wajib menaikkan ranking Alexa anda. Kenapa begitu ? Karena semakin tinggi Ranking Alexa anda maka semakin tinggi juga bargaining power link anda dan itu berarti harga link blog anda juga akan tinggi.
Selain itu, meski anda memiliki tujuan selain bisnis dalam blog anda, saya pikir tidak ada masalah jika anda memasang Alexa toolbar dan Widget diblog anda, bisa jadi sangat bermanfaat untuk program anda yang lain nantinya.

Sebenarnya, data pengunjung yang diambil dari toolbar Alexa tidaklah dapat dijadikan sesuatu yang mewakili keseluruhan jumlah pengunjung internet di dunia. Bisa jadi perhitungan pengunjung satu web lebih atau malah kurang dari yang sebenarnya. Tapi, menurut saya itu nggak usah dibahas terlalu dalam, karena dengan segala kelemahannya, Alexa Rank saat ini masih dijadikan sebagai pedoman bagi advertiser untuk mengukur nilai link blog/web anda.

Bagaimana cara Menaikkan Ranking Alexa ?
Sebenarnya saya pun masih belajar untuk menaikkan ranking Alexa, namun pada intinya Alexa Ranking adalah Traffic. Dimana semakin banyak visitors dan pageviews di web/blog anda, maka bisa dijamin Alexa Ranking anda akan naik. Ada juga yang menggunakan cara yang kurang baik mencapainya dengan cara menyewa robot-robot untuk mengklik blog anda. Namun, saya sangat menyarankan agar anda memakai cara yang alami seperti yang saya lakukan dibawah ini :

Cara yang siple dan terbukti ampuh adalah dengan menjaga dan berusaha membuat konten blog yang bermanfaat bagi orang banyak, dan perbanyaklah blogwalking, memberikan komentar dan meninggalkan jejak anda disana. Di samping itu ada juga beberapa hal yang dapat menunjang kenaikan Alexa Ranking sebagai berikut :

  1. Menginstall Alexa Toolbar dan menjadikan blog anda sebagai default homepage. Silahkan anda mendownload Alexa Toolbar atau Search Status Extension.
  2. Memasang Alexa widget di web/blog anda.
  3. Menulis artikel tentang Alexa Ranking seperti yang saya lakukan. Dan pihak alexa akan senang sekali jika satu blog/web menulis tentangnya. Dan ini akan berpengaruh terhadap kenaikan ranking anda.
  4. Melakukan promosi blog yang intinya menarik sebanyak mungkin pengunjung ke blog/web anda.
Demikianlah informasi ini saya buat semoga dapat membantu anda, dan bila ada pertanyaan, anda bisa mengisinya di kolom komentar.

Terimakasih

Thursday, July 2, 2009

Award yang Ketiga

Ternyata award sudah begitu mewabah di dunia blogger, kali ini saya mendapat award dari seorang blog teman yaitu Belajar Bisnis Mania dan maaf kalau award ini agak terlambat dipasang, bukannya kurang menghargai, tapi belakangan ini saya begitu sibuk mengurusi bengkel dan parts shop yang semakin ramai, apalagi di awal bulan seperti ini. Saya harap pemberi award ini jangan kecewa, karena hari ini penghargaan dari anda saya publish disini hehe...

Dibawah ini adalah Award Ketiga, setelah Award Pertama dan Award yang Kedua











Demikianlah artikel ini saya buat untuk lebih meningkatkan hubungan baik antar blog anda dengan blog temannya.

Dan seperti biasa, saya ingin mengingatkan kembali mengenai Usaha (action) yang kita lakukan agar kita bisa terus berkembang dan saling berinteraksi dengan blog lainnya (Stop Dreaming Start Action).

Sebagai pemberitahuan, untuk lebih menghemat loading blog, setiap Award yang saya terima dari teman, selanjutnya akan saya link kesini, dan anda atau para pengunjung bisa melihat listnya disana.

Terimakasih
.

Saya dapat Award yang Kedua

Hallo rekan-rekan blogger semua, kembali lagi di artikel kali ini mengenai Award. Belum sebulan saya mendapat award dari teman, lalu saya kembali mendapatkan Award yang kedua dari seorang teman yang bernama tyoreza, seperti yang sudah saya terangkan di artikel dimana saya mendapat award yang pertama bahwa selama kita saling menyapa/mengunjungi blog teman, maka akan tercipta persahabatan dan mendapatkan award sebagai tanda penghargaan.

Dibawah ini ada 6 buah award yang diberikan tyoreza terhadap blog ini.




Demikianlah artikel ini saya buat, dan semoga rekan-rekan blogger serta pengunjung setia tentang komputer internet bisa melakukan hal serupa dengan teman-teman blog lainnya agar tercipta sebuah persahabatan yang baik.

Begitulah usaha yg tidak pernah kenal menyerah, terus berinteraksi dengan blogger lainnya setiap hari sesuai semboyan blog ini yaitu "Stop Dreaming Start Action".

Terimakasih.

Saya dapat Award yang ke Pertama

Hallo rekan-rekan blogger semua, kembali lagi di Artikel berikut ini dimana saya mendapat Awards dari seorang teman blogger yang setiap hari selalu saling menyapa, saling memberikan support satu sama lain. Awards ini diberikan oleh yang menamakan dirinya Pianoes98, dan saya sangat senang sekali, ternyata memiliki sebuah blog itu sangat menyenangkan sekali, dimana selain kita bisa share, mendapatkan ilmu dari blog lainnya, juga support serta penghargaan karena kita adalah juga teman yang bisa dijadikan tempat untuk berbagi.

Dibawah ini ada sebuah gambar/awards yang diberikan oleh Pianoes98 sebagai tanda penghargaan atas hubungan yang baik antara blog ini dengan blognya.













Saya berharap, rekan-rekan blogger atau para pengunjung semua yang membaca artikel ini, bisa melakukan hal yang sama, agar terbina satu kelompok persahabatan yang selalu saling membangun satu dengan yang lain.

Seperti biasa, langkah atau usaha (Action) harus jadi prioritas utama daripada hanya memimpikannya (Dreaming), seperti dalam artikel saya sebelumnya yaitu Stop Dreaming Start Action.

Demikian artikel ini saya buat, dan terimakasih kepada teman saya Pianoes98.
Bila anda ingin melihat daftar Awards yang sudah saya terima, anda bisa melihatnya disini.