Senin, 25 Juni 2012

"AYOBAY" Facebook Buatan Indonesia

AYOBAI (Ayo Bangkit Indonesia), adalah sebuah Facebook buatan Indonesia, yang akan melakukan launching resmi 17 Agustus 2012, memberikan kesempatan kepada semua orang Indonesia untuk ikut mempromosikannya dengan imbalan kepemilikan saham.
Bedanya, disini AYOBAI akan memberikan saham kepada kita sebagai orang yang mempromosikan situsnya.
Silakan daftar gratis sekarang DI SINI...
Diposting oleh di Tidak ada komentar:

Minggu, 24 Juni 2012

Cara Pasang Shortcut Icon Back To Top

Kali ini saya akan mencoba menjelaskan cara membuat shortcut icon yang akan selalu tampil di pojok layar yang berfungsi untuk menggulung scroll ke atas dan ke bawah ditambah sebuah icon untuk merefresh halaman blog.
Jika ada yang tertarik berikut cara memasangnya :

Seperti biasa anda harus login ke Blogger klik Rancangan klik Edit HTML.
Kemudian cari kode ]]></b:skin> jika sudah ketemu copy kode CSS berikut dan pastekan di atasnya

#ngisor-nduwur {
position:fixed;_position:absolute;
bottom:0px; 
right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}

#ngisor-nduwur a{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}

#ngisor-nduwur img{
border:0;
}

#ngisor-nduwur a:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

Keterangan : Kode yang berwarna biru adalah letak dari widget, "bottom" bisa anda ganti dengan "top" dan "right" bisa anda ganti dengan "left".

Kemudian cari kode </body> dan tambahkan kode <a name='ngisor-dhewe'></a>tepat diatasnya.

Selanjutnya cari kode <body> copy paste kode berikut dan letakkan dibawahnya

<div id='ngisor-nduwur'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwCnrtDW7ewdsCCL34rcjg9VMZxcvbap2kDp-HCRGdlpO5SBqFaXFhlKQYcAxLxkf9rELCFbY0hCAd0xeI_4BrdgXKvfTZf_VzZTs0rJAbimro4sKzLxHVBe697ZoS0-Iz_PdGrcYH5Fg/s1600/ngarepan.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFokLIcX8wv9eIApVbEWr-AKQeO8XJiCRomXytBjmWFBznqvRoWYDFwYPU3R0mUSzGUj2HsxQ4Ox8yWIut-32LVHiXYE5tYGFcFbla1XLmIY9PnlX2p7A5NWMgFhUj1Ce9qOHQydXuQuQ/s1600/nduwur.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpKuUzpX-6esyZ64cMALjcPsNU_CJIwC7S4FeyaD80_l6JbG0ydxzMOIqsuXVpaWb6ro5GHV6XSm4b79Y54VLqJjJI0lZ8L5f-dn9oXcIlbG3PGGIYjfK1EWRPmXuTeS2A-p61gWS-IPg/s1600/ngisor.png'/></a></td>
<td><a href='#' onClick='window.location.reload()' title='Reload page'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuPzQ0DVBcOuUzaxmxPLx0bmVgTLmJJbhT2HqZW1-Ka7aWCZLtoZ9RhGJqcth3tIGU8fCDu9NvSFl1Hd2aqgML4mVlyqi2H8nQaUQtRAj_TgO3oaK1z_k9Tq_E7-Zy2DQe4L_TpHLEQyY/s1600/segerke.png'/></a></td>
</tr>
</table>
</div>

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba
Diposting oleh di Tidak ada komentar:

Cara Pasang Gambar Status Page Loading

Caranya sebagai berikut :

Login ke Blogger klik Rancangan klik Edit HTML klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Kemudian, cari kode <body>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3).
Jika sudah ketemu ganti dengan kode dibawah ini :

<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://i1002.photobucket.com/albums/af149/Imtikhan/Loading1.gif'/></div>

<script src=' http://imtikhan.googlecode.com/files/loading.js' type='text/javascript'/>

Keterangan : Untuk mengubah penempatan gambar loading silahkan atur sendiri pada kode text-align:center sobat bisa mengubahnya dengan left, right, top ataubottom.
Url gambar diatas bisa sobat ganti dengan Url gambar pilihan sobat
berikut contoh gambar beserta kodenya :

Status Page Loading

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading1.gif

Status Page Loading

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading2.gif

Status Page Loading

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading3.gif

Status Page Loading

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading4.gif

Status Page Loading

http://i1002.photobucket.com/albums/af149/Imtikhan/Loading5.gif

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba
Diposting oleh di Tidak ada komentar:

Cara membuat link di Blog berkedip ketika cursor melintas

Maksud judul diatas adalah jika sobat menyorot link maka link tersebut akan berkedi-kedip.
Jika sobat ingin mencoba
Silahkan ikuti langkah-langkah berikut ini :

Login ke Blogger klik Rancangan klik Edit HTML
Silahkan cari kode </head> di dalam template sobat.
Jika sudah ketemu tambahkan kode berikut ini sebelum kode </head>

<style>
a:hover { color:#0000ff; text-decoration:blink; border-bottom:1px dotted #0000ff; }
</style>

Keterangan :
- kode color:#0000ff; adalah warna link tersebut
- kode text-decoration:blink; menyatakan link akan berkedip ketika disorot cursor
- kode border-bottom:1px dotted #0000ff; adalah warna garis bawahnya
Silahkan sobat variasikan sesuai keinginan.
Jika sudah selesai klik SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba


Thanks To, Neo Saga Affan
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)