Cara Daftar Blog Ke Alexa

Alexa adalah salah satu website penyedia layanan ranking blog atau website. Kita tahu bahwa traffic alexa sangat mempengaruhi popularitas dan juga perkembangan dari sebuah website di mata search engine. Nah, karena traffic dari Alexa sangat berpengaruh sekali terhadap website atau blog kita, maka kita perlu melakukan submitasi ke Alexa. Ini kita lakukan dengan harapan website atau blog dapat cepat terindex oleh mesin pencari.
Dan juga kita memberitahukan kepada Alexa bahwa website dengan namadomain.com telah memproklamirkan diri terjun dalam kancah perang SEO.

Dengan kita mendaftarkan blog ke Alexa, semakin memudahkan alexa untuk mengupdate traffic dari Alexa tersebut. Dan sebagai bukti bahwa anda adalah pemilik blog tersebut. Lalu bagaimanakah cara mendaftarkan blog ke Alexa ?

Berikut ini adalah langkah-langkah untuk mendaftarkan blog ke Alexa.

1. Buka atau kunjungi website Alexa
2. Lalu klik menu Edit Site. Nanti anda akan di bawa ke halaman user login dari Alexa, jika anda belum punya akun silahkan register dulu.
3. Selanjutnya lihat email anda dan buka email konfirmasi keanggotan anda dari Alexa.
4. Setelah konfirmasi, klik ulang menu Edit site. Masukkan data-data website atau blog anda disini.
5. Selanjutnya lakukan verifikasi blog anda tersebut.
Verifikasi ini bisa anda lakukan dengan 3 cara, pilih salah satu saja :
Pertama, dengan Meta tag. Copy paste meta tag yang diberikan oleh alexa di antara tag <head> dengan </head> pada template blog anda.

Kedua, dengan upload di root blog anda. Buat sebuah file format .txt dengan notepad, copy paste meta tag ke dalam file tersebut dan buat nama sesuai intruksi dari alexa. Lalu upload file tersebut di root blog anda dalam hosting yang anda gunakan.

Ketiga, yaitu dengan cara konfirmasi melalui email.
6. Setelah anda pilih dan lakukan salah satu cara verifikasi di atas, kemudian klik tombol verifikasi.

Sekarang blog anda telah terverifikasi oleh Alexa. Ini merupakan sebuah bukti bahwa anda adalah pemilik website tersebut.

Ok, semoga artikel tentang cara daftar blog ke Alexa ini bermanfaat untuk kita bersama.

READ MORE - Cara Daftar Blog Ke Alexa

Cara Membuat Tabel Pada Postingan

Topik kita kali ini adalah membuat tabel di blog, sebenarnya sangat mudah hanya membutuhkan sedikit kode HTML anda sudah bisa membuat sebuah tabel. Lagi-lagi kode HTML, yah begitulah namanya juga blog pasti selalu berhubungan dengan kode ribet yang satu ini. Untuk membuat tabel cukup dengan perintah ..... yang didalamnya terdapat atribut sebagai berikut :

1. bordercolor --> warna dari garis tabel
2. bgcolor --> warna dari background tabel
3. cellpadding --> jarak antara tulisan dengan garis luar tabel
4. cellspacing --> jarak antar tulisan
5. border --> ketebalan garis pinggir tabel
6. dotted --> garis titik putus-putus
7. dashed --> garis datar putus-putus
8. double --> garis rangkap dua
9. align --> posisi dari isi tabel, bisa kiri, tengah, atau kanan
10. width --> lebar tabel
11. height --> tinggi tabel

Semoga tidak bingung ya, begini contoh pertama yang paling simple :

<table border="1" width="250">
<tr>
<td>

Isi Tabel

</td>
</tr>

Hasilnya :

Isi Tabel

Tampak tulisan rapat kiri dengan dinding garis tabel, anda bisa merubahnya agar menjadi ke tengah dengan menambahnkan elemen align="center"

Contohnya :

<table width="250" border="1">
<tr>
<td align="center">

Isi Tabel

</td>
</tr>
</table>

Hasilnya :

Isi Tabel

Bagaimana jika bordernya saya ganti dengan angka yang lebih tinggi, misalnya angka 7 dan lihat perubahan yang terjadi pada tabelnya :

<table width="250" border="7">
<tr>
<td align="center">

Isi Tabel

</td>
</tr>
</table>

Hasilnya:

Isi Tabel

Untuk menambah kolom menjadi 2, anda tinggal menambahkan elemen yang sama dibawahnya, seperti ini contohnya :

<table width="350" border="7">
<tr>
<td align="center">

Kolom 1 Baris 1

</td>
<td align="center">

Kolom 2 Baris 1

</td>
</tr>
</table>

Hasilnya :

Kolom 1 Baris 1

Kolom 2 Baris 1

Sedangkan untuk membuat 3 baris, kira-kira seperti ini kodenya :

<table width="400" border="1">
<tr>
<td align="center">

Kolom 1 Baris 1

</td>
<td align="center">

Kolom 2 Baris 1

</td>
</tr>
<tr>
<td align="center">

Kolom 1 Baris 2

</td>
<td align="center">

Kolom 2 Baris 2

</td>
</tr>
<tr>
<td align="center">

Kolom 1 Baris 3

</td>
<td align="center">

Kolom 2 Baris 3

</td>
</tr>
</table>

Hasilnya :

Kolom 1 Baris 1	Kolom 2 Baris 1
Kolom 1 Baris 2	Kolom 2 Baris 2
Kolom 1 Baris 3	Kolom 2 Baris 3

Untuk menambahkan warna pada border dan background tabel, anda tinggal menyisipkan kode seperti berikut :

<table width="400" border="1" bordercolor="blue">
<tr bgcolor="yellow">
<td align="center">

Kolom 1 Baris 1

</td>
<td align="center">

Kolom 2 Baris 1

</td>
</tr>
<tr bgcolor="yellow">
<td align="center">

Kolom 1 Baris 2

</td>
<td align="center">

Kolom 2 Baris 2

</td>
</tr>
<tr bgcolor="yellow">
<td align="center">

Kolom 1 Baris 3

</td>
<td align="center">

Kolom 2 Baris 3

</td>
</tr>
</table>

Hasilnya :

Kolom 1 Baris 1	Kolom 2 Baris 1
Kolom 1 Baris 2	Kolom 2 Baris 2
Kolom 1 Baris 3	Kolom 2 Baris 3

Untuk garis tabel yang putus - putus, bisa anda tambahkan dotted atau dashed.
Bisa kan ? ga bisa ya, oke deh saya kasih contoh satu lagi :

<table width="400" border="1" bordercolor="blue" style="border-style:dashed; border-collapse:collapse">
<tr bgcolor="yellow">
<td align="center">

Kolom 1 Baris 1

</td>
<td align="center">

Kolom 2 Baris 1

</td>
</tr>
<tr bgcolor="yellow">
<td align="center">

Kolom 1 Baris 2

</td>
<td align="center">

Kolom 2 Baris 2

</td>
</tr>
<tr bgcolor="yellow">
<td align="center">

Kolom 1 Baris 3

</td>
<td align="center">

Kolom 2 Baris 3

</td>
</tr>
</table>

Hasilnya :

Kolom 1 Baris 1	Kolom 2 Baris 1
Kolom 1 Baris 2	Kolom 2 Baris 2
Kolom 1 Baris 3	Kolom 2 Baris 3

Selamat Mencoba....

READ MORE - Cara Membuat Tabel Pada Postingan

Cara Membuat Readmore Otomatis di Blogspot

Read More atau Baca Selengkapnya yang sering kita lihat di setiap Blog memang sangat membantu untuk men-split artikel yang terlalu panjang. Namun ada sedikit kendala yaitu saat melakukan cut atau pemotongan artikel dengan menyisipkan <span class="fullpost"> dan </span> pada bagian akhir artikel.

Anda yang membutuhkan Read More Otomatis (RMO) untuk blog yang bersifat portal dan selalu up-todate bisa menggunakan script auto read more di bawah artikel ini, terdapat 2 (dua) script.

Sekarang cara menempatkan kedua Script tersebut adalah :

Pertama, silahkan masuk ke halaman EDIT HTML, Cari kode </head> kemudian letakkan Script No. 1, di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Kedua, masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah :

<data:post.body/>

Kalau sudah, ganti kode <data:post.body/> dengan semua kode Script No. 2, kemudian simpan dan silahkan lihat hasilnya.

Script 1 :

<script type="'text/javascript'">
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' &amp;&amp; strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script><

Script 2 :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Catatan: Untuk Anda yang telah membuat read More dengan Metode Manual harus dibersihkan dulu seperti default, hapus pada bagian warna merah, seperti contoh di bawah ini :

<div class='post-header-line-1'/>
<div class='post-body'>
<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'>Readmore</a>
</b:if>
<div style='clear: both;'/>

Semoga bermanfaat :)

READ MORE - Cara Membuat Readmore Otomatis di Blogspot