Meningkatkan Traffict dan Alexa Rank

Meningkatkan Traffict dan Alexa Rank - Page rank sebuah blog/website memberikan dampak popularitas pada blog/website tersebut. Jika pada Google Page Rank, semakin besar jumlah angka yang ditunjukkan Google page rank pada sebuah blog maka semakin besar pula popularitasnya. Pada ALEXA page rank, semakin kecil jumlah angka yang ditunjukkan ALEXA page rank, maka blog/website tersebut memiliki popularitas yang tinggi.

Meningkatkan Traffict dan Alexa Rank - Kali ini saya akan membahas bagaimana ALEXA rank terlebih dahulu. Langkah-langkah yang harus diikuti untuk Meningkatkan Alexa Rank Anda.

• Hal pertama adalah, pastikan Anda men-download dan menginstal toolbar Alexa. Anda dapat men-download di sini.
• Dan jika mungkin, membuat website Anda sebagai homepage. Dan, menempatkan jajaran Alexa di website Anda.
• Anda juga dapat meminta teman-teman Anda untuk menulis beberapa ulasan pada website Anda di Alexa.com. Juga, pastikan Anda mempromosikan toolbar Alexa.
• Jika bisa, menyewa seorang SEO atau penulis konten yang baik. Konten yang baik adalah dasar untuk mengerahkan bnyak traffic  ke situs Web Anda.
• Juga, pastikan Anda menulis beberapa artikel yang berkaitan dengan website Anda di Ezine. Ini pasti akan menaikkan peringkat Alexa Anda.
• Pilih beberapa blog atau forum dan mempromosikan website Anda di sana. Menulis ulasan dan menambahkan link signature yang diarahkan ke Alexa.
• Backlink ternyata sangat membantu. Menulis tentang Alexa atau promosikannya dalam situs web Anda, ternyata dapat mengangkat rank website Anda. Lebih dari itu, anda mendapatkan backlink yang mendorong banyak pengunjung ke blog/ web Anda.
• Promosikan blog/website anda dengan menyewa banner pada blog orang lain, carilah dengan harga yang murah.

Secara keseluruhan, apa pun strategi yang dilakukan, memperbanyak dalam membuat konten yang baik lebih efektif untuk  mendorong lebih banyak traffict pada blog/website anda dan menaikkan rank anda dalam waktu singkat. 

TAMBAHAN INFO ::

Berikut ini merupakan beberapa situs yang memberikan layanan untuk meningkatkan peringkat Alexa Anda.

alexage.com

upmyrank.com

youralexaranking.com

Menambah Sidebar Pada WordPress

Menambah Sidebar Pada WordPress - Kali ini saya akan berbagi tutorial blogging menggunakan WordPress, meskipun sebenarnya saya tidak begitu menguasai WordPress. Tutorial kali ini adalah menambah sidebar pada WordPress. Untuk membuat sidebar, kita perlu mengedit beberapa script pada tema yang kita gunakan. Sebagai contoh disini kita akan menambah sebuah sidebar baru dibawah bagian sidebar lama kita. Atau dengan kata lain, kita akan memiliki 2 buah sidebar, yaitu sidebar atas (sidebar yang lama) dan sidebar bawah (sidebar yang baru).

Screenshot

Untuk membuat sidebar yang baru, kita perlu merubah 2 script, yaitu css dan php.


Langkah-langkah Menambah Sidebar Pada WordPress

Buka tema yang digunakan, edit file style.css sesuai dengan kebutuhan, minimal ada class / id selector dan heading selector. Contoh

.sidebar {
 float:left;
 width:250px;
 background:#ffffff;
 margin-bottom:10px;
 padding:15px 15px 5px 15px;
 border:1px solid #e0e0e0;
 clear:both;
}
.widget {
 border:1px solid #e0e0e0;
 padding:10px;
 font-size:11px;
 margin-bottom:10px;
}
.widget h3 {
 background:#ebe9e1;
 font-family: Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:bold;
 padding:5px 10px;
 display:block;
 margin-bottom:10px;
 text-align:left;
 border:1px solid #dedbd1;
 height:16px;
}  

Kode .widget sebagai class selector, sedangkan kode .widget h3 sebagai heading selector pada widget. Selain CSS, kita perlu mengedit 2 file php, yaitu sidebar.php dan functions.php. Buka functions.php pada tema yang kita gunakan, lalu salin script berikut didalam rentangan tag <?php … ?>

if ( function_exists('register_sidebar') )
register_sidebar(array(
 'name' => 'sidebar2',
 'before_widget' => '<div class="widget">',
 'after_widget' => '</div>',
 'before_title' => '<h3>',
 'after_title' => '</h3>',
));  

• 'name' => 'sidebar2', sebagai nama sidebar anda nantinya
• 'before_widget' => '<div class="widget">', merupakan tag html yang menjadi pembuka widget
• 'after_widget' => '</div>', merupakan tag html yang menjadi penutup widget
• 'before_title' => '<h3>', merupakan tag html yang menjadi pembuka judul widget
• 'after_title' => '</h3>', merupakan tag html yang menjadi penutup judul widget

Lalu kita perlu mengedit sidebar.php, sebagai tempat dimana “sidebar2″ tersebut bernaung. Salin script berikut di tempat yang tepat

<div class="sidebar">
<?php dynamic_sidebar('sidebar2'); ?>
</div>

Kode tersebut akan diterjemahkan menjadi kurang lebih seperti ini

<div class="sidebar">
<div class="widget">
<h3>Judul widget 1</h3>
isi widget 1
</div>
<div class="widget">
<h3>Judul widget 2</h3>
isi widget 2
</div>
</div>

Untuk menambahkan widget pada “sidebar2″ tersebut,dari menu Appearance > Widgets, disana akan ada settingan yang berjudul “sidebar2″.

Screenshot

Dengan demikian anda bisa membuat 2 sidebar sekaligus pada sebelah kiri dan kanan blog anda.

Jika anda tidak masih tidak bisa melakukan editing pada blog WordPress anda, saya sarankan untuk mendownload template WordPress yang sudah tersedia sidebar.

Cara Praktis Hilangkan Anti Copast

Cara Praktis Hilangkan Anti Copast - Memasang aplikasi Anti-Copast pada blog/website merupakan salah satu cara mengurangi banyaknya pencurian artikel pada blog, tanpa memasangkan link sumbernya.


Namun hal tersebut bisa menjadi suatu masalah bagi pengunjung yang ingin mengopy data data artikel demi hal penting seperti tugas sekolah, sehingga harus kecewa tidak bisa mengopy data dari sebuah blog/website yang sudah memasang aplikasi/script anti-copast, yang tentunya akan membuat blog/website tersebut bisa saja ditinggalkan banyak pengunjungnya.

Berikut trik sederhana cara copast Teks blog yang Anti Copas dan Anti Klik Kanan

1.  Buka Microsoft Words , buat halaman baru
2. Pergi ke halaman blog yang ingin di copas, klik di sembarang tempat ,tekan tombol CTRL+A setelah itu dilanjutkan dengan menekan tombol CTRL+C
3. Masuk ke halaman microsoft words yang Anda persiapkan tadi
4. Klik CTRL+V di halaman tersebut
5. Lihatlah tulisan yang ada dihalaman blog anti copast
6. Silahkan Anda pilih tulisan teks mana saja yang dikehendaki.


Cara Kopas Image atau gambar sebagai berikut :

1. Kilk CTRL+U  dihalaman blog yang ingin anda Copast
2. Setelah itu klik CTRL+F
3. Masukan kata pencarian JPG atau GIF, kalau gambar yang berukuran besar biasanya JPG
4. Apabila sudah ketemu, silahkan kopas alamat URL gambar tersebut, misal saya contohkan lihat gambar sebagai berikut :

Tanda anak panah adalah alamat URL gambar

5. Kopas URL dan bukalah di Tab browser yang baru.
6. Apabila belum menemukan gambar yang dicari, tidak ada salahnya mencoba semua alamat url image yang terdapat dalam blog tersebut.

Cara Praktis Hilangkan Anti Copast

Pakai browser Mozilla Firefox : Klik menu Tool ---->Options---Content--Hilangkan tanda chek pada Enable Javascript

Optimalkan Blog Dengan Google PageSpeed Tools

Optimalkan Blog Dengan Google PageSpeed Tools - Google Developer Tools semakin konsern terhadap perkembangan pengembang web dan penggunanya, dengan tersedianya tool-tool sangat berguna dan canggih, yang memudahkan bagi jutaan pengguna dan pelanggannya. Pada tool ini memungkinkan Anda untuk melakukan Analisa Dan Optimalkan Blog Dengan PageSpeed tools.



Disini Anda menggunakan PageSpeed Insights untuk menganalisia isi (HTML, JavaScript, CSS, gambar, dll) dari suatu halaman web/blog, kemudian Anda akan mendapatkan saran agar halaman tersebut bisa lebih cepat. Mengurangi loading halaman dapat mengurangi Bounce rate dan meningkatkan Conversion rate .

Bounce rate  = Jumlah pengunjung yang hanya menghabiskan <30 detik pada website /Total jumlah pengunjung

Conversion rate  = Jumlah pengunjung yang benar-benar datang dan menyelesaikan tujuan /Total jumlah pengunjung


Yang menarik jika menggunakan alat ini, adalah laporan yang sangat detail Google Servise yang tidak mungkin Anda dapatkan dengan tool lainnya. Seperti score keseluruhan blog, saran-saran atau rekomendasi yang dibagi menjadi: High priority, Medium priority, Low priority, Experimental rules dan laporan mana yang telah Anda lakukan dengan benar atau belum pada Blog Anda,
Penjelasan yang lengkap dari layanan ini benar-benar membuat Anda mengerti tentang bagaimana kondisi Blog Anda selama ini. Saran yang diberikan juga sangat membantu dan secara detail, misalnya rekomendasi untuk mengurangi Redirect Link, Skala dan optimasi image, Defer dan minimize parsing Javascript dan Compression Html dan banyak lagi yang bisa Anda perbuat untuk perbaikan Blog/web.

Di Layanan PageSpeed Insights ini Anda juga dapat melihat hasil analisa performa blog pada Mobile version, yang juga mendapatkan saran atau rekomdasi dari layanan agar performa blog ditampilan Mobile lebih baik.

Anda berminat, silahkan mencoba langkah-langkah dibawah ini.

• Langkah untuk Analisa Dan Optimalkan Blog mudah dan cepat, Anda hanya kunjungi situsnya dibawah ini: https://developers.google.com/speed/pagespeed/insights
• Selanjutnya masukkan Alamat/URL Blog Anda di form yang telah disediakan-(lih. gambar), kemudian klik tombol Analize, tunggu beberapa detik dan laporan menyeluruh tentang performa Blog akan dimunculkan.

PageSpeed Insights akan melakukan beberapa test pada Web Server Konfigurasi dan Front-End Code. Berdasarkan seperangkat test enhanced web page performa, Anda akan mendapatkan score performa Blog Anda dan mendapatkan saran-saran agar memperbaiki perfoma blog/web, mengurangi bandwith dan biaya hosting (bagi pengguna Host berbayar)

Optimization Tool

Ini layanan Online PageSpeed yang memberikan banyak manfaat bagi perkembangan Blog/Website. Cara kerja layanan ini secara otomatis akan mempercepat loading halaman web/blog Anda. PageSpeed Service akan mengambil data konten dari server Anda, dan menulis ulang halaman tersebut dengan menerapkan perfoma web yang terbaik dan menyebarkan kepada semua pengguna internet seluruh dunia melalui server Google. Jadi ini layanan yang memberikan servise secara online pada blog/web Anda dengan dilakukan semuanya oleh Google Tool team dengan menerapkan apa yang terbaik untuk performa Blog/Web. Anda daftar dan Servise akan melakukan sisanya, namun ini masih ditawarkan dengan fungsi terbatas dan masih Trial Period. 

Tingkat kecepatan web/blog akan tergantung dari beberapa faktor, seperti konten halaman web, lokasi geografis akses, bandwidth, dll. Online PageSpeed Service saat ini ditawarkan secara gratis untuk satu set terbatas bagi pengguna web/blog selama masa percobaan. Anda dapat meminta akses ke layanan ini dengan mengisi formulirnya di https://developers.google.com/speed/pagespeed/service

Blockquotes Pada Wordpress

Blockquote adalah tag XHTML yang sengaja digunakan elemen dalam sebuah artikel. Penggunaan dasar blockquote dalam sebuah artikel adalah ketika penulis ingin memasukkan script, ataupun kalimat penting yang ingin disampaikan kepada pembaca.

Sebagian besar dari tema wordpress memiliki blockquotes keren, tapi untuk beberapa itu hanya indentasi kutipan dan mengubah ukuran font dan warna.

Pada tutorial kali ini saya akan membantu anda membuat blockquote menggunakan kode HTML saja, tanpa mengacaukan stylesheet.

1. Mengubah warna latar belakang dengan beberapa formattin teks

Background berwarna kuning :
<p style=”padding: 5px; background-color: #FFFF99; border: dotted 2px #FF9900;”> Text Here</p>

Background berwarna biru :
<p style=”padding: 5px; background-color: #E1E8F2; border: dotted 2px #00518A;”>Text Here</p>










2. Tanpa mengubah warna latar belakang dengan beberapa formattin teks
    

Coding :

<b style=”float: left; font-weight: normal; font: 14px/22px arial; margin-top 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #666666;”>Text Here</b>

Memberi Warna Blockquote Pada Blog

Blockquote adalah tag HTML yang digunakan untuk menampilkan quote/kutipan pada artikel. Untuk template tertentu, pada bagian blockquote akan diberi warna agar tampilan template terlihat lebih unik dan menarik namun jika anda tidak suka dengan warna yang diberikan. Anda bisa mengganti warna background blockquote dengan warna lain yang anda inginkan hanya sedikit modifikasi pada kode html template anda.

Contoh tampilannya seperti ini:

Untuk mengganti warna kotak blockquote. Ikuti langkah-langkah berikut:

1. Pertama login ke Blogger. Klik Design -> Edit HTML
2. Cari kode post-body blockquote {
3. Pasang kode berikut:

blockquote {
padding:3px 15px; 
background:#53de61; 
margin:5px 0px; 
color:#930; 
border:solid 1px #32c45f
}

Untuk menghilangkan border atau garis tepi blockquote, ganti 1px pada property border menjadi 0px.