Search JavaScript Kit:

This free script provided by
JavaScript Kit

Cara Cepat Mencari Judul Posting SEO Friendly dengan Ubbersuggest


Kadangkala kita dipusingkan dengan judul yang akan dipakai ketika posting artikel yang benar-benar memenuhi syarat SEO artinya ketika di cari di mesin pancari ( Google,Bing, Yahoo dll )  atau SERP ( Search Engine Result Page ) menempati posisi #1. Namun tidak mudah seperti membalikkan telapak tangan melakukan hal tersebut karena persaingan di dunia maya begitu banyak melimpah Blog/Website yang bahkan tiap detiknya di sambangi oleh Robot milik mesin pencari ( Search engine ) untuk di crawl. Tapi jangan khawatir... kita manusia tidak akan kehabisan akal selama teknologi secanggih apapun tetap buatan manusia jadi, secara logika tetaplah manusia yang memiliki peranan mengendalikan mesin ( Teknologi ) yang penting kita tetap berdoa,berusaha, bersabar dan tawekal janinggan menyerah taklukkan tantangan yang ada didepan kita. Loh koq jadi lebay..... hehe.

Jadi singkatnya barangkali begini.... walaupun sesulit apapun membuat keyword judul posting yang SEO friendly tetap masih bisa diakali dengan alat untuk menentukan keyword yang benar-benar bisa bersaing dan diharapkan dalam waktu singkat bisa bertengger di posisi yang semua Blogger berharap pada posisi #1.

Nah berikut ini saya akan berbagi tips cara untuk mencari judul posting yang SEO friendly yaitu dengan Ubersuggest.


Caranya sebagai berikut :
1. Akses alamat Ubersuggest
2. Isikan keyword/ quey yang dijadikan judul posting
Ubersuggest.org

3. Pilihlah keyword yang tepat yang muncul setelah kita memasukkan query.
4. Selesai. Untuk kemudian check di Google dll seberapa berfungsikah keyword tool tersebut mendongkrak     SEO untuk SERP di mesin pencari.
5. Selamat mencoba dan semoga berhasil.

Screenshot hasil SERP Google untuk query midi dangdut Rita Sugiarto yang hanya dalam seminggu bertengger pada posisi #1 Google Search Engine :
http://kumpulanmidi-full.blogspot.com/

Demikianlah tips singkat cara cepat menentukan judul psoting yang SEO firendly di mesin pencari seperti Google, Bing, Yahoo, dll.

Jika tips diatas berhasil, mohon dilaporkan dikolom komentar dibawah ini. Terimakasih atas kunjungannya.



Cara Membuat Anchor text dan Backlinks bagi Blogger Pemula


Masih banyak sekali rekan Blogger khususnya pemula ketika memulai posting artikel mengabaikan hal-hal dasar yang seharusnya wajib diperhatikan ketika membuat link keluar ( External Link ) yang mengarah ke situs lain yang menjadi target yang lazim disebut Anchor Text karena ini yang kemudian akan membangun sebuah Backlinks ( Link Building ).

Nah berikut ini saya akan coba paparkan beberapa fakta tentang Anchor Text dan Backlinks dan cara membuatnya :

1. Pengertian Anchor Text
    Anchor Text adalah Text yang digunakan ketika membuat sebuah link ke situs lain
    Misal : http://dianmotorcell.blogspot.com menjadi Dian Motor cell

    Caranya : 
  • Buat dulu sebuah link misal seperti diatas Dian Motor Cell >> Pilih Tab Link >> Isikan di Web       Adress dengan URL http://dianmotorcell.blogspot.com >> Pilik OK.



  • Ketentuan pembuatan Anchor text yang baik dan jelek
           1. Tidak boleh membuat title link dengan dengan title yang samar seperti Click here, Klik disini,                      Demo, Enter dan lain-lain yang tidak mengidentifikasi link yang akan dituju dengan jelas.
           2. Buatlah Title yang jelas yang mengidentifikasi link yang akan di tuju.


2. Pengertian dan fakta Backlinks  
    Adalah :
  • Backlinks adalah beberapa link yang mengarah ke Website anda
  • Google memnggunakan Backlinks sebagi Sign of Authority.
  • Semua itu serupa dengan satu Website yang memiliki banyak Backlinks dibanding dengan Website lain dengan topik yang serupa dengan Rank tinggi.

3. Gunakan Web Tools untuk mengecek dan memastikan seberapa jauh kebenaran uraian di atas, seperti :
Demikianlah sedikit Tips yang bisa saya sampaikan, semoga bermanfaat.
Terimakasih telah sudi berkunjung. Demi existensi dan bahan evaluasi Blog ini mohon berkomentar dikolom komentar dibawah ini.



Cara Memasang Efek Slide Transition Mouseover Cantik di Blog


Berikut ini saya coba sharing cara memasang tombol dengan efek slide transition dengan beberapa teknik dasar dari css transition dan tentunya support untuk semua browser pendukung. Adapun gunanya adalah membuat sebuah tombol DOWNLOAD, DEMO dan INFO terlihat cantik dan unik.Karena selama ini tombol tersebut hanya diasumsikan dengan beberapa teknik seperti warna, border, shadow dan hover namun pada posting kali ini menggunakan image sprite dengan animation transition.
Maka jika sobat tertarik dan suka, silahkan ambil dan pasang di Blognya masing-masing.

Caranya :

1. Copy dan Paste-kan kode CSS dibawah ini diatas kode ]]></skin> kemudian simpan template sobat

body {
    background: url("https://lh6.googleusercontent.com/-e0_3IuBZwgs/TyvWQEKqSzI/AAAAAAAAF_w/fuoTc-tNh2Y/d/refreshbg.png") repeat scroll 0 0 #EBEBEB;
    padding: 20px;
    word-wrap: break-word;
}
#button .icon {
  background:#E3E3E3 url('https://lh3.googleusercontent.com/--e_YVckfUbg/TyvWSQ-Sa3I/AAAAAAAAF_4/A6xydsmRC6E/d/refreshcode.png') 3px 0 no-repeat;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
  display:block;
  color:#212121;
  float:none;
  height:80px;
  width: 80px;
  line-height:80px;
  margin:10px auto 0;
  padding-top:1px;
  position:relative;
  text-shadow:0 1px 0 #FAFAFA;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  -webkit-transition:width .25s ease-in-out,
background-color .25s ease-in-out;
  -ms-transition:width .25s ease-in-out,
background-color .25s ease-in-out;
  -moz-transition:width .25s ease-in-out,
background-color .25s ease-in-out;
  -o-transition:width .25s ease-in-out,
background-color .25s ease-in-out;
  transition:width .25s ease-in-out,
background-color .25s ease-in-out;
  -webkit-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
  -moz-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
  -o-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
  box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 1px 3px;
}
#button a span {
  display:none;
}
#button:hover a span {
  display:inline;
}
#button a span {
  font-size:1.4em;
}
#button:hover .icon {
  width:420px;
}
#button .demo {
  background-position:0 -80px;
}
#button .info {
  background-position:0 -160px;
}
#button .download {
  background-position:0 0;
}

2. Lakukan pemanggilan CSS dengan menempatkan kode dibawah ini pada postingan sobat
 
    * DOWNLOAD
     
       <div id="button">
               <a href="URL LINK" class="icon download"><span>Lihat DOWNLOAD</span></a>
       </div>

    * DEMO
     
       <div id="button">
               <a href="URL LINK" class="icon demo"><span>Lihat DEMO</span></a>
       </div>

     * INFO
 
       <div id="button">
               <a href="URL LINK" class="icon info"><span>Lihat INFO</span></a>
       </div>
   
      [ Keterangan kode : Ganti URL LINK dengan URL tujuan ]

3. Lihat DEMO

Semoga bermanfaat.

2 Efek Mouseover Terang dan Redup Ketika Disorot Kursor


Seringkali kita menemukan image ( Gambar ) baik tombol ataupun image header blog ketika disorot memiliki efek meredup ataupun sebaliknya. Kalau dilihat dari sisi fesyen blog tentu saja akan mempercantik tampilan blog maka otomatis menjadi daya tarik tersendiri bagi pengunjung untuk tetap exist berselancar di blog kita dan secara tidak disengaja pula akan mengangkat rating blog itu sendiri dari sisi SEO/ SERP. Bagi pemula ( Newbie ) tentu saja akan tertarik untuk memasang efek tersebut di blognya karena mengingat pengalaman diri sendiri apabila menemukan hal-hal yang sedikit aneh dan terkesan fashionable akan mengambil juga dan memasangnya di blog.
Nah, karena dasar tersebut diatas maka berikut ini akan saya uraikan tutor ( cara ) singkat memasang efek tersebut di Blog :
  • ADA 2 EFEK MOUSEOVER PILIHAN
1. MOUSE OVER EFEK TERANG

Kode script efek terang :
<img src="Url Gambar Anda" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

Keterangan kode : - URL Gambar anda ganti dengan URL image yang akan dipasang

2. EFEK MOUSEOVER REDUP

Kode script efek redup :
<img src=" Url image " border="1" style="opacity:1;filter:alpha(opacity=100)"
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100"/>

Keterangan kode : -URL Image ganti dengan alamat URL gambar yang akan dipasang.

  • CARANYA :
1. Login ke akun Blogger anda
2. Pilih Posting ( Jika ditempatkan di postingan ) >> pilih mode HTML
3. Pilih Tata letak >> Add Gadget jika ditempatkan di sidebar blog.
4. Copy dan Paste-kan kode diatas baik diarea postingan atau di sidebar.
5. Simpan dan lihat hasilnya.

Demikianlah, tutorial singkat cara membuat dan memasang efek mouseover redup dan terang pada Blog. Semoga bermanfaat.


Cara Mudah dan Praktis Mengetahui Snippet SERP Google


Terbayangkah bagaimana tampilan halaman Blog kita muncul di search engine misalkan di mbah Google ketika pengunjung memasukkan kata kunci ( keywords ) ? tentu jawabnya " belum tahu....". Nah, berikut ini saya akan memperkenalkan Web tool " Google SERP Optimization Tool " yang menjadi rekomendasi untuk para Blogger. Sdapun fungsi dari tool ini adalah :

  1. Memprediksi tampilan halaman web sobat di hasil pencarian Google.
  2. Untuk mengoptimasi Snippets SERP blog sobat untuk setiap klik.
Tool ini mensimulasikan bagaimana tampilan hasil pencarian di Google search hanya dengan mengisi form yang disediakan meliputi Tittle, Rich snippets, Description dan URL.

Adapun caranya cukup simple adalah sebagai berikut :

1. Masuk ke alamat WebTool dibawah ini






2. Isilah form Tittle, Rich snippets, Description dan URL ( bahkan bisa lebih jika kita centang Display       Options ). Maka hasilnya seperti screenshot dibawah ini contoh untuk Blog ini
3. Maka secara otomatis akan menampilkan simulasi hasil pencarian di Google
4. Selesai dan silahkan terapkan dan coba simulasikan pada Blog sobat.

Demikianlah tutor singkat cara mudah dan praktis mengetahui snippets SERP Google blog, semoga bermanfaat.


Jika ada Links Broken, silahkan laporkan dikolom komentar dibawah ini. Terimakasih telah berkunjung.



Percepat Loading Page dengan PageSpeed Insights untuk Google Chrome


Banyak cara dilakukan blogger untuk menyambut para pengunjung agar tetap mengunjungi Blog mereka, seperti :
Nah, kali ini saya akan sharing untuk menyambut pengunjung agar terus melanjutkan surfing di Blog yang mereka kunjungi yaitu dengan cara mempercepat loading page Blog karena cara inilah dianggap cukup efektif untuk di terapkan.Pengalaman berbicara ketika kita mengunjungi sebuah Blog/ Website yang memiliki hard loading ( Lemot, pen ) cukup menjengkelkan sekali dan pada akhirnya kita memutuskan keluar dari blog tersebut dan mencari blog berikutnya. Rugi khan......??

Caranya adalah :

1. Pasang Chrome Extension untuk PageSpeed Insights
2.Menjalankan PageSpeed Insights dengan cara :
  1. Klik Menu Developer yang terdapat di pojok atas kanan Google Chrome  
  2. Pilih Tools >> Developer Tools , kemudian akan muncul dua frame screen >> pilih PageSpeed
  3. Pilih Analyze atau Start Analyzing  untuk memulai menganalisa masalah loading page Blog
  4. Pilihlah point-point yang menjadi masalah berat loading Blog untuk kemudian di terapkan.
  5. Selesai.
3. Selesai

Demikianlah tutorial singkat Tips dan Tricks mempercepat loading Blog dengan PageSpeed Insights, semoga bermanfaat.

Jika ada Links Broken, mohon dilaporkan di kolom komentar dibawah ini. Terimakasih.

Cara Mudah Memasang Tombol Save As PDF di Blog


Beberapa hari yang lalu saya telah posting cara memasang tombol print page di blog, namu kali ini saya akan mencoba sharing cara memasang fasilitas tombol Save As PDF di Blog. dari kedua cara diatas memiliki fungsi yang sama yaitu untuk memanjakan pengunjung untuk mendapatkan output artikel yang bisa dibaca secara offline artinya bisa dibaca sewaktu-waktu walaupun tidak dalam keadaan online.


Baik saya tidak akan berlama-lama mernagkai kata namun langsung saja ke tutorialnya berikut ini :

1. Masuk dulu ke alamat http://web2.pdfonline.com/
2. Mendaftarkan diri untuk membuat akun >> Klik Sign Up

3. Sign In untuk masuk ke web2.pdfonline.com

4. Isikan settingan konversi untuk output PDF yang akan kita simpan >> Klik tombol Generate the                 Javascript.

5. Copy dan Paste-kan kode hasil generate ke dalam Blog sobat.


<!-- START: PDF Online Script -->
<script type="text/javascript">
var authorId = "40BCE1CE-6E90-4A88-B9DF-78CDF15B3D6E";
var pageOrientation = "0";
var topMargin = "0.5";
var bottomMargin = "0.5";
var leftMargin = "0.5";
var rightMargin = "0.5";
</script>
<script type="text/javascript" src="http://web2.pdfonline.com/pdfonline/pdfonline.js">
</script>
<!-- END: PDF Online Script -->

6. Selesai, dan hasilnya seperti berikut :


Cara Mudah Memasang Print Halaman Blog


Berbagai cara dilakukan Blogger untuk memanjakan pengunjungnya agar senantiasa memudahkan mereka untuk mendapatkan artikel utuh yang bisa dibaca dengan cara offline. Menurut penulis fasilitas tersebut yang paling seringkali muncul di berbagai Blog/ Website guna memudahkan pengunjung mendapatkan artikel yaitu 
Nah, dari kedua fasilitas tersebut memiliki fungsi yang hampir sama yaitu memberikan kemudahan kepada pengunjung menyimpan artikel yang mereka dapatkan untuk dijadikan arsip dan bisa dibaca kembali ketika online.

Dan kali ini saya akan sharing untuk point yang ke-2 yaitu Cara memasang fasilitas tombol Print Page ( Cetak Halaman ) Blog.

Caranya cukup simple yaitu sebagai berikut :
  1. Siapkan icon print, bisa dicari di mbah Google.
  2. Letakkan kode script berikut ini di area postingan, biasanya diletakkan diatas atau dibawah posting.

<a href="javascript:print(document)"><img src="URL ICON" alt="print this page" border="0"/>&#160;Print halaman ini</a> 

    3. Ganti URL ICON dengan URL gambar icon sementara " Print halaman ini " bisa diganti sesuka kita.
    4. Selesai dan hasilnya Insya Allah seperti berikut ini :

print this page Cetak halaman ini

Demikianlah, semoga tutorial ini ada manfaatnya.