Minggu, 24 September 2017

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.

49 komentar

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

Silahkan dicoba ya gan, semoga berhasil...

Hehe, ribet diawal doang, ntar kalo udah terbiasanya juga enak kok :)

Asli, super ribettttt om . . . . .

Mumet y mas..padahal pengen daftar.😭

maaf gan, apa boleh artikelnya kita copas dari artikel kita sendiri

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

iyaa begitulah gan, tapi kalo udah tau celahnya gampang kok

Silahkan diperhatikan, ntar juga ketemu kok cara mudahnya..?

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

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

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

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

Coba, bisa dikaasih tau mas, dimana kesalahannya, nanti saya bantu :)

Isi nama gaya anda <<< ini maksudnya apa mas?

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.

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

om kalau pake sub-heading gimana

om kalau pasang kode iklan nya di mba ya om

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

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

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

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

saya doakan semoga lolos mas, terimakasih sudah mempercayai blog sederhana saya ini :)

untuk penggunakan SUB Heading, mas bisa menggunakan untuk pembukanya dan "" untuk penutupnya.

contoh : tempat wisata terangker

hapus tanda (") kutip

terimakasih semoga bermanfaat :)

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

mas, wajib daftar di instantarticlefb,com dulu..

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

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

terimakasih sudah berkunjung :)

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

Mantap gan, Semoga diterima yaa :)

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

Jiahaha, mantap semoga ikutan main ginian ya kang :)

langsung cobain nih,, mudah2an WORK

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.

Silahkan praktekan mbak, semoga berhasil :)

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

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

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

wah saya blogger pemula kok mas, terimakasih ya sudah berkunjung, semoga bermanfaat :)

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.

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

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

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.

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

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

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 :)

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.. :)


EmoticonEmoticon