Cara Membuat Artikel dan Gaya di Instant Article Facebook

Cara Membuat Artikel dan Gaya di Instant Article Facebook _ Ini adalah artikel sambungan saya sebelumnya di Cara Daftar Instant Article Facebook Untuk Blogger. karena takutnya terlalu panjang nanti susah anda pahami lagi, maka dari itu ini sambungannya.

Ya, setelah kita sudah mendaftar, sekarang kita masuk ke penerapan membuat Gaya/Style, kalo di blog mah, buat templatenya, jadi anda bisa mengatur dari segi logo, tilisan Judul, Sub Judul. Namun bukan hanya membuat tampilan saja, saya juga akan memberikan cara buat instant article secara manual alias tidak menggunakan RSS blogger.

Oke sekarang kita bisa masuk ke menu alat penerbitan, saya mohon ikuti langkah-langkah dibawah ini, agar yang akan kita kerjakan ini berhasil 100%.

1. Membuat Gaya/Style atau Template Pada Instant Article Facebook


  • Anda bisa masuk ke fanspage yang anda daftarkan, lalu pilihlah "Alat Penerbitan".kalau belum daftar, bisa lihat artikel saya sebelumnya.
  • Lalu pilih "Alat".
Cara Membuat Artikel dan Gaya di Instant Article Facebook

  • Setelah itu anda pilih "Gaya" disini anda mempunyai gaya default (bawaan instant article) atau anda mau membuatnya lagi, gaya ini bisa anda beri nama dan wajib anda ingatkan, karena nama gaya/style ini akan kita masukan di Markup HTML5 saat membuat artikel, agar tersikronisasi.
  • Tapi saya akan membuat gaya baru, dengan memberikan nama Emangviral.net, namun anda bisa membuatnya sesuai dengan nama yang anda mau. tampilannya akan seperti dibawah ini.
Membuat Gaya Instan Article Facebook

  • Namun yang paling utama anda diharuskan membuat logo, dengan Syarat Gambar: Harus merupakan PNG transparan, Dimensi minimal: 690px lebar kali 132px tinggi. seperti gambar dibawah ini. untuk logo anda bisa membuatnya di photoshop atau software pengedit gambar lainnya.
Contoh Gaya Instant Article Facebook
  • Setelah anda membuat Logo dan sudah mengaturan semua fitur disana, anda tinggal memberikan nama sesuai keinginan anda dan wajib anda ingat, setelah itu pilih "Buat".
  • Lalu, setelah itu kita lanjut ketahap selanjutnya, yaitu membuat 5 artikel untuk pengajuan, nanti ke 5 artikel kita, akan di review oleh pihak instant article.

2. Cara Membuat Artikel di Instant Article Facebook


Untuk cara membuat artikel disini kita akan menggunakan HTML5, jadi untuk anda wajib menguasai sedikit coding, karena kalau tidak ini akan membuat anda bingung. Tapi tenang untuk anda yang masih baru dalam dunia HTML, bisa mengikuti langkah-langkah yang sudah saya berikan dibawah ini, jadi jangan pusing ya, hehe :)

Cara Membuat Artikel di Instant Article Facebook

  • Lihat gambar, di tahap ini anda bisa langsung menuju "Artikel Instan" lalu pilih "Artikel Produksi" dan pilih "buat" maka tampilannya akan seperti pada gambar dibawah.
Markup Tempat membuat article instant
  • Gambar diatas bisa anda isikan kode Markup HTML yang sudah saya susun untuk anda, copy script HTML dibawah ini, dan pastekan pada gambar diatas.

<!doctype html>
<html lang="en" prefix="op: http://media.facebook.com/ISI NAMA GAYA ANDA">
<head>

<meta charset="utf-8">
<link rel="canonical" href="ISI URL ARTIKEL BLOG ANDA">
<link rel="stylesheet" title="default" href="#">
<title>JUDUL ARTIKEL UTAMA</title>
<meta property="fb:article_style" content="ISI NAMA GAYA ANDA">

</head>
<body>
<article>
<header>

<!-- Gambar sampul ditampilkan di dalam artikel Anda --> 
<figure>
<img src="URL GAMBAR ARTIKEL ANDA" />
<figcaption>ISI DESKRIPSI GAMBAR ANDA</figcaption>
</figure>
      
<!-- Judul dan subjudul ditampilkan di artikel Anda -->
<h1> JUDUL ARTIKEL </h1>
<h2> DESKRIPSI SINGKAT ARTIKEL </h2>

<!-- Sebuah kicker untuk artikel Anda -->
<h3 class="op-kicker">
ISIKAN LABEL/KATEGORI ARTIKEL ANDA
</h3>

<!-- Penulis artikel -->
<address>
ISI AUTHOR
</address>

<!-- Waktu penerbitan artikel -->
<time class="op-published" dateTime="2016-2-04T09:00">February 4th 2016, 9:00 AM</time>
<time class="op-modified" dateTime="2016-2-04T09:00">February 4th 2016, 9:00 AM</time>
</header>
    
<p>ISI ARTIKEL DIMARI</p>
    
<footer>
    
<small>ISIKAN SUMBER/NAMA PENULIS</small>
</footer>
   
</article>
</body>
</html>

Bila script diatas sudah anda copy dan paste di instant artikel, anda bisa mengisi sesuai dengan artikel yang ingin anda buat, saya pastikan anda jangan pusing, wkwk saya malah ikutan pusing nanti.

Pertanyaan-Pertanyaan Umum :

Mawar : Mas itu, misalkan kita mau nambah gambar lagi di antara postingan bagaimana ya?
Gue : Mbak, tinggal tambahin kode script dibawah ini aja untuk nambah gambar.

  <!-- Gambar sampul ditampilkan di dalam artikel Anda --> 
    <figure>
    <img src="URL GAMBAR ARTIKEL ANDA" />
    <figcaption>ISI DESKRIPSI GAMBAR ANDA</figcaption>
    </figure>

Mawar : Kalo untuk cara penulisan artikelnya menggunakan script yang mana mas?
Gue : Mbak, hanya perlu menambahkan kode pembuka <p> dan penutup </p>, untuk enter tidak menggunakan kode, saya akan contohkan dibawah ini, saya membuat 3 paragraf artikel.

<p>Artikel Paragraf 1</p>

<p>Artikel Paragraf 2</p>

<p>Artikel Paragraf 3</p>

dan seterusnya..

Bagaimana, apakah sampai sini sudah tau, apa ubun-ubun jadi ngebul, haha. saya rasa script mentahan diatas juga mudah untuk anda gunakan, mungkin mau lihat yang sudah jadi, dan bagaimana hasilnya, lihat yuk.

Markup HTML5 Contoh artikel yang sudah saya buat :

<!doctype html>
<html lang="en" prefix="op: http://media.facebook.com/Emangviral.net">
<head>

<meta charset="utf-8">
<link rel="canonical" href="http://www.emangviral.net/2017/09/tempat-wisata-paling-extream-bersama-buaya-raksasa.html">
<link rel="stylesheet" title="default" href="#">
<title>Tempat Wisata Paling Extream Bersama Buaya Raksasa, Bikin Greget</title>
<meta property="fb:article_style" content="Emangviral.net">

</head>
<body>
<article>
<header>

     <!-- The cover image shown inside your article -->
<figure>
<img src="https://3.bp.blogspot.com/-ovaQi-bN7o4/WbPvlE7S4uI/AAAAAAAABmw/WieiOe_nsqY6MbiW41zmG45sgRwIhXMuQCLcBGAs/s1600/123.jpg" />
<figcaption>Image Source: mediadrumworld.com</figcaption>
</figure>
   
      <!-- The title and subtitle shown in your article -->
<h1> Tempat Wisata Paling Extream Bersama Buaya Raksasa, Bikin Greget </h1>
<h2> Inilah Tempat Wisata Paling Extream Bersama Buaya Raksasa, Bikin Greget Banget </h2>

      <!-- A kicker for your article -->
<h3 class="op-kicker">
Menarik
</h3>

      <!-- The author of your article -->
<address>
Emangviral.net
</address>

      <!-- The published and last modified time stamps -->
<time class="op-published" dateTime="2016-2-04T09:00">February 4th 2016, 9:00 AM</time>
<time class="op-modified" dateTime="2016-2-04T09:00">February 4th 2016, 9:00 AM</time>
</header>
 
<p>tahukah anda buaya adalah hewan pemakan daging yang sangat menyeramkan dan buas, bahkan buaya mencari makannya pun tidak memandang musuhnya. mulai dari hewan besar, kecil dan juga manusia akan menjadi sarsaran empuknya.</p>
 
<p>Tapi berbeda dengan beberapa orang yang melakukan hal yang menurut saya sangat extreame sekali, yaitu berenang bersama buaya di dalam air, hanya dengan bermodalkan kaca tipis yang di masukan ke kedalam kolam dan berhadapan dengan hewan buas ini.</p>
 
<p>Tentu saja ini hal yang jarang mau orang lakukan, untuk anda yang mau melihat penampakannya yuk lihat ulasnnya dibawah ini.</p>

<figure>
<img src="https://3.bp.blogspot.com/-ovaQi-bN7o4/WbPvlE7S4uI/AAAAAAAABmw/WieiOe_nsqY6MbiW41zmG45sgRwIhXMuQCLcBGAs/s1600/123.jpg" />
<figcaption>Image Source: mediadrumworld.com</figcaption>
</figure>

<p>Buaya air asin adalah yang terbesar dari jenisnya dan bisa tumbuh hingga 20 kaki panjangnya. Giginya bisa sepanjang empat inci dan reptil ini dianggap salah satu yang paling berbahaya bagi manusia. Reptil-reptil tersebut ditemukan di bagian utara Australia dan juga berasal dari India dan daerah-daerah lain di Asia Tenggara.
</p>
 
<p>Ya, tempat wisata ini bernama Cage Of Death. di tempat ini anda dapat bertatap muka dengan seekor buaya air asin yang berukuran 16 kaki, yang hanya di pisahkan oleh penghalang plastik kaca yang sangat tipis. The Cage of Death dijalankan oleh Crocosaurus Cove, yang memiliki tujuh buaya, termasuk pasangan pengembangbiakan bernama William dan Kate.</p>
 
<figure>
<img src="https://3.bp.blogspot.com/-s9qKpWm6JUk/WbPwFzjD6UI/AAAAAAAABm4/D7k6gvNjGm8zBfavkHbwiYFSQRBky011QCLcBGAs/s1600/122.jpg" />
<figcaption>Image Source: mediadrumworld.com</figcaption>
</figure>

<p>Wisata hanya perlu membayar sebesar 130 Euro atau sekitar 160 ribu rupiah indonesia. Agar bisa merasakan wisata ini, yang akan diturunkan ke kandang air untuk pertemuan dengan binatang itu selama 30 menit.</p>
 
<p>Wisatawan pertama kali akan dikibarkan di atas air untuk melihat buaya yang berputar-putar dibawah, sebelum kita diturunkan kedalam air. Dan sementara kandang akrilik ini berada di bawah air, Lalu penjaga wisata memberikan makan kepada reptil tersebut, sehingga pemangsa bergerak di sekitar air.</p>
 
<p>Setelah berada di air selama 15 menit, para wisata akan terangkat ke tempat yang lebih aman. Kandang melingkar itu bisa di isi oleh 2 orang. Tulis asal jerman yang bernama Nellie Winters mengatakan: "Luar biasa. Ketika saya masuk, pada awalnya saya tidak berharap untuk menjadi yang mengagumkan karena buaya sangat besar dan berada tepat di samping saya.</p>
 
<p>"Saya takut tapi saya juga terpesona. Aku terus berpikir bahwa dia akan memakanku. Ada berada tepat di sebelahnya dan terkadang saya lupa bahwa ada kandang di sekitar Anda. Saya sedekat itu sehingga saya pikir saya bisa berenang di sampingnya dan, ya, dia juga bisa memakan saya, meskipun dia tidak mau.
</p>
 
<p>Nah, itulah tadi Tempat Wisata Paling Extream Bersama Buaya Raksasa, Bikin Greget. Apakah anda mau berwisata di tepat itu juga. Bila anda memiliki pertanyaan atau kritik dan sarannya, berikan komentar dibawah ini, semoga bermanfaat,terimakasih.</p>

<footer>
 
<small>Sumber: Emangviral.net</small>
</footer>
 
</article>
</body>
</html>

Dengan script diatas, maka kita akan menghasilkan artikel yang keren dan pastinya sudah tidak ada error pada html, contohnya jadinya kaya dibawah. tapi untuk mengetahui hasilnya, anda wajib mengunduh Aplikasi Halaman Facebook di playstore dan login menggunakan facebook yang terdapat fanspage yang anda pakai.

Contoh Instan Article Facebook

Sekarang anda bisa langsung mempraktekannya, anda wajib membuat 5 artikel yang berbeda, untuk artikel cukup dengan mengcopy dari blog yang anda miliki. Setelah itu barulah  anda masuk ke "Konfigurasi" lalu pilih "Ajukan untuk ditinjau". Tunggu 3-5 Hari untuk mengetahui balasan ditolak atau diterima, bila diterima maka anda akan mendapatkan tanda seperti dibawah.

Tanda Pengajuan Instant Article Facebook disetujui

Kayanya saya buat sampai tahap ini dulu, nanti akan saya lanjutkan di artikel selanjutnya, yaitu bagaimana cara memonetisasi atau memasang iklan audience network di instant article facebook.

Itulah tadi artikel yang saya buat dengan judul Cara Membuat Artikel dan Gaya di Instant Article Facebook. Bila anda memiliki pertanyaan atau kritik dan sarannya, berikanlah komentar dibawah ini, semoga bermanfaat, terimakasih.

56 Comments

  1. Pertamax...
    Mantap banget, lengkap kap kap.
    Artikel yang saya cari n tunggu-tunggu. Terimakasih gan. Nanti malam langsung proses..
    Sebagai ungkapan terimakasih banyak ane sundul anunya... Hehee

    ReplyDelete
    Replies
    1. Silahkan dicoba ya gan, semoga berhasil...

      Delete
  2. Replies
    1. Hehe, ribet diawal doang, ntar kalo udah terbiasanya juga enak kok :)

      Delete
  3. Asli, super ribettttt om . . . . .

    ReplyDelete
    Replies
    1. iyaa begitulah gan, tapi kalo udah tau celahnya gampang kok

      Delete
  4. Mumet y mas..padahal pengen daftar.😭

    ReplyDelete
    Replies
    1. Silahkan diperhatikan, ntar juga ketemu kok cara mudahnya..?

      Delete
  5. maaf gan, apa boleh artikelnya kita copas dari artikel kita sendiri

    ReplyDelete
    Replies
    1. Kalau tidak boleh berarti harus rewrite artikel kita sendiri gitu? trus baru markup html ke facebook

      Delete
    2. bukan,, jadi copas bolehh, namun dengan URL blog yang sudah disetujui Instant artcle..

      Delete
  6. Tanya gan :)
    Pas mau save tidak bisa
    Kesalahan umum: URL Konanikal yang tidak di klaim
    Gimana caranya gan?
    Udah dicoba klaim seperti klaim URL blog tapi ga bisa juga

    ReplyDelete
    Replies
    1. url konikal itu, masukan url blog artikel agan, yang ditulis pada instant artikel. :)

      Delete
  7. Udah dimasukkin di instant artikel gan
    Sama persis seperti contoh yg agan buat
    Tapi tetap keluar pemberitahuan kesalahan umum

    ReplyDelete
    Replies
    1. Coba, bisa dikaasih tau mas, dimana kesalahannya, nanti saya bantu :)

      Delete
  8. Isi nama gaya anda <<< ini maksudnya apa mas?

    ReplyDelete
    Replies
    1. mas, bisa buat gaya. atau kata lainnya template untuk instant artikel, kalau mau lebih mudah tinggal gunakan gaya default saja,

      Delete
  9. aku udah ikutin cara masnya diatas..tapi ketika masukin gambar dan setelah ditinjau,,ada kesalahan memasukkan gambar dan sumber dari gambar mas,,padahal semua sudah tak masukin link gambar dan sumber gambar tersebut.

    ReplyDelete
    Replies
    1. coba mas, diulangi lagi.. kalau boleh tau,, apa perintah kesalahannya.. mudah-mudahan saya bisa membantu mas :)

      Delete
  10. Thanks om,belajar dari blog ini sekarang sudah bisa ajukan peninjauan.Dan mudah2an lolos

    ReplyDelete
    Replies
    1. saya doakan semoga lolos mas, terimakasih sudah mempercayai blog sederhana saya ini :)

      Delete
  11. Replies
    1. untuk penggunakan SUB Heading, mas bisa menggunakan untuk pembukanya dan "" untuk penutupnya.

      contoh : tempat wisata terangker

      hapus tanda (") kutip

      terimakasih semoga bermanfaat :)

      Delete
  12. om kalau pasang kode iklan nya di mba ya om

    ReplyDelete
    Replies
    1. Untuk pemasangan iklan, nanti akan saya share diartikel selanjutny ya mbak..

      Delete
  13. mas, saya tidak nemu "alat" di menu "alat penerbitan"?(langkah 1) di sebelah mana itu yaa.

    ReplyDelete
    Replies
    1. mas, wajib daftar di instantarticlefb,com dulu..

      setelah mendaftar, mas bisa lihat di paling kanan halaman, nanti ada tulisan alat penerbitan..

      Delete
  14. sudah ketemu mas, hehehe.. mumet juga buatnya :D tapi panduannya lengkap jadi mudah diikuti..
    semoga sukses selalu

    ReplyDelete
    Replies
    1. Hehe, baru dibales tuh diatas, ehh sudah ketemu,, semoga mudah dicerna ya mas.. bila anda kesulitan bisa komentar saja disini..

      terimakasih sudah berkunjung :)

      Delete
  15. Mantap, langsung bisa resubmit ulang setelah ngikutin tutor ini gan, moga keterima hehe.. oya cek kulkas gan 8-)
    **Nunggu artikel lanjutannya. (y)

    ReplyDelete
  16. Kemaren sampean nyasar2 saya...setupnya dipc😂😂😂
    Ternyata begini toh bikin artikelnya😊
    Sedot LG ah kang😂

    ReplyDelete
    Replies
    1. Jiahaha, mantap semoga ikutan main ginian ya kang :)

      Delete
  17. langsung cobain nih,, mudah2an WORK

    ReplyDelete
    Replies
    1. Silahkan praktekan mbak, semoga berhasil :)

      Delete
  18. Sangat membantu dan berguna sekali ini artikel nya, tapi ada 1 hal yang belum dijelaskan yaitu mengenai waktu.
    February 4th 2016, 9:00 AM

    Pertanyaan saya itu disesuaikan atau date nya jangan di ubah, soalnya di situ keterangan Februari 2016, sedangkan sekarang sudah 27 oktober.

    ReplyDelete
    Replies
    1. Terimakasih sebelumnya kang Nino mau berkunjung..

      Untuk data tanggal, harus di ubah secara manual.. karena kita menggunakan blogger.

      Kalau untuk pengguna wordpress tidak perlu, karena otomatis menyesuaikan tanggal artikel tersebut di update..

      Delete
    2. Ohh begitu ternyata di ubah. Terima kasih mas, saya mau praktik dulu. Hehe

      Delete
  19. EMANG BENER BENER MASTAH INI MAH, MAKASIH MAS SAYA LAGI COBA NIH....

    ReplyDelete
    Replies
    1. wah saya blogger pemula kok mas, terimakasih ya sudah berkunjung, semoga bermanfaat :)

      Delete
  20. gan muncul tulisan gini ngatasinya gimana ya " General Errors: Unclaimed Canonical URL: The canonical URL 'http://7-viral.blogspot.co.id/2017/11/inilah-5-cara-efektif-menahan-nafsu.html' has not been registered with this article. You can claim a URL under Settings > Instant Articles on your Facebook page. Refer to URLs under Publishing Articles in the Instant Articles documentation for more information on how to register a URL for Instant Articles.

    ReplyDelete
    Replies
    1. Itu menandakan agan belum mengklaim url blog agan.. pastikan yang di claim itu ada 2 versi yaitu .co.id dan .com :)

      Delete
  21. Tanya gan...
    Saya sudah daftar dan coba memonetisasi artikel instan facebook. Di aplikasi halaman facebook sudah tampak beberapa artikel secara otomatis... instan artikel saya juga sudah disetujui... termasuk audience network.

    Tapi ketika saya coba share melalui halaman page facebook... tampilannya ketika di klik dari akun lain masih biasa... belum berbentuk instan artikel...

    Tanks

    ReplyDelete
    Replies
    1. pastikan sudah seperti dibawah ini:

      1. pastikan membuka artikel dari aplikasi fb yang terbaru
      2. pastikan sudah terdapat tanda (Petir) di url postingan yang anda bagikan di fb.

      Delete
  22. untuk artikel ke 6, ke 7 sampai seterusnya harus dimasukkan secara manual juga ya ?

    ReplyDelete
    Replies
    1. Iya mas, jika mas menggunakan Blogger maka wajib melakukannya secara manual,, namun jika mas menggunakan wordpress, maka cara tersebut akan otomotis.. jadi cukup membuat artikel seperti biasa saja.. nanti akan masuk otomatis menjadi artikel instan..

      Terimakasih :)

      Delete
  23. mas tanya, saya udah ngikutin tutorial ini tapi statusnya "Penerbitan dibatalkan" gimana ya solusinya?

    ReplyDelete
    Replies
    1. Memang seperti itu mas.. bila mas sudah membuat 5 - 10 artikel, baru klik tombol pengajuan dan tunggu 3-5 hari.. nanti akan ada pesan apakah mas diterima atau di tolak.

      Terimakasih, semoga bermanfaat.. :)

      Delete
  24. hi mas, minta petunjuk untuk memasukkan iklannya dong, saya sudah berhasil mendaftar sesuai dengan langkah-langkah yg mas share ini. tapi skrng bingung gimana cara letakkan kode iklan manualnya.

    ReplyDelete
    Replies
    1. Cara itu sudah pernah saya bahas pada artikel sebelumnya. silahkan dilihat dengan judul "Cara Memasang iklan instant article facebook di blogger"

      Semoga bermanfaat, terimakasih :)

      Delete
  25. Menarik nih artikel, Panjang dan lengkap,hingga belum selesai bacanya. perlu disave.

    ReplyDelete
  26. Tanya Mas,, ini berlaku untuk wordpress atau untuk blogger saja?

    ReplyDelete
    Replies
    1. Ini berlaku untuk blogger mas :)

      Terimakasih sudah berkunjung.

      Delete
  27. Tanya lagi mas,, saya sudah klaim dua2nya yaitu co.id dan .com tapi masih muncul
    "Kesalahan umum: URL Kanonikal yang Tidak Diklaim: URL kanonikal 'https://imjagomarket.blogspot.com/2017/12/strategi-startup-bangun-tim-media.html' belum didaftarkan dengan artikel ini. Anda dapat mengklaim URL di bagian Pengaturan > Artikel Instan di halaman Facebook Anda. Lihat URL di bagian Menerbitkan Artikel di dokumentasi Artikel Instan untuk informasi selengkapnya tentang cara mendaftarkan URL untuk Artikel Instan."

    Mohon pencerahannya Mas,, Terimakasih.

    ReplyDelete