Tukang Ngepel

Posts

Showing posts from July, 2018

Setting Meta Tag Open Graph Media Umum (Facebook, Twitter, Dan Google+)

Setting Meta Tag Open Graph - Dalam dunia blogging meta tag open graph tentu sudah tidak aneh lagi bagi para blogger yang sudah mempunyai banyak jam terbang. Bahkan sebagian blogger mengangap bahwa meta tag Open Graph merupakan salah satu teknik optimasi SEO . Sebenarnya menerapkan meta tag Open Graph ke dalam html situs web tidak akan menawarkan efek SEO secara eksklusif atau spontan, Akan tetapi meta tag Open Graph akan memengaruhi kinerja tautan situs web di media sosial. Sekitar tahun 2010 Open Graph mulai dikenalkan oleh facebook, open graph mempromosikan integrasi antara Facebook dan situs web lain dan memungkinkan situs web kaya akan "grafik". Penjelasan sederhana-nya Open Graph menjadi kontrol terhadap perpindahan informasi dari situs web ke facebook dan dari facebook ke situs web saat halaman atau tautan situs dibagikan, disukai dll, Secara teknik informasi tersebut dikirim melalui meta tag Open Graph yang dipasang di cuilan <head> situs web. Meta T...

Meta Tag Theme Color Blogger

Meta Tag Theme Color Blogger - Tutorial kali ini akan membahas sebuah metode atau cara menyesuaikan warna theme browser (Chrome, Firefox & Opera) dengan theme blogger dengan meta tag theme color. Di-era android browser moderen sudah mendukung untuk pembiasaan warna thema dengan theme situs web termasuk situs blogger. Mungkin kau juga telah memperhatikan situs-situs raksasa menyerupai facebook, youtube dan lain-nya dikala di jalan masuk melaui browser chrome secara otomatis akan merubah warna address kafe sesuai dengan warna template mereka. Penyesuaian itu tentu tidak terjadi begitu saja melainkan sebuah meta tag color theme yang mengaturnya. Nah kini kita akan menciptakan hal serupa kepada theme blogger dengan memakai "meta color theme". Meta tag theme color Gambar diatas yakni teladan situs web sebelum memakai meta theme color dan sehabis memakai meta theme color, situs web yang dipasangi meta tag theme color akan meminta browser menyesuaikan tampilan warna d...

Cara Menciptakan Tombol Follow Di Blog

Cara Membuat Tombol Follow di Blog - Tombol follow merupakan salah satu widget penting untuk di pasang pada situs blog, tombol follow blogger sering disebut juga sebagai tombol join us (join this site) berfungsi sebagai navigasi yang memudahkan pengunjung untuk mengikuti situs yang mereka sukai. Pada tutorial ini saya akan membagikan cara menciptakan tombol follow blogger yang sanggup ditempatkan di aneka macam tata letak menyerupai di atas kolom komentar, sidebar, sajian navigasi dan tombol follow di dalam postingan. Cara Membuat Tombol Follow di Blog Metode yang saya gunakan untuk menciptakan tombol follow ialah dengan memanfaatkan link follow yang ada pada widget followers (join this site), dengan demikian maka tombol follow yang dihasilkan akan lebih ramah dan gampang di aplikasikan. Langsung saja ke tutorial menciptakan tombol follow blogger dan yang pertama harus dilakukan ialah menyiapkan link follow + id situs blog, lihat teladan dibawah ini; https://www.blogger.com/fo...

Setting Anti Copy Paste Full Version

Setting anti copy paste full version - Di dunia digital ada banyak jenis anti copy paste yang sanggup dipakai untuk melindungi konten situs dari plagiat (tukang copy paste). Namun memasang anti copy paste secara mutlak akan menciptakan pengunjung situs yang sebetulnya ikut terganggu sebab tidak sanggup mengutip teks yang dibutuhkan. Kaprikornus kini aku akan membagikan anti copy paste yang lebih flexible dan sanggup di setting supaya tidak aktif di beberapa bagian. Itu sebebnya artikel ini aku beri judul anti copy paste full version. Untuk lebih jelasnya silahkan lihat demo anti copy paste full version (anti copas sebagian). Anti copy paste full version Kelebihan anti copy paste full version ini yaitu tidak menyenabkan loading situs menjadi berat dan tidak memakai javascript external (pihak ketiga) dan sanggup di sesesuaikan (flexible). Cara Memasang Anti Copy Paste Full Version Tambahkan atau simpan instruksi css anti copy paste di bawah ini kedalam area css situs, kal...

Embed Youtube Video Responsive

Embed Youtube Video Responsive - Bagaimana cara menyematkan "embed" video youtube ke website supaya responsive?, Pada dasarnya code embed "iframe" video youtube sudah sangat responsive di banyak ukuran layar, namun masalahnya kalau memakai arahan default youtube embed biasanya akan terlihat space atau black kafe diatas dan dibawah video kalau dilihat pada layar yang lebih kecil ibarat mobile device. JQuery for youtube iframe (Responsive & Allow full screen Nah untuk mengatasi hal tersebut aku akan membagikan sebuah adonan sederhana antara javascript, jquery, htlm dan css yang berfungsi untuk menghilangkan space atau black kafe dan menciptakan tampilan iframe video youtube menjadi lebih responsive dikala disematkan "embed" pada laman web. Berikut kode jquery embed youtube responsive nya. <script type='text/javascript'> //<![CDATA[ $(document).ready(function() { $('iframe[src*="youtube.com"]').css({...

Menentukan Jumlah Iklan In-Feed Ads Di Antara Post

Menentukan Jumlah Iklan In-feed Ads di Antara Post - Pada artikel sebelumnya saya telah mempublikasikan tutorial cara memasang iklan in-feed ads di antara post dan popular post dengan metode yang lebih sederhana tanpa merubah banyak html template dan tanpa memasang banyak script iklan. Namun kekurangan-nya yakni terlalu banyak iklan yang tampil alasannya yakni dengan metode usang setiap 1 post akan muncul 1 sisipan iklan, Untuk mengatasinya atau mengatur kembali (menentukan jumlah iklan in-feed ads di antara post) maka sobat blogger sanggup menerapkan cara terbaru ini untuk pemasangan iklan in-feed ads google adsense yang lebih ramah dan sanggup ditentukan jumlah iklan yang muncul di antara post. Menentukan Jumlah Sisipan Iklan In-feed Ads di Antara Post 1. Login ke Blogger > Template > Edit HTML 2. Cari kode <b:loop values='data:posts' var='post'> di dalam html template, biasanya isyarat b:loop tersebut lebih dari satu maka pilihlah isyarat ...

Cara Mengurangi Beban Loading Iklan Adsense

Cara Mengurangi Beban Loading Iklan Adsense - Pada setiap script aba-aba unit iklan adsense dilengkapi dengan file javascript external [ <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> ] dan bila pada sebuah situs web dipasang 4 slot iklan biasanya akan memasang 4 javascript external adsense juga. Hal tersebut tentunya akan menyebabkan loading situs menjadi lebih lambat lantaran browser akan mengunjungi dan memuat semua javascript external adsense tersebut tanpa terkecuali. Untuk mengatasi loading lambat tersebut ada beberapa trik yang sanggup diterapkan ke situs web tanpa melanggar hukum yang berlaku kepada publisher adasnse. Cara Mengurangi Beban Loading Iklan (Ads) Sebelum ke topik pembahasan dan tutorial "mengurangi beban loading iklan adsense" saya sangat menyarankan untuk menguji kecepatan loading situs web dengan tool seo analizer + speed via seocentro. Kemudian catat score speed loading dan terapkan ...

Script Defer Iframe Video Youtube (Fast Loading)

Berbagi script defer iframe atau defer parsing iframe youtube js (fast loading) - Mungkin masih ada yang ingin bertanya "apa itu defer iframe video youtube (youtube embed)?", Dalam bahasa inggris "Defer" artinya ialah menunda, jadi yang dimaksud dengan defer iframe youtube embed adalah; menunda pemuatan iframe dari youtube embed dengan proteksi sebuah javascript supaya loading menjadi lebih cepat. Script atau javascript yang berfungsi untuk menunda pemuatan iframe dari youtube embed ini lebih dikenal dengan sebutan "defer parsing of javascript youtube embed js", Script ini awalanya saya temukan dikala mengintip akun github para programer, ada banyak pengetahuan yang saya temukan disana untuk mempercepat loading situs web dan salah satunya ialah dengan menunda pemuatan iframe memakai script "defer parsing youtube js" ini. Defer parsing of javascript youtube embed - javascript Cara Kerja Defer Parsing Youtube JS Javascript defer parsing...