icodingz - PHP, HTML, Java Script: June 2013

Floating Bottom Image di halaman web

Untuk membuat Fixed Floating bottom image. Silahkan ikutin petunjuk dibawah ini.
Silahkan cari bagian <HEAD> dan copas kan Script di bawah ini.

KHUSUS untuk Blogspot bagian <Head> section harus didalam <skin>....</skin> bagian paling akhir diatas </skin>

<STYLE>

/* Floating Bottom Banner http://icodingz.blogspot.com
------------------------------------------------------------------------------ */
#bottombanner {
display:block;
background:#000;
color:#fff;
position:fixed;
bottom:0px;
left:300px;
width:468;
text-align:center;
height:60px;
z-index:999;
}
#bottombanner a {
margin:0 auto;
}
#bottombanner img {
border:none;
}

</STYLE>

Lalu cari bagian <BODY> dan copas kan script dibawah ini

<div id='bottombanner'>
<a href='http://domainanda.com/' target='_blank'><img src='http:/domainanda.com/banner 468x60.gif'/></a>
</div>

Script ini sdh di test dan berhasil di JOOMLA, WORDPRESS, Blogspot.

Silahkan dicoba semoga bermanfaat.

Auto Random Windows Popup

Cara yang paling fleksibel menambahkan Auto Random Window Popup, menggunakan JavaScript wizard untuk membuat, menyesuaikan, dan menambahkan pop up atau pop di bawah jendela ke situs Anda. Kontrol tepatnya frekuensi jendela, apakah itu sekali per sesi browser atau periode yang diinginkan (misalnya: sekali setiap 24 jam). Bagi yang belum tahu, popup mengacu pada sekunder, jendela biasanya lebih kecil yang banyak di atas jendela utama, dan berisi dokumen HTML terpisah di dalamnya.

Copy & Paste script dibawah ini ke bagian <HEAD> section pada web anda.

<script type="text/javascript">

//JK Popup Window Script (version 3.0)- By JavaScript Kit (http://www.javascriptkit.com)
//Visit JavaScriptKit.com for free JavaScripts
//This notice must stay intact for legal use
//Win Type: Pop Up | 5 minutes period

//Specify URLs to randomly select from and popup/popunder:
//To display a single URL, just remove all but the first entry below:
var popurls=new Array()
popurls[0]="http://www.javascriptkit.com" // edit nama web
popurls[1]="http://www.drive.com" // edit nama web popurls[2]="http://www.webmasterpick.com" // edit nama web popurls[3]="http://www.codingforums.com" // edit nama web
function openpopup(popurl){
var winpops=window.open(popurl,"","width=400,height=400,location,status,scrollbars,resizable")
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) { // if cookie exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1)
         end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
return returnvalue;
}

popfrequency="5 minutes" // waktu default 5 menit

function resetcookie(){
var expireDate = new Date()
expireDate.setMinutes(expireDate.getMinutes()-10)
document.cookie = "jkpopunder=;path=/;expires=" + expireDate.toGMTString()
}

function loadornot(){
if (get_cookie('jkpopunder')==''){
openpopup(popurls[Math.floor(Math.random()*(popurls.length))])
var expireDate = new Date()
expireDate.setMinutes(expireDate.getMinutes()+parseInt(popfrequency))
document.cookie = "jkpopunder="+parseInt(popfrequency)+";path=/;expires=" + expireDate.toGMTString()
}
}

if (get_cookie('jkpopunder')!=parseInt(popfrequency))
resetcookie()
loadornot()

</script>

Tidak semua halaman web bisa. Sdh di test dan berhasil di Joomla, Wordpress, Blogspot.
atau anda bisa langsung create sendiri di JK Popup Window Generator
Semoga silahkan di coba dan semoga bermanfaat.

Cara Menambahkan Add a Gadget pada Template Blogger

Seperti yang kita ketahui bahwa Add a Gadget adalah sebuah fasilitas yang digunakan untuk menambahkan widget baru pada template. Sehingga kita bisa menambahkan widget atau kode HTML tertentu pada blog kita

Namun ada sebagian template yang tidak menyediakan fasiltas add a gadget pada bagian tertentu sehingga kita tidak bisa menambahkan widget atau kode HTML pada bagian tersebut.

Sebagai contoh, anda ingin menambah widget pada bagian header namun dibagian tersebut tidak ada Add a Gadget.

Lalu bagaimana caranya? Gampang silahkan ikuti langkah-langkah dibawah ini:

1. Login ke blogger. Klik Layout -> Edit HTML
2. Cari kode:

<div id='header'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

atau

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Keterangan:
Maxwidgets: jumlah widget yang bisa ditambahkan
Showaddelement: menampilkan fungsi add a element atau add a gadget.

3. Kalau sudah ketemu, ganti kode diatas dengan kode berikut ini

<div id='header'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

atau

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

Itu berarti kita bisa menambahkan maksimal 3 widget pada bagian header. Anda bisa mengganti angkanya dengan nilai lain sesuai kebutuhan.

4. Jika sudah, klik Save Template lalu klik Page Element maka hasilnya akan menjadi seperti ini.

Untuk bagian Blog Post cari kode:

<div id='main'>
<b:section class='main' id='main' showaddelement='no'>

Sedangkan untuk bagian Footer cari kode:

<div id='footer'>
<b:section class='footer1' id='footer1' showaddelement='yes'>

Tuesday, June 25, 2013

Floating Bottom Image di halaman web

Auto Random Windows Popup

Cara Menambahkan Add a Gadget pada Template Blogger