Mengubah Seleksi Warna di Blog

Tutorial Blog | Tips | Trik | SEO - Mengubah Seleksi Warna di Blog atau warna saat teks disorot pada blog sangatlah mudah. Cukup dengan menggunakan CSS sederhana kita sudah bisa mengubah warna latar tulisan saat disorot. Sebenarnya ini bukan hal penting dalam ilmu blog ataupun SEO, ini sekedar melakukan variasi saja pada blog anda

Caranya sebenarnya sangat mudah. Cukup ikuti di bawah ini:

Masuk ke akun blogger anda
Pilih menu TEMPLATE dari blog yang ingin diubah warna latar highlightnya
Klik EDIT HTML
Cari kode ]]></b:skin>
Copy kode di bawah dan taruh di atas kode ]]></b:skin> tadi

::selection {
background: #ffff00; /* Safari */
}
::-moz-selection {
background: #ffff00; /* Firefox */
}

Silahkan ganti nilai rgb atau hex atau kode nama warna pada bagian yang dicetak hitam

Simpan perubahan pada templateSekarang warna tulisan saat disorot sudah berubah. Happy Blogging ^^

Belajar SEO

Tutorial Blog | Tips | Trik | SEO - Belajar seo, sangat umum dan saya sering sekali mendengar kata itu, tapi apa sih sebenarnya yang haru dipelajari agar bisa cepat menguasai tekhnik-tekhnik seo yang jitu dan mujarab. Saya akan mencoba membahas apa saja yang harus dikuasai bagi pemula, minimal bisa menerapkan seo yang baik untuk web baru yang sudah dibuat, jadi siapkan dahulu bahan-bahannya seperti: koneksi internet dan website yang belum dioptimasi.

Basic format

Langsung saja, format dasar seo sebenarnya terletak di: Title/Judul halaman, Meta, yang dibagi menjadi dua yakni meta keyword dan meta description. Sedangkan di Body yang perlu diperhatikan adalah penulisah heading (<H1>, <H2>, <H3>) dan seterusnya, karena penulisan heading sangat berpengaruh dalam proses seo. Sebaiknya gunakan heading dengan ‘bijak’, yakni <H1> sebaiknya untuk judul utama, <H2> untuk sub menu dan seterusnya. Pengaruhnya lumayan dasyat dan hasilnya pun optimal. Hanya dengan menerapkan basic format ini, saya kira semua syarat dari search engine sudah terpenuhi. Memang sih akan ada banyak lagi yang harus dikerjakan, tapi yang penting kan basicnya harus benar dulu.

Pemilihan Keyword

Tahap ini sebenarnya tahap yang paling sulit, karena ditahap ini anda akan mendapatkan tantangan besar untuk menentukan keyword apa yang cocok untuk web anda. Tapi gak perlu takut untuk mencoba, karena master seo pun masih mencoba-coba dalam menentukan keyword apa yang cocok, namun tidak asal coba. Semua itu harus ditentukan dengan tools yang khusus dipakai untuk menentukan keyword. Pakai saja yang gratis, yakni tools yang dipakai untuk google adword, karena tools itu bisa memberikan hasil yang optimal. Tips untuk memilih keyword yakni jangan menggunakan keyword yang lagi populer dan banyak diperebutkan, sebaiknya hindari itu dari pada anda akan cepat putus asa.

Backlink & Blog walking

Ini yang penting. Saya gak perlu menjelaskan ini lebih rinci karena pasti anda sudah tahu tentang ini. Intinya bagaimana web anda bisa dilink oleh web lain yang topiknya sejenis kalau bisa, tapi kalau enggak juga gak apa-apa. Dari pengalaman yang saya liat selama ini link yang tidak setopik memang kurang greget, tapi cukuplah untuk nambah-nambah poin untuk ningkatin pagerank. Demikian juga dengan blog walking, yakni dengan memberikan komentar yang tentunya baik dan relefan dengan topik di sejumlah blog dengan harapan mendapatkan tautan balik ke web kita.

Sebenarnya dengan melakukan basic way diatas, anda sudah bisa memulai mencoba untuk mengoptimasi web yang anda miliki.

Cara Pasang Translate di Blog Vol2

Tutorial Blog | Tips | Trik | SEO - Memasang translate pada blog sangat perlu karena mungkin saja ada pengunjung dari negara asing yang nyasar keblog anda, tapi yang harus diperhatikan agar tidak terjadi kesalahan translate maka blog anda harus menggunakan bahasa yang resmi, bukan bahasa pasaran atau gaul.

caranya ikuti langkah-langkah berikut:

Seperti biasa sign in dulu ke blogger.

Masuk/ klik tombol layout/ tata letak.

Klik tombol elemen halaman/ page elemen > tambah gadget > HTML/ Java script

Beri nama/ isi titel dengan kalimat translate atau dengan kalimat yang anda sukai.

Kemudian  Untuk Tampilan Pertama seperti berikut:

Copy kode berikut dan paste dikolom HTML/ Java Script.

<style> 
.google_translate img { 
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0; 
border:0; 

.google_translate:hover img { 
filter:alpha(opacity=30); 
-moz-opacity: 0.30; 
opacity: 0.30; 
border:0; 

.google_translatextra:hover img { 
filter:alpha(opacity=0.30); 
-moz-opacity: 0.30; 
opacity: 0.30; 
border:0; 

</style> 
<div> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<br /><br /> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
</div> 

Untuk tampilan kedua

Copy kode berikut dan paste dikolom HTML/ Java Script

<style> 
.google_translate img { 
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0; 
border:0; 

.google_translate:hover img { 
filter:alpha(opacity=30); 
-moz-opacity: 0.30; 
opacity: 0.30; 
border:0; 

.google_translatextra:hover img { 
filter:alpha(opacity=0.30); 
-moz-opacity: 0.30; 
opacity: 0.30; 
border:0; 

</style> 
<div> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> 
</div>

Save template anda. Semoga bermanfaat! Happy Blogging ^^

Cara Pasang Translate di Blog

Tutorial Blog | Tips | Trik | SEO  - Kali ini  Tutorial Blog | Tips | Trik | SEO  akan memberikan tips bagaimana cara membuat Google Translate pada halaman blog anda. Google translate ini dikembangkan oleh Google untuk mentranslet bahasa pada blog blogger ke berbagai bahasa lainnya. Dengan membuat Google Translate penggunjung dari luar negeri dapat membaca artikel anda apabila ia menggunakan widget ini. 

Cara pemasangan widget ini sangat mudah, untuk itu langsung saja ikuti langkahnya berikut ini:


Masuk ke Rancangan --> Edit Laman

Tambah Gadget pilih HTML Javascript

Masukan kode dibawah ini:

<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>

Simpan gadget anda

Demikian cara pemasangan Google Translate pada blog anda. Happy Blogging ^^

Cara Menghilangkan Navbar di Blog

Tutorial Blog | Tips | Trik | SEO - Navbar berperanan untuk memudahkan blogger kembali kepada link-link tertentu. Jadi tutorial kali ini akan menunjukkan cara untuk hilangkan navbar pada blog anda.


Tutorial untuk hilangkan navbar adalah seperti berikut. 

Terdapat 2 cara, anda boleh pilih mana yang bersesuaian dengan blog anda.

CARA 1:

Dari dashboard > design > edit HTML

Dengan menggunakan fungsi Find ( ctrl + F), cari 'navbar'
(hasil cari biasanya pada navbar-iframe atau navbar saja)

Dari kode yang ada di bawah navbar, Tukarkan 'display:block' kepada 'display:none'

Save dan lihat hasilnya.

CARA 2:

Nota: Cara kedua digunakan jika anda tidak mempunyai 'navbar' dalam 'edit HTML' blog anda.

Dari dashboard > design > edit HTML

Dengan menggunakan fungsi find ( ctrl + F), cari kod body { 

Copy dan paste code berikut SEBELUM code body {

#navbar-iframe {
display: none ;
}

Save dan lihat hasilnya. ^^