Cara Membuat Category Post List Berdasarkan Label Blogspot

Seotipsku kali ini akan berbagi bagaimana cara membuat category post list blogspot berdasarkan label, atau membuat list postingan per kategori/label secara otomatis berdasarkan postingan terbaru, tentunya akan memudahkan pembaca untuk melihat sitemap daftar isi dari blogspot.

Cara Membuat Category Post List Blogspot :

Langkahnya :

1. Go to Layout Design > Page Elements/Dashboard
2. Pilih tata Letak
3. Click Add A Widget.
4. In Add A Widget window, select HTML/Javascript.
5. Masukan Nama Kategori yang ingin dibuat.
6. Copy the code below and paste it inside the content box.
7. Click Save.

<!-- Recent Posts by Label Start -->
<!-- code by BloggerSentral.com -->
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="YOUR_BLOGSPOT_URL/feeds/posts/default/-/YOUR_LABEL?max-results=YOUR_MAX_RESULT&alt=json-in-script&callback=recentpostslist"></script>
<!-- Recent Posts by Label End --> 

Langkah berikutnya :

1. Ganti YOUR_BLOGSPOT_URL dengan nama blogspot kamu misalnya http://seotipsku.blogspot.com
2. Ganti YOUR_LABEL dengan link label kamu misalnya Tips20%SEO.
3. Ganti YOUR_MAX_RESULT dengan jumlah post yang ingin ditampilkan misalnya 5

Silahkan save dan publish..

Demikian semoga bermanfaat.... Salam Blogger.

Read more »

Cara Mendapatkan Site Link atau How To Link In Alexa

Dari Mana Dapat Site Link Alexa? Ini semula menjadi pertanyaan saya, selanjutnya saya googling yang kemudian saya share disini. Terkait untuk mendapatkan sitelink yang berkualitas tentunya bisa didapatkan dari website atau forum nofollow maupun dofollow sehingga secara tidak langsung dapat mendongkrak rangking web kita.

Baca juga : 120 Social Dofollow Bookmarking High PR Sites For Link Building Easily 

Mungkin bagi sobat Blogger ada yang belum tau tentang Dari mana anda dapatkan Site Link. Saya juga masih Gaptek, tapi saya mau mencoba menjelaskan sedikit tentang dari mana anda dapatkan Site Link atau Link In.

Berikut beberapa penjelasan yang harus anda baca agar anda tau Dari Mana Mendapatkan Link In atau Site Link Alexa:

1. Alexa hanya menghitung link dalam jumlah situs yang terhubung, dan bukan jumlah halaman. Artinya Alexa Hanya menghitung satu link dari satu situs. Jadi misalkan di satu situs tersebut ada banyak link anda, maka Alexa hanya menghitung satu Link saja.
2. Alexa hanya memperbarui jumlah situs yang terhubung atau Site Link dalam satu kali per bulan untuk semua situs.
3. Alexa tidak menghitung link dari koleksi link atau yang serupa. Jadi tidak lain yaitu jika tukeran link itu tidak di hitung Site Link oleh situs Alexa.
4. Alexa merangkak dari web difokuskan pada halaman yang memiliki lalu lintas terukur. Jika kita tidak bisa mengukur lalu lintas ke suatu halaman web, maka kecil kemungkinan untuk dapat dijelajahi dan link pada halaman tersebut tidak akan dihitung. Salah satu cara agar Alexa bisa mengetahui bahwa itu adalah Site Link yaitu dengan menggunakan Alexa Toolbar yang diinstal dan diaktifkan pada browser Anda.

Perlu anda ketahui bahwa trafik blog anda itu tidak mempengaruhi Site Link Blog anda.

Baca juga : Daftar Forum Dofollow Untuk Mendapatkan Backlink Berkualitas Tinggi 

 

Nah itu dia sobat, penjelasan singkat Dari mana Site Link Alexa Didapatkan. Dan dari penjelasan di atas, anda sudah tau Cara Mendapatkan Link In Alexa.

Read more »

Ciri Konten Blog Yang Berkualitas

Tujuan kita berselancar di dunia maya adalah untuk mendapatkan informasi yang mana didapat semua dengan gratis melalui internet. Blog sebagai sarana penyedia informasi harus memiliki konten yang berkualitas yang tentunya dapat memberikan manfaat buat pengunjung yang membacanya.

Berikut Seotipsku mencoba sharing seperti apakah kriteria konten blog yang berkualitas itu?

1. Bermanfaat

Inti dari konten blog yang berkualitas adalah dapat memberikan manfaat kepada pembacanya. Pembaca rela menghabiskan waktu sekian menit untuk membaca konten yang telah Anda terbitkan dengan harapan mereka bisa menemukan manfaat untuk menambah wawasan atau sebagai solusi atas permasalahan yang dihadapi. Jika konten blog yang ditulis ternyata mampu menyelesaikan masalah pembaca yang menyimaknya, saya yakin mereka pasti akan segera jatuh cinta dengan blog yang Anda punya.

2. Mudah dipahami pembaca

Sebuah konten blog yang baik harus dikemas agar mudah dipahami oleh pembacanya. Anda bisa menambahkan contoh dan perbandingan ketika menulis sebuah konten, sehingga pembaca lebih cepat mengerti maksud yang disampaikan. Selain itu, cara agar konten blog mudah dipahami pembaca yaitu mengemasnya secara singkat dan tidak bertele-tele, menggunakan gaya bahasa komunikatif, serta menggunakan tata bahasa yang baik dan tidak terkesan alay.

3. Terstruktur.

Konten blog harus disusun secara hierarkis atau terstruktur dari tahap paling awal sampai terakhir agar mudah dipraktikan. Misal Anda membuat konten tutorial membuat layang-layang. Ketika konten tersebut disusun secara runtut dan rinci dari proses persiapan alat dan bahan serta cara membuat dari awal hingga selesai maka pengunjung yang membacanya pun akan cepat paham dan mudah untuk mempraktikannya.

4. Sumber referensi terpercaya.

Konten blog juga harus dibuat berdasarkan sumber referensi yang terpercaya, sehingga kebenaran atas informasi yang disampaikan tidak diragukan lagi. Anda bisa mengambil rujukan dari buku, portal online, hingga pengalaman pribadi yang pernah dialami.

5. Memuat banyak materi pokok.

Semakin banyak materi yang dimuat dalam konten blog maka kualitasnya akan semakin bagus. Pembaca akan semakin paham terhadap sebuah topik yang dibahas karena banyaknya materi yang disampaikan akan semakin memperluas wawasan mereka.

6. Tidak termakan waktu.

Konten blog yang baik juga perlu memiliki kandungan materi yang tidak lekang oleh waktu. Maksud saya begini, ketika Anda menulis informasi tentang cara membuat desain gambar poster digital maka informasi tersebut tetap bisa digunakan oleh banyak orang di waktu beberapa tahun ke depan karena tidak terbentur kesalahan akibat semakin berkembangnya inovasi dari cara untuk membuat desain gambar poster digital yang dimaksud, seperti berkembangnya aplikasi yang digunakan, motif, dan trik dalam membuatnya. Konten blog yang tidak termakan waktu sangat bermanfaat untuk dijadikan sebagai artikel pilar yang dapat mengangkat kualitas blog Anda secara keseluruhan. Hal ini karena konten blog banyak dicari dan dibaca banyak orang sehingga nama blog Anda pun semakin dikenal banyak orang. Apakah konten blog yang telah Anda buat sudah memenuhi semua kriteria di atas? Jika belum, coba lah untuk terus berkarya dan berinovasi karena saat ini saya dan Anda sama-sama masih belajar. Ayo, silakan beri tanggapan dan masukan untuk kemajuan blog kita. Salam Blogger...

Read more »

How To Find and Replace DataBase WordPress using phpMyAdmin

You can do a find and replace for text or html code on a post or page across a whole WordPress site by using the mysql database that the site stores all its data in.

First up you need to connect to the database, if you have a cPanel/Plesk style hosting typically you will have an option to connect to the database via phpmyadmin.

Connect to your WebHost 

Connect to your WebHost

 Select your WordPress database 

If you have multiple databases and don’t know which one, check the database name in the wp-config.php file which is stored in your webroot; htdocs or public_html.

Select the wp_posts table 

Select the wp_posts table

To Search For a Text Query Only 

Select SQL Tab and add in the Search Query SQL

SELECT * FROM wp_posts WHERE (post_content LIKE '%TEXT-TO-FIND-GOES-HERE%');

Click ‘Go’

To edit the post, click on edit and do what needs to be done – if you edit the text it will be updated in your WordPress post.

To Search and Replace For a Text String

Select SQL Tab and add in the Search and Replace SQL Code

So here switch to the ‘SQL’ tab add in the code below and click on the ‘Go’ button.

UPDATE wp_posts SET post_content = REPLACE (  post_content,  'text to find here',  'text to replace here');

So with the SQL code you put your text between the single quotes for what you are finding and what you are replacing these are separated by the comma.

See the Results 

Doing it via Command Line 

This can also be easily done via the command line, you just need to start a mysql session:

mysql -u username -ppassword

use mywordpress_table;

UPDATE wp_posts SET post_content = REPLACE (  post_content,  'text to find here',  'text to replace here'); 

Read more »

Speed Up WordPress Using WP Minify Plugin

WP Minify is one of the best plugins that helps to speed up WordPress by minifying all CSS and JavaScript Files. If you are looking to optimize WordPress for Google Page Speed then the very first step you have to follow is minify all JS, CSS files in your WordPress Themes. This way the number of HTTP requests can be limited and lighter version of scripts will be loaded on all pages of your blog. Minify engine is integrated to W3 Total cache plugin also.

Speed Up WordPress Using WP Minify Plugin

This plugin catches all available CSS, JavaScript files in WordPress page and passes them to minify engine. All these files will be minified, compressed and combined (if option is enabled) by minify engine before serving them in Header or Footer of you theme.

• It easily integrates minify engine into WordPress and minifies JS, CSS in a fly.
• Include or exclude internal and external Javascript, CSS files into WP Minify.
• Minified files will be combined and can be placed in Header or Footer.
• Duplicate sources will be identified and removed automatically.
• Debug tool is also available  that helps to debug issues easily.

Although many other plugins can do the similar job, but none of them are not as precise as WP Minify. Just install it and you surely will notice a huge difference in loading speed. Still, if you are not satisfied with the performance, you can deactivate WP Minify in 2 simple steps. Find out which WordPress Plugins Are Slowing Down your blog.

How to install and Configure WP Minify Plugin

If you already know how to install a WordPress plugin, then proceed further to the WP Minify Plugin Page in Official Repo. After done with the installation, you need to configure it by using the available options in admin console. Go to Settings > WP Minify page and you can see some basic options there. Clicking on Advanced Options will expand the admin pane and displays more settings fields.
Step 1: General Configuration


Enable all minifications i.e Javascript, CSS and HTML by selecting the check boxes and saving the settings. By doing this, all the JS, CSS files will be compressed by removing unnecessary spaces and comment lines.
Step 2: Local Files Minification


You can include or exclude any JS, CSS files by inserting the link in these fields. Just enter one URL per line and click on save settings button. Files will be included or excluded respectively and this is a very handy option.
Step 3: Non-Local Files Minification

Apart from internal links you can also minify files from external sources also. In this example, I included CSS files on NRelate WordPress plugin and both these CSS files will be minified automatically. You can also see one JS file is also included in the above text area.
Step 4: Advanced Options

Advanced options include Cache settings , Pretty URL preference etc useful options to make the most out of WP Minify plugin. It is not recommended to place JS files in footer, as doing so will result in crashing of theme or plugins.
This way we can Speed Up WordPress Using WP Minify Plugin and share you experience in using it by dropping your valuable comment here.

Source :  WPSquare

Read more »

Cara Minify Website Wordpress Secara Manual

 

Minify sebuah kata yang sering disebut sebut oleh berbagai kalangan blogger, dimana minify adalah meringkaskan atau membuat sebuah konten website menjadi lebih ringan karena ukurannya akan berkurang. Atau istilah saya menghapus beberapa whitespace atau konten yang tidak diperlukan sehingga ukuran output website ke visitor akan dimuat lebih cepat. 

Baca juga : Speed Up WordPress Using WP Minify Plugin

Masih bingung..?

Berikut saya coba jelaskan bahwa sebuah website umumnya mempunyai struktur seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
<meta name=”description” content=”ini deskripsinya”/>
<style type=”text/css”>
body{}
#content {}
#footer{}
</head>
<body>
<div id=”content”>

ini konten website saya halo 

</div><div id=”footer”>
</div>
</body>
</html>

diatas adalah sebuah source code standard, akan tetapi apabila di minify maka akan menjadi:

<!DOCTYPE html><html><head><meta name=”description” content=”ini deskripsinya”/><style type=”text/css”>body{}#content {}#footer{}</head><body><div id=”content”>ini konten website saya halo</div><div id=”footer”></div></body>

Tentunya kalau whitespace yang ada tersebut dihilangkan maka secara otomatis ukuran output html dari regenerate CMS atau website akan berkurang. Dan minify tidak akan menghapus sebuah spasi, yang dihapus contohnya adalah :
- tab dan perintah Enter , dimana pada Source code command tersebut tidak akan diindahkan sebagai Script tag HTML, command tab atau enter hanya akan memberikan kesan rapi pada source code saja.

Cara Minify Website Yang Menggunakan Wordpress Secara Manual

Taruh script berikut sebelum code <!DOCTYPE html> atau paling atas sebelum kode dimulai :

    <?php
    /*Mulai minify output*/
    function outputmin($buffer)
    {
        $cari = array(
            '/>[^S ]+/s', /*strip whitespaces setelah tag, kecuali spasi*/
            '/[^S ]+</s', /*strip whitespace sebelum tag, kecuali spasi*/
            '/(s)+/s'  /* memperpendek multiple whitespace */
            );
        $timpa = array(
            '>',
            '<',
            '\1'
            );
        $buffer = preg_replace($cari, $timpa, $buffer);
     
        return $buffer;
    }
     
    ob_start("outputmin");
    ?>

Dan taruh code berikut dibagian akhir paling bawah Script sahabat.

    <?php
    ob_end_flush();
    ?>

Pada WordPress ,  caranya hanya menambahkan code pertama pada header.php code dimulau , atau taruh di bagian atas sendiri , dan kode kedua taruh di footer.php bagian paling bawah sendiri atau akhir dari script , di Theme wordPress sahabat.
Dengan catatan cara ini hanya berhasil untuk scipt yang berbasis PHP LANGUAGE, dan hanya bekerja untuk inline script saja, ..
Sedikit tips untuk sahabat Seotipsku, mungkin sahabat sering menjumpai php comment  atau comment javascript , yang antara lain menggunakan :

// ini comment

atau

/* comment */

nah saya menyarankan hindari tag comment dengan menggunakan  //  , lebih baik menggunakan tag /* isi comment */   disini adalah untuk menghindari rancunya script sahabat apabila menggunakan tag   // dan dengan menggunakan tag comment ini kalau sahabat menempatkan script yang seharusnya bekerja pada baris yang sama dibelakang / sebelah kanannya tag comment , wal hasil skrip tidak akan bekerja alais yang ada dibelakang comment akan ikut dihitung sebagai konten comment (php / javascript etc. ).
Dan apabila ada comment tag pada website sahabat ( javascript ) yang terdapat comment tag // coba ubah menjadi /* */ , atau hapus saja.

Read more »

Cara Mudah Menyimpan File Java Script Di Google Terbaru

Barang kali saat ini sudah banyak sekali situs-situs blog diluaran sana yang menjelaskan bagaimana cara menyimpan file java script di google code. Hanya saja tutorial cara menyimpan file java script di google code yang mereka jelaskan saat ini sudah tidak berlaku lagi, karena pada saat kita mendaftar di google code kita tidak lagi menemukan tab Download seperti yang banyak dijelaskan mereka. Sebenarnya tutorial cara menyimpan file java script yang pernah mereka tulis tidaklah salah, hanya saja memang saat ini pada situs google code mengalami beberapa perubahan yang dilakukan yang salah satu diantaranya yaitu dengan menghilangkan fungsi tab Download. Sehingga hal ini tentunya membuat bingung banyak orang yang berkeinginan menyimpan file java script miliknya agar nantinya bisa digunakan untuk website atau blog yang sedang dikelolanya. Lalu apakah berarti kita tidak bisa lagi menyimpan file java script di google code yang telah terbukti lebih stabil bila dibandingkan dengan hosting tempat penyimpanan file java script sejenis? Jawabanya : masih bisa kok sobat, hanya saja cara yang digunakan saat ini akan sedikit berbeda dengan biasanya, tetapi tetap tidak mempengaruhi fungsi dari hasil file java script yang nantinya akan disimpan, sehingga dapat digunakan untuk diletakan di situs website atau blog yang anda kelola.

Sebelum menjelaskan bagaimana cara menyimpan file java script di google code yang terbaru, saya akan coba menjelaskan terlebih dahulu alasanya mengapa kita lebih baik menyimpan file java script di google code ketimbang ke situs hosting penyimpanan java script sejenis. Java script merupakan bahasa skrip yang dapat bekerja secara online di internet sesuai dengan perintah yang dituliskan, dimana java script ini memiliki peranan yang begitu penting untuk sebuah website atau blog, karena java script mampu disisipkan ke sebuah situs website atau blog demi meningkatkan kualitas dimata pengunjung maupun search engine. Penyisipan java script di situs website atau blog bisa dilakukan dengan dua cara metode penyisipan yaitu penyisipan secara internal maupun secara external. Penyisipan langsung yaitu dengan cara menuliskan coding java script langsung diantara code-code CSS ataupun HTML, sedangkan penyisipan secara external yaitu dilakukan dengan bantuan situs penyimpanan pihak ketiga seperti situs hosting penyimpanan file java script milik google yang memang dikhususkan untuk para pengembang program java script yaitu google code seperti yang sedang kita bahas kali ini.

Dari kedua cara penyisipan java script ke sebuah situs, tentunya sama-sama memiliki kelebihan dan kekurangan, hanya saja untuk hal ini tidak akan saya jelaskan disini karena takutnya nanti malah pokok pembahasan yang ingin dibahas diawal menjadi tidak dijelaskan karena artikel tulisan yang terlalu panjang yang isinya pada ngaco semua, hahaha...

Lalu apa alasanya mengapa kita lebih baik menyimpan file java script yang nantinya ingin disisipkan kesitus website atau blog sedang kita kelola? Kan banyak tuh situs hosting penyimpanan file java script lainya yang sejenis dan juga gratis? Memang saat ini sudah banyak hosting penyimpanan file java script selain google code yang juga gratisan, hanya saja menurut pengalaman saya ternyata hosting-hosting tersebut kurang stabil dan sangat sering mengalami down bila dibandingkan dengan hosting google code sehingga java script yang disisipkan disitus saya pun menjadi tidak berfungsi dengan baik sebagaimana mestinya. Itulah alasanya mengapa sampai saat ini saya dan sobat-sobat blogger lainya lebih suka menyimpan file java script di google code ketimbang di hosting-hosting tempat penyimpanan file java script sejenis yang saat ini sudah banyak ditemukan di internet.

Cara Mudah Menyimpan File Java Script Di Google Terbaru

Langkah 1

Silahkan buka situs google code, masuk disini : www.code.google.com

Langkah 2

Klik "Create a New Project" seperti gambar dibawah.

Langkah 3

Setelah itu silahkan isi formulir project yang muncul sesuai dengan nama project yang anda inginkan, hanya saja pada bagian Version control system : pilih "Subversion". Bila semua kotak terisi dengan benar, maka silahkan klik "Create Project". Agar lebih jelasnya bisa dilihat seperti gambar dibawah.

Langkah 4

Lalu pada tab, klik "Source" dan pilih salah satu directorinya. Pada contoh ini saya memilih  "branches", lalu klik "Upload a New File". Lebih jelasnya bisa dilihat pada gambar dibawah.

Langkah 5

Langkah selanjutnya yaitu tinggal mengupload file java script yang ingin disimpan di google code, klik "Pilih File" untuk mencari file java script yang tersimpan di komputer atau laptop anda. Lalu pada kotak Commit Log : bisa anda isi dengan nama untuk file terserah anda. Setelah semua terisi dengan benar, silahkan klik "Commit". Jelasnya seperti gambar dibawah.

Langkah 6

Apabila berhasil nantinya akan tampil seperti gambar dibawah ini yang artinya bahwa proses penyimpanan yang dilakukan pun telah berhasil dan siap untuk disisipkan kesitus website atau blog yang sedang anda kelola.

Selesai...

Sedangkan untuk menyisipkan file java script yang sudah di upload tadi untuk disisipkan ke situs website atau blog anda, bisa dilakukan dengan cara penulisan yaitu sebagai berikut :

<script src="masukan link hasil file java script yang di upload tadi"></script>

Silahkan anda kembangkan lagi...

Semoga saja apa yang sudah saya tuliskan ini bisa bermanfaat dan dimanfaatkan dengan sebaik-baiknya bagi siapa saja yang sedang membutuhkanya, terutama bagi para pengunjung SeoTipsKu.

Selamat mencoba, semoga berhasil...

Read more »

Cara Membuat CSS Gradient Text Cross Browser Without Background Images

Ternyata membuat gradient text itu tanpa image itu tidak susah, kalau tau caranya :d.
Berikut ini bagaimana cara membuat gradient text warna cross browser hanya menggunakan CSS without background images. Dalam hal ini pseudo class :before digunakan untuk menerapkan overlay dengan gradient opacity. Satu-satunya kelemahannya adalas h warna overlay harus sama dengan warna background yang di gunakan.
Satu-satunya kelemahannya adalah warna overlay harus sama dengan warna background yang di gunakan.
HTML

TYPOGRAPHY

TYPOGRAPHY

TYPOGRAPHY

KODE CSS

h4.gradient {
  text-align:center;
  font-family:'Arbutus', cursive; 
  font-weight: 700; /* Disesuaikan besaran hurufnya */
  font-size:100px;   
  padding:0 10px; 
  margin:0; 
  position:relative; 
  float:left;  
  width:100%;
  text-shadow: rgb(224, 224, 224) 1px 1px 0px;
}
h4.gradient:before {
  content:""; 
  position:absolute; 
  left:0; 
  top:0; 
  width:100%; 
  height:100%; 
  z-index: 2;
}
h4.satu:before{
  background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 53%, rgba(255,255,255,0.2) 56%, rgba(255,255,255,0.1) 60%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 53%, rgba(255,255,255,0.2) 56%, rgba(255,255,255,0.1) 60%, rgba(255,255,255,0) 100%);
  background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 53%, rgba(255,255,255,0.2) 56%, rgba(255,255,255,0.1) 60%, rgba(255,255,255,0) 100%);
}
h4.dua:before{
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
  background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
}
h4.tiga:before{
  background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 53%, rgba(255,255,255,0.2) 56%, rgba(255,255,255,0.1) 60%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 53%, rgba(255,255,255,0.2) 56%, rgba(255,255,255,0.1) 60%, rgba(255,255,255,0) 100%);
  background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 53%, rgba(255,255,255,0.2) 56%, rgba(255,255,255,0.1) 60%, rgba(255,255,255,0) 100%);
}
h4.satu{
  background:white;
  color:black;
}
h4.dua{
  background:black;
  color:red;
}
h4.tiga{
  background:white;
  color:#132A60;
}

Sumber : zifana.com

Read more »

Cara Membuat Tab Menu View Pada Blogspot

Posting kali ini adalah membuat tab menu view yang mana sesuai dipasang pada blog yang mempunyai side bar yang luas.Pemasangan menu seperti ini adalah menjimatkan ruangan kerana menu disatukan secara tab pada satu tempat.Satu lagi kelebihan menu ini adalah tidak perlu mengedit template,Cuma di masukkan pada add gadget.Jadi lebih mudah untuk membuatnya tanpa perlu khuatir tidak berfungsi setelah membuatnya.Cuma kita perlu mengubah sedikit saiz dan juga warna pada kod agar bersesuaian dengan template kita.  

jika sekiranya berminat untuk membuatnya ikuti langkah ini:

Masuk  keblogger
Pilih design-Layout
Add a Gadget
Pilih  HTML/Javascript
Dan masukkan kode ini

<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 98px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:3px ridge#A9A9F5; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Sans Serif; font-size: 12px; text-shadow: 0 0 3px #000, 0 -1px 0px #ff3, 1px -1px 0px #fff, -1px -3px 1px #f80, 1px -3px 1px #f20; /* Font Menu Utama Atas */
font-weight:italic; color:#FFFFFF; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color:#003333; /* Warna background Menu Utama Atas */ }
div.TabView div.TabMenu {clear:both; border:3px groove#A9A9F5; /* Warna border Kotak Utama */ overflow:hidden; background:#EAEAEA; -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:7px;-moz-border-radius-topright:7px  /* Warna background Kotak Utama */ }
div.TabView div.TabMenu div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.TabMenu div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- TabMenu -----
var TabMenu = TabView.firstChild;
while (TabMenu.className != 'TabMenu') TabMenu = TabMenu.nextSibling;
var Page = TabMenu.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (TabMenu.offsetHeight) Page.style.height = (TabMenu.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 330px;" class="Tabs">
<a>BLOG</a>
<a>WORDPRESS</a>
<a>KOMPUTER</a>
</div>
<div style="width:310px; height:190px; " class="TabMenu">
<div class="Page">
<div class="Pad">

<ul>
<li><a href="#">List Judul 1 Tutorial Blogspot</a></li>
<li><a href="#">List Judul 2 Tutorial Blogspot</a></li>
<li><a href="#">List Judul 3 Tutorial Blogspot</a></li>
<li><a href="#">List Judul 4 Tutorial Blogspot</a></li>
<li><a href="#">List Judul 5 Tutorial Blogspot</a></li>
<li><a href="#">List Judul 6 Tutorial Blogspot</a></li>
<li><a href="#">List Judul 7 Tutorial Blogspot</a></li>
</ul>
</div>
</div>
<div class="Page">
<div class="Pad">
<ul>
<li><a href="#">List Judul 1 Tutorial Wordpress</a></li>
<li><a href="#">List Judul 2 Tutorial Wordpress</a></li>
<li><a href="#">List Judul 3 Tutorial Wordpress</a></li>
<li><a href="#">List Judul 4 Tutorial Wordpress</a></li>
<li><a href="#">List Judul 5 Tutorial Wordpress</a></li>
<li><a href="#">List Judul 6 Tutorial Wordpress</a></li>
<li><a href="#">List Judul 7 Tutorial Wordpress</a></li>
</ul>
</div>
</div>
<div class="Page">
<div class="Pad">
<ul>
<li><a href="#">List Judul 1 Tutorial Komputer</a></li>
<li><a href="#">List Judul 2 Tutorial Komputer</a></li>
<li><a href="#">List Judul 3 Tutorial Komputer</a></li>
<li><a href="#">List Judul 4 Tutorial Komputer</a></li>
<li><a href="#">List Judul 5 Tutorial Komputer</a></li>
<li><a href="#">List Judul 6 Tutorial Komputer</a></li>
<li><a href="#">List Judul 7 Tutorial Komputer</a></li>
</ul>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

Kemudian klik save

Read more »

Cara Mudah Membuat Postingan Syntax Highlighter di Blogspot

Syntax Highlighter adalah suatu fitur biasanya dari text editor khususnya editor source code bahasa pemrograman tertentu untuk menampilkan text tersebut dalam berbagai warna agar dapat memudahkan programmer dalam membaca dan menganalisa source code tersebut. Bagi Anda yang sering posting source code pada Web/Blog tentu fitur Syntax Highlighter akan sangat membantu agar source code yang kita posting mudah dibedakan sebagai source code dan tentunya lebih menarik bagi pengunjung. Nah, sekarang masalahnya bagaimana cara kita menggunakan Syntax Highlighter ini pada blog khususnya di Blogger.com?

Jika di blogspot kita biasa menampilkan kode supaya lebih menarik dengan adanya Blockquote. Sebenarnya hampir sama dengan Blockquote, Syntax Highlighter ini tampilannya membedakan dari tulisan yang lainnya, namun Syntax Highlighter ini mempunyai kelebihan yaitu dengan adanya fitur-fitur yang didukung oleh jQuery. kode untuk Syntax Highlighter ini sendiri dibuat oleh Alex Gorbatchev (2004-2008). Adapun fitur yang ada dalam Syntax Highlighter ini yaitu:

Membuat Postingan Syntax Highlighter

1.  Login dengan akun blogger anda kemudian pilih Rancangan/Template
2.  Klik EDIT HTML (centang expand template widget)
3.  Simpan kode berikut Setelah kode <head> atau sebelum kode </head>

<script src="https://sites.google.com/site/m4w4nz/highlight.pack.js" type='text/javascript'></script> 
  <script type='text/javascript'>
      hljs.initHighlightingOnLoad();
  </script>

4.  Selanjutnya scroll mouse kalian kebawah dan cari kode ]]></b:skin>
5.  Simpan CSS berikut diatas kode ]]></b:skin> :

pre code {
  display: block; padding: 0.5em;
  color: #DCCF8F;
  background: url(https://sites.google.com/site/problogiz/home/pojoaque.jpg) repeat scroll left top #181914;
}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #586e75;
  font-style: italic;
}

pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .clojure .title,
pre .nginx .title {
  color: #B64926;
}

pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #468966;
}

pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .built_in,
pre .lisp .title,
pre .clojure .built_in,
pre .identifier,
pre .id {
  color: #FFB03B;
}

pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color: #b58900;
}

pre .css .attribute {
  color: #b89859;
}

pre .css .number,pre .css .hexcolor{
  color: #DCCF8F;
}

pre .css .class {
  color: #d3a60c;
}

pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}

pre .deletion {
  color: #dc322f;
}

pre .tex .formula {
  background: #073642;
}

6.  Simpan template anda.

Pemasangan kode HTML untuk membuat Syntax Highlighter pada template sudah selesai tinggal kita terapkan pada postingan yang memakai kode CSS atau javascript.

Untuk pemasangan script Kode JS gunakan kode berikut

<pre><code>

SIMPAN SCRIPT YANG AKAN DIPASANG DISINI

</code></pre>

Demikian tutorial cara menggunakan syntaxlighter pada blogspot, semoga bermanfaat.

Read more »

Menghilangkan Navbar Pada Blog

Cara Menyembunyikan Navbar pada Blog , Navbar merupakan sebuah  Widget bawaan blogger  Yang fungsinya tidak terlalu Diperlukan Untuk Blog karena biasanya sebuah blog sudah memiliki halaman navigasi sendiri seperti menu dan lain-lain .

Maka Dari Itu banyak  orang-orang yang baru memulai menjadi seorang blogger kesulitan dan ingin Menyembunyikan Navbar Dari Blog tersebut ,caranya cukup mudah simak Tutorial di bawah ini :
 

Cara menghilangkan Navbar di blog :

1. Pertama – tama anda masuk ke Dashboard blogger kemudian pilih Template  >> Edit HTML
2. Kemudian gunakan Ctrl + F untuk mencari kode ini  ]]></b:skin>
3. Jika sudah ketemu letakan kode beriku di atasnya

   #navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none;
   }

4. Save template dan lihat hasilnya

Cara terbaru menghilangkan Navbar di blog :

Jika cara di atas gagal coba cara yang terbaru berikut, blogger sudah membuat pilihan jika anda ingin menyembunyikan widget navbar tersebut caranya :

1. Masuk ke Dashboard blog anda kemudian pilih Layout / Tataletak
2. Kemudian anda pilih Navbar  >> Klik tulisan kecil EDIT
3. Kemudian anda pilih gambar navbar yang ada tulisannya OFF , kira kira gambarnya seperti ini
   
   
4. Save

Saya rasa itu saja cara menghilangkan widget navbar semoga cukup membantu

Read more »

12 Cara Mendapatkan Google Sitelink Dengan Cepat

Pernah mendengar istilah Google Sitelink ? ituloh yang tampilannya seperti pada gambar diatas. Sitelink atau lebih dikenal sitemap berguna untuk memudahkan pengunjung kamu dalam mengakses semua konten yang ada di blog kamu. Oh iya sampai lupa, sebelum membahas lebih jauh tentang Google Sitelink, mari kita pelajari sedikit pengertian dari Google Sitelink, seperti yang diuraikan oleh hzndi

Apa Itu Google Sitelink

Sebagian blogger masih ada yang belum tahu tentang Google Sitelink. Oke, Google Sitelink adalah semacam link yang saling beterkaitan yang diberikan kepada google untuk suatu blog tertentu. Sitelink sendiri bisa memudahkan pengunjung karena akan menghemat waktu pencarian dari pengunjung dalam mencari artikel pada suatu blog. Contohnya begini, ketika saya mengetik keyword "hzndi" (tanpa tanda kutip) maka secara otomatis google akan menampilkan semua konten yang berasal dari hzndi secara terstruktur. 

Google juga hanya akan menampilkan sitelink yang mereka pikir berguna untuk pengguna, jika pemilik blog tidak mengijinkan alogrima google untuk mengecek blog tersebut, maka sitelink tidak akan ditampilkan. 

Mungkin untuk lebih jelasnya bisa kamu lihat gambar di bawah ini.

Nah kalau kalian sudah melihatnya, pati kalian tidak akan asing lagi dengan apa yang saya jelaskan diatas. Itulah yang disebut dengan google sitelink. Oke cukup basa-basinya mari kita bahas bagaimana mendapatkan sitelink dari google seperti gambar diatas.

Bagaimana Cara Mendapatkan Google Sitelink Dengan Cepat.

Menurut pengalaman saya sendiri, untuk mendapatkan sitelink dari google ini tergantung dari jumlah pengunjung yang datang. Dan untuk mendapatkan pengunjung yang banyak, tentu harus menerapkan keyword yang efektif sehingga nantinya blog kita lah yang di kunjungi oleh si pencari. Dahulu juga saya sempay memiliki blog, dan hanya dalam waktu 2 bulan saja langsung mendapatkan sitelink dari google namun blog saya yang ini cukup lama untuk mendapatkannya sekitar 6 bulan baru mendapatkan sitelink. Langsung saja bisa kamu lihat langkah-langkahnya di bawah ini :

1. Submit Website ke Mesin Pencari

Langkah pertama untuk mendapatkan sitelink adalah mendaftarkan blog kamu ke mesin pencari seperti Google, Bing dan Yahoo. 

 

2. Menggunakan Google Webmaster

Gunakan Tools dari Google yakni Google Webmaster untuk mengecek kesehatan blog kamu. Menggunakan Google Webmaster juga berfungsi untuk meningkatkan performa dari blog kamu dan meminimalisir kesalahan-kesalahan pada blog di mesin pencari

3. Submit Sitemap

Langkah ketiga adalah mendaftarkan Sitemap blog kamu kemesin pencari, hal ini juga pernah saya bahas habis di postingan sebelumnya. Kamu bisa melihat caranya di sini :

Cara submit sitemap ke Google Secara Manual :

1. Pergi ke situs Google Webmaster

2. Klik Masuk ke layanan Webmaster, kemudian Login dengan akun gmail kamu

3. Klik pada blog kamu --> Pilih "Pengoptimalan" -->kemudian kamu pilih "Peta Situs".

4. Klik "Tambahkan/Uji Peta Situs" --> lalu kamu masukkan salah kode di bawah ini kedalam kotak tersebut. Ingat masukkannya sesuai dengan jumlah postingan kamu yah.

Untuk Postingan dengan jumlah kurang dari 500

atom.xml?redirect=false&start-index=1&max-results=500

Untuk Postingan dengan jumlah lebih dari 500

atom.xml?redirect=false&start-index=501&max-results=500

Untuk Postingan dengan jumlah kurang dari 1000

atom.xml?redirect=false&start-index=1000&max-results=500

Untuk Postingan dengan jumlah lebih dari 1000 

atom.xml?redirect=false&start-index=501&max-results=500

5. Kemudian kamu klik "Mengirim Peta Situs".

4. Meta Tag

Meta Tag juga menjadi acuan untuk mendapatkan pagerank, pastikan kamu memiliki meta tag deskripsi, keyword yang sesuai dengan isi blog kamu. 

 

5. Periksa dan Hapus Link yang Rusak

Memeriksa link yang rusak dan menghapusnya. Dengan menghapus link yang rusak akan membantu kamu lebih cepat mendapatkan Sitelink dari Google. Ada banyak alat di Internet yang bisa kamu gunakan untuk memeriksa link rusak yang ada di blog kamu. Beberapanya ada di bawah ini :

• Brokelink Check
• iWebTools
• Website Goodies
• Link Tiger

6. Mengurangi Kesalahan HTML

Kurangilah kode2 HTML error yang ada d blog kamu karena Google menginginkan blog kamu bersih dan rapi. Semakin sedikit maka semakin cepat dapat sitelink dari google. Kalau blog saya ini errornya cukup banyak makanya agak lama untuk mendapatkannnya yakni sekitar 6 bulan hehehe. Oh iya untuk mengecek apakah ada kode HTMl yang error atau tidak bisa kamu gunakan tools dari W3C HTML Validation Service ini.

7. Mengurangi Kesalahan CSS

Penjelasannya sama seperti kesalahan HTML, namun kali ini untuk yang CSS, kamu bisa cek disini W3 CSS Validation Service.

8. Gunakan Blog Berplatform Blogger

Bukannya saya meremehkan platform wordpress dan platform blog lainnya, namun blog yang berplatform blogger akan lebih mudah mendapatkan Sitelink Google karena blogger sendiri kan punya google pastinya akan lebih mendahulukan produknya sendiri dari produk selain milik Google. Untuk perbandingan antara Blogger dan Wordpress sudah saya bahas di postingan di bawah ini :

9. Judul Blog Yang Unik

Nah, kalau yang ini juga penting, gunakanlah judul yang unik untuk blog kamu. Tujuannya adalah untuk mendapatkan hasil yang lebih baik di mesin pencari. Kalau judul blog kamu sama saja dengan blog lain, tentu persaingan akan lebih berat dan persentase pengunjung yang mengunjungi blog kamu akan biasa-biasa saja.

10. Hindari Pemasangan Widget Terlalu Banyak

Well, Kalau yang ini kalian pastinya tahu tujuannya untuk apa, Tak lain adalah untuk mempercepat waktu load blog kamu. Bukan cuma pegunjung blog yang benci waktu load yang lama. Robot Google juga benci dengan blog yang ber-loading lama.

Baca juga :

• Mengukur Kecepatan Blog

11. Gunakan Anchor Teks dan Alt Teks

Gunakanlah anchor teks yang informatif, efisien dan hindari pengulangan dalam penggunaan anchor teks di blog.  Hal ini dilakukan juga untuk membangun kualitas sitelink yang bagus dari google.

12. Konten yang Berguna

Inilah hal yang paling penting, konten adalah raja. Usahakan untuk membuat konten yang bagus, padat, dan berisi yang tidak membuat pengunjung blog kamu bosan. Manjakan pengunjung blog kamu dengan konten-konten yang bermanfaat serta mendidik seperti  Tips dan Tutorial.

 

Kesimpulan

Itulah sekedar tips-tips untuk mendapatkan Sitelink dari Google yang bisa saya berikan, mungkin diantar apengunjung ada tips yang lebih jitu dan akurat untuk mendapatkan Sitelink dari Google ? silakan kalian share tips kalian di kotak komentar :)

Read more »

Cara Mengklaim Website atau Situs Di Alexa.com

SeoTispku - Cara Mengklaim Website atau Situs Di Alexa.com

Memiliki rank Alexa yang ramping dan tinggi adalah dambaan bagi sebagian kalangan blogger. Memang untuk meningkatkan ranking Alexa dengan cepat butuh beberapa trik untuk melakukannya dan di postingan kali ini saya akan memberikan salah trik untuk menaikan rank Alexa kamu dengan cepat yakni dengan mengklaim situs kamu di Alexa.com, seperti yang dikatakan oleh hzndi. Pertama kamu harus memiliki Akun Alexa terlebih dahulu dan jika sudah punya akun Alexa, kamu bisa lewati cara 1 dan 2, langsung kamu lihat saja cara yang ketiga.

1.  Daftar di Alexa

Hal yang pertama untuk mengklaim situs kamu adalah dengan membuat akun di Alexa.com. Pergi menunju ke situs Alexa.com, kemudian di pojok kanan atas kamu klik "Create An Account". Kemudian kamu masukkan email kamu serta nickname yang kamu inginkan di kotak kosong yang sudah disediakan setelah itu kamu klik "Register".

Kemudian, Alexa akan mengirimkan kamu email,

Lalu kamu harus login ke email kemu kemudian kamu cek kotak masuk kamu dan kamu klik link yang ada di dalam email dari Alexa untuk menyelesaikan pendaftaran kamu.

2. Login di Alexa

Setelah itu kamu atur password yang digunakan untuk login ke dalam Alexa.com. Password minimal sebanyak 6 karakter.

Jika sudah, kamu klik Submit Password, kemudian Alexa akan memberi tahu informasi tentang profil Alexa yang baru kamu buat.

3. Klaim Situs di Alexa

Jika sudah berhasil mendaftar dan login, Kemudian kamu klik Dashboard --> Lalu kamu Klik "Add Site" yang letaknya berada di pojok kanan bawah

Lalu, kamu akan di beri berbagai macam pilihan, kamu pilih yang Free saja dan Klik "Sign Up". Lalu kamu masukkan situs kamu di bagian "Website URL". Dan setelah memasukkan situs kamu, kamu klik Continue. Setelah itu, kamu akan di beri 2 pilihan untuk memasukkan kode verifikasi dari Alexa, kamu pilih saja cara yang kedua dengan cara memasukkan kode yang di beri kedalam template blog kamu. Lihat gambar untuk lebih jelas.

Ingat juga untuk meletakkan kode verifikasi Alexa sebagai komentar di template kamu, misalnya begini, jika kode blog saya adalah 

z2Xb9pfay0L5IJ3cIkwoO_3odSc

Maka saya akan letakkan kode tersebut di template saya seperti di bawah ini ini 

<--! z2Xb9pfay0L5IJ3cIkwoO_3odSc --> 

Kemudian akan saya letakkan di bawah <head> atau sebelum kode </head>

Jika sudah menaruhnya di template blog kamu, kamu simpan template blog kamu dan kamu klik "Verifiy my ID". Setelah itu Alexa secara otomatis akan mengecek apakah kodenya sudah terpasang atau belum. Sangat mudah bukan ? sekarang blog kamu akan lebih ramah Alexa dan ranking kamu akan cepat naik tentunya.

Read more »

13 Cara Meningkatkan Ranking Alexa Blog Anda Dengan Cepat dan Tepat

SeoTispku - Cara Meningkatkan Ranking Alexa Dengan Cepat dan Tepat.
Pastinya sobat blogger sudah tidak asing lagi dengan kata "Alexa Rank" . Di postingan SeoTipsKu kali ini akan membahas tentang Alexa terkait untuk meningkatkan Rangking Alexa dengan Cepat. Penilaian Alexa berbanding terbalik dengan Google PageRank, Jika semakin kecil nilai dari Alexa Rank maka semakin bagus, sedangkan jika nilai PR semakin besar maka PR-nya semakin bagus.  

 

 

Mungkin bagi sebagian blogger ada yang tidak memperdulikan tentang peringkat webnya di Alexa. Namun untuk blog yang ingin mencari "tambahan penghasilan" di dunia maya melalui blognya, maka memperhatikan ranking blog di Alexa adalah suatu hal yang diharuskan. Karena pada umumnya para pemasang iklan akan lebih memilih website dengan Alexa yang tinggi dibandingkan website yang memiliki ranking Alexa yang biasa-biasa saja. Dengan harapan website yang memiliki ranking Alexa yang tinggi tersebut memiliki trafik pengunjung yang tinggi pula. Walaupun, tingginya ranking Alexa tidak terlalu mempengaruhi banyaknya pengunjung pada suatu blog. Namun tidak ada salahnya untuk SeoTipsKu membagikan beberapa "RAHASIA" besar untuk mendapatkan ranking Alexa dengan cepat dan stabil tentunya, seperti dikutip dari hzndi.blogspot.com.

13 Cara Rahasia Menaikan Ranking Alexa Dengan Cepat 

1. Install Toolbar Alexa

Oke, langkah pertama yang harus kamu lakukan adalah menginstall toolbar milik Alexa. Kenapa ? karena hal ini akan membantu Alexa dalam mengindeks blog yang kamu punya. Dan jangan lupa untuk mempromosikan toolbar Alexa kepada para pembaca setia blog kamu. Selain itu, setelah kamu menginstall toolbar dari Alexa, usahakan untuk mengunjungi situs kamu dari toolbar Alexa tersebut. Klik disini untuk menginstall Toolbar Alexa.

2. Taruh Widget Alexa Rank di Blog

Nah, hal ini juga penting dalam peningkatan ranking Alexa. Blog yang terpasang widget dari Alexa tentunya akan mengalami lonjakan peringkat yang signifikan dari yang tidak memasang widgetnya. Klik disini untuk menginstall Widget Alexa dan taruh di blog kamu sebagai HTML/Javascript.

3. Klaim Situs Kamu di Alexa

Di postingan sebelumnya saya sudah menjelaskan tentang Cara Mengklaim Blog di Alexa. Salah satu kegunaanya adalah membantu alexa mengecek blog kamu dengan cepat. 

4. Membangun Backlink

Kepopuleran suatu blog salah satu faktornya adalah ditentukan banyaknya backlink yang dibuat oleh situs tersebut. Semakin banyaknya backlink yang didapat, maka Alexa pun tidak aka ragu untuk menaikan peringkat situs kamu dengan cepat. Lalu caranya bagaimana untuk membangun backlink yang efektif ? Cara yang paling mudah adalah dengan Berkomentar di postingan orang lain ataupun Menjadi Penulis Tamu di blog orang lain. Backlink dari Alexa, biasanya dinamakan dengan Alexa Sites Linking In. 

5. Update Postingan Secara Berkala

Mengupdate postingan di blog secara berkala juga mempengaruhi peringkat di Alexa. Alexa sangat suka dengan website dengan tampilan fresh saat mereka mengunjunginya. Artinya, semakin sering kamu update postingan, maka nilai Alexa kamu juga akan semakin naik. Namun, jangan lupa juga untuk mengupdate postingan dengan hasil kerja keras sendiri ya :)

Baca Juga Soal Postingan Di Bawah Ini :

6. Mengikuti dan Aktif di Forum 

Mengikuti dan aktif di banyak-banyak forum juga dapat menaikan trafik blog kamu. Tentunya jika kamu menaruh link blog kamu di thread yang kamu buat. Namun jangan sebarkan link terlalu banyak agar tidak dianggap spam.

7. Promosi di Media Sosial

Mempromosikan blog kamu di facebook, Twitter, atau media sosial lainnya dapat meningkatkan ranking Alexa kamu dengan cepat. Tentu saja hal in dibarengi pula dengan meningkatnya trafik pengunjung ke blog yang kamu kelola. Submit konten di website sosial bookmark / social news juga bisa meningkatkan ranking Alexa kamu.

8. Review Website di Alexa

Untuk cara yang ini, bagi sebagian blogger pasti sedikit merepotkan. Para blogger sedikit malas untuk melakukan review pada blog lain. Padahal dengan mendapatkan review dari orang lain, akan meningkatkan rank Alexa juga. Semakin banyak yang review, semakin besar pula kesempatan untuk meraih ranking tertinggi di Alexa. Jadi, ajak teman kamu untuk mereview blog kamu di Alexa, dan jangan lupa untuk mereview balik blog mereka sebagai tanda terima kasih. 

9. Update Postingan Pada Jam 12 Malam

Percaya atau tidak menampilkan postingan saat jam 11.59 Malam dapat meningkatkan ranking Alexa kamu loh !. Kamu bisa menggunakan cara ini sekarang, tinggal set otomatis saja postingan kamu agar tampil di jam 12 Malam. Dan rasakan sensasi kenaikan Alexa Rank dengan cepat di hari berikutnya.

10. Gunakan Alexa Pro

Menggunakan Alexa Pro tentu saja dapat meningkatkan ranking Alexa kamu. Mustahil rasanya jika sudah menggunakan versi berbayar Alexa namun rankingnya tidak naik. Sayangnya harga yang ditawarkan cukup mahal, yakni dari $9 hingga $149 per bulan. Namun, versi yang free saja menurut saya sudah cukup bagus.

11. Blogwalking

Blogger yang sering blogwalking akan lebih cepat mengalami kenaikan Alexa rank daripada blog yang hanya update postingan terus menerus. Kenapa ? karena dengan mengunjungi blog orang lain, akan secara otomatis akan mendatangkan trafik pengunjung ke blog kamu. Jika tidak percaya, boleh dibuktikan sendiri khasiat dari Blogwalking ini sendiri ! :)

12. Berkomentar di Blog yang Memiliki Ranking Alexa Tinggi

Sama seperti PageRank, Jika kamu berkomentar pada blog yang memiliki ranking Alexa yang jauh lebih tinggi dari blog kamu maka kamu juga akan terkena imbasnya. Tentu saja imbasnya itu adalah kenaikan Alexa Rank secara drastis. Cobalah kunjungi blog yang memiliki ranking Alexa yang tinggi setiap hari dan tinggalkanlah beberapa komentar di postingannya. Selain peningkatan ranking Alexa, kamu juga akan mendapatkan banyak Backlink Alexa.

13. Naikan Trafik Pengunjung

Karena pada dasarnya perhitungan ranking Alexa berdasarkan trafik pengunjung, usahakan untuk tetap menjaga kestabilan pengunjung di blog kamu. Semakin banyak pengunjung, semakin baik ranking Alexa kamu.

Kesimpulan

Ranking Alexa bagi sebagian blogger memang sering di kesampingkan, tapi tidak ada salahnya juga untuk memperhatikannya. Terlebih lagi para blogger publisher iklan, tentu menaikan ranking Alexa yang tinggi akan sangat berguna dan para Advertiser pun akan lebih tertarik untuk memasang iklannya. Namun disaat ranking Alexa kamu sudah meranjak naik, usahakan untuk tetap menjaga trafik pengunjungnya. 

Ingat ! fokus pada trafik pengunjung dan update postingan minimal 1 kali sehari, maka ranking Alexa kamu akan tetap terjaga dan cenderung naik. Karena biasanya ranking yang sudah diatas 400 ribuan, apabila seminggu saja tidak update blog, akan menurun tajam ranking Alexanya. Backlink juga sangat dibutuhkan untuk tetap menjaga kestabilan itu, dan cara mendapatkannya adalah dengan berkomentar. 

Namun diantara semuanya, hal yang paling penting adalah memanjakan para pembaca blog kamu dengan konten yang orisinil dan berkualitas ! Jika sudah menerapkan langkah-langkah diatas, saya yakin, ranking Alexa kamu akan meningkat dengan cepat. 

Read more »

Daftar Web Directory Berkualitas

Selamat datang di Blog saya, kali ini saya akan berbagi Daftar Web Directory Berkualitas yang dikuti dari caraseoblogger. Untuk temen - temen blogger yang lagi nyari Web Directory yang Berkualitas. Saya harap dengan Submit Link ke Web Directory ini akan membantu temen - temen Blogger.

Berikut daftar Web Directory Berkualitas :

1. Online Directory Submission (PR 1)
2. Top 1 Directory (PR 2)
3. Hutto Directory (PR 3)
4. HTA Free Directory (PR 4)
5. Shipre Directory (PR 5)
6. Cosee-Now Directory (PR 6)
7. Directory Link Site (PR 1)
8. DirectoryDub  (PR 1)
9. Free Link Directory USA (PR 1)
10. Deemoz (PR 1)
11. Directory Expressway (PR 1)
12. Directory 100 (PR 2)
13. Damen Studio Directory (PR 2)
14. Directory of Glendale (PR 1)
15. Lush Directory (PR 1)
16. Daily Deal Directory (PR 1)
17. Beast Directory (PR 1)
18. Bliss Web Directory (PR 2)
19. SEO Listing Directory (PR 1)
20. SEO Friendly Dir (PR 1)

Read more »