Kompi Design

How to use Google Dork ? Simple, insert your keyword in Google Dork syntax and insert in the search engine king, Google search box and hit enter. Some of the vital Google Dork terms Site: This parameter is used for searching for things from particular websites. If you search site:yourwebsiteurl.com then Google will display your results only from yourwebsiteurl.com inurl: This parameter filters the result which has keywords in the URL. If you search inurl:Cooking then Google will display only those search results which have the word Cooking in the URL Keywords in quotes: When you search by putting your keywords in quotes (“), Google will display only those pages which exactly matches the keywords you have put in quotes. For e.g. “Painting Classes in California” will display results which include the exact phrase in an article. Google Backlink Dorks most widely used by Expert Digital Marketer. site:.edu inurl:blog site:.edu inurl:forum site:.gov inurl:blog site:.gov inurl...

Kali ini saya akan meberikan tutorial cara Pasang Google Maps Di Blog AMP , gunakan script di bawah ini untuk memasang map yan anda butuhkan adalah link map anda sendiri kamu bisa mencari alamat rumah kamu di  link berikut sebelum nya lihat contoh link map milik saya  https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d818.5579144661741!2d104.74934867690571!3d-5.322096241436687!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e473c0d4cfbc6cb%3A0x4971da07f873a3b6!2sFery+Ferlangga!5e1!3m2!1sen!2s!4v1482861152022 ini adalah link map rumah saya dan sudah terdaftar di google map untuk mencari map alamat anda silakan kunjungi link berikut  https://www.google.co.id/maps/ silakan cari alamat rumah anda dengan mengetikan nama jalan rumah anda jika sudah ketemu masukan link yang terdapat di bar atas ke script berikut ini <amp-iframe width="600" height="400" layout="responsive" sandbox="allow-scri...

Untuk mengetahui apakah Blog kita Valid AMP HTML atau tidak, ada beberapa tool yang bisa sobat gunakan. Diantaranya yaitu menggunakan Ekstensi AMP Validator di browser Google Chrome. Syarat utama tentunya sobat harus menggunakan browser Chrome. Kemudian search AMP Validator extensions , Install. Apabila menunjukan tanda "hijau" berarti Lolos Validasi Apabila menunjukan tanda "abu-abu" artinya tidak menggunakan AMP Apabila tanda "merah" dan ada angka, berarti menggunakan AMP tapi masih error. Angka menunjukan berapa banyak error pada template tersebut. Supaya Valid AMP, maka klik pada tanda merah, kemudian muncul seperti gambar. Klik Debug . Lihat error pada baris berapa. Pada template yang saya ujicoba ada pada line 580. Cari kode error pada line 580. (Seperti contoh, error pada tag img) Selamat ber validasi ria.. dan selamat datang di dunia AMP :D

Sebagaimana kita ketahui, bahwa tag img pada AMP HTML berubah menjadi amp-img . Apabila kita menuliskan pada postingan seperti ini : <img alt='gambar' src='url-image'/> maka akan mengakibatkan error validasi AMP HTML. Penulisan yang benar seperti disini yaitu : <amp-img src="url-image-disini" width="1080" height="610" layout="responsive" alt="AMP HTML"></amp-img> Image akan muncul dengan baik pada postingan. Akan tetapi tidak akan muncul pada thumbnail di halaman utama / homepage. Untuk mengakalinya, agar image muncul pada Homepage tambahkan tag noscript sehingga kode menjadi seperti ini : <noscript> <img alt='gambar' src='url-gambar-anda'/> </noscript> Selamat mencoba... ...

Untuk memunculkan kode AdSense, pada template sobat harus sudah terdapat JavaScript untuk AdSense. Sebetulnya kode ini support untuk berbagai penyedia jasa iklan. Akan tetapi saya hanya akan memberikan tutor tentang Google AdSense. Kode ini harus terdapat di tag head . <script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/> Kode untuk menampilkannya (contoh unit iklan ukuran 300x250) <amp-ad width="300" height="250" type="adsense" data-ad-client="ca-pub-2005682797531342" data-ad-slot="7046626912"> </amp-ad> Layout yang support: fill , fixed , fixed-height , flex-item , nodisplay , responsive Untuk ukuran lainnya silahkan di sesuaikan. Apabila unit iklan responsive, silahkan tambahkan layoutnya.

amp-img AMP HTML Untuk image, tidak diperlukan JavaScript khusus, sudah cukup dengan JS AMPHTML secara umum. Ada perbedaan cara penulisan image dari biasanya. Kode untuk image: <amp-img src="url-image-disini" width="1080" height="610" layout="responsive" alt="AMP HTML"></amp-img> Layout yang support: fill , fixed , fixed-height , flex-item , nodisplay , responsive Gunakan srcset untuk menentukan gambar sesuai ukuran layar. Kodenya seperti ini <amp-img src="https://ampbyexample.com/img/amp.jpg" srcset="https://ampbyexample.com/img/amp.jpg 1080w, https://ampbyexample.com/img/amp-900.jpg 900w, https://ampbyexample.com/img/amp-800.jpg 800w, https://ampbyexample.com/img/amp-700.jpg 700w, https://ampbyexample.com/img/amp-600.jpg 600w, https://ampbyexample.com/img/amp-500.jpg 500w, https://ampbyexample.com/img/amp-400.jpg 400w, https://ampbyexample.com/img/amp-300.jpg 300w, h...

amp-youtube Untuk menyimpan video Youtube pada template valid AMP HTML untuk Blogger / Blogspot, pada tag <head> harus terdapat script amp-youtube seperti ini : <script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/> kemudian cara penulisan pada template / postingan seperti ini (ukuran di sesuaikan) : <amp-youtube width="480" height="270" layout=responsive data-videoid=" lBTCB7yLs8Y "> </amp-youtube> Kode lBTCB7yLs8Y adalah kode yang didapat dari URL Youtube. Contoh video dengan menerapkan kode di atas, seperti ini : Layout yang support: fill , fixed , fixed-height , flex-item , nodisplay , responsive Karena terbatasnya kemampuan browser mobile, maka tidak bisa auto play untuk amp-youtube ini.

Nunc faucibus, velit sed dapibus molestie, odio tortor tempor risus, quis pellentesque odio felis ac augue. Maecenas lobortis lorem urna, sit amet iaculis nibh feugiat sed. Aenean bibendum tristique ante, eu commodo orci condimentum non. Donec dapibus, tortor vitae vulputate accumsan, nisi lacus malesuada turpis, vitae convallis ligula eros vitae sapien. Duis massa elit, pellentesque eget leo ut, ornare blandit nisl. Donec hendrerit scelerisque accumsan. Pellentesque vehicula eu tellus quis tristique. <amp-carousel width="400"       height="300"       layout="responsive"       type="slides">     <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh97xk-Wh-6Q0ug_gUbQB4hcOMD3IJnpRv0rEj9BbdoW0SXoA-Vdv5OT6yC2gO5oU-ehGSwSt6JPQKt9rIxLG_Cggm-BqSXFvqMksN2S08yubK02MqIH9PbHESChS9JrKjXiCx0PLVOjrvd/s1600/image1.jpg"         width="400"         height="300"   ...

How to Create a Basic AMP HTML Page - Bagaimana cara membuat Halaman standard dengan AMP HTML. Markup dasar untuk membuat web / halaman dengan AMP HTML adalah seperti ini : <!doctype html> <html amp lang="en"> <head> <meta charset="utf-8"> <title>Hello, AMPs</title> <link rel="canonical" href="http://example.ampproject.org/article-metadata.html" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle", "headline": "Open-source framework for publishing content", "datePublished": "2015-10-07T12:02:41Z", "image": [ "logo.jpg" ...

AMP HTML adalah cara untuk membangun halaman web statis dengan kinerja yang handal dan kinerja yang cepat. Ini adalah upaya untuk memperbaiki struktur web, karena banyak web yang lamban diakses, terutama menggunakan mobile/ponsel. AMP HTML dibangun dengan struktur web yang sudah ada, tapi membatasi CSS, HTML dan JavaScript agar website lebih cepat diakses. Bagaimana AMP HTML bekerja? AMP HTML bekerja dengan menambahkan AMP JavaScript library dan tidak merubah struktur utama sebuah web. Struktur web seperti biasa, hanya ditambahkan AMP JS library sehingga mencukupi spek AMP HTML. Kode sederhana dari sebuah web dengan AMP HTML seperti ini : <!doctype html> <html ?> <head> <meta charset="utf-8"> <link rel="canonical" href="hello-world.html" > <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"> <style>body {opacity: 0}</style><noscript>...

Nunc faucibus, velit sed dapibus molestie, odio tortor tempor risus, quis pellentesque odio felis ac augue. Maecenas lobortis lorem urna, sit amet iaculis nibh feugiat sed. Aenean bibendum tristique ante, eu commodo orci condimentum non. Donec dapibus, tortor vitae vulputate accumsan, nisi lacus malesuada turpis, vitae convallis ligula eros vitae sapien. Duis massa elit, pellentesque eget leo ut, ornare blandit nisl. Donec hendrerit scelerisque accumsan. Pellentesque vehicula eu tellus quis tristique. Curabitur placerat est sem , sit amet consequat dolor tristique quis. Duis id ultrices ipsum, in commodo sem. Quisque sodales diam vel sem aliquet euismod. Proin ac convallis tortor. Mauris ornare pretium orci faucibus pharetra. Sed gravida non elit at mollis. In et eros sed nunc egestas aliquam. Etiam lectus nunc, auctor vitae nulla in, convallis luctus libero. Integer dui justo, malesuada at nisi ac, mollis vestibulum ligula. Donec facilisis ultricies justo vel scelerisque. Fusce lor...

Nunc faucibus, velit sed dapibus molestie, odio tortor tempor risus, quis pellentesque odio felis ac augue. Maecenas lobortis lorem urna, sit amet iaculis nibh feugiat sed. Aenean bibendum tristique ante, eu commodo orci condimentum non. Donec dapibus, tortor vitae vulputate accumsan, nisi lacus malesuada turpis, vitae convallis ligula eros vitae sapien. Duis massa elit, pellentesque eget leo ut, ornare blandit nisl. Donec hendrerit scelerisque accumsan. Pellentesque vehicula eu tellus quis tristique. Curabitur placerat est sem, sit amet consequat dolor tristique quis. Duis id ultrices ipsum, in commodo sem. Quisque sodales diam vel sem aliquet euismod. Proin ac convallis tortor. Mauris ornare pretium orci faucibus pharetra. Sed gravida non elit at mollis. In et eros sed nunc egestas aliquam. Etiam lectus nunc, auctor vitae nulla in, convallis luctus libero. Integer dui justo, malesuada at nisi ac, mollis vestibulum ligula. Donec facilisis ultricies justo vel scelerisque. Fusce lore...

Nunc faucibus, velit sed dapibus molestie, odio tortor tempor risus, quis pellentesque odio felis ac augue. Maecenas lobortis lorem urna, sit amet iaculis nibh feugiat sed. Aenean bibendum tristique ante, eu commodo orci condimentum non. Donec dapibus, tortor vitae vulputate accumsan, nisi lacus malesuada turpis, vitae convallis ligula eros vitae sapien. Duis massa elit, pellentesque eget leo ut, ornare blandit nisl. Donec hendrerit scelerisque accumsan. Pellentesque vehicula eu tellus quis tristique. Curabitur placerat est sem, sit amet consequat dolor tristique quis. Duis id ultrices ipsum, in commodo sem. Quisque sodales diam vel sem aliquet euismod. Proin ac convallis tortor. Mauris ornare pretium orci faucibus pharetra. Sed gravida non elit at mollis. In et eros sed nunc egestas aliquam. Etiam lectus nunc, auctor vitae nulla in, convallis luctus libero. Integer dui justo, malesuada at nisi ac, mollis vestibulum ligula. Donec facilisis ultricies justo vel scelerisque. Fusce lore...

Nulla at mauris quis diam vehicula suscipit eu ut lacus. Suspendisse ornare quam sed nunc eleifend pellentesque. Donec adipiscing odio eget elit pharetra, quis imperdiet felis auctor. Integer eu tempor ante. In faucibus massa eu urna vehicula, id iaculis nulla tincidunt. Donec et sem neque. Morbi vestibulum rhoncus odio, ultrices eleifend enim malesuada ut. Donec a tortor rutrum, imperdiet turpis vel, feugiat nisi. Cras id egestas erat, in consequat nunc. Vivamus vulputate pulvinar nibh, id scelerisque dolor dapibus quis. Maecenas quis hendrerit odio, nec facilisis velit. Aliquam tincidunt placerat est sed porta. Phasellus mollis lacus quis erat egestas molestie. Mauris vel arcu varius, tristique mi at, gravida diam. Phasellus at turpis est. In hac habitasse platea dictumst. Quisque molestie eros eget placerat egestas. Sed facilisis justo at pulvinar blandit. Proin laoreet consectetur vulputate. Etiam egestas, mauris id tristique vestibulum, magna velit tristique turpis, nec hendrerit ...

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip exea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, antepo...

Nunc faucibus, velit sed dapibus molestie, odio tortor tempor risus, quis pellentesque odio felis ac augue. Maecenas lobortis lorem urna, sit amet iaculis nibh feugiat sed. Aenean bibendum tristique ante, eu commodo orci condimentum non. Donec dapibus, tortor vitae vulputate accumsan, nisi lacus malesuada turpis, vitae convallis ligula eros vitae sapien. Duis massa elit, pellentesque eget leo ut, ornare blandit nisl. Donec hendrerit scelerisque accumsan. Pellentesque vehicula eu tellus quis tristique. Curabitur placerat est sem, sit amet consequat dolor tristique quis. Duis id ultrices ipsum, in commodo sem. Quisque sodales diam vel sem aliquet euismod. Proin ac convallis tortor. Mauris ornare pretium orci faucibus pharetra. Sed gravida non elit at mollis. In et eros sed nunc egestas aliquam. Etiam lectus nunc, auctor vitae nulla in, convallis luctus libero. Integer dui justo, malesuada at nisi ac, mollis vestibulum ligula. Donec facilisis ultricies justo vel scelerisque. Fusce lore...

Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut massa felis, accumsan ac porta sit amet, tincidunt eu velit. Quisque elit leo, interdum eget dignissim id, congue et sem. Quisque pulvinar massa eu tempor tristique. Mauris eros ante, tempor at sapien non, aliquam accumsan dolor. Nullam at quam convallis, volutpat diam sit amet, laoreet metus. Cras quis ante ac odio faucibus blandit nec pretium eros. Donec faucibus ullamcorper arcu a scelerisque. Nulla tincidunt diam ut quam feugiat porta. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In non nisl neque. Duis vehicula malesuada nibh, ut aliquet erat pharetra in. Cras eget vehicula lectus. Phasellus scelerisque ante fermentum ante tristique hendrerit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi urna, egestas bibendum lacus vitae, mollis feugiat metus. Maecenas commodo posuere dapibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, ...

Cras vitae sapien sed augue tempus tristique ut vel mauris. Sed eu libero eu ligula dapibus pellentesque eu eget arcu. Vestibulum sit amet risus non odio ultricies luctus. Nullam vel dolor a turpis lobortis ultricies at eu massa. Suspendisse interdum tellus non fringilla egestas. Fusce aliquet magna magna, sed dapibus odio eleifend eu. Donec euismod pellentesque orci eu ultrices. Phasellus non pretium augue, eget malesuada libero. Vivamus quis lacus eget mi ultricies ultricies nec a turpis. Sed a consequat odio. Integer rhoncus augue quis sem dictum, eget condimentum dui porta. Donec in ultricies lectus. Nam imperdiet nunc sit amet eros molestie, ac sodales est convallis. Mauris placerat porta vulputate. Nam ut tellus sagittis, vehicula odio at, volutpat magna. Pellentesque porta risus neque, ac euismod nibh accumsan sed. Phasellus et posuere velit. Sed lacinia quam eget leo aliquet, non congue lacus lacinia. Nullam sed fringilla leo. Nulla viverra tempor nulla, ut porta libero rhon...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ac ultricies purus, nec iaculis quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent a fermentum tellus. Nunc et tellus et sem blandit porttitor. Donec sollicitudin quam eget tortor volutpat, sit amet condimentum eros pellentesque. Quisque et massa sapien. Morbi gravida congue mollis. Etiam nec nibh in felis tristique malesuada non sed nisl. Nunc nec ultricies justo. Aliquam erat volutpat. Donec iaculis interdum libero, id cursus ipsum consequat vitae. Maecenas non vehicula dui. Sed blandit suscipit ornare. Mauris dignissim ornare metus, tincidunt volutpat sem efficitur ac. Sed libero mi, aliquam vel convallis in, tincidunt eu nisl. Mauris eget justo tempus, efficitur nunc pulvinar, lobortis lorem. Sed auctor aliquet tortor eu scelerisque. Cras aliquam, enim id congue accumsan, diam libero bibendum felis, vitae dignissim erat nisi in risus. Vivamus bibendum ex vel i...