Pengertian Alexa dan Kegunaannya

Mungkin sebagian besar teman-teman sudah tau Apa itu Alexa. Tapi Alexa yang dibahas disini bukanlah sebuah nama group band apalagi seorang cewek cantik yang anda pikirkan.

Disini saya akan menjelaskan apa yang dimaksud Alexa Rank..? Alexa Rank merupakan sebuah web informasi yang memberikan sebuah informasi mengenai rank traffic atau sebuah popularitas web, yang berasal dari jumlah pengunjung Unique Alexa Toolbar. Bisa dikatakan Alexa itu semacam toolbar, jadi kalau misalkan kita mau mengecek popularitas sebuah web kita tidak perlu langsung menuju ke web Alexa tersebut. Maka daripada itu Alexa memberikan sebuah toolbar yang bisa menunjukkan ranking popularitas web tersebut.

Mungkin banyak orang yang bertanya kegunaan Alexa sendiri itu untuk apa? Apakah berpengaruh terhadap Page rank Google? Menurut saya Keberadaan Alexa sangatlah penting dalam pencapaian sebuah Page Rank (PR) yang tinggi karena menunjukkan kualitas dan popularitas dari website yang kita miliki. Disamping itu juga Google sendiri nampaknya masih berpatokkan juga pada Alexa dalam memberikan Ranking bagi website atau blog kita.
Namun menurut perhitungan algoritma Alexa yang baru dan pastinya ribet, sistem ranking yang diberikan oleh Alexa semakin akurat karena Alexa juga memberikan ranking berdasarkan sumber lain juga, mungkin saling cross check dengan Google, Yahoo!, MSN dan website berpengaruh lainnya.

Kalau anda memang mengiinkan atau berharap page rank anda tinggi, anda juga harus memperhatikan juga Ranking Alexa anda. Jika perlu install toolbar dari Alexa ini, karena saya sendiri pun mengalami bahkan merasakan perubahan yang drastis semenjak menginstall toolbar tersebut. Selain gratis untuk bisa didapatkan dan compatible dengan IE dan Mozilla Firefox popularitas webmu pun ikut terangkat. Selain itu juga bisa membantu teman-teman blogger lain yang anda kunjungi bisa terangkat Alexa Ranknya.
Kalau website atau blog anda belum dicantumkan Alexa widget yang berisi data traffic maupun ranking pada Alexa Widget bisa didapatkan di Alexa Widget dan anda tinggal ketik URL dari website yang anda miliki setelah itu bisa dipasang kode yang diberikan pada website anda, sehingga bot Alexa lebih sering berkunjung untuk men-crawl website yang anda miliki.

Jika anda menggunakan browser Mozilla kamu bisa menginsatall add-ons toolbarnya di http://www.alexa.com/toolbar
Kalau teman-teman mau menambahkannya silakan berikan komentar anda..

Menambahkan Recent Commnet pada Blog

Bagi blogger yang ingin menambahkan recent comment / komentar terbaru di blog dapat mengikuti cara di bawah ini. Langkahnya mudah di pahami dan di mengerti.
Pastikan bahwa Anda sudah log in di Blogger. Langkah selanjutnya adalah, klik alamat web / url ini:

http://blogger-templates.blogspot.com/2007/03/recent-comments.html

Kemudian isi bagian Customize Widget:

* Widget title = judul dari widget, misalnya Komentar Terbaru
* Blog address = isi alamat bloggernya tanpa blogspot
* Comments to display = jumlah komentar yang akan dipajang
* Show comment date = pilihan apakah tanggal dipajang atau tidak
* Show post title = pilihan apakah judul dari artikel dipajang atau tidak
* Summary size = jumlah karakter dari komnter yang akan dipajang

Masukkan kata atau centang yg menurut anda perlu. Kemudian klik tombol 'Apply'. Selanjutnya klik tombol 'Add widget to my blog'. Secara otomatis, akan membuka halaman baru yang menuju ke web blogger. Letakkan widget ini d empat yg anda inginkan. Langkah terakhir, klik tombol 'Add Widget'. Secara otomatis, widget sudah masuk ke dalam blog.

Widget Weather atau Cuaca pada Blog

Buat Blogger yang ingin menambahkan widget Weather atau cuaca pada blog, dapat menuliskan salah satu bentuk script / kode html seperti d bawah ini :

<!-Weather in jakarta, Indonesia on your site - HTML code - weatherforecastmap.com
--><script src="http://www.weatherforecastmap.com/weather.php?zona=indonesia_jakarta"></script><noscript><a
class="weather_widget" href="http://www.weatherforecastmap.com/"
><img class="weather" src="http://weatherforecastmap.com/img/widgets/1217950.gif"
alt="weather_widget" ></a></noscript><!-end of code-->

untuk kota dan negara dapat di ganti sesuai keinginan. :)

Widget Kurs Rupiah pada Blog

Buat blogger yang ingin menambahkan widget komponen kurs / indonesia Rupiah Exchange Rate pada blog.
contoh 1 :

<!-Foreign Exchange Rates widget - HTML code - fx-rate.net --><div style="width: 190px; border:1px solid #000;background-color:#fff;align:center;text-align;left;margin:0px 0px:padding:0px 0px;"> <div style="text-align:center;font-size:12px; line-height:16px;font-family: arial;color:#173a00; font-weight:bold;background:#c5e554;padding:3px 3px;"> <a href="http://fx-rate.net/IDR/" title="Indonesian Rupiah Exchange Rate" alt="Indonesian Rupiah Exchange Rate" style="text-decoration:none;color:#173a00;font-size:12px; line-height:16px;font-family: arial;"> <img border="" width="16" height="11" style="margin:0;padding:0;border:0;" src = "http://fx-rate.net/images/countries/id.png"></img> &#160;&#160; Indonesian Rupiah Exchange Rate</a> </div><script type="text/javascript" src="http://fx-rate.net/fx-rates.php?label_type=country_name&currency=IDR&length=short"></script></div><!-end of code-->

contoh 2 :

<div align="center">
<iframe name="I1" border="0" scrolling="no" frameborder="0" width="200" height="230"
src="http://apdian.com/data/kurs/uang.php">
Your browser does not support inline frames or is currently configured not to display inline frames - apdian.com</iframe></div>

contoh 3 :
<iframe border="0" frameborder="0" marginheight="0" marginwidth="0" height="250" src="http://ika-polimdo.co.cc/kurs_bcaV2/kurs_bca.php" scrolling="no" width="260"></iframe>
by Radit-Online

Cara Memposting Script atau HTML

Pada artikel kali ini kita akan membahas bagaimana cara posting script atau kode html. Bagi para pemula ataupun blogger lainnya pasti bingung saat pertama kali mamasukkan/memposting SCRIP atau Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari Script atau code HTML-nya, nah untuk yang ingin menulis/memposting tentang tutorial blog berisi Script atau code HTML cukup dengan meng-ENCODE Script atau Code HTML tersebut.

ENCODE maksudnya mengubah script atau code HTML yg hendak di posting menjadi bentuk susunan kata yg tidak terbaca sebagai perintah script atau code HTML itu sendiri. Untuk fasilitas ENCODE banyak terdapat di situs2 tertentu, diantaranya pada situs di bawah ini :

• http://centricle.com/tools/html-entities/
  
  
• http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx

CARA-nya mudah saja, hanya dengan mengcopy Script atau code HTML yg hendak di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.

Cara Membuat 'Read More' pada Artikel/Posnting.

Pada umumnya, artikel yang dipajang di halaman depan akan ditampilkan secara penuh. Jika pada halaman depan ditampilkan 5 artikel, maka halaman depan akan menjadi panjang. Hal ini akan mengurangi kenyamanan para pembaca. Ada langkah mudah untuk memecah isi artikel menjadi 2 bagian. Bagian pertama, bagian kecil dari artikel yang ditampilkan di halaman depan. Bagian kedua adalah bagian lainnya yang akan ditampilkan bila artikel dibuka/diklik.

Ambil contoh cara sederhana saja, pembuatannya dilakukan dalam 3 tahap, yaitu pada bagian layout, setting, dan pada bagian post.

Langkah-langkah pada bagian layout adalah:

1. Anda harus login terlebih dahulu.
2. Pada halaman dashboard, klik link layout.
3. Selanjutnya klik link Edit HTML.
4. Cari checkbox 'Expand Widget Template', centanglah (cek).
5. Pada kolom HTML itu, carilah kode ini:

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

6. Hapuslah kode itu, lalu ganti menjadi:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

7. Tulisan 'Read More' dapat diganti menjadi 'Baca Selengkapnya' atau dengan tulisan lainnya.
8. Pengeditan HTML telah selesai, diakhiri dengan menyimpannya, klik tombol save.


Langkah selanjutnya adalah membuat template/pola untuk setiap artikel yang akan kita post, yaitu:

1. Masuklah pada bagian/menu Setting - Formatting.
2. Cari kotak 'Post Template'. Isi kotak itu dengan kode:

<span class="fullpost">
</span>

3. Simpan/save.


Langkah terakhir adalah membuat artikel postingannya, yaitu:

1. Masuklah ke bagian New Posting.
2. Antara 2 tab, 'Compose' dan 'Edit HTML', pilihlah Edit HTML.Akan terlihat kode template yang telah kita simpan sebelumnya.
3. Pecahlah artikel menjadi 2 bagian. Bagian pertama, yang akan terlihat di bagian depan, letakkan di atas kode <span class="fullpost">. Bagian kedua diletakkan setelah kode itu dan sebelum kode </span>.
4. Publish

Membuat Border / Kotak Pada Posting

Border dapat dibuat pada tulisan dan gambar. Contoh pada tulisan adalah:

Tulisan ber-border. Ukuran border 1px dan jenisnya solid.

Membuatnya tidaklah susah.

Ada 2 cara pembuatan, yaitu tidak menggunakan CSS dan menggunakan CSS. Keduanya sama mudahnya. Saya akan mengulas kedua.

1. Tidak menggunakan CSS.
Keuntungannya adalah, kita dapat membuat border yang kita sukai dan berbeda-beda untuk tiap kotaknya.
Kekurangannya adalah, kita harus mengetik code untuk tiap kotak. Ini memakan waktu dan tenaga.

Cara membuatnya:
Untuk kasus tulisan dalam kotak yang di atas. Codingnya adalah:

<div style="border:1px #ff0000 solid; padding:10px; background-color:#000000;">Tulisan ber-border. Ukuran border 1px dan jenisnya solid.</div>

border:1px #ff0000 solid;
1px --> ukuran border
#ff0000 --> warna border, terdiri dari 6 digit angka
solid --> tipe border, untuk bergaris putus-putus adalah 'dashed', titik-titik 'dotted'

padding: 10px;
Padding adalah ukuran jarak antara text dan border

background-color:#000000;
Warna latar belakang hitam. Jika tidak ingin mengubah latar belakang warna, hapus saja.

2. Menggunakan CSS.
Keuntungannya adalah lebih mudah menggunakannya.
Kekurangannya adalah semua kotak sama.

Cara membuatnya:
Perhatikan kembali coding isi tag style yang di atas. Yaitu yang berisi:

border:1px #ff0000 solid; padding:10px; background-color:#000000;

Copy-lah bagian itu kemudian nanti akan diletakkan (paste) di bagian CSS. Masuklah ke bagian 'Edit HTML' pada layout. Perhatikan seluruh HTML yang ada. Bagian CSS diawali dengan tag coding:

<b:skin><![CDATA[/*

dan diakhiri dengan:

]]></b:skin>

Tepat di atas akhiran CSS ini, buatlah elemen baru CSS dengan mengetik:

.border {

Kemudian hasil copy-an tadi letakkan (paste) setelahnya. Akhiri dengan tanda tutup:

}

Hasilnya adalah:

.border { border:1px #ff0000 solid; padding:10px; background-color:#000000; }

Langkah terakhir adalah memanggil elemen CSS border ini melalui tag div. Yaitu:

<div class="border">isian</div>

Link Target Blank ("Membuka halaman baru")

Kemungkinan sering bagi pemula bertanya / berpikir, "Bagaimana membuat link yang membuka halaman baru / windows / tab baru?"

Sebenarnya mudah, hanya dengan menambah sedikit kode html, ikutin saja langkah-langkah di bawah ini:

1. ketik tag untuk link disertai link yang dituju

<a href="http://www.madridista02.blogspot.com"></a>

2. ketik kata / kalimat yang ingin ditampilkan dalam web, misalnya: Our sponsor

<a href="http://www.madridista02.blogspot.com">Our sponsor</a>

3. sisipkan target pada tag link

<a href="http://www.madridista02.blogspot.com"target="_blank">Our sponsor</a>