Cara Mengecilkan Alexa Rank

Cara Mengecilkan Alexa Rank - Dalam penilaian alexa, semakin kecil ranking web/blog tersebut, berarti web/blog tersebut dikatakan bagus. Begitupun kebalikannya, jika rankingnya besar berarti web/blog tersebut buruk. Agar web/blog tersebut dikatakan bagus, saya akan memberikan trik dan tipsnya.

Alexa Rank

Cara Mengecilkan Alexa Rank:

  • 1. Update Blog
   Update blog sobat dengan membuat postingan. Semakin sering blog di perbaharui, semakin cepat ranking turun

  • 2. Daftar Web/Blog
   Daftar web/blog sobat ke mesin pencari seperti Google, Yahoo, Bing dll. Agar cepat terindex oleh mesin pencari


  • 3. Pasang Widget Alexa Rank
   Gunanya agar sobat memantau perkembagan web/blog sobat. Cara pasang alexa rank di blog, sobat bisa lihat Cara Memasang Widget Alexa Di Blog

  • 4. Pasang Alexa Toolbar
    Selain pasang widget alexa di blog, sobat bisa pasang alexa toolbar di browser yang sobat pakai. Gunanya sama agar sobat bisa memantau perkembangan web/blog. Untuk memasangnya, sobat bisa baca cara memasang alexa toolbar di Mozilla Firefox dan Google Chrome

  • 5. Posting Tentang Alexa
     Alexa akan senang jika suatu blog memposting yang berhubungan dengan alexa. Seperti blog ini, blog ini memposting tentang dan memberi label Alexa. Di label tersebut, semua posting isinya ada yang berhubungan dengan alexa. Jika sobat memposting tentang alexa, sobat pastikan label atau kategorinya ada tulisan "Alexa"

  • 6. Backlink
     Cari backlink sebanyak-banyaknya dan tentu harus berkualitas. Karena jika sobat mencari backlink, itu akan dianggap oleh google sebagai rujukan nilai kepopuleran web/blog sobat

Sebenarnya masih banyak lagi Cara Mengecilkan Alexa Rank. Namun dengan trik dan tips yang saya beri ini, sudah saya lakukan, dan hasilnya benar terbukti. 
SELANJUTNYA

Membuat Header Blog Ber-Link

Membuat Header Blog Ber-Link - Header blog atau bisa disebut judul nama blog sobat yang terletak diatas blog. Jika sobat ingin merubah blog sobat yang cuman tulisan doang, menjadi tulisan + gambar + bisa di klik lagi. Ikuti langkah dibawah ini.

Blog Ridho Tawaka

Membuat Header Blog Ber-Link:

Jika sobat ingin membuat header ber-link, sobat harus menyiapkan:
  1. Desain header (.jpg .png .jpeg dll)
  2. Adobe Dreamwaver
  3. Akun Image Hosting
Setelah semua siap, langsung meluncur ke TKP.

  • 1. Desain Header

Tentu sobat harus mendesain header sobat se kreatif mungkin. Sobat bisa memakai Photoshop, Photoscape, Paint Dll 

  • 2. Adobe Dreamwaver


Adobe Dreamwaver 1

Jika sudah jadi headernya, sobat ikuti langkah ini: Buka Adobe Dreamwaver => File => New => html => Create

Adobe Dreamwaver 2

Jika sudah tampilannya seperti diatas, sobat pilih Insert => Image => Cari header yang sobat buat => Ok

 Adobe Dreamwaver 3


Sobat block tulisan setelah tag <body> sampai </body> seperti gambar diatas. Setelah itu lihat gambar seperti dibawah ini.

Adobe Dreamwaver 4

Lihat yang kolom yang didalam garis merah. Sobat pilih bentuk yang kotak, oval atau poligon yang nanti bisa di klik

Adobe Dreamwaver 5

Lihat yang saya beri nomor:
  1. Link: Isi dengan link yang nanti jika ditekan akan menuju sebuah web atau blog
  2. Target: "Blank" => Jika di klik akan muncul di tab baru. "Parent" => Tab yang sama dll
  3. Alt: Dikosongkan juga tidak apa-apa
Jika sudah pilih: File => Save As => Ok

  • 3. Akun Image Hosting

Silahkan sobat pilih akun mana yang bisa meng upload header. Bagi sobat yang belum punya akun image hosting, sobat bisa pilih akun imageshake (Karena saya pakai yang imageshake). Nah kalau sudah, silahkan sobat upload header tersebut (bukan yang dari adobe dreamwaver, tapi yang dari desain awal). Kalau sudah ambil deh kodenya yang ada di share it --> Direct



Sobat buka file HTML yang tadi sobat buat dari adobe dreamwaver menggunakan Notepad. Cara membukanya: Klik Kanan di file tersebut => Open with => Notepad  

Notepad 1

Lihat yang saya block, sobat ganti kode tersebut dengan url yang sobat upload tadi. Kalau sudah di ganti sobat pilih File --> Save. Sobat buka lagi file HTML tadi dengan Klik Kanan di file tersebut => Open with => Notepad. Jika sudah sobat copy yang ada di tag antara <body> sampai </body>

Notepad 2

Kalau sudah, sobat: Login ke blogger => Tata Letak => Tambah Gadget => HTML/Javascript => Masukan kode yang tadi (file HTML) disitu.

Note:
  1. Penempatan widget yang isinya kode html tadi di atas ya (kan namanya juga Header (atas), kalau bisa diatas header, jika sobat tidak tahu cara Menambah Kolom Diatas Header <= lihat caranya 
  2. Template yang bisa diganti template bawaan blogger (bukan bawaan blogger saya kurang mengetahui)
Selamat sekarang header blog sobat berubah. Begitulah cara Membuat Header Blog Ber-Link yang bisa saya berikan.
SELANJUTNYA

Mengubah Tampilan Sidebar Blog

Mengubah Tampilan Sidebar Blog - Sidebar blog itu tempatnya berada di samping posting (kiri atau kanan blog). Jika sobat menginginkan sidebar blog bawaan blogger terlihat menarik. Silahkan lihat cara dibawah ini.

Mengubah Tampilan Sidebar Blog:

1. Login ke blogger --> Template --> Edit HTML

2. Cari kode .sidebar h2 {.  Jika tidak ada, cari kode h2 { 

3. Jika blog sobat terdapat kode h2 {. Maka tampilannya seperti dibawah ini:

/* Headings
h2 {
     font: $ (widget. title. font) ;
     text-transform: $ (widget. title. text. transform) ;
     color: $ (widget. title. color) ;
     margin: .5em 0;  

4. Ganti kode berwarna merah dengan di bawah ini:

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

background:#ffffff;

padding;10px;

}

Note:

  • 110%: Nilai huruf judul sidebar. Bisa sobat ganti menjadi nilai satuan Persen, atau Pixel, yang persen bisa menjadi 100%, 150%, 200% dan angka lainnya. Jika yang pixel menjadi 10 px, 15 px, 20 px dan angka lainnya.
  • Bold: Berarti tulisan di judul sidebar tebal. Jika ingin tulisannya biasa saja, ubah menjadi normal. Jika ingin tulisannya miring, ubah menjadi italic.
  • Uppercase: Berarti huruf judul sidebar besar semua, jika ingin huruf depannya saja (Inisial) ubah menjadi capitalize. Jika ingin huruf kecil semua, ubah menjadi lowercase.
  • Right: Berarti posisi tulisannya di kanan. Jika ingin tulisannya di kiri, ubah menjadi left. Jika ingin tulisannya di tengah, ubah menjadi center.
  • 1px solid #000: Berarti ada garis mengelilingi judul sidebar. Judul sidebar disini berukuran 1 px dengan warna hitam. Bisa sobat ubah sesuai keinginan sobat.
  • ffffff: Berarti warna background putih. Jika ingin warna lain, bisa sobat ubah sesuai keinginan sobat dengan melihat di: Kode Warna Html.
  • 10px: Berarti ukuran padding sebesar 10 px. Perlu anda tambahkan apabila sobat menggunakan warna background (Jika sobat tidak memakai background, akan terlihat kurang menarik). Fungsi dari padding agar tidak terlihat bertabrakan dengan bagian luar.

Note: Ukuran padding blog saya menjadi: 10px 13px 8px 30px

Peringatan: Cara ini berguna untuk template bawaan blogger

Berikut cara Mengubah Tampilan Sidebar Blog yang bisa saya berikan untuk sobat
SELANJUTNYA

Membuat Recent Post Di Blog

Membuat Recent Post Di Blog - Recent post adalah suatu tempat yang menyediakan artikel terkini atau postingan terbaru yang baru saja sobat buat. Jika sobat ingin recent post ada di blog sobat, silahkan di simak.

Recent Post

Membuat Recent Post Di Blog:

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javascript

2. Masukan kode ini:

     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
    </script>
    <style media="screen" type="text/css">
    <!--
    #spylist {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #spylist ul{
    width:220px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:208px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
    border:1px solid #ddd;
    }
    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:10px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:15px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }
    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }
    -->
    </style>
    <script language="JavaScript">
    imgr = new Array();
    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 70;
    thumbheight = 70;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 15;
    home_page = "http://ridhotawaka.blogspot.com/";
    limitspy=4
    intervalspy=4000
    </script>
    <div id="spylist">
    <script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
    </script></div>

3. Simpan

Note:
Warna merah: JUMLAH post yang ingin ditampilkan. Ganti sesuai kebutuhan sobat
Warna biru: URL blog. Ganti dengan url blog sobat

Begitulah postingan tentang cara Membuat Recent Post Di Blog. Semoga sobat paham dan mengerti.
SELANJUTNYA

Membuat Kotak Copy All Di Postingan Blog

Membuat Kotak Copy All Di Postingan Blog - Tombol ini berguna untuk pengunjung meng copy tulisan atau kode html/javasript secara langsung. Ok daripada panjang lebar, langsung meluncur ke caranya.

Membuat Kotak Copy All Di Postingan Blog:

1. Login ke blogger --> Buat entri baru --> Pilih mode HTML

2. Masukan kode ini:

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Copy all" type="button"> </span></div><p align="center"><textarea style="width: 200px; height: 100px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Masukan Teks Tulisan Atau Kode Html/Javascript Disini</textarea></p></form></div>

3. Maka hasilnya akan seperti ini:


4. Selesai

Note:
  • Warna merah: Bisa sobat ganti dengan kata-kata sobat (ex: Highlight All, Tekan Ini Dsb)
  • Warna biru: Lebar widget
  • Warna hijau: Tinggi widget
  • Warna oren: Teks atau kode Html/Javasript yang ingin sobat masukan
Begitulah postingan tentang Membuat Kotak Copy All Di Postingan Blog, Semoga berhasil dan bermanfaat bagi sobat.
SELANJUTNYA

Membuat Tombol Keatas Dan Kebawah Di Blog

Membuat Tombol Keatas Dan Kebawah Di Blog - Pasti sobat sudah mengerti apa arti dari postingan ini kan? Jika sobat menginginkannya, langsung ke TKP.

Atas atau Bawah
  
Membuat Tombol Keatas Dan Kebawah Di Blog:

  • Tombol Keatas 

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javascript

2. Simpan script dibawah ini

<div style="display:scroll; position:fixed; bottom:50px; right:-6px;"> <a href='#' title='Menuju Atas Balaman'><img border="0" src="http://imageshack.us/a/img94/3497/i6mt.png" /></a><br /> </div>

3. Tekan Ok/Simpan
 
  • Tombol Kebawah

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javascript

2. Simpan script dibawah ini:

<div style="display:scroll; position:fixed; top:50px; right:-6px;"> <a href='#footer' title='Menuju Bawah Halaman'><img border="0" src="http://imageshack.us/a/img811/959/vtkk.png
" /></a><br /> </div>

3. Tekan Ok/Simpan

Note: Agar script tombol kebawah bisa berjalan, ikuti langkah-langkah dibawah ini:
  1. Login ke Blogger --> Template-->Edit HTML
  2. Cari kode ini </body> (agar mudah tekan CTRL+F)
  3. Copy kode ini <a name='footer'/> dan paste DIATAS kode </body>
  4. Prantijau terlebih dahulu agar tidak error, jika tidak error
  5. Simpan
Informasi: Kedua kode script tersebut dapat di gabung menjadi satu. (Jika sobat ingin mengunakan keduanya sekaligus)

Begitulah postingan tentang Membuat Tombol Keatas Dan Kebawah Di Blog yang bisa saya berikan untuk sobat. Semoga bermanfaat.
SELANJUTNYA

Membuat Cursor Mouse Bertabur Bintang Di Blog

Membuat Cursor Mouse Bertabur Bintang Di Blog - Banyak cara hal untuk membuat blog sobat menarik, salah satunya bisa di tambahkan efek bintang bertabur di mouse saat sobat menggerakannya. Untuk mendapatkan efeknya, silahkan ikuti langkah-langkah dibawah ini.

Membuat Cursor Mouse Bertabur Bintang Di Blog:

1. Login ke blogger --> Tata Letak --> Tambah Gadget --> HTML/Javasript

2. Copy salah satu script dibawah ini:

Bintang Warna Biru:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

Bintang Warna Silver:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-silver.js" type="text/javascript"></script>

Bintang Warna Hitam:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hitam.js" type="text/javascript"></script>

Bintang Warna Ungu:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-ungu.js" type="text/javascript"></script>

Bintang Warna Hijau:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script>

Bintang Warna Merah:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>

Bintang Warna Kuning:

<script
    src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-kuning.js" type="text/javascript"></script>

Semoga bermanfaat postingan tentang Membuat Cursor Mouse Bertabur Bintang Di Blog dan selamat mencoba.
SELANJUTNYA

Sponsor: Dmca ǀ Tynt ǀ Copyscape ǀ Pengunjung
Gambar template oleh A330Pilot. Diberdayakan oleh Blogger.