Memindahkan iklan XtGem
Sebenarnya postingan seperti ini sudah banyak berserakan dimana-mana, dan kebanyakan (hampir semua) artikel tersebut menerapkan metode yg sama, yaitu meletakkan elemen <body> sebelum penutup </body> (menjadi <body></body>) atau mengatur dengan css (body:before).
Tentu saja cara tersebut sangat tidak efektif karena masih tradisional dan menyalahi struktur HTML yang sudah di tentukan. Lantas, bagaimana cara paling efektif untuk memindahkan iklan bawaan XtGem yang sangat menyebalkan tersebut? Inilah yg akan menjadi bahasan kita kali ini.
Sebenarnya cara ini sangat simple dan tidak kalah mudahnya dengan hanya kita menuliskan tag body secara berhimpitan (percaya deh sob).
Pernahkah sobat berfikir tentang jQuery dan iklan XtGem? itulah yang sempat terlintas di benak Admin ketika belajar "jQuery untuk memanipulasi string". Iseng-iseng Admin coba, sebenarnya Admin tidak yakin sih cara ini akan ampuh untuk memindahkan iklan XtGem. Namun setelah saya coba hasilnya benar-benar mengejutkan!
Kita tidak hanya dapat memindahkan iklannya saja, namun juga dapat mengatur letak, warna teks (kan warna teks-nya berubah-ubah tuh) yang tidak mungkin dilakukan oleh css. Karena kalau kita intip dalemannya pasi disitu banyak sekali !important !important dan !important.
Yuk langsung saja menuju scriptnya. Pertama harus di sisipkan ini dulu di bagian _header atau _headtags. Kalau sudah ada abaikan saja.
<script src="//code.jquery.com/jquery-latest.min.js"></script>
Lalu pasang script ini tepat dibawahnya, terserah mau di eksternalin dulu atau ditulis langsung.
$(document).ready(function() {
$("div[style^=z-index]").appendTo($("body"));
});
Cukup sederhana kan? Kalau hanya memindah iklannya aja script seperti itu Admin pikir sudah cukup. Sebenarnya masih banyak yang dapat kita lakukan dengan bantuan jQuery ini, namun Admin tidak akan membahasnya sekarang.
Oh! iya, Pastikan Browser sobat support JavaScript dan tidak memiliki masalah saat mengeksekusi jQuery. Karena kode di atas bekerja berdasarkan JavaScript.
INGAT! Jangan membuat elemen <div style="z-index:..."> ... </div> di situs sobat, karena akan ikut berpindah ke bagian bawah. Kalau yang lain sih enggak masalah.