Skip to main content

Posts

Showing posts with the label HTML

Cara menempatkan kode Anti Adblocker di Blog atau Web

Dalam dunia monetizing website atau blog, tentunya kita tidak asing dengan aplikasi atau ekstensi AdBlocker. Ekstensi AdBlocker merupakan aplikasi yang berfungsi memblokir iklan dari website atau blog tertentu. Aplikasi ini bagi seorang net surfer tentunya sangat bermanfaat, karena mereka tidak jarang menemukan website atau blog yang isinya kebanyakan iklan, yang menurut beberapa kalangan dianggap sangat mengganggu. Namun jika kita melihat dari sisi si empunya website atau blog tersebut, kehadiran iklan tersebut dianggap sebagai salah satu pundi penghasilan dari blogger dan admin website. Berbagai pandangan ini seperti menempatkan kita dalam  "Perang" antara pendukung AdBlocker dan Anti AdBlocker . Bagi seorang blogger dan webmaster, aplikasi adblocker tentunya sangat merugikan mereka. Namun hal tersebut dapat diatasi dengan skrip kode yang memaksa pengunjung agar mereka mematikan/me-white-list web atau blog mereka di aplikasi adblocker pengunjung. Walaupun skrip anti adblock...

Membuat Website dan Aplikasi di App Engine

1. Apa itu App Engine? App Engine merupakan salah satu produk dari Google Cloud Platform yang memang ditujukan bagi para pengembang aplikasi. App Engine merupakan Platform as a Service (PaaS) yang menawarkan kepada pengembang website dan aplikasi mobile untuk membangun dan menjalankan aplikasi dengan infrastruktur yang dimiliki Google. Secara sederhana, kita memiliki hosting yang dikelola oleh Google, kita tinggal membuat dan menjalankan aplikasi yang ingin kita buat. Sampai saat ini, App Engine mendukung 4 bahasa pemrogaman yang dapat dijalankan di App Engine itu sendiri, yakni PHP, Python, Java dan Go. Anda dapat mencicipi App Engine sesuai dengan bahasa pemrogaman yang anda kuasai. Namun jika anda hanya menguasai HTML dan CSS saja, anda tetap dapat memakai dan menggunakan App Engine, karena memang pada dasarnya layanan App Engine merupakan salah satu produk dari Google Cloud Platform yang notabene menyediakan layanan hosting bagi para developer, termasuk developer website. Harga...

Alternatif Hosting Kode (HTML, CSS, dan Javascript) Gratis

Sering kali ketika sedang coding, kita ingin menyimpan kode yang kita buat tersebut di internet agar tidak hilang atau dapat kita gunakan lagi di kemudian hari. Namun untuk menyimpan kode-kode seperti HTML, CSS atau Javascript tersebut, tentunya kita harus menyewa hosting dan kita akan keluar kocek yang kadang memberatkan kita. Berikut merupakan rekomendasi buat kalian yang ingin menyimpan kode-kode HTML, CSS atau Javascript, baik untuk tujuan penyimpanan ataupun memang dengan tujuan untuk memakai kode tersebut sebagai penunjang website anda. 1. Google Drive Siapa yang tidak tahu dengan Google Drive . Layanan free storage milik Google ini dapat menyimpan berbagai file, mulai dari gambar sampai kode-kode tertentu seperti HTML, CSS dan Javascript. Kuota penyimpanan yang disediakan juga tidak tanggung-tanggung, sebanyak 15 GB per akun. Jumlah yang sangat besar, namun begitu, jumlah tersebut merupakan jumlah keseluruhan file atau data yang kita simpan di Google ini sendiri. Jadi bukan hany...

Hosting file HTML, CSS dan Javascript gratis di GitHub

GitHub merupakan tempat penyimpanan repositoris dan manajemen project bagi developer code. Disini kalian dapat memamerkan kode hasil editan kalian, berkolaborasi dengan rekan sesama developer ataupun hanya melihat hasil kerja para developer lain, baik itu project open source (terbuka) ataupun private project (tertutup). GitHub sendiri menyediakan akun secara gratism maupun berbayar. Enaknya ketika kita mempunyai akun di GitHub, kita dapat menyimpan file dalam bentuk HTML, CSS dan Javascript kita ke dalam GitHub dan mengaksesnya, layaknya sebuah website biasa. Dan yang lebih menggiurkan para developer, tidak ada batas kuota penyimpanan kita di GitHub, semuanya disimpan secara gratis di GitHub. Berikut bagaimana kita dapat menyimpan file HTML, CSS dan Javascript secara gratis di GitHub. 1. Buka akun di GitHub Cara membuka akun di GitHub juga sangat sederhana, silahkan kunjungi website GitHub disini . Dibagian kanan atas, silahkan klik Sign Up atau langsung isi keterangan di sebelah kana...

Parse HTML Tools

Parse HTML Tools merupakan tools yang sangat berguna bagi Blogger. Tools ini berfungsi untuk mengkonversikan kode-kode HTML tertentu ke dalam format XML. Kita tahu bahwa bahasa web-progamming yang dipakai dalam Blogger merupakan .xml dan tidak semua fungsi atau kode-kode HTML dapat dibaca dengan format xml. Karena itu tools ini sangat berguna bagi Blogger yang ingin mengkonversi kode-kode tertentu ke dalam format .xml. Jika kita ingin mengedit template atau tampilan blogger dengan menggunakan kode-kode dari luar, misalnya Adsense atau yang lain, biasanya kita edit di bagian template. Namun ketika disimpan, tiba-tiba muncul pesan merah dibagian template editor yang menyatakan : Error parsing XML, line xxx, column xx: The reference to entity "version" must end with the ';' delimiter. Atau seperti gambar yang ditunjukkan dibawah. Cara mengatasinya, kita harus memparsing kode-kode tersebut dalam format xml agar dapat kita simpan. Caranya dengan mencopy kode tersebut, dan ...

Icon Social dengan gambar Font Awesome

Ketika kita surfing di internet, kita biasanya melihat banyak sekali website yang menyediakan link ke arah sosial media mereka seperti facebook, twitter, google+ dan masih banyak lagi. Jika kita ingin membuat social button seperti itu, ada beberapa kelemahan yang kita rasakan sebagai seorang blog atau web developer, yaitu social button gambar tersebut biasanya berupa gambar yang mempunyai kekurangan seperti editing yang susah dalam format template yang responsive. Kelemahan social button gambar yang lainnya misalnya waktu loading web/blog semakin bertambah karena ukuran file gambar yang dipakai juga biasanya mempengaruhi kecepatan situs tersebut ditampilkan. Untuk mengatasi beberapa masalah tersebut, kita bisa memanfaatkan social icon dengan format font. Selain ukurannya yang kecil yang akan berpengaruh pada kecepatan suatu situs, font juga mudah diformat terutama dari ukuran untuk keperluan template-template web/blog yang responsive. Sebelum menulis kode HTML social icon ini, kita har...

Social Share Button Sederhana

Bagi seorang web ataupun blog developer, social sharing button merupakan hal yang wajib dan harus ada di website atau blog kita. Social share button berfungsi untuk membagikan postingan web kita ke berbagai media sosial. Selain fungsinya sebagai salah satu cara untuk mempromosikan website kita secara gratis, social sharing juga sekarang dijadikan pengukur bagus tidaknya SEO website atau blog kita. Saat ini sudah banyak berkembang plug-in ataupun tutorial yang membahas tentang social share button. Namun ketika kita memakai plug-in dari pihak lain, biasanya mereka menitipkan link-link mereka ke plug-in tersebut. Disamping itu, bentuk plug-in social share button hanya sebatas itu-itu saja dan jarang bervariasi. Hal tersebut menjadikan tampilan website atau blog kita serupa dengan orang lain. Kalau kita mempunyai tampilan yang berbeda dari yang lain, tentunya itu akan menjadi nilai plus tersendiri. Berikut merupakan tampilan social share button sederhana yang dapat dijadikan referensi buat...