Tutorial Belajar AMP HTML Versi Artikel Gado-Gado

Accelerated Mobile Pages (AMP) sudah dirilis dan sudah bisa kamu lihat di beberapa lokasi pengguna untuk amp di halaman Google Search (Mesin Pencari Google). Jadi apa yang dimaksud dengan AMP Google  dan bagaimana cara kerja AMP Google ini? Berikut ini adalah pembahasannya.

Pengertian dari AMP Google ?

Pada pertengahan Oktober 2015 Google memberikan pengumuman sebuah framework baru yang disebut Google AMP atau AMP HTML atau Accelerated Mobile Pages. AMP adalah sebuah framework yang dirancang khusus untuk memudahkan developer membuat sebuah halaman web yang dapat diakses dengan cepat untuk perangkat mobile.

Cara kerja AMP Google ini sendiri adalah mengurangi penggunaan HTML, CSS dan Javascript sehingga memungkinkan publisher dapat dengan mudah meningkatkan kecepatan loading halaman web di perangkat mobile.

Meskipun pengembang berpengalaman dapat membuat kinerja sebuah situs sama dengan yang dihasilkan AMP ini, namun AMP adalah sumber daya siap pakai yang memang khusus dibuat untuk kebutuhan tersebut.

Cara Kerja AMP Google

Ada tiga hal penting yang harus dipahami untuk membuat web untuk AMP Google.

1. AMP HTML

Sebuah subset HTML, bahasa markup ini memiliki beberapa custom tags, properti dan terdapat banyak pembatasan-pembatasan didalamnya dibandingkan dengan HTML biasa. Jika Anda sudah familiar dengan HTML biasa tidak sulit untuk membuat halaman web dengan AMP HTML.

2. AMP JS

Framework JavaScript untuk meningkatkan kinerja halaman web untuk perangkat mobile. Sebagian besar penggunaannya adalah dengan metode loading asynchronous. Perlu dicatat bahwa JavaScript dari pihak ketiga tidak dapat berjalan dengan AMP. Contoh penggunaannya dapat dilihat berikut ini:

<script async src="https://cdn.ampproject.org/v0.js"></script>

3. AMP CDN

CDN (Content Delivery Network), akan mengambil halaman AMP Anda lalu menyimpannya dalam cache mereka dan secara otomatis meningkatkan optimasi beberapa kinerja web kamu.

Membuat Web Untuk AMP

AMP tidak membolehkan elemen Javascript dari pihak ketiga, kemungkinan penggunaan kolom komentar seperti  Disqus, Facbook sudah tidak mungkin diimplementasikan lagi. (Mungkin bisa dilakukan dengan iframe). Kelihatannya memang harus menulis ulang template situs yang sudah ada.

Multimedia 

Untuk multimedia harus ditangani secara khusus. Misalnya, penggunaan komponen tag untuk gambar pada halaman web AMP berbeda dengan html biasa. Kalau di HTML biasa kita menggunakan img namun di AMP tag img sudah berubah menjadi amp-img. Selain itu jika Anda menggunakan gambar animasi sperti GIF Anda harus menggunakan komponen tag AMP yang lebih panjang amp-anim. 

Seperti halnya gambar demikian juga untuk video, ada tag khusus yang harus digunakan jika Anda ingin mengembed video ke halaman web Anda yaitu amp-video. Khusus untuk video dari Youtube tag yang dgunakan adalah amp-youtube.

Ada juga dukungan untuk media slideshow melalui amp-carousel dan gambar lightboxes  menggunakan amp-image-lightbox, seperti halnya yang digunakan media-media sosial  Twitter, Instagram, Facebook, Pinterest dan Vine melalui komponen entend mereka sendiri.

Agar Google (dan teknologi lain yang mendukung Proyek AMP) dapat mendeteksi versi AMP dari artikel Anda, Anda harus memodifikasi versi asli dari halaman web Anda. Halaman artikel asli harus menyertakan tag berikut, pada dasarnya disebut link canonical back AMP:

<link rel="amphtml" href="http://www.example.com/blog-post/amp/">

Pada situs resminya di halaman AMP Discovery page juga menyebutkan bahwa beberapa platform yang mendukung AMP membutuhkan meta data Schema.org untuk menentukan jenis konten halaman.

Selain itu, meta data Schema.org "merupakan syarat utama untuk membuat konten Anda layak tampil di Search Carousel Google." Jadi, jika Anda ingin mendapatkan manfaat di masa depan dari Google dengan menerapkan AMP, pastikan Anda mendapatkan skema yang tepat!

Tutorial Upload File Javascript dan CSS Via Github

Kali ini saya akan membahas bagaimana cara upload file di github. Banyak yang masih belum paham bagaimana cara upload file ke github, saya akan membahasnya secara detail untuk artikel ini.

Github adalah sebuah layanan website untuk perkembangan perangkat lunak yang dapat digunakan secara gratis bagi pengembang dan pemula. Platform github dimulai sejak 1 Oktober 2007 namun dipublishkan pada april 2008.

Untuk dapat upload file ke github sebaiknya anda registrasi terlebih dahulu dengan cara :

Step 1

1. Buka situs Github atau Register
2. Isikan data dengan lengkap dan valid pada kolom

Username, Email Address dan Password

3. Setelah terisi semua dengan valid pilih icon "create an account"

Step 2

1 Pada pilihan "Choose your personal plan" pilihlah "Unlimited public repositories for free"
2. Centang kedua pilihan "Help me set up an organization next" dan "Send me updates on GitHub news, offers, and events"

Step 3

1. Isi kolom dengan lengkap dan valid
2. Pilih Free
3. Centang "This account is owned by a business"
4. Pilih "Create Organization"
5. Finish

Jika sudah selesei mendaftar maka kamu akan dilihkan ke situs dashboard github.

1. Pilih "Start Project"
2. Dan isi kolom dengan lengkap dan valid seperti contoh di bawah

Sumber : Github

Langkah berikutnya adalah ke dashboard project. Dashboard project adalah tempat untuk menyimpan berbagai macam file yang akan kita gunakan. Pilih "Upload Files"

Sumber : Github

Jika sudah selesei "upload files" selanjutnya adalah pilih "Commit Changes" . Langkah selanjutnya, silahkan kamu klik kanan pada file yang di upload dan pilih copy link address.

Sumber : Github

Next Step                                                                                                                                                   

Setelah kamu copy link address selanjutnya silahkan sobat buka Rawgit.com dan pastekan link yang kamu copy tadi pada kolom yang tersedia dan ambil URL Production untuk digunakan dalam template blog maupun dalam pemakaian lainnya.

Sumber : Github

Itu adalah cara bagimana upload file ke github. Jika artikel ini bermanfaat silahkan tinggalkan komentar serta share untuk berbagi pengetahuan kepada teman-teman kita yang membutuhkannya.

Apa yang dimaksud dengan Domain?

• Apa itu domain?

Kalau dalam membangun rumah kamu butuh tanah, maka dalam membangun rumah pun kamu harus punya Alamat, karena dengan Alamat, saudara, teman, orang tua akan mudah mencari kamu, jadilah dibangun rumah itu untuk supaya orang tau. nahhh....itu lah Domain, Domain dalam bahasa komputerisasi adalah url pengganti IP (ex: 192.168.62.1)/ nama unik yang digunakan untuk mengidentifikasi web server ataupun email server dijaringan komputer ataupun internet, bila diketikkan di tempat meletakkan alamat situs (URL), maka akan sangat sulit mengingatnya, jadi untuk kemudahan, dibuatlah dengan menggunakan huruf maupun angka, sehingga mudah dikenali. contoh (www.facebook.com) berarti itu yang punya adalah perusahaan media sosial yang bernama facebook. maka, ketika kamu ingin mempunyai domain, haruslah sesuai dengan keperluan kamu. agar mudah orang mencarinya di dunia internet.

gambar google

sekian dulu artikel tentang Apa itu domain.

Tutorial Memeriksa Template Blog Responsive

Kali ini akan membagikan bagaimana cara memeriksa template blog responsive yang akan diterapkan pada blog yang akan kamu buat. Sebelum kita memeriksa apakah template yang akan dipakai responsive atau tidak sebaiknya kita memahami terlebih dahulu pengertian dari responsive untuk mobile.

Template responsive adalah kata yang digunakan dalam konsep membuat design template yang memungkinkan tata letak bisa mengikuti resolusi layar saat dibuka pada mobile. Contohnya, pada  template layout 2 kolom kita buat di layar resolusi 1024 pixel dan dan untuk layar yang lebih kecil misalnya 767 pixel kita buat dari 2 kolom menjadi satu kolom. Fungsi dari template responsive adalah sebagai alternatif untuk membuat situs mobile yang terpisah, Seperti pada smartphone, ipad ada landscape dan portrait, bila dilakukan dengan cara yang baik itu bisa terlihat benar-benar indah, bagus dan keren.

Ada beberapa website yang menyediakan fitur untuk memeriksa apakah template yang akan digunakan itu responsive atau tidak.

1. ami.responsivedesign

ami.responsivedesign adalah website yang menyediakan fitur sebagai berikut :

• Http: // localhost / works jadi sangat bagus untuk mengambil tangkapan layar dari URL pengembangan lokal
• Kirim seseorang link dengan situs kamung sudah di-embed dengan menggunakan? Url = http: //www.yoursite.com - example
• Susun ulang dan atur ulang perangkat dengan mengklik dan menyeret pada perangkat
• Sekarang Anda bisa mengecek responsivitas di situs manapun dengan sekali klik. Cukup seret ini Saya Responsif Bookmarklet ke bilah bookmark Anda dan Anda pergi!

    Cara menggunakannya adalah :

• Salin link demo yang di sediakan oleh pembuat template atau blog demo template
• Paste link ke dalam kolom yang berada dibagian bawah, seperit gambar.
• 
  

• Klik Go!

itu adalah salah satu cara untuk memeriksa template blog responsive.

Tutorial Sukses Menjadi Blogger dan Mendapatkan Uang

cara mendapatkan uang dari blog. Sampai sekarang semakin banyak situs situs penyedia blog gratis atau free, membuat orang lain semakin mudah untuk belajar ataupun bisa menghasilkan uang dari sini saja , sebenarnya kita tidak perlu bekerja keras diluar sana , cukup dari sini saja kita bisa mendapatkan uang ataupun bisa lebih berlipat lipat jika anda memang serius dalam ngeblog ini.

Dalam hal ini Ngeblog itu tidaklah susah sebenarnya hanya yang diperlukan hanya pantang menyerah dan terus bersabar , di blog terdapat bahasa html , css , javascript dan lainnya , ini merupakan tidak sulit untuk dipahami , saya memahami bahasa web ini tidak sampai sebulan anda mungkin sudah ngerti kalau sering membuka blog mencoba coba dan terus bereksperimen dalam ngeblog , disini saya menggunakan blogger sebenarnya masih banyak juga yang lain hanya saran saya anda menggunakan blogger karna ini punya google dan mungkin google cepat mengindex halaman blog anda disini saya juga pemula sedemikian juga termasuk anda yang kebetulan masih pemula

      Dalam kehidupan setiap orang memiliki visi misi mereka sendiri untuk hidup sukses dengan cara mudah dan efektif jawaban dari pertanyaan itu adalah dengan Ngeblog , sudah banyak orang yang sukses dengan blog bahkan jutaan orang sudah sukses , namun jika blog anda gratisan apakah bisa mendapatkan uang seperti yang berdomain com,net , tentu saja bisa yang diperlukan hanyalah kerja keras dan pantang menyerah untuk mendapatkan uang di blog , namun mungkin anda bingung siapakah yang akan membayar jeri payah anda selama Ngeblog ? Tentu saja google yang akan membayarnya namun bagaimana cara kerjanya ini kita akan bahas satu persatu...

      Awal mula saya ngeblog saya tidak tahu pasti bagaimana cara mendapatkan uangnya , namun pasti ada langkah langkah yang harus ada dalam jiwa anda , melalui postingan ataupun artikel ini saya ingin sharing kepada kalian yang masih pemula namun ingin mendapatkan penghasilan besar perbulannya dalam blogger berikut adalah Tips yang harus anda ikuti...

Cara Sukses Ngeblog dan Mendapat Penghasilan

      Pasti anda bertanya tanya apakah google membayar ataupun tidak apakah ia tidak membayar tentu saja tidak ,memang benar dengan blogging saja kita bisa mendapatkan berjuta2 uang , yang paling terpenting adalah niat untuk sukses atau tidak ,anda pasti bisa menghasilkan uang

1. Membuat Niat Atau Tujuan dalam Ngeblog

      Dari ngeblog ini pasti anda harus punya niat itu adalah yang terpenting , banyak orang sukses dalam ngeblog biasanya mereka hobi ,hobi yang membuatnya terus maju kedepan dan bisa menghasilkan , setiap yang anda buat pasti mempunyai tujuan begitu juga dengan blog mungkin ada juga yang sekedar iseng , namun semua yang anda lakukan hanya bertujuan untuk mendapatkan Uang  , yang diperlukan hanyalah konsisten atau serius dalam dunia blog agar anda menjadi professionak mungkin selain ngeblog banyak tujuan orang sebagai contoh blog yang saya sudah buat sekitar 11 sebelas buah blog namun juga belum menghasilkan apa apa namun saya akan mencoba terus

2. Membuat Blogger

      Contoh banyak sekali penyedia layanan blog gratis namun saran saya anda menggunakan blogger karna nantinya kita akan memasang iklan google di blog anda yang nantinya bertujuan untuk meningkatkan puing puing uang dollar yang anda miliki , lantas bagaimana cara membuat blogger? Cara membuat blogger cukup mudah anda harus membuat gmail dulu di google stelah membuat gmail tinggal masuk blog dengan gmail sobat sendiri lalu buat blog anda

3. Memperbaiki struktur blog anda

      Jika anda sudah memilih templete blog anda harus mengeditnya kembali agar seo blog  meningkat yang nantinya jika anda memosting blog anda tampil halaman satu google , jadi mungkin itu akan mendatangkan banyak pengunjung ke blog anda semakin banyak pengunjung semakin banyak juga uang yang akan masuk ke akun adsense anda .

4. Mengelola Terus Blog Anda

      Selanjutnya , selain dilihat dari seonya anda harus memperhatikan juga blog anda setiap hari atau nama lainnya disebut juga diurus blognya , jangan sampai dibiarkan begitu saja buatlah artikel yang menarik agar pengunjung enak membacanya dan agar nantinya ia mempromosikan blog anda jika bagus blognya orang pun senang mengunjunginya

5. Daftar Akun blog ke Adesense

      Setelah memenuhi persyaratan diatas anda tinggal daftarkan akunnya ke google adsense yang nantinya akan kita pasang ke blog kita yang nantinya akan dibayar oleh tim google sesuai dengan cpc atau trafik pengunjungnya mungkin daftar akun adsense tidak bisa langsung instan adsense membutuhkan waktu selama enam bulan umur blog anda mungkin sambil menunggu anda bisa memperbanyak postingan , yang nantinya sambil daftar adsense nantinya..