Cara Buat Banner Melayang di Blogspot

Tadi malam saya mencoba mencari-cari dan googling sampai jam 3 pagi mencari bagaimana caranya untuk membuat Banner melayang di blog wordpress saya dan kira-kira pukul 3 lebih saya menemukan caranya dan langsung memasangnya di blog saya. Hasilnya bisa kamu lihat pada gambar dibawah ini.

Banner melayang

Gambar diatas adalah gambar banner melayang yang ada di blog saya MajalahAsik.com yang baru saja saya pasang.

Untuk kamu yang ingin membuat Banner melayang seperti milik saya ini sangat gampang. Cara ini bisa dipakai untuk Blogspot ataupun WordPress. Berikut caranya

Untuk Blogspot atau Blogger.com caranya adalah sebagai berikut:
1. Dari halaman dasbor kamu kamu klik Tata Letak
2. Setelah itu saat berada di Halaman Tata Letak Klik Add Gadget atau Tambah Gadget
3. Kemudian klik widget HTML/JavaScript
4. Selanjutnya kamu tinggal menambahkan script dibawah ini di widget HTML/JavaScript.
<style type="text/css">
#topbar{
position:absolute;
padding-top:170px;
padding-left:430px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
 barheight=document.getElementById("topbar").offsetHeight
 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
 var d = document;
 function ml(id){
  var el=d.getElementById(id);
  if (!persistclose || persistclose && get_cookie("remainclosed")=="")
  el.style.visibility="visible"
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
  el.y -= startY;
  }
  return el;
 }
 window.stayTopLeft=function(){
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : iecompattest().scrollTop;
  ftlObj.y += (pY + startY - ftlObj.y)/8;
  }
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y += (pY - startY - ftlObj.y)/8;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10);
 }
 ftlObj = ml("topbar");
 stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="http://www.voa-islam.com/images/close-icon.png" /></a></div>
<center>
<div style="background: #fff;">
<center>
Isi script Banner yang kamu inginkan disini
</center>
</div>
</center>
</div>


5. Pada tulisan yang berwarna Hijau isi dengan script yang kamu inginkan dan Pada tulisan yang warna merah kamu bisa gantikan dengan url gambar lainya. seperti berikut ini https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNMbpl3zT5YSOfhbEfEwX4UbqnuB2s6cp6v7Rc7LDh8YwwVDnxLEVUJTAtBT1VLR-afqNVDsJzeFhDuobm4214nwROSJLCdnf3AUglS9htUeF4Utt9cMPJ5pp1SmT6RD0HySGJMk9VnBjE/s1600/close3.png =>

6. Setelah itu klik simpan dan lihat hasilnya.

Sekian tutorial kali ini tentang cara membuat banner melayang di blog. Terimakash atas kunjungannya jangan lupa kembali lagi ya kapan-kapan :)

Apa Itu IdBlogNetwork.com?

IdBlogNetwork atau yang sering disingkat dengan IBN adalah salah satu StartUp Indonesia yang berdiri pada tanggal 1 oktober 2010 yang bisa dikatakan sangat sukses dengan jumlah publisher yang sampai ribuan.

Orang dibalik IBN sendiri sebenarnya adalah orang lama di dunia pengiklanan online seperti Kukuh TW  founder kumpulblogger.com layanan ppc lokal sejak january 2008, Mubarika Darmayanti yang pernah bekerja pada AdMax, FeminaGroup dan Kelompok Kompas Gramedia, dan Moch Farid(sekarag sudah mengundurkan diri dari IBN)

IBN memang masih berumur muda tapi bukan berarti mereka belum dikenal luas. Mereka bisa dibilang sekarang adalah Partnernya Blogger Indonesiacoba aja kamu lihat di blog-blog Indonesia rata-rata blognya ada iklan IBN.

Iklan yang ditampilkan oleh IBN bagus-bagus banget gak kayak startup Indonesia lain. Iklannya berkualitas dan brand-brand yang terkenal banyak memasang iklan di IBN. Namun sangat disayangkan terkadang gak semua Publishernya mendapat iklan. Aku belum tau gimana cara IBN membagi pembagian iklan kepada publishernya.

Jika kamu ingin mendaftar menjadi Publisher di IBN caranya gampang banget kok. Tapi buat yang masih binggung kapan-kapan dech aku nulis gimana caranya.

Oke sampai disini aja dulu artikelnya ya kalau memang kamu mau tau lebih jelas tentang idblognetwork langsung aja ke alamat websitenya http://idblognetwork.com

Penyebab 502 Bad Gateway dan Cara Mengatasinya

Musibah! lagi-lagi blog wordpress milik aku kena musibah ada pesan error 502 Bad Gateway. Seperti biasanya aku kebingungan dengan yang terjadi di blog wordpress aku MajalahAsik.com. Setelah itu aku mencoba mencari informasi di google tentang 502 Bad Gateway tersebut, maksudnya apa?

Dan dari hasil pencarian tersebut aku dapat beberapa penyebab kenapa blog aku bisa 502 Bad Gateway. Diantara penyebabnya adalah:


1. Request yang masuk yang tidak bisa dihandle oleh server sehingga menjadi timeout.
2. karena masalah dengan settingan file .htaccess
3. Karena error CDN aku yang ini juga kurang ngerti.
4. atau karena kode PPC atau Iklan yang ada di Blog/web. Saat request datanya dari server iklan.

Kira-kira itulah beberapa penyebab terjadinya 502 Bad Gateway kurang lebih. Kalau kamu ada tambahan penyebab terjadinya 502 Bad Gateway silakan di tulisakan di kotak komentar.

Cara memperbaiki pesan error tersebut sebenarnya sangat gampang karena aku gak melakukan apapun hanya menunggu beberapa saat dan akhirnya pesan error 502 Bad Gateway hilang. Kalau dalam waktu 30 menit pesan error 502 Bad Gateway tidak hilang juga segera melapor ke penyedia hosting dimana kamu menyewa hosting untuk blog kamu.

Itu yang aku lakukan dan semuanya kembali seperti semula. Jika pesan error 502 Bad Gateway tidak hilang dan penyedia hosting tidak bisa membantu pilihan terakhir adalah pindah server.

Sekian pengalaman aku tentang 502 Bad Gateway yang malam ini bener-bener bikin aku kesusahan dan binggung puyeng dan sebagainya.

Sampai jumpa :)

Cara Buat SubDomains Blog atau Web Di Hosting

Contoh subdomain adalah seperti ini misalnya keyoy.MajalahAsik.com, yang aku kasih warna merah itu yang disebut subdomain. Kalau istilah aku sendiri subdomain itu adalah anak dari domain utama dimana kita bisa membuat subdomain seberapa pun yang kita mau asalkan penyedia hostingnya mengizinkan, karena biasa ada beberapa hosting yang membatasi pembuatan subdomain.

Kali ini aku bakalan nulis tentang bagaimana caranya buat subdomain tersebut. Sebenarnya aku juga baru belajar sich gimana cara buatnya tapi gapaplah aku share sedikit sama kamu-kamu siapa tau bisa membantu nantinya kamu yang mau buat subdomain.

Langsung aja caranya adalah sebagai berikut.

1. Masuk ke Cpanel Hosting kamu. Kalau tidak tau bagaimana cara masuk ke Cpanel mungkin bisa baca dulu artikel yang aku tulis sebelumnya tentang Cara Masuk Ke Cpanel Hosting.

2. Setelah kamu masuk ke dalam hosting kamu cari subdomains di bagian Domain seperti yang ada pada gambar di bawah ini. Setelah kamu menemukannya klik Subdomains.

Doc. Dutaspace.com

3. Kamu sudah klik Subdomains? Kalau sudah akan muncul halaman seperti di bawah ini.

Doc. Dutaspace.com

Isi subdomain yang kamu inginkan pada tulisan blog digambar diatas dan setelah itu kamu tinggal klik Create dan subdomain yang kamu inginkan telah siap untuk dipakai.

Selesai dan subdomain siap untuk kamu gunakan untuk blog kamu yang lainya. Kalau ada yang salah dalam tulisan ini tolong di ingatkan ya? Kritik, saran dan pendapat kamu sangat aku hargai silakan di tuliskan di kotak komentar yang ada di bawah. :)