Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

SEO Tools : META TAG Generator

Posted by Rico Desrianto 8 Komentar

Baca Selengkapnya ....

BLOG Tools : Flip Character Generator

Posted by Rico Desrianto 1 Komentar

BLOG Tools: Flip Character Generator


Gunakan Tool ini untuk membuat ʞılɐqɹǝʇ uɐsılnʇ. Flip Character Generator bisa dipergunakan untuk menulis karakter secara terbalik (Flip) pada Website, Blog, Facebook, E-mail , Comment, Profile, Friendster, dan sebagainya.

BLOG Tools: Flip Character Generator



Script Code Untuk Membuat Tool Flip Character Generator

Langsung saja Copy Paste Script dibawah ini dan letakkan di postingan Anda :


Baca Selengkapnya ....

BLOG Tools : Color Code Generator

Posted by Rico Desrianto 0 Komentar

BLOG Tools : Color Code Generator

Gunakan Tool ini untuk menemukan Kode Warna RGB dan Heksa Kode
Fitur :
- Monochrome
- Varying Hue
- Contras Pairs
- Pentadic


Color Code Generator



Script Code Untuk Membuat Tool Color Code Generator

Langsung saja Copy Paste Script dibawah ini dan letakkan di postingan Anda :



Atau Bisa Juga Memakai Ini :

Baca Selengkapnya ....

Memasang Widget Change Font Type And Size Blog

Posted by Rico Desrianto 1 Komentar

Memasang Widget Change Font Type And Size Blog

change font type
Cara Memasang Widget Change Font Type And Size Blog.
Setelah dalam postingan sebelumnya diberikan trik SEO Optimisasi blog dalam Memasang Widget Google Translate Blog, kali ini akan diberikan trik dalam Memasang Widget Change Font Type And Size Blog. Pemasangan widget ini bertujuan untuk memberikan kemudahan bagi pembaca yang sulit membaca tulisan yang ada pada blog anda

Langsung saja ikuti langkah-langkahnya :
  • Masuk pada Blogger anda
  • Pilih menu Tata Letak
  • Klik Tambah Gadget
  • Akan muncul jendela baru. Pilih HTML/JavaScript
  • Masukkan Kode berikut :

    <script>
    function go1(){
    if (document.selecter2.select2.options
    [document.selecter2.select2.selectedIndex].value != "none") {
    document.getElementById('main').style.fontSize
    =document.selecter2.select2.options
    [document.selecter2.select2.selectedIndex].value
    }
    }

    function go2(){
    if (document.selecter2.select3.options
    [document.selecter2.select3.selectedIndex].value != "none") {
    document.getElementById('main').style.fontFamily
    =document.selecter2.select3.options
    [document.selecter2.select3.selectedIndex].value
    }
    }
    </script>
    <form id="forma" method="POST" name="selecter2">

    <select name="select3" onchange="go2()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="Coming Soon" />Normal Font Blog <option value="Times New Roman" />Times New Roman <option value="Arial" />Arial <option selected value="Book Antiqua" />Book Antiqua <option value="Bookman Old Style" />Bookman Old Style <option value="Century Gothic" />Century Gothic <option value="Comic Sans Ms" />Comic Sans Ms <option value="Tahoma" />Tahoma <option selected value="Trebuchet Ms" />Trebuchet Ms <option value="Verdana" />Verdana </select>
    <select name="select2" onchange="go1()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="8px" />8 <option value="9px" />9 <option value="10px" />10 <option value="11px" />11 <option selected value="12px" />12 <option value="14px" />14 <option value="16px" />16 <option value="18px" />18 </select></form>

    <div style="float: center;"><sup> [CHANGE LANGUAGE / FONT] Widget By </sup><a href="http://mkzhackers.blogspot.com"target=_blank"><img style="border:none;" alt="google" src="http://i917.photobucket.com/albums/ad14/rkurew/iiii.jpg" title="Google Translation" /></a></div>


    Maka Hasilnya akan Terlihat seperti ini :



Sekiat trik mudah dalam Memasang Widget Change Font Type And Size pada Blog.
Semoga Bermanfaat!

Baca Selengkapnya ....

Memasang Widget Google Translate Blog Secara Otomatis Atau Manual

Posted by Rico Desrianto 7 Komentar
Goole translate blog
Cara Memasang Widget Google Translate Blog Secara Otomatis Atau Manual.
Nah, kali ini akan dibagikan trik SEO Onpage blog untuk pemasangan widget Google Trnaslate pada blog. Pemasangan widget ini juga dapat Mengurangi Bounce Rate / Tingkat Bouncing Blog bagi pengunjung asing yang tidak mengetahui bahasa pada blog kita.

Ada 2 cara mudah dalam pemasangan Widget Google Translate pada Blog anda. Secara Otomatis atau yang disediakan langsung oleh Blogger serta cara Manual atau membuat sendiri dengan kode javascript Google Translate.

1. Cara Otomatis

Berikut langkah-langkah Memasang Widget Google Translate Blog Secara Otomatis atau yang disediakan Langung oleh Blogger :
  • Masuk pada Blogger anda
  • Pilih menu Tata Letak
  • >Klik Tambah Gadget
  • Akan muncul jendela baru. Pilih Terjemahan
    Google Translate Blog
  • Masukkan Judul Widget
  • Pilih Gaya Widget antara Vertikal, Horizontal, atau Hanya Naik Turun
  • Selesai. Lihat Hasilnya pada Blog anda


2. Cara Manual

Berikut langkah-langkah Memasang Widget Google Translate Blog Secara Manual atau Membuat dengan Javascript :
  • Masuk pada Blogger anda
  • Pilih menu Tata Letak
  • Klik Tambah Gadget
  • Akan muncul jendela baru. Pilih HTML/JavaScript
  • Masukkan Kode berikut



    Hasilnya akan Terlihat seperti ini :

Artikel yang sangat SEO friendly tentunya berpeluang ditayangkan di negara-negara lain. Dengan memasang Widget Google Translate Blog dapat membantu pengunjung membaca artikel anda sehingga dapat Mengurangi Bounce Rate / Tingkat Bouncing Blog anda.
Sekian Trik sederhana Memasang Widget Google Translate Blog Secara Otomatis Atau Manual
Semoga bermanfaat!

Baca Selengkapnya ....

Membuat Tombol Like Facebook, Share Twitter dan Google Plus di Bawah Judul Postingan

Posted by Rico Desrianto 36 Komentar
Cara Membuat Tombol Like Facebook,Share Twitter dan Google Plus (G+) di Bawah Judul Postingan atau diawal setiap postingan/ artikel.
Setelah tahu cara memasang Breadcrumbs dan cara menggunakan Tautan Permanen Khusus, kali ini kita agak kebawahnya sedikit, yaitu membuat Tombol Share Facebook, Twitter dan Google Plus (G+). Ini kisa bisa pasang di bawah Judul Postingan ataupun di akhir judul postingan. Namun Kenapa saya memasukkan hal ini ke dalam kategoti Trik SEO dan Optimisasi SEO Onpage? Jelas karena ini dapat membantu penyebaran link artikel kita ke 3 jejaring sosial yang terbesar. Sebenarnya membuat Like Facebook, Share Twitter dan Google Plus (G+) button lebih dikategorikan dalam SEO Optimisasi OFFpage karena lebih pada menyebarkan link artikel kita. Namun karena kita mengedit blog kita maka saya masukkan dalam kategori Onpage saja.

Kali ini kita akan fokuskan memasang Tombol Like Facebook, Share Twitter dan Google Plus di Bawah Judul Postingan. Karena biasanya padah akhir postingan / bagian bawah banyak tombol serupa yang sama yang telah disediakan blogger, jadi kita mengoptimisasikannya dengan menaruh dibagian atas postingan (seperti pada blog MkZHackers ini.

Oke, langsung saja ikuti langkah-langkah dalam memasang Tombol Share Facebook, Twitter dan Google Plus di Bawah Judul Postingan / Artikel kita (di Awal Artikel) untuk mendongkrak traffic blog kita:
  • Silahkan masuk ke blog anda
  • Klik Template
  • untuk menjaga-jaga terjadinya kesalahan klik Cadangkan/Pulihkan, lalu masuk ke Edit HTML
  • Centang Expand Template Widget
  • Carilah kode berikut :

    biasanya akan ada banyak yang didapat, pilih yang pertama saja
  • Letakkan Kode berikut ini diatas kode <data:post.body/>

  • Simpan Template anda dan Lihat hasilnya. Hasil akan terlihat seperti dibawah Judul Posstingan Artikel ini


Setelah anda melakukan langkah-langkah diatas, silahkan buka salah satu postingan atau artikel anda, maka anda akan melihat Tombol Like Facebook, Share Twitter dan Google Plus yang terletak di Bawah Judul Postingan.
Sekian trik sederhana Optimisasi SEO Onpage untuk lebih meningkatkan trafik blog kita. Semoga bermanfaat!

Baca Selengkapnya ....

Membuat Breadcrumbs / Menu Navigasi Pada Postingan Blog

Posted by Rico Desrianto 0 Komentar
Cara Membuat Breadcrumbs / Menu Navigasi Pada Postingan Blog.
Trik SEO Optimisasi Onpage blog berikutnya akan dibahas tentang Pembuatan breadcrumbs atau yang biasa disebut menu navigasi dan bagaimana caranya agar bisa terindeks langsung oleh om google. Breadcrumbs (Menu Navigasiatau) "remah roti" adalah istilah yang sering digunakan oleh orang barat untuk hal-hal yang membantu mereka menelusuri posisi mereka dari suatu titik awal. Breadcrumbs juga dapat memberitahu dimana posisi artikel yang sedang kita baca sekarang.

Talah dikatakan sebelumnya dalam postingan Melakukan Optimisasi SEO Onpage Pada Blog,pelaku SEO banyak meyakini bahwa teknik breadcrumbs ini membantu googlebot untuk lebih cepat mengenali struktur dari blog, karena halaman-halaman yang berada pada hirarki atas akan mendapat lebih banyak aliran poin dibandingkan halaman-halaman yang lebih di bawah hirarki.

Langsung saja ikuti langkah-langkah berikut untuk Cara Membuat Breadcrumbs / Menu Navigasi Pada Postingan Blog :
  • Silahkan Masuk ke akun blogger Anda
  • Pilih menu TEMPLATE
  • Untuk menjaga-jaga terjadinya kesalahan, simpan dulu Full Template anda dengan mengklik tombol Cadangkan/Pulihkan
  • Selanjutnya Klik tombol EDIT HTML
  • Centang Expand Widget Template
  • Cari kode ]]></b:skin
  • Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tadi

    .breadcrumbs{
    padding:5px 5px 5px 0;
    margin:0;font-size:95%;
    line-height:1.4em;
    border-bottom:3px double #aaaaaa;
    }

  • Selanjutnya, cari kode seperti di bawah ini :

    <div class='post hentry uncustomized-post-template'>

  • Letakkan kode berikut ini tepat dibawah kode diatas :

    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
    <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
    </b:loop>
    </b:if> &#187; <data:post.title/>
    </div>
    </b:if>
    </b:if>

  • Simpan Perubahan dan lihat hasilnya. Contoh hasil Breadcrumbs / Menu Navigasi seperti ini :

Setelah anda melakukan langkah-langkah diatas, Breadcrumbs / Menu Navigasi akan terlihat di setiap halaman artikel-artikel yang anda buat.
Sekian trik SEO optimisasi Onpage dalam Membuat Breadcrumbs / Menu Navigasi Pada Postingan Blog.
Semoga Bermanfaat!

Baca Selengkapnya ....

Membuat Tautan Permanen / Permanen Link (Permalink) Postingan Blog

Posted by Rico Desrianto 5 Komentar
Cara membuat Tautan Permanen / Permalink Postingan Blog.
Kali ini akan diberikan salah satu Trik SEO dalam membuat postingan. Lebih tepatnya dalam menentukan tautan permanen yang akan kita pakai pada sebuah artikel. Trik ini juga penting dalam peningkatan SEO blog kita.

Apa itu Tautan Permanen / Pemanent Link (Pemalink)?
Tautan permanen atau permanent link (permalink) adalah sebuah URL atau tautan yang menuju pada halaman posting tertentu. Tautan permanen suatu posting atau artikel dapat dilihat pada kolom web address sebuah browser. Permalink sanagat berguna dalam penentuan kata kunci dari artikel yang akan kita buat.

Tautan permanen ini memuat unsur judul dari postingan yang bersangkutan serta URL blog, tahun, dan bulan terbit postingan. Dahulu, judul posting dalam tautan permanen akan terbentuk secara otomatis dan dibatasi hanya sampai sekitar kurang lebih 40 karakter. Sehingga bila ada artikel yang judulnya cukup panjang maka judul posting dalam permalink akan terpotong. Jelas Hal ini berakibat kurang baik terhadap SEO.

Namun sekarang, kita dapat mengatur atau mengubahsesuaikan tautan permanen (custom permalink) pada tampilan antarmuka Blogger yang baru.

Contoh Permalink :
Pada Postingan Pasang Alexa Toolbar Untuk Merampingkan Alexa Rank Dengan Cepat
Tautan Permanen / Permalinknya adalah http://mkzhackers.blogspot.com/2012/11/merampingkan-alexa-rank-dengan-cepat.html

Apa yang beda dari Judul postingan dan Permalink diatas?
Nah, sekarang MkZHackers akan membagikan 2 cara dalam membuat Tautan Permanen / Permanent Link (Permalink) yang baik dan benar

1. Membuat Tautan Permanen Otomatis Lewat Judul Postingan
Misalnya kita inging membuat Postingan dengan
Judul : Cara Membuat Tautan Permanen Permalink Postingan Blog dan
Tautan Permanennya : http://mkzhackers.blogspot.com/2012/11/membuat-tautan-permanen-permalink.html
Maka langkah-langkah untuk membuatnya adalah sebagai berikut :
  • Masuk Ke Entri Baru
  • Buatlah Judul Postingan sesuai dengan pemalink yang kita inginkan. contohnya seperti pada gambar dibawah :
  • Maka Jika Kita klik Tautan Permanen di bagian kanan Postingan dan kita memlih "Tautan Permanen Otomatis" maka akan muncul seperti yang kita inginkan :
  • Publikasikan Artikel
  • Setelah itu Klik Edit pada entri Tersebut
  • Nah, barulah disini kita mengganti Judul Artikel yang kita inginkan (Cara Membuat Tautan Permanen Permalink Postingan Blog) yang berbeda dengan Tautan Permanen / Permanent Link (Permalink). setelah diganti klik lagi Publikasikan.
Apa Kekurangan membuat Tautan Permanen / Permanent Link (Permalink) dengan cara ini? Cobalah untuk membuat Permalink Membuat Tautan Permanen Permalink Postingan Jika kita memasukkan judul entri "membuat tautan permanen permalink postingan" :
Maka Jika Kita klik Tautan Permanen di bagian kanan Postingan dan kita memlih "Tautan Permanen Otomatis" muncul tautan yang tidak seperti diinginkan :
Kenapa bisa seperti ini? Karena jumlah katanya melebihi 40, jadi kata "postingan tidak dimasukkan. Jadi, bagaimana cara mengatasi hal tersebut? Silahkan lanjut baca cara No.2

2. Membuat Tautan Permanen Khusus
Langsung saja, untuk mengatasi hal tersebut kita bisa mengunakan fitur baru Blogger yaitu "Tautan Permanen Khusus". Disini kita dapat langsung menentukan Permalink dan Judul Artikelnya sekaligus. Langkah-langkahnya sebagai berikut :
    Klik Tautan Permanen dan Pilih "Tautan Permanen Khusus"
  • Masukkan tautan permanen "membuat-tautan-permanen-permalink-postingan" pada kolom
  • Setelah itu langsung masukkan Judul Artikel yang kita inginkan

Saya sarankan untuk menggunakan kata kunci sebanyak mungkin dalam menggunakan "Tautan Permanen Khusus" ini untuk meningkatkan kata kunci SEO blog anda. (seperti permalink entri ini)

Sekian Trik SEO mudah untuk Cara Membuat Tautan Permanen / Permanen Link (Permalink) Postingan Blog.
Semoga Bermanfaat!

Baca Selengkapnya ....
Tips Trik SEO Traffic Blog support Rico Desrianto - Original design by Bamz | Copyright of MKZ-Hackers.

Follower