Langsung ke konten utama

Postingan

Menampilkan postingan dari Januari, 2015

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 y

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 merubahny

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{f

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. Konsi

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 berik

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-b

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 sa

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

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

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 Mi

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 tep

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 ya

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">&l

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

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