Rabu, 05 Desember 2018

Cara Menghilangkan branding Logo Powered 000webhost



Cara menghilangkan branding atau logo 000webhost - Tahukah anda 000webhost? 000webhost merupakan salah satu penyedia hosting yang sering kita gunakan, dan asal anda tahu 000webhost ini sangat populer dikalangan masyarakat. Jika anda pengguna 000webhost plan free (gratis) maka anda akan melihat branding atau logo 000webhost yang terpasang di pojok bawah kanan. Branding atau logo ini akan tampil di semua laman, Branding ini tidak akan hilang jika anda menggunakan plan free (gratis) dan menggunakan domain sendiri. Sering kali branding atau logo 000webhost yang tampil di setiap laman sangat mengganggu bukan? ya sangatlah mengganggu. Beberapa kali percobaan, disimpulkan bahwa branding ini yaitu mengganti tag </body> teratas dengan branding 000webhost. Dalam artikel ini akan membahas cara menghilangkan branding 000webhost dengan mudah.

Perlu diingat trik ini ditemukan oleh Si Jendol Panjoel

1. Hapus tag </body>

Menghapus tag </body> tidak direkomendasikan, saya juga tidak memakai trik 1 ini. tetapi ini juga bisa menjadi alternatif menghapus branding atau logo 000webhost. Penghapusan </body>  membuat server 000webhost tidak mengganti apapun dikarenakan laman tidak mempunyai tag </body>.

berikut contohnya:
<html>
<head>
<title>judulmu</title>
</head>
<h1>paitontio.blogspot.com my website</h1>
...
</html>

2. Comment Html

Soulusi kedua yaitu dengan mengakali server 000webhost dengan mengganti tag </body> yang salah. Untuk melakukannya sangat lah easy (mudah), cukup mengganti tag </body> dengan
<!-- </body> --!></body>. Ingat cara ini sangat direkomendasikan.

berikut contohnya:
<html> 
<head> 
<title>judulmu</title> 
</head
<body>  
<h1>paitontio.blogspot.com my website</h1>
... 
<!-- </body> --!></body>
</html>

Cukup sekian artikel yang saya sampaikan semoga bermanfaat bagi anda. paitontio.blogspot.com

Senin, 12 November 2018

Cara Membuat Gambar Background Fullscreen Dengan Css

Tidak bosan-bosannya saya menyapa sobat pengiat teknologi dimanapun berada, kembali lagi blog saya yang sederhana ini. Pada kesempatan kali ini saya akan membahas kembali tentang Css, di artikel sebelum kita telah mempraktekan cara membuat sebuah menu Dropdown yang sederhana. Tidak berbeda dengan tutorial sebelumnya, tutorial kali ini juga akan membahas tentang CSS yang sederhana yaitu cara membuat gambar background menjadi layar penuh / fullscreen.

Hal yang paling sederhana dan mudah dalam membuat gambar background pada web adalah dengan menggunakan sintak HTML biasa yakni
<body background="nama_gambarnya.jpg">
seperti yang sudah kita ketahui bersama bahwa   <body> merupakan bagian badan/tubuh dari sebuah dokumen HTML yang berfungsi untuk meletakan segala elemen dan artikel didalamnya, dan sintak  background=" "> ini digunakan untuk memberikan latar belakang yang bisa berupa warna maupun gambar, namun kelemahan dari sintak ini adalah tidak bisa menampilkan semua bagian gambar secara keseluruhan  hanya sebagian saja. Ini merupakan contoh jika menggunakan sintak HTML biasa :
Gambar yang akan digunakan (Full Size)
Saat diterapkan kedalam web, hanya terlihat sebagian saja

Dengan menggunakan Css, gambar background yang kita inginkan bisa tampil layar penuh / fullscreen sesuai dengan ukuran orisinil yang terdapat pada gambar. Baiklah, langsung saja ini dia Css-nya :

<!DOCTYPE html>
<html>
<head>
<title>Background Fullscreen dengan CSS</title>
<style type="text/css">

body {
background: url(nama_gambarnya.jpg) no-repeat fixed;
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   background-size: 100% 100%;
}

</style>
</head>
<body>

</body>
</html>

~~Penjelasan :
background: url(nama_gambarnya.jpg)   berfungsi untuk mencari gambar yang dituju
-webkit-background-size  ini merupakan ukuran background untuk pengguna browser Google Chrome dan browser berbasis webkit lainnya.
-moz-background-size   ini merupakan ukuran background untuk pengguna browser Mozilla Firefox.
-o-background-size   ini merupakan ukuran background untuk pengguna browser Opera.
background-size   ukuran pada background


Berikut adalah hasil dari gambar background pada web yang menggunakan CSS :
Dengan menggunakan CSS, background menjadi Fullscreen

Sekian tutorial yang saya berikan yakni membuat gambar background fullscreen dengan CSS, semoga bermanfaat dan dapat menambah pengetahuan sobat tentang pembuatan web.

Sabtu, 28 Juli 2018

Download Empat Web Proxy Php Script


EMPAT WEB PROXY PHP SCRIPT

Web PHP Proxy adalah skrip proxy berbasis web yang dirancang untuk cepat, mudah disesuaikan, dan dapat memberikan dukungan untuk situs 18+ yang Terbelokir/Terkena Internet Positif seperti Javhihi.com, javhd.com, javhd.pro dan Masih banyak situs yang lain.

Di artikel ini saya akan membagikan Empat Web Proxy Php Script Untuk Anda, Kalian Unduh Satu persatu aja ya.. Mana yang mendukung fitur javascript dan pemutar video nya.


Oke Checkidoot..


1. PHP-SCRIPT 5.1.0







2. PROXY - NRIRD







3. GLYPE 1.4.15









4. PHP PROXY v0.6 2010







Untuk Pemasangan Nomor 1, Nomor 2, Dan Nomor 4 Cukup Sederhana.
  • Login Ke Akun Hosting/cPanel
  • Klick File Maneger
  • Lalu Klick public_html
  • Upload File Web PHP Script yang kamu Download, lalu di extrack
  • Lalu Kunjungi http://www.domain-Kamu.com

  • Untuk Cara Pasang Nomor 3
  • Login Ke Akun Hosting/cPanel Sobat
  • Klick File Maneger
  • Lalu Klick public_html
  • Unggah File glype 1.4.15, Lalu di extrack
  • Kunjungi URL Panel Kontrol Admin Glype Anda (yaitu http://www.domain-Kamu.com/admin.php).
  • Setel opsi yang diinginkan dan simpan pengaturan Anda.
  • Kunjungi http://www.domain-Kamu.com
  • Minggu, 22 Juli 2018

    Cara Membuat Table Dengan Css

    Buat Tabel Bagan
    Salin dan tempelkan kode di bawah ini untuk menambahkan 4 baris berikut, 3 tabel bagan kolom. Berfungsi di situs web HTML5 dan HTML 4.01 dan template web. 

    Catatan: Di situs web dan template web yang responsif , berhati-hatilah saat menambahkan lebih banyak kolom sehingga tabel Anda tidak melebihi lebar sekitar 300 piksel (teks akan dibungkus) dan Anda mempertahankan respons halaman web Anda. 

    Nama Barang Rincian BarangUkuran
    Nama A Det. A1
    Nama B Det B 2
    Nama CDet C3

    Langkah 1: Tambahkan ke halaman HTML Anda:
    
    <table class="chartone"><tr><td class="c1title">
    Item Name<br>
    </td><td class="c1title">
    Item Details<br>
    </td><td class="c1title">
    Size<br>
    </td></tr><tr><td>
    Name A<br>
    </td><td>
    Det A<br>
    </td><td>
    1<br>
    </td></tr><tr><td>
    Name B<br>
    </td><td>
    Det B<br>
    </td><td>
    2<br>
    </td></tr><tr><td>
    Name C<br>
    </td><td>
    Det C<br>
    </td><td>
    3<br>
    </td></tr></table>
    

    Langkah 2: Tambahkan ke file gaya CSS Anda:
    Dapat ditambahkan ke bagian bawah file css global Anda atau di sebagian besar tempat lainnya. Jika Anda menggunakan opsi ini jangan tidak menggunakan opsi Langkah 3 bawah. 
    
    table.chartone, table tr.chartone, table td.chartone 
      { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }
    
    table.chartone td {
      padding: 7px 7px 7px 7px;
      border-spacing: 0;
      border: #B4BED0 1px solid;
      background-color: transparent;
      }
    
    .chartone {
      color: #000000;
      font: normal 11px arial, sans-serif;
      border: #000000 1px solid;
      }
    
    table td.c1title {
      color: #FFFFFF;
      font: bold 14px arial, sans-serif;
      background-color: #92A2C2;
      }
    

    Langkah 3: Tambahkan ke bagian kepala halaman HTML Anda: Secara 
    opsional ... Gunakan kode ini HANYA jika Anda tidak memiliki file CSS global (style.css atau nama yang serupa). Anda dapat melihat kode sumber halaman ini untuk melihat di mana kode berikut ditambahkan ke bagian <head> pada halaman HTML Anda. 
    
    <style type="text/css">
    table.chartone, table tr.chartone, table td.chartone 
      { border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }
    
    table.chartone td {
      padding: 7px 7px 7px 7px;
      border-spacing: 0;
      border: #B4BED0 1px solid;
      background-color: transparent;
      }
    
    .chartone {
      color: #000000;
      font: normal 11px arial, sans-serif;
      border: #000000 1px solid;
      }
    
    table td.c1title {
      color: #FFFFFF;
      font: bold 14px arial, sans-serif;
      background-color: #92A2C2;
      }
    </style>
    

    Sabtu, 14 Juli 2018

    Download Simplify Free Responsive Blogger Template

    Download Simplify Free Responsive Blogger Template

    Download Simplify Free Responsive Blogger Template - Oke, bagi yang penasaran mari kita lihat fitur yang sudah familiar dengan template-template yang sebelumnya,
    Template ini merupakan hasil buatan Arlina Design, Dan ada beberapa modifikasi dari template N Light yang sebelumnya saya bagikan.

    Berikut fitur yang ada di dalam template Simplify
    Features Availability
    Responsive True Cek
    Google Testing Tool Validator True Cek
    SEO Friendly True Cek
    Mobile Friendly True Cek
    Dynamic Heading True
    Adsense True
    Valid Schema.org True
    High CTR True
    Personal Blog True
    2 Column True
    Auto Read More with Thumbnail True
    Responsive Ad Slot True
    Breadcrumbs True
    Footer Link True
    Related Posts with Thumb True
    Search Box True
    Social Share Button True
    Responsive Sticky Navigation True
    Back to Top Button True
    Shortcodes True
    Unlimited Page Numbered True
    Recent Post with Thumbnail True
    Custom Contact Form Widget True
    Responsive Sitemap Widget (by Kompi Ajaib : Edited by Dunia Blanter) True

    Untuk demo dan link download, silakan klik tombol di bawah ini
    Untuk setelan template dan widget bisa lihat di postingan blog demo Simplify Template Documentation, semoga dengan template ini bisa mendukung kegiatan blogging sobat semua.

    Terimakasih Sudah Berkunjung di paitontio.blogspot.com

    N Light Responsive and SEO Friendly Blogger Template

    N Light Responsive and SEO Friendly Blogger Template

    N Light Responsive and SEO Friendly Blogger Template - Halo sobat Blogger, pada kesempatan ini saya akan berbagi sebuah template dari Arlina Design yaitu N Light Responsive Blogger Template.
    N Light adalah versi modifikasi dari template Invision, keunggulan dari template ini memiliki loading halaman yang cukup cepat baik itu diakses melalui desktop maupun perangkat mobile serta dibuat dengan tampilan Flat yang sederhana.


    Berikut fitur yang ada di dalam template N Light :
    Features Availability
    Responsive True Cek
    Google Testing Tool Validator True Cek
    SEO Friendly True Cek
    Mobile Friendly True Cek
    Dynamic Heading True
    Adsense Ready True
    Valid Schema.org True
    High CTR True
    Personal Blog True
    2 Column True
    Auto Read More with Thumbnail True
    Responsive Ad Slot True
    Breadcrumbs True
    About Me Widget True
    Related Posts with Thumb True
    Search Box True
    Social Share Button True
    Responsive Dropdown Menu True
    Smooth Back to Top True
    Shortcodes True
    Unlimited Page Numbered True
    6 Varian Template Premium Only
    Recent Post with Thumbnail (Pro 6 only) Premium Only
    Floating Search Box and Newsletter (Pro 6 only) Premium Only
    Random Post Menu Premium Only

    Untuk demo dan link download, silakan klik tombol di bawah ini
    Untuk setelan template bisa lihat di postingan blog demo N Light Template Documentation. semoga template ini dapat mendukung kegiatan blogging sobat blogger semua.

    Terima kasih Sudah berkunjung di paitontio.blogspot.com

    Cara Membuat Efek Animasi Loading Sederhana Saat Halaman Dimuat




    Cara Membuat Efek Animasi Loading Sederhana Saat Halaman Dimuat - Pada kesempatan ini Saya Pemilik Paitontio.blogspot.com akan berbagi tutorial memasang efek animasi loading saat halaman dimuat yang bisa sobat tambahkan di blog. Cara kerja dari trik ini sebetulnya sangat sederhana yaitu kode akan berjalan ketika sobat membuka blog saat proses memuat halaman dan akan berhenti secara otomatis ketika halaman tersebut telah termuat dengan penuh.

    Bagi sobat yang ingin mencoba menambahkan Efek Animasi Loading Sederhana di blog, silakan ikuti langkah berikut ini

    Cara Membuat Efek Animasi Loading Sederhana Saat Halaman Dimuat


    1. Login ke Blogger > Buka Template editor > Tambahkan kode di bawah ini sebelum ]]></b:skin> atau </style>
    
    #cssload {background:url(http://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAADcE/wwKnP62ARpc/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}


    2. Selanjutnya tambahkan kode di bawah ini di bawah <body>
    <div id='cssload'/>


    3. Tambahkan kode di bawah ini sebelum </body>
    
    <script type='text/javascript'> 
    //<![CDATA[ 
    // Loader 
    $(window).bind("load",function(){$("#cssload").fadeOut(1e3)}); 
    //]]> 
    </script>

    4. Simpan template dan lihat hasilnya.

    Demikian tutorial Cara Membuat Efek Animasi Loading Sederhana Saat Halaman Dimuat. Semoga bermanfaat.