Cara Membuat File EPUB Dari HTML dan XML

by Jennifer Kyrnin

File EPUB adalah jenis file ebook lain yang populer. Jika Anda berencana menulis atau menerbitkan sebuah ebook, Anda harus menyimpan HTML Anda sebagai file Mobipocket , dan juga sebagai EPUB. Dalam beberapa hal, file epub jauh lebih mudah untuk dibangun daripada file Mobi. Karena EPUB didasarkan pada XML, Anda hanya perlu membuat file XML Anda, mengumpulkannya bersama, dan menyebutnya epub.

Cara Membuat File EPUB Dari HTML dan XML

Ini adalah langkah-langkah yang harus Anda ambil untuk membuat file epub:

Bangun HTML Anda. Buku Anda ditulis dalam HTML, dengan CSS untuk styling. Tapi, bukan hanya HTML, itu XHTML. Jadi, jika Anda tidak biasanya menulis di XHTML (menutup elemen Anda, menggunakan tanda kutip di semua atribut, dan sebagainya), Anda harus mengonversi HTML Anda ke XHTML. Anda dapat menggunakan satu atau lebih file XHTML untuk buku Anda. Kebanyakan orang memisahkan bab-bab ke dalam file XHTML yang terpisah. Setelah Anda memiliki semua file XHTML, taruh semuanya dalam satu folder.
Buat File Tipe MIME . Di editor teks Anda, buka dokumen dan jenis baru: aplikasi / epub + zip Simpan file sebagai "mimetype" tanpa ekstensi apa pun . Tempatkan file itu di folder dengan file XHTML Anda.
Tambahkan style sheet Anda. Anda harus membuat dua lembar gaya untuk buku Anda untuk halaman yang disebut
1. page_styles.css: @page {
2. margin-bottom: 5pt;
3. margin atas: 5pt
4. }
5. Buat satu untuk gaya buku yang disebut stylesheet.css. Anda dapat memberi mereka nama lain, Anda hanya perlu mengingatnya. Simpan file-file ini di direktori yang sama dengan file XHTML dan mimetype Anda.

Tambahkan gambar sampul Anda. Gambar sampul Anda harus berupa file JPG tidak lebih dari 64KB. Semakin kecil Anda bisa membuatnya menjadi lebih baik, tetapi tetap membuatnya tampan. Gambar kecil bisa sangat sulit dibaca, dan sampulnya adalah tempat Anda melakukan pemasaran buku Anda.
Buat halaman judul Anda. Anda tidak harus menggunakan gambar sampul sebagai halaman judul Anda, tetapi kebanyakan orang melakukannya. Untuk menambahkan halaman judul Anda, buat file XHTML yang disebut titlepage.xhtml. Berikut ini contoh halaman judul menggunakan SVG untuk gambar. Ubah bagian yang disorot untuk mengarahkan ke gambar sampul Anda:
5. Sampul </ title> </li><li> <type style = "text / css" title = "override_css"> </li><li> @page {padding: 0pt; margin: 0pt} </li><li> body {text-align: center; padding: 0pt; margin: 0pt; } </li><li> </ style> </li><li> </ kepala> </li><li> <body> </li><li> <div> </li><li> <svg xmlns = "http://www.w3.org/2000/svg" xmlns: xlink = "http://www.w3.org/1999/xlink" versi = "1.1" lebar = "100%" tinggi = "100%" viewBox = "0 0 425 616" preserveAspectRatio = "tidak ada"> </li><li> <lebar gambar = "425" tinggi = "616" xlink: href = " <em>cover.jpeg</em> " /> </li><li> </ svg> </li><li> </ div> </li><li> </ body> </li><li> </ html> </li></ol></li></ol><ol><li> <strong>Bangun "Daftar Isi" Anda.</strong> Buat file bernama toc.ncx di editor teks Anda. Ini adalah file XML, dan harus mengarah ke semua file HTML Anda di buku Anda. Berikut ini contoh dengan dua elemen dalam daftar isi. Ubah bagian yang disorot ke buku Anda, dan tambahkan elemen navPoint tambahan untuk bagian tambahan: <ol><li> <? xml version = '1.0' encoding = 'utf-8'?> </li><li> <ncx xmlns = "http://www.daisy.org/z3986/2005/ncx/" versi = "2005-1" xml: lang = "eng"> </li><li> <head> </li><li> <meta content = "0c159d12-f5fe-4323-8194-f5c652b89f5c" name = "dtb: uid" /> </li><li> <meta content = "2" name = "dtb: kedalaman" /> </li><li> <meta content = "kaliber (0,8,68)" name = "dtb: generator" /> </li><li> <meta content = "0" name = "dtb: totalPageCount" /> </li><li> <meta content = "0" name = "dtb: maxPageNumber" /> </li><li> </ kepala> </li><li> <docTitle> </li><li> <text> <em>Cara Membangun Situs Web</em> </ text> </li><li> </ docTitle> </li><li> <navMap> </li><li> <navPoint id = " <em>a1</em> " playOrder = " <em>0</em> "> </li><li> <navLabel> </li><li> <text> <em>Hosting</em> </ text> </li><li> </ navLabel> </li><li> <content src = " <em>build_website.html # step1</em> " /> </li><li> </ navPoint> </li><li> <navPoint id = " <em>a2</em> " playOrder = " <em>1</em> "> </li><li> <navLabel> </li><li> <text> <em>Apakah Anda Membutuhkan Nama Domain?</em> </ text> </li><li> </ navLabel> </li><li> <content src = " <em>build_website.html # step2</em> " /> </li><li> </ navPoint> </li><li> </ navMap> </li><li> </ ncx> </li></ol></li></ol><ol><li> <strong>Tambahkan file XML kontainer.</strong> Di editor teks Anda, buat file bernama container.xml dan simpan dalam sub-direktori di bawah file HTML Anda. File harus dibaca: <ol><li> <? xml version = "1.0"?> </li><li> <versi kontainer = "1.0" xmlns = "guci: oasis: nama: tc: opendocument: xmlns: container"> </li><li> <rootfile> </li><li> <rootfile full-path = "content.opf" media-type = "aplikasi / oebps-paket + xml" /> </li><li> </ rootfile> </li><li> </ container> </li></ol></li><li> <strong>Buat daftar konten (content.opf).</strong> Ini adalah file yang menjelaskan apa buku epub Anda. Ini termasuk metadata tentang buku (seperti penulis, tanggal publikasi, dan genre). Berikut ini contohnya, Anda harus mengganti bagian-bagiannya dengan warna kuning untuk mencerminkan buku Anda: <ol><li> <? xml version = '1.0' encoding = 'utf-8'?> </li><li> <package xmlns = "http://www.idpf.org/2007/opf" version = "2.0" unique-identifier = "uuid_id"> </li><li> <metadata xmlns: xsi = "http://www.w3.org/2001/XMLSchema-instance" xmlns: opf = "http://www.idpf.org/2007/opf" xmlns: dcterms = "http: / /purl.org/dc/terms/ "xmlns: calibre =" http://calibre.kovidgoyal.net/2009/metadata "xmlns: dc =" http://purl.org/dc/elements/1.1/ "> </li><li> <dc: bahasa> id </ dc: bahasa> </li><li> <dc: title> <em>Cara Membangun Situs Web</em> </ dc: title> </li><li> <dc: pencipta opf: file-as = " <em>Kyrnin, Jennifer</em> " opf: role = "aut"> <em>Jennifer Kyrnin</em> </ dc: creator> </li><li> <meta name = "cover" content = "cover" /> </li><li> <dc: date> 0101-01-01T00: 00: 00 + 00: 00 </ dc: date> </li><li> <dc: kontributor opf: role = "bkp"> </ dc: kontributor> </li><li> <dc: identifier id = "uuid_id" opf: scheme = "uuid"> 0c159d12-f5fe-4323-8194-f5c652b89f5c </ dc: identifier> </li><li> </ metadata> </li><li> <manifes> </li><li> <item href = " <em>cover.jpeg</em> " id = "cover" tipe-media = "gambar / jpeg" /> </li><li> <item href = " <em>build_website.html</em> " id = "id1" jenis-media = "aplikasi / xhtml + xml" /> </li><li> <item href = " <em>page_styles.css</em> " id = "page_css" jenis-media = "teks / css" /> </li><li> <item href = " <em>stylesheet.css</em> " id = "css" media-type = "text / css" /> </li><li> <item href = " <em>titlepage.xhtml</em> " id = "titlepage" media-type = "application / xhtml + xml" /> </li><li> <item href = "toc.ncx" jenis-media = "aplikasi / x-dtbncx + xml" id = "ncx" /> </li><li> </ manif> </li><li> <Spine toc = "ncx"> </li><li> <itemref idref = "titlepage" /> </li><li> <itemref idref = "id1" /> </li><li> </ tulang> </li><li> <guide> </li><li> <reference href = "titlepage.xhtml" type = "cover" title = "Cover" /> </li><li> </ guide> </li><li> </ paket> </li></ol></li></ol><ol><li> Itu semua file yang Anda butuhkan, mereka semua harus berada dalam direktori bersama (kecuali untuk container.xml, yang masuk dalam sub-direktori META-INF). Kami ingin kemudian pergi ke direktori kontainer dan pastikan itu memiliki nama yang mencerminkan judul dan nama penulis. </li><li> Setelah Anda memiliki direktori file bernama bagaimana Anda menginginkannya Anda harus menggunakan program arsip Zip untuk zip direktori. Direktori contoh saya berakhir sebagai file zip bernama "Cara Membuat Situs Web - Jennifer Kyrnin.zip" </li><li> Akhirnya, ubah ekstensi nama file dari .zip ke .epub. Sistem operasi Anda mungkin protes, tetapi teruskan saja. Anda ingin ini memiliki ekstensi epub. </li><li> Terakhir, <strong>uji buku Anda.</strong> Sulit untuk mendapatkan format epub yang benar pada percobaan pertama, jadi Anda harus selalu menguji file Anda. Buka di pembaca epub seperti Kaliber. Dan jika tidak ditampilkan dengan benar, Anda dapat menggunakan Kaliber untuk memperbaiki masalah. </li></ol> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-menggunakan-kata-kunci-dalam-html/"> <amp-img src="https://exse.eyewated.com/pict/b7ebc6a1fd2e3041-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-menggunakan-kata-kunci-dalam-html/">Cara Menggunakan Kata Kunci dalam HTML</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/kotak-gulir-html/"> <amp-img src="https://exse.eyewated.com/pict/f47bdac8d880303c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/kotak-gulir-html/">Kotak Gulir HTML</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/kode-html-dan-karakter-khusus/"> <amp-img src="https://exse.eyewated.com/pict/edc554c3ee98325c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/kode-html-dan-karakter-khusus/">Kode HTML dan Karakter Khusus</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/tag-penutupan-tidak-diperlukan/">Tag Penutupan Tidak Diperlukan</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-menggunakan-ems-untuk-mengubah-ukuran-font-halaman-web-html/"> <amp-img src="https://exse.eyewated.com/pict/95875758e662301f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-menggunakan-ems-untuk-mengubah-ukuran-font-halaman-web-html/">Cara Menggunakan 'EMS' untuk Mengubah Ukuran Font Halaman Web (HTML)</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-memberi-nama-file-html/"> <amp-img src="https://exse.eyewated.com/pict/70e20e2509a62ffb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-memberi-nama-file-html/">Cara Memberi Nama File HTML</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/html-singleton-tags-tanpa-tag-penutup/"> <amp-img src="https://exse.eyewated.com/pict/7056e9884b5231e2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/html-singleton-tags-tanpa-tag-penutup/">HTML Singleton Tags Tanpa Tag Penutup</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/referensi-html-5-html-5-tag-secara-abjad/"> <amp-img src="https://exse.eyewated.com/pict/1768218028e42fb8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/referensi-html-5-html-5-tag-secara-abjad/">Referensi HTML 5 - HTML 5 Tag Secara abjad</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/belajar-untuk-lihat-sumber-html-di-internet-explorer-dengan-mudah/"> <amp-img src="https://exse.eyewated.com/pict/07331c3aefad30df-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/belajar-untuk-lihat-sumber-html-di-internet-explorer-dengan-mudah/">Belajar untuk Lihat Sumber HTML di Internet Explorer Dengan Mudah</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://id.eyewated.com/daftar-mesin-pencari-untuk-digunakan-sebagai-pengganti-google/"> <amp-img src="https://exse.eyewated.com/pict/c45e1a8b3f693479-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/daftar-mesin-pencari-untuk-digunakan-sebagai-pengganti-google/">Daftar Mesin Pencari untuk Digunakan Sebagai pengganti Google</a></h3> <div class="amp-related-meta"> Pencarian web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/search-engine-optimization-dalam-sepuluh-langkah-mudah/"> <amp-img src="https://exse.eyewated.com/pict/1c5ef863738330b0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/search-engine-optimization-dalam-sepuluh-langkah-mudah/">Search Engine Optimization dalam Sepuluh Langkah Mudah</a></h3> <div class="amp-related-meta"> Pencarian web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/buat-dan-huni-perpustakaan-iphoto-tambahan/"> <amp-img src="https://exse.eyewated.com/pict/191791c5efef3a75-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/buat-dan-huni-perpustakaan-iphoto-tambahan/">Buat dan Huni Perpustakaan iPhoto Tambahan</a></h3> <div class="amp-related-meta"> Mac </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/memulihkan-email-saya-outlook-email-hapus-alat-review/"> <amp-img src="https://exse.eyewated.com/pict/ecfaf28a8df9324e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/memulihkan-email-saya-outlook-email-hapus-alat-review/">Memulihkan Email Saya - Outlook Email Hapus Alat Review</a></h3> <div class="amp-related-meta"> Email & Perpesanan </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/facebook-messenger-kids-apa-adanya-dan-cara-menggunakannya/"> <amp-img src="https://exse.eyewated.com/pict/b2083ffc16653802-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/facebook-messenger-kids-apa-adanya-dan-cara-menggunakannya/">Facebook Messenger Kids: Apa Adanya dan Cara Menggunakannya</a></h3> <div class="amp-related-meta"> Media sosial </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/buat-pictograph-di-excel/"> <amp-img src="https://exse.eyewated.com/pict/42f118d7f38132c7-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/buat-pictograph-di-excel/">Buat Pictograph di Excel</a></h3> <div class="amp-related-meta"> Perangkat lunak </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://id.eyewated.com/kapan-menghindari-auto-white-balance/"> <amp-img src="https://exse.eyewated.com/pict/2e194a158e873442-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/kapan-menghindari-auto-white-balance/">Kapan Menghindari Auto White Balance</a></h3> <div class="amp-related-meta"> Kamera digital </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-mengekspor-dari-yandex-mail/"> <amp-img src="https://exse.eyewated.com/pict/222e00ac34ae32a9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-mengekspor-dari-yandex-mail/">Cara Mengekspor Dari Yandex Mail</a></h3> <div class="amp-related-meta"> Email & Perpesanan </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/pencarian-pekerjaan-yahoo/">Pencarian Pekerjaan Yahoo</a></h3> <div class="amp-related-meta"> Pencarian web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/apa-itu-file-pdf/"> <amp-img src="https://exse.eyewated.com/pict/9493791fc2e43512-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/apa-itu-file-pdf/">Apa itu File PDF?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-mengatur-ulang-fitbit-anda/"> <amp-img src="https://exse.eyewated.com/pict/47029f33d2ea34ab-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-mengatur-ulang-fitbit-anda/">Cara Mengatur Ulang Fitbit Anda</a></h3> <div class="amp-related-meta"> Dapat dipakai </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/menggunakan-atribut-elemen-html-table/"> <amp-img src="https://exse.eyewated.com/pict/bc751870b8843c81-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/menggunakan-atribut-elemen-html-table/">Menggunakan Atribut Elemen HTML TABLE</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/apa-arti-bio-di-twitter/"> <amp-img src="https://exse.eyewated.com/pict/13be9026f8b53569-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/apa-arti-bio-di-twitter/">Apa Arti Bio di Twitter?</a></h3> <div class="amp-related-meta"> Media sosial </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/mengapa-dan-bagaimana-menggunakan-template-secara-efektif/"> <amp-img src="https://exse.eyewated.com/pict/27f93d4fe6f534cf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/mengapa-dan-bagaimana-menggunakan-template-secara-efektif/">Mengapa dan Bagaimana Menggunakan Template Secara Efektif</a></h3> <div class="amp-related-meta"> Perangkat lunak </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/simcity-4-sistem-pendidikan/"> <amp-img src="https://exse.eyewated.com/pict/6c943089d3443553-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/simcity-4-sistem-pendidikan/">"SimCity 4": Sistem Pendidikan</a></h3> <div class="amp-related-meta"> Game </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/apa-yang-harus-diketahui-sebelum-membeli-mouse-komputer/"> <amp-img src="https://exse.eyewated.com/pict/f5a9dae7950234b9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/apa-yang-harus-diketahui-sebelum-membeli-mouse-komputer/">Apa yang Harus Diketahui Sebelum Membeli Mouse Komputer</a></h3> <div class="amp-related-meta"> Membeli Pemandu </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/periksa-peringkat-search-engine-di-google-yahoo-dan-bing/"> <amp-img src="https://exse.eyewated.com/pict/d1bc67ca0a693153-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/periksa-peringkat-search-engine-di-google-yahoo-dan-bing/">Periksa Peringkat Search Engine Di Google, Yahoo, dan Bing</a></h3> <div class="amp-related-meta"> Pencarian web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-mengembangkan-game-iphone-atau-ipad/"> <amp-img src="https://exse.eyewated.com/pict/5ddb8e1b9e513fba-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-mengembangkan-game-iphone-atau-ipad/">Cara Mengembangkan Game iPhone atau iPad</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/bagaimana-ipad-akan-membentuk-nada-gitar-anda/"> <amp-img src="https://exse.eyewated.com/pict/cc55c3a6bd4432a4-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/bagaimana-ipad-akan-membentuk-nada-gitar-anda/">Bagaimana iPad Akan Membentuk Nada Gitar Anda</a></h3> <div class="amp-related-meta"> Membeli Pemandu </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/apa-tepatnya-aplikasi-web/"> <amp-img src="https://exse.eyewated.com/pict/f94eef354df233f5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/apa-tepatnya-aplikasi-web/">Apa Tepatnya Aplikasi Web?</a></h3> <div class="amp-related-meta"> Browser </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-mendaftar-dan-mulai-mengobrol-dengan-nimbuzz/"> <amp-img src="https://exse.eyewated.com/pict/dd7551a7b79e3783-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-mendaftar-dan-mulai-mengobrol-dengan-nimbuzz/">Cara Mendaftar dan Mulai Mengobrol dengan Nimbuzz</a></h3> <div class="amp-related-meta"> Email & Perpesanan </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/apakah-web-3-0-benar-benar-suatu-hal/"> <amp-img src="https://exse.eyewated.com/pict/ca44e7f8cddd360d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/apakah-web-3-0-benar-benar-suatu-hal/">Apakah Web 3.0 Benar-Benar Suatu Hal?</a></h3> <div class="amp-related-meta"> Media sosial </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 id.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html>