Membuat Label Blogger Dengan Tampilan Cloud

Pasca ulang tahun yang ke-10, Blogger gencar menambahkan fitur baru dan berbenah diri untuk memenuhi permintaan para penggunanya. Mulai dari fitur Readmore Otomatis, Post Editor Baru, Template Designer pada Blogger Draft dan salah satu diantara fitur-fitur baru tersebut yaitu Label Cloud.

Seperti apa Label Cloud? Coba Anda lihat ke bagian bawah halaman blog ini, ada kategori kan? Nah itu namanya label cloud.


Bagaimana cara mengubah tampilan label lama menjadi Label Cloud? Mari kita simak langkah-langkah di bawah ini

Langkah 1
Login ke akun Blogger milik anda > Tata Letak > Elemen Halaman. Klik Edit pada widget Label blog Anda.

Langkah 2
Setelah jendela konfigurasi label terbuka, atur konfigurasi label sesuai pada gambar di bawah ini.



Setelah itu, klik tombol Simpan

Langkah 3
Sebelum mempercantik tampilan label cloud, perlu diperhatikan bahwa label cloud memiliki 5 tingkatan mulai dari warna hingga ukuran hurufnya.

Masuk ke bagian Edit HTML lalu copy kode di bawah ini tepat di atas kode ]]></b:skin>
.label-size-1 a {
color: #000000;
font-size: 8px;
text-decoration: none;
}
.label-size-1 a:hover {
text-decoration: underline;
}

.label-size-5 a {
color: #000000;
font-size: 12px;
text-decoration: none;
}
.label-size-5 a:hover {
text-decoration: underline;
}

Ganti font-size sesuai keinginan Anda.

Langkah 4
Klik Simpan. Label Cloud telah terlihat lebih bagus.

Bagian-bagian Template Blogger Part 5

Apa kabar Sahabat blogger????? Tidak terasa bagian-bagian template Blogger sudah mencapai tahap akhir nih.

Pada awalnya saya cukup pesimis dan tidak yakin bisa menyelesaikan pembahasan ini. Tetapi karena begitu banyaknya antusias dan dukungan dari para sahabat, maka pembahasan pun menjadi menyenangkan. Terima kasih atas dukungan Anda semua.

Sekarang kita akan membahas bagian terakhir dalam template Blogger. Sebelum melangkah lebih jauh, sebaiknya Anda sudah tahu struktur dari dokumen HTML. Setelah itu, baca dahulu

Bagian-bagian Template Blogger Part 1
Bagian-bagian Template Blogger Part 2
Bagian-bagian Template Blogger Part 3
Bagian-bagian Template Blogger Part 4

Okeh lah kalau begitu… Mari kita simak bagian-bagian template blogger berikut ini

/* Footer
----------------------------------------------- */
Bagian footer berawal di sini


#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Footer ini sama halnya seperti sidebar yaitu tempat penyimpanan gadget/widget pada blog kita namun footer tempatnya dibagian layout paling bawah yaitu dibawah main wrapper dan sidebar.


]]></b:skin>
Ini merupakan akhir dari css yang ada pada template blogger. Setelah kode ini, Anda bisa menyisipkan javascript dari autoreadmore, artikel terkait, dll. Setelah kode ini, bagian-bagian selanjutnya berisi kode HTML.


</head>
Ini merupakan tag penutup dari head pada dokumen HTML


<body>
Bagian body berawal pada tag ini
<div id='outer-wrapper'><div id='wrap2'>
Ini merupakan kode HTML dari outer-wrapper yang bisa diatur tampilannya dengan CSS


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blogwalking list (Header)' type='Header'/>
</b:section>
</div>
Bagian ini merupakan header-wrapper yang bias kita ubah tampilannya dengan CSS


<div id='content-wrapper'>
Bagian main-wrapper dan sidebar-wrapper berada dalam tag ini


<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>

Widget blog terletak di sini

</b:section>
</div>
Ini merupakan kode HTML dari main-wrapper yang bisa kita ubah tampilannya dengan CSS.


<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

Widget blog pada sidebar terletak di sini

</b:section>
</div>
Ini merupakan kode HTML dari sidebar-wrapper yang bisa kita ubah tampilannya dengan CSS.


<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>
Ini mengatur ketinggian sidebar-wrapper dan main-wrapper supaya sama tinggi.


</div> <!-- end content-wrapper -->
Ini merupakan akhir dari content-wrapper


<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
Ini merupakan kode HTML dari footer yang bisa kita ubah tampilannya dengan CSS


</div></div> <!-- end outer-wrapper -->
Ini merupakan tag penutup dari outer-wrapper


</body>
Ini merupakan tag penutup dari body pada dokumen HTML


</html>
Ini merupakan tag penutup dari dokumen HTML


Mungkin pembahasan akan lebih panjang jika kita membahas template dengan tanda centang pada 'expand widget template'.

Maka dari itu, script dari template di atas tidak dengan tanda centang pada 'expand widget template' sehingga terlihat simple.

Ayo Rampingkan Javascript Pada Blog!

Javascript memang selalu jadi pertimbangan ketika kita akan memasangnya ke dalam blog. Betapa tidak, ukurannya yang cukup besar membuat blog kita jadi ‘gendut’ dan berat untuk diakses. Berbagai cara telah ditempuh supaya javascript tersebut bisa ringan saat loading blog. Mulai dari menyimpan javascript di tempat lain atau mengkompres javascript supaya lebih ramping.

Eitsss... mengkompres javascript? Apa bisa?

Mengkompres javascript dilakukan untuk memperkecil ukuran javascript. Cara kerjanya seperti WinRar ata WinZip. Bedanya, cara ini dilakukan tanpa software. Jadi kita tidak usah men-download software tertentu. Bagaimana caranya?? Silakan simak langkah demi langkah berikut ini

Langkah 1
Copy javascript yang ada di blog Anda. Misalnya javascript auto readmore.
Buka Javascript Compressor. Paste javascript ke dalam kotak bagian atas pada halaman Javascript Compressor. Klik tombol Compress. Tunggu beberapa saat hingga proses kompres selesai.

Langkah 2
Setelah selesai, javascript hasil kompres akan muncul pada kotak bagian bawah. Copy javascript tersebut.

Langkah 3
Ganti javascript yang tadi belum dikompres pada blog Anda dengan javascript yang telah dikompres. Klik Simpan dan blog Anda sekarang lebih ringan.

Bagian-bagian Template Blogger Part 4

Setelah kita mengupas tuntas bagian Post pada bagian-bagian template Blogger part 3, sekarang kita akan membahas bagian Comment dan Sidebar Content.

Sebelumnya, baca terlebih dahulu

Bagian-bagian Template Blogger Part 1
Bagian-bagian Template Blogger Part 2
Bagian-bagian Template Blogger Part 3

Setelah membaca dari part 1, silakan simak bagian-bagian template Blogger part 4 berikut ini



/* Comments
----------------------------------------------- */
Bagian Comments dimulai dari sini


#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
Mengubah tampilan judul bagian komentar


#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
Mengubah tampilan bagian komentar


#comments-block .comment-author {
margin:.5em 0;
}
Mengubah tampilan link author atau link komentator


#comments-block .comment-body {
margin:.25em 0 0;
}
Mengubah tampilan isi komentar


#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
Mengubah tampilan dari footer komentar. Comment-footer biasanya berisi tanggal komentar.


.deleted-comment {
font-style:italic;
color:gray;
}
Mengubah tampilan komentar yang telah dihapus


.feed-links {
clear: both;
line-height: 2.5em;
}
Mengubah tampilan link feed


/* Sidebar Content
----------------------------------------------- */
Sidebar dimulai dari sini


.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
Mengubah tampilan sidebar secara keseluruhan


.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
Mengubah tampilan daftar pada sidebar


.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}
Mengubah tampilan definisi daftar dari tag <ul>


.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
Mengubah tampilan widget

Bagian-bagian template Blogger berlanjut pada part 5. Mudah-mudahan artikel di atas bermanfaat. Amin…

Bagian-bagian Template Blogger Part 3

Tidak terasa bagian-bagian template Blogger sudah sampai pada part 3. Blog saya jadi seperti komik nih, hehehehe… Saya harap Anda tidak bosan dengan artikel berseri di blog saya. Abis, mau gimana lagi. Kalau dijadikan satu artikel pasti terlalu panjang…hehehehehehe

Sebelum melanjutkan pada part 3, baca dulu yang ini
Bagian-bagian Template Blogger Part 1
Bagian-bagian Template Blogger Part 2

Kali ini kita akan membahas bagian Post pada template minima. Mari kita simak bagian-bagian template Blogger part 3 berikut ini



/* Posts
-----------------------------------------------
*/
Bagian Post dimulai dari sini


h2.date-header {
margin:1.5em 0 .5em;
}
Mengubah tampilan tanggal artikel blog


.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
Mengubah tampilan post atau artikel blog


.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
Mengubah tampilan judul artikel blog


.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
Mengubah tampilan link


.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
Mengubah tampilan bagian postingan


.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
Mengubah tampilan footer atau catatan kaki postingan blog


.comment-link {
margin-$startSide:.6em;
}
Mengubah tampilan link komentar


.post img, table.tr-caption-container {
padding:4px;
border:1px solid $bordercolor;
}
Mengubah tampilan gambar pada postingan


Sekian dulu Sob, kita lanjutkan pada Bagian-bagian Template Blogger Part 4

Mudah-mudahan bermanfaat

Bagian-bagian Template Blogger part 2

Apa kabar Sobat???? Mudah-mudahan baik-baik saja yaaa…

O iya, sebelum melanjutkan membaca, ada baiknya Anda membaca Bagian-bagian Template Blogger part 1 terlebih dahulu.

Pada episode kali ini, kita akan membahas bagian header, outer-wrapper, main-wrapper dan sidebar-wrapper. Untuk mempersingkat postingan dan ngga usah panjang lebar dikali tinggi, langsung saja ke tempat kejadian perkara…hehehehehehe…


/* Header
-----------------------------------------------
*/
Header berawal di sini


#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Header ini terdapat pada bagian atas template karena berfungsi sebagai informasi suatu blog yang akan dibaca oleh pengunjung blog diantaranya judul blog dan deskripsi blog. Selain teks, header juga bisa kita ganti dengan gambar.


#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
Kode CSS ini mengubah tampilan header bagian dalam


#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
Mengubah tampilan judul blog dan deskripsi blog secara keseluruhan


#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Mengubah tampilan judul dan deskripsi blog tingkat 1


#header a {
color:$pagetitlecolor;
text-decoration:none;
}
Mengubah tampilan link yang terdapat pada header


#header a:hover {
color:$pagetitlecolor;
}
Mengubah tampilan link pada header jika pointer mouse berada di atas link.


#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
Mengubah tampilan deskripsi blog yang terdapat pada header. Biasanya pada tingkat 2 yaitu h2


#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
Mengubah tampilan gambar header


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Bagian ini adalah tempat dimana bagian-bagian dasar seperti header, main wrapper, sidebar dan footer tersusun diatas bagian ini


#main-wrapper {
width: 410px;
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 */
}
Main-Wrapper sering disebut juga posting area karena main wrapper adalah area postingan pada suatu Blog


#sidebar-wrapper {
width: 220px;
float: $endSide;
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 ini berfungsi sebagai tempat penyimpanan gadget/widget.
Misalnya gadget yang telah disediakan oleh pihak blogger seperti label, arsip, profile maupun luar blogger seperti widget alexa rank yang tempatnya disamping posting area/main wrapper


/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}
Kode CSS ini mengubah tampilan judul pada blog dengan kelas h2 seperti judul artikel, judul widget pada sidebar, dll


Sampai di sini dulu ya Sob...

Saya harap Sobat tidak bosan berkunjung ke blog saya. Terima kasih untuk Sobat yang sudah berkunjung, berkomentar dan membaca artikel di blog saya.Ditunggu lanjutannya yaaaa….

Seperti biasanya, bagian-bagian template Blogger akan dilanjutkan pada Bagian-bagian Template Blogger Part 3 .

Bagian-bagian Template Blogger Part 1

Template MinimaSetelah minggu yang lalu kita membahas tentang mengedit template blog secara offline, kali ini kita akan membahas bagian-bagian template Blogger. Sebenarnya sudah banyak blogger yang memposting artikel tentang bagian-bagian template Blogger, tetapi dengan cara yang berbeda-beda.

Di sini saya juga ingin tampil beda Sob…hehehehehehe… kita akan mengupas tuntas bagian-bagian template Blogger. Template yang akan kita kupas tuntas adalah template Minima. Mengapa Minima??? Karena template ini merupakan template yang paling dasar dan yang paling mudah untuk dipelajari.

Artikel tentang bagian-bagian template Blogger akan saya jadikan beberapa part karena tidak memungkinkan saya jadikan satu. Betul ngga???? Hehehehehehe…

Okelah kalau begitu, langsung saja ke TeKaPe.
 

-----------------------------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ini merupakan deklarasi file XHTML pada template Blogger dengan jenis Strict. XHTML jenis Strict digunakan untuk membuat halaman yang layout dan formatnya dikontrol penuh oleh CSS. Pada deklarasi ini tidak menggunakan tag font dan table.


<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
Bagian head template blog yang berisi judul blog dan awal dari kode CSS. Biasanya, di sini digunakan untuk meta tag keyword dan meta tag yang lainnya.


body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Body adalah bagian paling dasar dari bagian-bagian template lainya, body pada template blog biasanya memenuhi halaman dari browser baru setelah itu tersusun bagian-bagian lainya.


a:link {
color:$linkcolor;
text-decoration:none;
}
Kode ini untuk mengubah tampilan link pada template blog Anda.


a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
Ini untuk mengubah tampilan link yang pernah dikunjungi.


a:hover {
color:$titlecolor;
text-decoration:underline;
}
Mengubah tampilan link jika pointer mouse berada di atas link.


a img {
border-width:0;
}
Mengubah tampilan link bergambar


Bagaimana Sobat??? Bagian-bagian Template Blogger berlanjut pada Part 2

Login Otomatis Dengan Roboform

Halo Sobat!!! Saya ada info nih...

Anda sudah tahu Roboform?? Software gratis untuk mempermudah proses login saat kita browsing. Software ini mirip layanan penyimpanan password di browser Mozilla Firefox.

Roboform sudah akrab di telinga para pebisnis online karena kemudahan yang diberikan. Mungkin Anda memiliki banyak akun di internet dan pasti repot kalau harus menuliskan satu-persatu username dan password. Apalagi Anda seorang pebisnis internet yang memiliki puluhan akun dari situs PTC, PPC, PTS, PTR dan yang lainnya.

Kebayang ngga tuh kalau harus menuliskan satu-persatu username dan password dari puluhan website????? jari bisa bengkak Sob... Maka dari itu, login otomatis dengan Roboform bisa mengurangi jari bengkak Sob...hehehehehe

Berikut ini kelebihan dan kekurangan Roboform

Kelebihan
• Mudah digunakan
• Sudah terintegrasi dengan Mozilla Firefox
• Ukuran software yang cukup kecil
• Penyimpanan password cukup aman karena dilengkapi master password

Kekurangan
• Karena software ini gratis, fasilitas pun terbatas
• Penyimpanan password terbatas

Link download tidak saya sediakan di blog ini untuk mencegah pelanggaran hak cipta software tersebut. Silakan Anda cari lewat Google.

Maaf Sob... saya menjunjung tinggi hak cipta. Stop Pembajakan!!! Hehehehehe...

Mengedit Template Blogger Secara Offline Bagian 3

Tidak terasa tutorial mengedit template blog secara offline sudah sampai pada bagian 3. Bagaimana menurut Anda?? Bosan atau justru masih setia mengikuti dari bagian 1?? Saya harap Anda tidak bosan...hehehehehe...




Sebelum melanjutkan membaca, silakan baca dahulu

Mengedit Template Blogger Secara Offline Bagian 2

Pada tutorial kali ini kita akan membahas bagaimana cara menyimpan kode CSS hasil editan kita supaya bisa dilanjutkan di lain waktu.

Langsung saja kalau begitu. Berikut ini langkah-langkahnya

Langkah 1
Setelah selesai mengedit template, klik tombol Save lalu simpan dengan nama yang sudah ada (File ini akan tersimpan dengan nama Embedded Styles.css). Setelah Anda menyimpan file CSS tersebut, mengedit template secara offline bisa Anda lanjutkan di lain waktu.

Langkah 2
Untuk melanjutkan edit template, buka Firefox lalu klik File > Open > lalu cari HomePage blog Sobat yang telah di Simpan pada tutorial bagian 2.

Langkah 3
Buka editor kode CSS. Pilih tab Embedded Styles lalu klik tombol Open . Cari file “Embedded Styles.css” yang telah di simpan pada langkah 1. Setelah itu Anda bisa melanjutkan edit template sesuai keinginan Anda...

Semoga Bermanfaat...

Mengedit Template Blogger Secara Offline Bagian 2

Melanjutkan artikel yang lalu, yaitu pemasangan Add-On Web Developer. Sebelum melanjutkan membaca, ada baiknya Anda baca dahulu Mengedit Template Blogger Secara Offline Bagian 1.

Mengedit template blog secara offline memang banyak keuntungannya. Yang pertama pastinya menghemat biaya koneksi internet, lalu praktis karena ngga usah klik tombol pratinjau berulang kali seperti secara online, dan masih banyak yang lainnya.

Dalam tutorial Mengedit Template Blogger Secara Offline Bagian 2, kita akan mengedit kode CSS blog. Berikut ini langkah-langkahnya

Langkah 1
Simpan HomePage blog Sobat dengan cara klik File > Save Page(masih dalam keadaan online)

Langkah 2
Matikan koneksi internet lalu buka HomePage blog Anda yang tadi sudah disimpan. Klik CSS pada Web Developer toolbar lalu pilih Edit CSS.


Muncul sebuah frame editor yang berisi kode CSS. Pilih tab Embedded Styles untuk melihat kode CSS dari blog Anda.



Catatan: Klik tombol Position untuk mengubah letak frame kode CSS sesuai keinginan Sobat.

Langkah 3
Edit kode CSS tersebut sesuka Anda, terserah Anda karena ini gratis...hehehehehehe...
O iya, Blog Anda akan langsung berubah mengikuti perubahan kode CSS yang sedang Anda edit.

Sekian dulu tutorial Mengedit Template Blogger Secara Offline. Tutorial akan berlanjut pada bagian 3.

Mengedit Template Blogger Secara Offline Bagian 1

Anda pasti hobi otak-atik template kan??? Untuk mengedit template Blogger, harus dengan cara online. Mungkin Anda sudah bisa mengedit template blogger secara offline dengan software Artisteer. Tapi di sini kita tidak membicarakan program tersebut yaaa...

Di sini kita menggunakan Add-On Firefox yang bernama Web Developer. Web developer merupakan Add-On yang digunakan untuk pembuatan website. Memiliki tools yang lengkap untuk mempermudah kita dalam proses pembuatan website. Dalam hal ini, Add-on tersebut kita gunakan untuk mengedit template Blogger.

Berikut cara pemasangannya, saya memakai Mozilla Firefox 3.6 Bahasa Indonesia

1. Buka Mozilla Firefox lalu pilih Alat > Pengaya


2. Ketikkan Web Developer pada kotak pencarian Add-Ons. Tunggu hingga Firefox menemukan hasil pencarian

3. Pilih Web Developer lalu klik tombol Pasang Ke Firefox


4. Klik Tombol Pasang Sekarang untuk memulai instalasi Add-Ons


5. Tunggu proses instalasi berjalan hingga selesai lalu Restart Firefox(tutup Firefox lalu buka kembali)

6. Jika instalasi berhasil, Toolbar Web Developer akan terpasang




Sekian dulu Kawan… Mengedit Template Blogger Secara Offline berlanjut ke bagian 2… Saya buat berseri karena untuk menghindari terlalu panjangnya postingan.

Memasang Alexa Toolbar Pada Browser

Artikel ini pasti sudah ketinggalan jaman. Mengapa demikian??? Karena sudah banyak blog yang mengulas tentang Alexa Toolbar. Walaupun ketinggalan jaman, tetapi Alexa Toolbar ngga ketinggalan jaman. Betul ngga???? Hehehehehe...

Sudah tahu Alexa Toolbar???? Saya yakin Sobat sudah tahu karena banyaknya artikel seperti ini yang bisa dicari lewat Google.

Setelah blogwalking kesana kemari mencari informasi, ternyata Alexa Rank menghitung data blog Sobat selama 3 bulan dari pengunjung yang datang dengan dan tanpa Alexa Toolbar di browser mereka. Jadi, kalau Sobat memasang Alexa Toolbar, Alexa Rank blog Sobat akan ramping karena Sobat yang paling sering mengunjungi blog tersebut.

Ngga usah panjang lebar dikali tinggi, bikin pusing... hehehehehehehe...

Langsung saja kita ke TeKaPe

1. Login ke akun Alexa milik Anda > Toolbar


2. Klik tombol Install Alexa Toolbar lalu Anda akan diarahkan pada Privacy Policy. Pada Privacy Policy, klik tombol Accept and Install. Tunggu beberapa saat


3. Klik tombol Allow pada bagian kanan atas jendela browser yang Anda gunakan. Di sini saya memakai Mozilla Firefox 3.6


4. Setelah itu klik Install Now. Proses instalasi Alexa Toolbar akan berjalan. Jika proses instalasi sudah selesai, restart Firefox.



Semoga bermanfaat...