Memeriksa Kecepatan Blog dengan PageSpeed Insights

Apa itu PageSpeed Insights?

PageSpeed Insights adalah alat bawaan dari google yang ada pada webmasters tools dimana berguna untuk memeriksa kecepatan blog atau situs dan memberikan saran bagaimana agar loading pada blog lebih cepat di semua perangkat baik itu komputer maupun mobile phone. Apalagi sekarang google memperhatikan kecepatan situs yang dapat mempengaruhi ranking di pencariannya (sedikit). Walapun tetap isi dari konten tersebutlah yang lebih diutamakan. Dimuat pada google webmaster central blog, Anda dapat membacanya di --> using site speed in web search ranking. Memeriksa Kecepatan Blog dengan Google PageSpeed Insights ini sangat bermanfaat. Dimana hasil dari analisis-nya dapat memberitahu kita tentang rekomendasi apa yang harus kita lakukan seperti:

• Optimalkan konten gambar, script ataupun css untuk mempercepat loading page,
• Dimana alamat yang harus di-optimalkan
• Dan menampilkan nilai loading page dari blog kita

Artikel Terkait:

1. Menghilangkan plusone.js di blogger yang memblokir perenderan konten paruh atas

Cara Menggunakan PageSpeed Insights

Untuk menggunakan fitur ini, anda dapat langsung kunjungi link berikut: --> PageSpeed Insights

atau pada Alat Webmaster --> Sumber Daya Lainnya --> PageSpeed Insights

• Masukkan url blog (misal: http://dewainside.blogspot.com/)
• Analisis

Setelah proses analysis selesai, maka PageSpeed Insights akan menampilkan hasil dari load page blog dengan nilai dan saran yang dianjurkan seperti yang terlihat pada gambar di posting ini.

Skala nilai yang diberikan oleh tools ini sampai dengan 100. Kalau kita ibaratkan saja,

A=85-100          B=71-84          C=61-70           D=51-60           E=0-50

Sebagai contoh nyata, berikut screenshot dari uji kecepatan blog ini menggunakan tool tersebut:

Karena setiap kita meng-edit template dengan menambah atau mengurangi widget, javascript, html dan CSS, tentunya akan mempengaruhi nilai kecepatan dari loading blog anda sendiri. Maka ada baiknya apabila anda memeriksa kecepatan blog anda lagi setelah selesai meng-edit template blog anda.

Cara Memindahkan Judul Blog ke Kanan Judul Posting

Secara default ketika kita menggunakan platform blogger untuk membuat blog dan lalu mem-publish-nya, maka ketika kita melihat header judul pada browser kita akan terlihat dengan susunan 

Judul Blog: Judul Postingan.

Contoh: Dewa Inside Blog: Tips, Tricks, Tutorial Blog dan SEO.

Hal tersebut merupakan hal yang wajar mengingat itu merupakan setting default dari template kita yang menggunakan platform blogger.

Ini hanya opini saya saja, mungkin dari pihak team google sengaja melakukan hal itu. Mungkin mereka menganggap domain blogspot.com itu kan gratis dan biasanya digunakan oleh pemula untuk menulis blog. Jadi mereka tidak terlalu tahu mengetahui tentang SEO sehingga akan lebih memudahkan search engine mereka, yakni google dalam proses crawling dan menyeleksi manakah blog yang lebih mahir SEO dan memungkinkan konten dari blog tersebut lebih berkualitas. Mungkin team google menganggap nanti apabila blogger itu mengerti tentang SEO, maka blogger itu sendiri yang akan merubahnya sehingga blog dari blogger itu nantinya akan mencapai taraf kualitas yang lebih dari sebelumnya dan lebih friendly SEO. Sekali lagi pernyataan itu adalah opini saya saja, namun kalau dimasukkan logika cukup kuat kok.

Untuk seorang blogger pemula maka mereka tidak akan sadar. Bahwa judul merupakan kunci utama dalam SEO. Dimana google membaca dari kiri ke kanan dan  apabila posisi untuk tiap postingan adalah Judul Postingan: Judul Blog dan search engine google untuk judul hanya mengambil 50-60 karakter pada proses crawling mereka, kalau Judul Blog di depan pada hasil search engine, tentunya judul dari posting kita yang berada di belakang, yang lebih dari 60 karakter akan tidak dihitung oleh goole. Tentunya rugi, dimana urutan untuk posisi 1, 2 dan 3 teratas pada hasil search google akan diambil oleh blog lain yang memiliki kemiripan kata kunci.

Untuk itu marilah kita merubah posisi untuk tiap postingan menjadi Judul Postingan: Judul Blog agar lebih friendly SEO.
Langkah-Langkah:
1. Pada Dashbord blogger Anda pergi ke Template --> Edit HTML

2. Klik area kotak Edit HTML dan Cari (CTRL+F) kode di bawah ini:

<title><data:blog.pageTitle/></title>

3. Ganti script di atas dengan script berikut ini:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/><title> <data:blog.pageName/> | <data:blog.title/></title> </b:if>

4. Save Template
View salah satu posting Blog Anda apakah sudah tersusun Judul Post: Judul Blog
Contoh Hasil:

Selamat Mencoba.

Membuat Menu Nomor Navigasi Halaman Blog

Pada dasarnya menu navigasi default blogger hanya posting baru, beranda, posting lama atau newer post, home, older post. Namun kita dapat mengganti-nya dengan angka sehingga lebih mempercantik tampilan blog kita pada homepage-nya. Caranya yakni dengan menambahkan CSS dan JavaScript yang ada pada penjelasan dibawah ini.

Cara Memasang

Memasang CSS

Langkah 1. Pergi ke Template --> Edit HTML

Langkah 2. klik sembarang di kotak HTML lalu Cari (CTRL+F):

]]></b:skin>

Langkah 3. Copy salah satu kode style berikut dan Paste di atasnya:

*Style 1:

  #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;}
 #blog-pager .pages{border:none;}

*Style 2:

  #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

*Style 3:

#blog-pager{clear:both;margin:30px auto; padding: 7px; text-align:center;font-size: 11px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #292929));background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);background-image: linear-gradient(to top, #000000 0%, #292929 100%); padding: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;margin-right:5px; color: #fff;}
.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);text-decoration: none;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;}
a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;}
#blog-pager .pages{border:none;background: none;}

*Style 4:

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

*Style 5:

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;}
#blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

*Style 6:

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}  

*Style 7:

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Memasang Script

Langkah 4. lalu Cari (CTRL+F)

</body>

    Copy dan Paste kode berikut diatasnya:

 <b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<script type='text/javascript'>

  /*<![CDATA[*/

    var perPage=7;
    var numPages=6;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';

    var urlactivepage=location.href;

    var home_page="/";

  /*]]>*/

</script>

  <script src="https://www.googledrive.com/host/0Bx3eaQ_Etz__ZXJOeXJnSndWYVU"/>

</b:if>

</b:if>

Konfigurasi:
*perPage: berapa  banyak posting yang akan ditampilkan dalam tiap page (7)
*numPages: berapa banyak page yang akan ditampilkan pada menu navigasi (6)
*Tulisan First, Last, Previous, Next dapat diganti apabila Anda ingin menggantinya.

Langkah 5. Simpan Template

Selamat Mencoba.
Good Luck!

Bagaimana Cara Membangun Backlink Berkualitas

Salah satu cara untuk meningkatkan traffic blog adalah dengan membangun backlink. Untuk membuat backlink yang memiliki kualitas tinggi merupakan suatu hal yang sangat diinginkan oleh para blogger sehingga dapat memenangkan kompetisi sesama pesaing.

Tetapi untuk membuat backlink yang sangat berkualitas itu membutuhkan usaha yang gigih juga. Dan membutuhkan waktu karena kita tahu semua hal itu butuh proses. Cuma bagaimana caranya agar lebih cepat, lebih berkualiatas dan tentunya isi dari konten kita sangat berpengaruh.

Apa itu Backlink?

Backlink adalah link masuk ke blog Anda karena terhubung oleh blog, sosial media atau website lainnya (profit/non-profit, education, goverment, dll). Backlink juga berkaitan dengan page rank suatu blog, semakin banyak backlink semakin tinggi page rank blog itu sehingga oleh search engine akan lebih diutamakan dalam pencarian, khususnya google karena setiap orang menggunakan google untuk browsing mencari kepentingan mereka.

Hal-Hal yang Menunjang:

1. Konsisten Posting

Dalam menjalankan suatu blog kita harus tetap konsisten dalam posting. Misal seminggu 1x atau 2x posting. Google atau search engine lainnya akan melihat bahwa Anda cukup serius menjalankan blog Anda. Sehingga secara berkala pasti akan diprioritaskan dalam search engine mereka.

Kenapa? Saya ibaratkan Anda memiliki toko, apakah Anda tidak mengurus toko Anda? Tidak membuka toko selama sebulan? Jelas saja akan bangkrut karena tidak ada orang yang mengunjungi atau bahkan tidak tahu kalo Anda punya toko.

Dengan konsisten tentunya menjaga pelanggan kita untuk tetap percaya terhadap kita dan kembali ke kita bahkan mungkin membawa teman yang dapat menjadi pelanggan tambahan. "Pelanggan" dalam artinya yang positif ya gan. hehe..

2. Konten yang Sesuai dan Menarik

Konten yang menarik ataupun unik sesuai dengan keinginan Anda dan yang sesuai dengan topik dari blog Anda.

Saya ibaratkan Anda sedang makan tahu telor dengan kerupuk. Menurut Anda pasti cocok saja kan? Tapi coba Anda makan bakso dengan kerupuk. Apakah masih cocok? "Masih gan, soalnya di Indonesia itu kerupuk cocok apa saja. hehe.." Tapi tetap saja jarang kan orang yang makan bakso pake kerupuk. :P

Begitu pula dengan isi konten atau posting Anda. Ketika topik dari blog Anda adalah Dota 2, tetapi isinya ada yang Counter Strike, dll. Lebih baik topiknya games.

3. Interaksi di Forum

Perlu adanya interaksi atau komunikasi dengan netter dimana saja apalagi di dalam forum. Forum itu mebambah ilmu kita loh, banyak sekali manfaat yang dapat diambil dengan bergabung di forum. Tentunya sesuai dengan ketertarikan Anda, walaupun begitu kita juga bisa mendapat info ataupun ilmu menarik lainnya.

Apabila kita membahas subjek tentang tutorial blog, games, atau lainnya. Mungkin kita bertanya dan mencantumkan alamat blog atau website kita tentunya akan membangun jaringan (link) ke blog kita. Forum-forum yang bagus ada banyak seperti kaskus, reddit, steam, esc-creation, dll.

4. Youtube

Anda dapat membuat chanel youtube yang memuat isi atau konten dari blog Anda. Karena youtube merupakan situs video terbesar di seluruh dunia. Semua orang melihat video di youtube. Seiring semakin majunya teknologi internet banyak sekali orang-orang yang meng-upload video mereka ke youtube. Entah itu tentang adventure, games, makanan, dan banyak lagi yang lainnya.

Dengan membuat video yang berisi konten dari blog Anda di youtube tentunya membangun link atau jaringan menuju ke blog atau situs Anda.

5. Sosial Media

Tak lupa sosial media sangat berpengaruh untuk membangun link yang berkualitas menuju blog Anda. Dimana Anda dapat melihat setiap blog dan website apapun entah itu dari per-orangan, perusahaan dan bahkan pemerintah pasti memiliki situs media sosial mereka sendiri. Karena mereka ingin memudahkan user experience dalam berkomunikasi.

Sosial media yang kita ketahui sangatlah banyak. Disini saya sebutkan Top 10 sosial media, seperti: Facebook, Twitter, Google+, LinkedIn, Tumblr, Pinterest, Instagram, Vine, Flickr, VK. Untuk Dewa Inside Blog ini saya lebih memilih 3: Facebook, Twitter dan Google+.

6. Iklan atau Promosi

Membuat iklan atau promosi blog atau website merupakan hal yang sangat sering dilakukan entah itu profit ataupun non-profit website.  Membuat iklan ada yang berbayar ataupun dengan promosi sendiri melalui media sosial. Biasanya untuk pebisnis cara termudah mereka adalah membayar untuk iklan seperti di Google AdWord,  Ads Facebook, Ads di TV.

Tapi untuk blogger lainnya tak perlu cemas, apabila kita bukan pebisnis kenapa harus membuat iklan berbayar. Cukup dengan promosi link melalui sosial media ataupun teman kita.

7. Guest Blogging 

Guest blogging atau bertamu ke blog-blog yang memiliki rank yang bagus juga merupakan salah satu caranya. Semisal kita komentar pada blog itu dengan nama, email dan alamt website ataupun langsung mencantumkan alamat website kita entah itu follow ataupun no follow setidaknya alamat dari blog kita akan tertera. Mungkin orang lain yang melihatnya akan mengklik tapi bukan jaminan juga.

Namun perlu diingat, GUEST BLOGGING berbeda dengan SPAM! Jika Anda hanya meletakkan alamat bla bla bla tanpa jelas tentunya itu merupakan spam. Siapa yang suka di spam? Google saja tidak suka spammer apalagi Anda. Anda tidak suka di-spam kenapa Anda nye-spam? Masuk akal bukan?

Maksudnya disini adalah ketika guest blogging, sesuaikan dengan topik yang ada pada konten tersebut. Tidak out of topik.

Sekian Tips dari Admin, mungkin kalo ada saran atau tambahan dari sobat blogger lainnya silahkan ditambahkan pada kolom komentar.
Thanks.
 

Mematikan Fungsi Selection Blok Text pada Blog

Mematikan fungsi selection text atau blok text ini berguna bagi blogger yang tidak ingin konten atau hasil posting-nya di-copy oleh orang lain lalu dipost tanpa mencantumkan sumbernya apalagi yang repost pada SERP (search engine result pages) lebih tinggi hasilnya.

Saya pun mengalaminya pada postingan saya --> Cara Agar Blog Terdeteksi Search Engine Goolge sehingga saya terpaksa merubah sebagian kecil isi dari posting. Malah dengan saya merubah isinya dan re-update malah tambah turun SERP-nya. Jadi yang sudah berlalu ya sudah lanjutkan posting dengan artikel yang lainnya. :)

Balik ke topik, fungsi disable selection text ini membuat kursor tidak dapat men-select (blok) seluruh text pada body post blog. Perlu diingat sebelum mencoba, bahwa mungkin tidak semua template blog cocok untuk diterapkan fungsi ini dan membuat kolom komentar juga tidak dapat di-select.

Cara Memasang: 
1. Template --> Edit HTML

2. Cari (CTRL+F)  pada kotak HTML

</head>

3. Copy dan Paste kode berikut diatasnya

<SCRIPT type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</SCRIPT>

4. Save Template

Silahkan mencoba dulu baru berkomentar apabila berhasil ataupun ada yang error.
Good luck.

Cara Membuat Sitemap di halaman Blogger

Sitemap (peta situs) atau yang biasa disebut daftar isi oleh blogger indonesia merupakan hal yang sangat penting bagi blog. Karena fungsinya adalah agar blog kita dapat Terindex dan Terdeteksi Search Engine Google, Bing dan Yahoo. Sehingga dapat tampil pada hasil pencarian search engine. Untuk itu perlu bagi sahabat blogger agar melakukan Submit Sitemap ke Google Webmaster Tools dan Submit Sitemap ke Bing Webmaster Tools. Untuk Yahoo, cukup melalui Bing Webmaster Tools saja karena mereka sharing data.

Untuk membuat sitemap menjadi daftar isi yang dapat tampil pada halaman blogger sehingga menambah internal link di blog anda caranya sangat mudah. Langsung saja berikut langkah-langkah untuk memasang sitemap:

1.  pada Page --> New Page beri title Sitemap atau sesuka Anda

2. pilih HTML section dan copy-paste kode berikut:

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<div id="toc">
<script src="http://dewainside.googlecode.com/svn/trunk/[dewainside.blogspot.com]sitemap.js" type="text/javascript"></script>
<script src="http://www.dewainside.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

NB: Tulisan merah ganti dengan alamat url Anda.

3. Publish

4. pada Layout--> Page Anda centang box sitemap dan di List Order Anda dapat menentukan peletakan dengan menggeser box page.

Selamat mencoba.
Good luck.

Menghapus Link aktif di Kolom Komentar Blogger

Menghapus atau menghilangkan link aktif pada kolom komentar (comment box) blogger merupakan kebaikan bagi owner blog karena komentar seperti itu adalah jenis spam dimana orang yang meletakkan link tersebut bertujuan untuk membuat outbound link ke situs tertentu. Tentunya sangat menjengkelkan apalagi yang di spam link-nya itu tidak sedikit, mungkin sampai belasan atau puluhan.

Dan yang berbahaya lagi link yang di spam adalah link situs dewasa atau p*rn* seperti yang terlihat pada gambar disamping. Saya pernah mendapatkan pengalaman (Bahaya Komentar Spam Link Situs Dewasa bagi Google Adsense) bahwa akun google adsense saya bisa kena Ban apabila dalam waktu 3x24 jam tidak menghapus link dewasa yang berada pada kolom komentar blog ini. Untung saja saya hoki dan tahu pada hari ke-3 setelah membaca email.

Cara Memasang: 
*Pergi ke Template --> Edit HTML
Copy dan Paste salah satu dari 4 macam kode berikut yang Anda inginkan di atas:

</head>

Catatan: Kode Merah jQuery cukup 1 saja, apabila sobat terdahulu pernah menggunakan-nya maka tidak perlu lagi menambahkan kode merah. Namun lihat terlebih dahulu versi kode-nya.

1. Menghapus link dan text secara keseluruhan tanpa bekas

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script type='text/javascript'>
$(function() {
$('#comments p').find('a').remove(); });
</script>

2. Mengganti link aktif dengan peringatan

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p").find("a").replaceWith("<span> Link Aktif akan terhapus secara otomatis!!</span>");
}); </script>

Catatan: Tulisan Biru editable

3. Text dari link tetap muncul namun link aktifnya mati

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
$(function() {
$('#comments p').find('a').contents().unwrap();
});
//]]>
</script>

4. Mengalihkan link aktif ke URL yang ditentukan

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p a").attr("href",
"http://dewainside.blogspot.com/");
}); </script>

Catatan: Link redirect Anda tentukan sendiri.

5. Save Template

Memasang Recent Comments dengan Avatar di Blogger

Memasang recent comment atau komentar terakhir dengan avatar tentunya akan membuat tampilan blog Anda akan terlihat lebih menarik karena avatar dari komentator dapat terlihat. Tentunya bagi komentator yang memasang avatar pada profil mereka. Sedangkan yang tidak memasang avatar pada profile mereka akan terlihat seperti avatar default yang terlihat pada gambar di samping. Untuk itu segeralah memasangnya agar komentar terakhir yang muncul pada blog kita akan terlihat lebih menarik. :)





Cara Memasang:

1. Blogger Dashboard pilih blog --> Layout --> Add gadget

 

2.  Pop-up window scroll ke bawah pilih HTML/Javascript

 
3. Copy dan Paste kode berikut pada kolom gadget

 <style type="text/css">
ul.dewainsidecomments{list-style: none;margin: 0;padding: 0;}
.dewainsidecomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}
.dewainsidecomments li .avatarImage {padding: 3px;
background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;}
.avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.dewainsidecomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
.dewainsidecomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 40,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoutFuAIodanqcp6pUTN6w2tsOoEqY2cHRG71jrGZ-MPyPfQjSIA1WQg7bcua2KNehbJ5uNqQUdLAqn-6iQS8GIfOYW5djGOJnNzwiRbVDbPG-ibjHIz2jFe4qhwiS99HUyGy6sO0SWhNQ/s1600/default-avatar.jpg",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://dewainside.googlecode.com/svn/trunk/[dewainside.blogspot.com]recent_comment.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=dewainsidecomments&max-results=5"></script>

Catatan:

Mengganti bentuk avatar menjadi kotak hapus kode kuning

Mengganti gambar avatar default kode orange

Mengganti jumlah komentar: ganti angka 5 

Mengganti ukuran avatar:  avatarSize  = 40 

4. Save

Selamat mencoba
Good luck.
 

Memasang Related Post Thumbnails di Blogger

Perlunya Memasang Related Post

Artikel terkait (related post) adalah fitur yang berguna untuk menampilkan posting blog yang memiliki kesamaan label. Kalau posting anda belum memiliki label, tentunya widget ini tidak akan tampil. Selain itu label merupakan fitur penting untuk memilah topik dari suatu konten, jadi anda harus menggunakan label pada setiap konten yang anda publikasikan. Sehingga memungkinkan pengunjung untuk tertarik membaca posting dengan label terkait yang tertera pada related post. Maka dari itu perlunya anda memasang related post dengan gambar (thumbnail) dibawah postingan blog yang dapat meningkatkan akses ke artikel lainnya. Untuk memasang related post tanpa thumbnails atau tulisan saja dapat Anda baca di Memasang Related Post atau Artikel yang berkaitan.

Bagaimana cara memasang related post thumbnails di blogger?

Langkah 1. Template --> Edit HTML

Langkah 2. Klik kiri pada area kosong kotak Edit HTML --> Cari (CRTL+F)

</head>

Langkah 3. Paste kode berikut di atasnya

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #f2f2f2;}

#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}

#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}

#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}

#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>

<script type='text/javascript' src='http://dewainside.googlecode.com/svn/trunk/[dewainside.blogspot.com]related_post_thumbnails.js' />

<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Catatan:
Mengganti ukuran tinggi dan lebar :100px
Mengganti warna: #222
Mengganti font: 14px

Langkah 4. Cari kode CRTL+F (Mungkin Anda akan dapat 2x kodenya. Pilih yang kedua)

<div class='post-footer'>

Langkah 5. Paste kode berikut diatasnya

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Catatan:
Mengganti jumlah post: maxresults=5
Mengganti tulisan Related posts

Langkah 6. Simpan Template

Apabila anda mengalami error saat menerapkannya di blog anda, silahkan tinggalkan pesan di kotak komentar atau laman Hubungi.
Good luck dan selamat mencoba.

Memperbaiki Missing: updated dan Missing: author Blogger

Hilang: updated dan Hilang: author di Alat Webmaster

Missing: updated dan Missing: author atau Hilang: updated dan Hilang: author adalah error yang terjadi karena mengganti template blog atau mengganti admin akun blogger menjadi akun google+. Pada beberapa kejadian menyebabkan posting blog memiliki judul dan author yang berbeda padahal aslinya sama. Hal ini tentunya membuat mesin pencari google menjadi bingung dan menyebabkan struktur data error pada webmaster tools.

Untuk itu perlu dilakukan test langsung (live) pada setiap error yang dicantumkan oleh alat webmaster untuk membuktikan kebenaran kesalahan terkait menggunakan alat uji google --> Alat Uji Coba Data Terstruktur. Pada beberapa kejadian khusus kesalahan yang terjadi memiliki hasil yang berbeda antara uji real dengan laporan yang tertera di alat webmaster. Pada real hasilnya oke, namun pada alat webmaster masih error. Untuk itu langsung saja ikuti langkah-langkah selanjutnya untuk memperbaiki kesalahan ini.

Memperbaiki Missing: author

Langkah 1. Pada dashboard blogger >> Tema >> Backup terlebih dahulu dan Edit HTML

Langkah 2. Klik kiri pada area kosong kotak Edit HTML dan Cari (CTRL+F) kode yang sama atau menyerupai kode berikut:

<span class='post-author vcard' >
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>

Langkah 3. Ganti kode diatas dengan kode berikut :

<span class='post-author vcard' itemscope='itemscope'  itemtype='http://schema.org/Person'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn author'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn author'><span itemprop='name'><data:post.author/></span></span>
                  </b:if>
                </b:if>
              </span>

Memperbaiki Missing: updated

Langkah 1. Pada dashboard blogger >> Tema >> Edit HTML

Langkah 2. Klik kiri pada area kosong kotak Edit HTML dan Cari (CTRL+F) kode berikut:

<data:post.timestamp/>

Akan muncul kode yang mirip atau menyerupai kode diatas. Biasanya ada 2 kode, dan gantikan ke semua kodenya.

Langkah 3. Ganti kode di atas dengan kode di berikut ini:

<span class='updated'><data:post.timestamp/></span>

Langkah 4. Simpan Tema

Selamat mencoba dan bersabar.
Untuk Webmaster Blog harap menunggu untuk update terbaru dari perbaikan karena tidak ada yang instan gan :). Kurang lebih yang saya alami setiap seminggu . Seperti yang terlihat pada gambar screenshot grafik yang menurun setelah dilakukannya perbaikan terhadap kesalahan ini.

Update Hasil screenshot:

Cara Membuat Semua Link pada Blog Open New Tab

Membuat semua link di blog menjadi open new tab dapat dilakukan dengan menambahkan kode base target="_blank" pada HTML template blogger. Namun yang perlu diperhatikan, sekedar saran dari saya. Setiap orang pada dasarnya sudah mengetahui fungsi dari klik kanan --> open new tab pada mouse di browser. Jadi apabila mereka ingin membuka link tertentu akan dengan secara sadar menggunakan fungsi tersebut dan banyak blog yang tidak menerapkannya. Namun hal itu tetap merupakan pilihan dari setiap webmaster situs masing-masing. :)

Artikel Terkait:
1. Membuat Link Open New Tab
2. Membuat Link Open New Window

Cara Membuat Semua Link Open New Tab di Blogger

Cara Membuat semua link pada blog open new tab kita dapat merubahnya pada head:

Langkah 1. Copy kode berikut ini:

<base target='_blank' />

Langkah 2. pada Template --> Edit HTML

Langkah 3. Klik kiri pada area kosong kotak Edit HTML dan Cari (CTRL+F) kode berikut:

</head>

Paste kode yang tadi anda copy tepat diatas kode </head>

Langkah 4. Simpan Template

Mudah bukan? Selamat Mencoba. Semoga tutorial sederhana tentang membuat semua link yang ada pada blog menjadi open new tab ini bermanfaat bagi sobat blogger semua. :)

Cara Terbaik Melawan dan Menyikapi AdBlock

Banyak sekali jenis-jenis plugin ataupun ads-on pada brower untuk mencegah munculnya advertisement (iklan). Sehingga akan mempengaruhi CTR untuk iklan pada blog kita. AdBlock merupakan hal yang sangat lumrah dipakai oleh netter guna mencegah munculnya iklan dan tidak terlalu menggangu pemandangan ataupun berat page yang mereka kunjungi. Namun sayangnya iklan merupakan pendapatan penting bagi para blogger dan tidak semua iklan sangat mengganggu pengunjung dari segi penampilan ataupun berat loading page blognya. Dan tentunya sangat tidak disukai bagi para blogger yang memonitize blognya.
Untuk menyikapi hal tersebut, ada beberapa saran :

1. Mendiamkannya

Cara ini merupakan cara santai yang dimiliki blogger, karena beranggapan tidak semua netter pasti memasang AdBlocker dan juga menggunakan AdBlock adalah hak setiap orang. Saya sebagai blogger juga menggunakan AdBlock selain sebagai menjaga dari self-clicking pada iklan di Dewa Inside Blog ini tapi juga mencegah beberapa iklan nakal yang sangat mengganggu.

Namun saya juga disable AdBlock untuk beberapa website yang saya anggap informatif dan rapi iklannya. Jadi saya disable, untuk masalah diklik atau tidak iklannya itu tergantu masing-masing para blogger saja. hehe..

2. Menggunakan Anti-AdBlock yang agresif

Untuk point 2, menurut saya semua orang akan tidak suka apabila diperintah dengan kasar. Menurut saya lebih baik untuk blogger jangan menggunakan Anti-AdBlock yang sifatnya agresif. Malah bisa jadi pengunjung blog kita jengkel dan langsung menutup jendela browser-nya.

Ingat!! Hal terpenting di dalam blogging adalah Traffic. Jangan sampai karena Anti-AdBlock, traffic kita menjadi sangat turun. Jadi untuk point 2 ini harus dipertimbangkan matang-matang oleh blogger sekalian.

Saya juga melihat website atau blog besar tidak ada yang menggunakan Anti-AdBlock atau mereka meminta pengunjung dengan banner agar mematikan AdBlock mereka atau donate.

3. Menggunakan Anti-AdBlock namun secara sopan meminta pengunjung untuk mematikan AdBlock mereka

Ini cara yang cukup bagus menurut saya karena kita meminta dengan sopan kepada pengunjung untuk mematikan AdBlock mereka. Walaupun mereka tidak mematikannya juga tidak masalah. Yang penting mereka tetap stay di blog kita. hehe..

Untuk menggunakan ini dapat dilihat di Cara Memasang Anti Adblock di Blog
Yang manakah pilihan Anda? :)

Cara Memasang Anti AdBlock dengan Gambar

Sebelum memasang script Anti-AdBlock, ada baiknya sobat membaca artikel: Cara Terbaik Melawan dan Menyikapi AdBlock

Kalau sudah berikut saya tampilkan kode script dari antiblock[dot]org dengan sedikit modifikasi sehingga kita dapat menambahkan gambar di dalamnya. Kalau Anda ingin membuat sendiri dari antiblock[dot]org tidak masalah, hanya saja untuk blogger newbi mungkin akan sedikit kewalahan untuk memahaminya.

Update : Lihat --> Memasang Anti Adblock di Blog


Kode script :

<style>#l79b{position:fixed !important;position:absolute;top:1px;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:-3px;width:101%;height:98%;background-color:#fff;opacity:.95;filter:alpha(opacity=95);display:block;padding:20% 0}#l79b *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#l79b ~ *{display:none}</style><div id="l79b"><i>Please enable / Bitte aktiviere JavaScript!<br>Veuillez activer / Por favor activa el Javascript!<a href=" https://dewainside.blogspot.com/">[ ? ]</a></i></div><script>window.document.getElementById("l79b").parentNode.removeChild(window.document.getElementById("l79b"));(function(l,m){function n(a){a&&l79b.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,c){return a?h.getElementById(a):h.getElementsByTagName(c)},getStyle:function(a){var c=h.defaultView;return c&&c.getComputedStyle?c.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,2E3)},insert:function(a,c){var e=h.createElement("i"),d=h.body,b=d.childNodes.length,g=d.style,f=0,k=0;if("l79b"==c){e.setAttribute("id",c);g.margin=g.padding=0;g.height="100%";for(b=this.rand(b);f<b;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);b++}e.innerHTML=a;d.insertBefore(e,d.childNodes[b-1])},r:function(a){var c=h.body.style;this.getElementBy(a).parentNode.removeChild(this.getElementBy(a));c.height=c.margin=c.padding=""},displayMessage:function(a){a="abisuq".charAt(this.rand(5));this.insert("<"+a+'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinBIlNu3K3zXE_I_vK_7g3VKUBoJh_P9GYr0XeG0UR9HQ1l8aZS6PX5Ab02j_OVc4ZhkFIknbTIw7mj1u8hlfEcDuXQxcitv-CcrsKKF6Wr5bWinx1YLSP_aWVgGHyL5Cig8Gk8LqtGPKf/s1600/begging+cat+ads+block.jpg" height="300" width="400" alt="Anti-AdBlock With Image from dewa inside blog" /> <!-- antiblock.org --> </a>'+('<input type="button" onclick="l79b.r(\'l79b\')" value=Close></'+a+">"),"l79b")},i:function(){for(var a="SideAdMpu,ad_tbl,ads_160,adtech_0,channel_ads,mpuad,ns_ad2,ad,ads,adsense".split(","),c=a.length,e="",d=this,b=0,g="abisuq".charAt(d.rand(5));b<c;b++)d.getElementBy(a[b])||(e+="<"+g+' id="'+a[b]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(b=0;b<c;b++)if(null==d.getElementBy(a[b]).offsetParent||"none"==d.getStyle(d.getElementBy(a[b])).display)return d.displayMessage("#"+a[b]+"("+b+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},c=this,e=c.getElementBy(0,"script"),d=e.length-1,b,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(b=e[d].src.substr(7,20),a[b]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[b];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);c.deferExecution(function(){if(l[g]===m)return c.displayMessage(f.src);c.nextFunction()});return}c.nextFunction()},u:function(){var a=".com/ads_,/ad/side_,/adscripts1.,/back-ad.,/lbl_ad.,/public/ads/ad,/script/oas/ad,_ad_homepage.,_onlinead_,/728-90-".split(","),c=this,e=c.getElementBy(0,"img"),d,b;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){b=this;b.onload=null;b.onerror=function(){p=null;c.displayMessage(b.src)};b.src=e[0].src+"#"+a.join("")},d.src=e[0].src);c.deferExecution(function(){c.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.l79b=l79b=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);</script>

Note :Tulisan yang berwarna biru dapat Anda ganti dengan gambar Anda sendiri

Cara Memasang Anti Adblock dengan gambar

Langkah 1. Pada dashboard blogger >> Tata Letak --> Tambahkan Gadget (HTML/Javascript)

Langkah 2. Copy dan Paste Kode diatas

Langkah 3. Simpan Tema
Mudah bukan?
Selamat mencoba. :)

Script Konfirmasi untuk Meninggalkan Blog

Berikut akan saya bagikan kode script notifikasi pop up ketika pengunjung ingin meninggalkan posting atau laman blog.

Pada dasarnya kode javascript ini merupakan konfirmasi pengguna apakah ingin menutup browser atau tidak dengan mengklik close browser. Namun dapat dimodifikasi dengan menambahkan kata-kata kita sendiri. Sehingga dapat terlihat seperti pada gambar disamping.

Memasang Javascript konfirmasi meninggalkan blog

Langkah 1. Copy kode script berikut:

<script language="JavaScript"> window.onbeforeunload = confirmExit; function confirmExit() { return "You have attempted to leave this page. If you have made any changes to the fields without clicking the Save button, your changes will be lost. Are you sure you want to exit this page?";

}

</script>

Note:
Tulisan berwarna Merah dapat kamu ganti dengan kata-kata sendiri. Sepert, "Anda yakin ingin meninggalkan situs" atau dan lain sebagainya sesuai keinginan kamu.

Langkah 2. Pada Tata Letak >> Tambahkan Gadget >> HTML/JavaScript. Paste kode yang sudah di copy diatas pada gadget yang telah di tambahkan.

Langkah 3. Simpan. Untuk melihat script berhasil apa tidak, klik close browser dan lihat notifikasi muncul apa tidak.

How to record capture game Dota 2 without lag?

Based on my experience in recording games, i had 2 recording programs that high in quality, lower size and easy to set up compared with the other programs.

1. Open Broadcaster Software 

2. Bandicam

The question is why both of the programs that i choose?
Because both of them support external x264 codec that better in quality, lower size and easy setting for x264 codec to "ultrafast preset" that very usefull to record any local games without experience any lag.
This codec is very usefull if your PC have a low GPU card but have a high RAM or your GPU card can not support any recording programs.

1. Open Broadcaster Software is free software that you can download it from its website

"https://obsproject.com/download"

To set this programs in ultrafast preset you can go to Settings --> Advanced --> Choose : Process Priority Class "High", x264 CPU Preset "Ultrafast"(When you select this option a warning message will appear, just click yes), Encoding Profile "High" see at the picture below :

as you can see at warning message that ultrafast preset is not good for streaming and CPU usage. If you want to stream just use default setting "very fast". And for CPU usage if you have high RAM is not a problem. My laptop have 8GB RAM.

2. Bandicam is purcashed software that you can download it from its website

"http://www.bandicam.com/downloads/"

BUT you can get it as a full version in https://kickass.so or other websites that have full version it. You can easily search at google.
To set this program in ultrafast preset you can see at picture below :

You can see this setting in Bandicam website [at]:

"http://www.bandicam.com/support/tips/external-codec/"

if you want more information.

Thanks..