Cara Menghapus Credit Link Template blogger Yang Redirect Pada Blog Lain

Cara Menghapus Credit Link Template blogger Yang Redirect Pada Blog Lain

Pernahkah anda mengunduh sebuah template lalu anda menggunakannya pada website atau blog anda?, namun pada template tersebut terdapat link credit pada bagian bawah atau footer yang bertuliskan nama pembuat template tersebut.

Apabila anda mencoba menghapus link tersebut maka secara otomatis website atau blog anda akan mengarah langsung ke halaman web si pembuat template tersebut.

Hal tersebut dikarenakan si pembuat template telah menanamkan kode javascript pada template tersebut.

Dimana apabila anda menghapus link credit tersebut akan membuat web anda akan mengarahkan otomatis ke halaman web si pembuat template.

Biasanya si pembuat template akan melakukan hal tersebut jika template hasil buatannya dibagikan secara gratis sebagai bentuk respect kepadanya dengan tidak menghilangkan link credit tersebut.

Namun, apabila template itu berbayar tentu anda bebas menghapus atau mengubah link credit tersebut.

Sebagai seorang blogger pemula seperti saya, biasanya enggan untuk membeli sebuah template dan selalu menginginkan sesuatu yang gratis.. Siapa siih... Yang gak mau gratisaaan, hehehe.

Alhasil, jika anda menggunakan sebuat template yang gratis, maka anda tidak bisa menghilangkan link credit yang ada pada template tersebut.

Namun jangan khawatir, disini saya akan memberikan tips dan trik cara menghilangkan link credit tanpa membuat halaman blog atau web anda mengarahkan kepada halaman si pembuat template.

Ada dua cara untuk menghapus credit link pada template Blogger yakni:

   1. Menyembunyikan Credit Link
       Menggunakan CSS.
   2. Menghapus kode Javascript
       pada template tersebut.

Mari kita bahas satu persatu kedua cara diatas.

1. Cara Pertama: Menyembunyikan Credit Link Menggunakan CSS

Buka laman blogger.com dan login ke akun
blogger anda.

Pilih menu Template kemudian klik tombol
Edit HTML seperti gambar dibawah ini.

Edit Html

Cari kode credit link seperti dibawah ini, biasanya terletak pada bagian bawah atau tag footer.
Kemudian tambahkan kode CSS style="visibility:hidden;" seperti pada gambar yang bergaris bawah.

Tambahkan Kode CSS

Kemudian klik Simpan / Save.

Dengan cara itu kita hanya menyembunyikan link credit yang pada pada bagian footer template, namun sesungguhnya credit link tersebut masih tetap ada didalam template.

2. Cara Kedua: Menghapus kode javascript pada template

Masuk pada bagian Edit Template seperti sebelumnya.

Cari kode seperti gambar dibawah ini.

Menghapus kode javascript

Blok kode dari tag //<![CDATA[ sampai //]]> Kemudian tekan tombol Delete / Hapus.
Selanjutnya silahkan Hapus kode credit link pada bagian footer.

Lalu klik Save / Simpan.

Dengan cara ini, anda telah menghapus kode javascript dan credit link pada template tersebut secara total.

Silahkan gunakan salah satu cara diatas, anda tidak perlu melakukan kedua-duanya.

Cara Proteksi Css Menggunakan Base64

Cara Proteksi Css Menggunakan Base64

Selamat sore sobat, apa kabarnya? Baik baik saja kah, kali ini saya akan berbagi sedikit tutorial dari Blog tetangga (ZTO) yg Kode aslinya dari Motyar - Blog kemudian di kreasikan lagi.. Sebelum sobat mencoba trik ini ada baiknya sobat mengenak dulu mengenal apa itu Base64 atau DataURI, jika sobat belum paham maka akan saya jelaskan sedikit disini..
Menurut wikipedia DataURI adalah penggunaan skema data secara inline didalam halaman web yang seakan - akan data tersebut berada pada web lain ( eksternal web ) Browser suppot DataURI silahkan sobat cek disini, pengkodean DataURI sebagai berikut ini

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

1. MIME-type berupa
• text/plain
• image/jpg
• image/gif
• image/png
• text/javascript
• text/html
• text/css
• audio/mp3
• audio/wav
• audio/ogg
• application/pdf
• text/xml
• Untuk semua jenisnya sobat bisa mengecek sendiri ke http://www.webmaster-toolkit.com/
2. Encoding baca selengkapnya
• US-ASCII
• UTF-8
• EBCDIC
• UTF-16
• UTF-32
3. Base64, Adalah Hasil Encode dari sebuah kode,url,teks dan gak tau apalagi, kodenya terlihat aneh jika dilihat namun memiliki isi. Contoh Base64,
   

   iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAS5JREFUOI2tlNmNhDAQRCekCYFQOMR9gzg+nZlD2RA2hN4uC0s7yAYD81FCou3XXWXwi4he35a14Pu+F4YhxXFMSZLYJLkuoijynaBBEHhpmlLbtjQMg1F938umaURRFJRlme8EzfOcxnGkdV2NWpZFMtgDuK5rYYTCMmCsN1t3gf7yxJhWyQhFhrDMViQ/vbIsD6HQNE06CjJCcShbhujssaVT6DaxkhGKE0VXZNV1HbJSUFvuXBOYFEDAL0F5o8qMT/lDVVX9wPY8z9eh2ITNiOa/eI2q35p0b5sbCN1MA+/YV5OxXSW839Z9HNglKDbjqf8k3egR9OwC0Y0f2d8LNax5ZH+vW5Oe/VHOmZ7leCQbVH3syAuXii3LS1BYwYd9lCPkCsWlK2HfRTboH71yVt9PdsQQAAAAAElFTkSuQmCC

4. Data berupa teks yang dihasilkan dari Base64 ( seperti contoh diatas ).

Saya harap anda mengerti, sulit? Memang sulit untuk memahami hal baru karena saya sendiri pernah mengalaminya.

BERIKUT TUTORIALNYA

1. Backup terlebih dahulu template sobat..
2. Edit Template sobat, 
3. Copy Javascript ini di atas </head>
   

   <script type="text/javascript">
   function whatdepak(css){
   var xdx = document.createElement("link");
   xdx.href = "data:text/css;base64,"+css;
   xdx.rel = "stylesheet";
   document.head = document.head || document.getElementsByTagName('head')[0];
   document.head.appendChild(xdx);
   }
   whatdepak("kode css base64 anda")
   </script>

4. Compres CSS sobat disini
5. Generate CSS anda menjadi Base64, disini kemudian simpan ke dalam Notepad.

Untuk penerapann sobat perlu mengambil Kode base64, saja seperti yg saya tandai

data:text/css;base64,Ym9keXtiYWNrZ3JvdW5kOmJsYWNrfQ==

Kode yg di tandai di atas adalah Base64, jadi kesimpulannya Hasil Generate CSS sobat yg di Copy paste ke Notepad di depanya ada kode seperti ini data:text/css;base64, sobat bisa menghapusnya...

Langkah terkahir adalah menggabungkan Javascript dan Base64, itu menjadi satu..

<script type="text/javascript">
function whatdepak(css){
var xdx = document.createElement("link");
xdx.href = "data:text/css;base64,"+css;
xdx.rel = "stylesheet";
document.head = document.head || document.getElementsByTagName('head')[0];
document.head.appendChild(xdx);
}
whatdepak("Ym9keXtiYWNrZ3JvdW5kOmJsYWNrfQ==")
</script>

Jangan bertanya apakah menambah Berat Loading Blog?
Jawabnya tentu tidak, kenapa?
Silahkan sobat cari tahu sendiri..

Tiga Cara Membuat Pengalihan/Redirect Halaman Dengan PHP, HTML, Dan Javascript

Tiga Cara Membuat Pengalihan/Redirect Halaman Dengan PHP, HTML, Dan Javascript

Tiga Cara Membuat Pengalihan/Redirect Halaman Dengan
PHP, HTML, Dan Javascript

Redirect page atau pengalihan halaman adalah suatu cara yang digunakan untuk mengalihkan suatu halaman website menuju webpage lainnya. Redirect halaman ini bisa dilakukan dengan berbagai bahasa pemrograman web seperti PHP, HTML, dan Javascript. Kita akan membahas satu-persatu cara mudah redirect page ini:

1. Redirect dengan PHP
   Kita letakkan script PHP berikut di sembarang tempat pada webpage PHP kita:
   

   
   <?Php
   header("lokasi:alamat-tujuan");
   ?>

   
   Dari script diatas kita ganti alamat-tujuan dengan alamat akan kita tuju. Contoh:
   

   
   <?php
   header("location:http://paitontio.blogspot.com");
   ?>

   
   Contoh diatas akan mengalihkan halaman secara otomatis ke http://paitontio.blogspot.com saat halaman tersebut diakses.
2. Pengalihan dengan HTML
   Adapun script untuk mengalihkan suatu webpage menggunakan script HTML adalah sebagai berikut:
   

   
   <meta http-equiv="Refresh" content="waktu-tunda; URL=alamat-tujuan">

   
   Waktu-tunda kita ganti dengan seberapa lama waktu yang diinginkan untuk tetap berada di halaman tersebut sebelum dialihkan ke alamat-tujuan. Waktu tunda ini menggunakan satuan sekon atau detik. Script diatas kita letakkan setelah tag <head> dan sebelum tag </head>.
   Contoh:
   

   
   <!DOCTYPE html>
   <html>
   <head>
   <meta http-equiv="Refresh" content="10; URL=http://paitontio.blogspot.com">
   </head>

   
   Kita akan dibawa menuju alamat http://paitontio.blogspot.com setelah 10 detik webpage tersebut kita akses.
3. Mengalihkan menggunakan Javascript
   Pengalihan dengan javascript ini bisa dilakukan dipasang pada halaman web yang bertipe PHP maupun HTML. Berikut ini adalah script redirect dengan javascript:
   

   
   <script language=javascript>
   setTimeout("location.href='alamat-tujuan'", waktu-tunda);
   </script>

   
   Waktu-tunda disini menggunakan satuan mili detik.
   Script diatas bisa dipasang diantara tag <head> dengan </head>
   maupun
   <body> dengan </body>.
   Contoh:
   

   
   <script language=javascript>
   setTimeout("location.href='http://paitontio.blogspot.com'", 10000);
   </script>

   
   Fungsi script diatas sama seperti nomor dua, yaitu mengalihkan halaman menuju http://paitontio.blogspot.com setelah 10 detik.
   

Demikian beberapa cara mudah dan cepat redirect halaman menggunakan PHP, HTML, dan Javascript. Semoga tutorial sederhana ini bisa bermanfaat.

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

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.

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 Barang	Ukuran
Nama A	Det. A	1
Nama B	Det B	2
Nama C	Det C	3

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>

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg11ilJl8i8gNYblTwHZnGufW2Fdzl1NIxVe_FIBecoOVJijgDcbrZBGZh8rQ18VFSAvjRvsnXu0p5W8UylpLFcjniftK748slwtMU6O5WO_mZi7o4A702h0rEeEyoNPZ4HY87wF4ES55Y/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.