0 Cara Membuat Efek Loading Halaman Pada Blog



kembali lagi dengan artikel tentang dunia blogging, kal ini saya akan membongkar rahasia membahas Cara Membuat Efek Loading Halaman Pada Blog, jadi jika pengunjung blog kita sedang membuka blog kita pasti-kan memakai loading, dengan memakai trik ini efek loading blog kita jadi lebih menarik. sebagai contoh silakan buka web demo ini . nah.. begitulah maksud dari trik ini.. bagi yang berminat langsung ikuti tutorial dibawah ini 

Cara Membuat Efek Loading Halaman Pada Blog
  • loggin ke blog kalian
  • buka menu rancangan --> pilih menu edit HTML
  • lalu cari kode  </head>
  • lalu letakkan kode dibawah ini, tepat diatas kode  </head>
<!-- Loading Page Script – nofal-sama77 – http://nofal-sama77.blogspot.com -->
<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(http://i1226.photobucket.com/albums/ee408/nofal-sama77/loading.gif) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type="text/javascript">
function css(classORid,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);
}
catch(e){}
}
function loaded(){
css("#page","display:block!important");
css("body","background:#000 url()");
}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>
  • lalu cari kode  <body>
  • lalu letakkan kode dibawah ini, tepat dibawah kode  <body>
    <div id="page">

  • cari lagi kode  </body>  
  • lalu taruh kode  </div>  diatas kode  </body>  
  • lalu save dehhhh
---selesai--- semoga bermanfaat HAppY BLOGging :)
Credit by : Naufal Sama 77
Editor By : Rahman De Cheaterz

0 Cara Merubah Warna Text Ketika di Blok

Untuk trick blogger hari ini. saya akan membahas tentang bagaimana cara merubah warna text ketika di blok (select text). untuk Demonya coba kalian blok text yg ada di postingan ini. Bagaimana..??  warna text berubahkan ketika kamu blok. Mau tau caranya, ok langsung aja ikuti langkah2nya...


Berikut langkahnya..
  •  Log in blogger.com
  •  Masuk ke Template > Edit Html
  •  Centang Expand Template Widget
  •  Tekan Ctrl + F, lalu cari kode ]]></b:skin>
  •  Letakan kode di bawah ini tepat di atas kode ]]></b:skin>


::selection {background:#000; color: #FF0000 }
::-moz-selection {background:#000; color: #FF0000 }
::-webkit-selection {background:#000; color: #FF0000 }


  • Kode yg berwarna orange adalah code warna yang akan berubah saat teks di Blok. kamu dapat merubahnya dengan code warna yg kamu suka. atau merubahnya menjadi transparent.
  • Kode yg berwarna ungu adalah code warna tulisan pada saat di blok. ubah dengan code warna yg kamu inginkan
  • setelah selesai SIMPAN Template kalian.


Sekarang coba kalian blok text yg ada di blog kalian.
Bagaimana ..???  berhasilkan.
sekian trick blogger dari saya, semoga bermanfaat.

NB : Boleh copas, asal jangan lupa mencantumkan sumbernya....

~Selamat Mencoba~

By : Adithya putra
Editor By : Rahman De Cheaterz

Label:

0 Post Title

<body onkeydown='return false;'>
Label:

1 Disable Klik Kanan, CTRL+A (Block) & CTRL+U (Source) di Blog


Awas artikel dijambret!! Pada postingan kali ini saya akan coba posting tutorial blog yang mungkin berguna untuk yang nggak suka arikel blognya di jambret alias di kopi-paste tanpa izin, dengan bermodal script yang berguna untuk Menonaktifkan fungsi Klik Kanan (Right Klik), Block isi pada postingan, dan View Source (CTRL+U) pada keyboard.

Dan berikut cara untuk mematikan fungsi tersebut :
  1. Masuk pada bagian Edit HTML pada bagian tab Rancangan
  2. Cari kode <body> jika sulit mencarinya gunakan fasilitas CTRL+F
  3. Ganti kode tersebut dengan kode di bawah ini :
    4. <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
  4. Kemudian Save.
Penjelasan :
  • oncontextmenu='return false;' (Berfungsi untuk mematikan fungsi klik kanan / right klik pada mouse)
  • onkeydown='return false;' (Berfungsi untuk mematikan fungsi CTRL+A dan CTRL+U pada keyboard)
  • onmousedown='return false;' (Berfungsi untuk mematikan block select pada text/artikel)
  • 'return false;' (Untuk mengaktifkan script yang digunakan)
Jika anda hanya menggunakan 1 fungsi diatas, anda tinggal menghapus script yang kiranya tidak terpakai.
Jangan Lupa Sumber Nya 
Label:

0 Cara Membuat Tooltip Otomatis Semua Title

Nih Screen Shootnya
Klick Gamber Untuk Memperbesar
Agar tidak berlama-lama lagi sekarang mari kita bahas Cara Membuat Tooltip Otomatis Semua Title di blog sobat.
Jika Masih Bingung Liat DEMO nya  [Here]


1. Masuk ke akun blogger sobat.


2. Pada Dasbor klick Rancangan ➨ Edit HTML.


3. Jangan lupa Centang Expand Template Widget ➨ Bckup dulu templatenya untuk mengantisipasi bila terjadi kesalahan.


4. Selanjutnya dalam Edit Template sobat cari kode <body>  Jika kesulitan mencarinya coba baca Cara Cepat Mencari Kode HTML.


5. Jika sudah ketemu sekarang sobat copy kode berikut dan paste atau letakkan di bawah kode tadi.

<script src='http://javascript-share.googlecode.com/files/wb.js'/><a href='http://www.warungbebas.com' id='wb_ttauth'>Created (c) by Princexells Seyka (Princelling Saki)</a><script type='text/javascript'>//<![CDATA[
wb.tooltip_setting =
{
func : "Tooltip",
top : 5,
left : 5,
maxw : 300,
speed : 20,
timer : 40,
endalpha : 95,
alpha : 0,
style_plus : "#tt{border:3px solid #778899;background:#dcdcdc}#ttcont{background:#000000;color:#00ff00}"
};
//]]></script><script src='http://javascript-share.googlecode.com/files/wb_tooltips.js'/>
<script src='http://javascript-share.googlecode.com/files/wb_autotooltips.js'/><!-- pembuka warungbebasautotooltip --><div id='warungbebasautotooltip'>


6. Selanjutnya sobat cari kode </body> lalu letakkan kode di bawah ini di atasnya.


</div><!-- penutup warungbebasautotooltip --><script type='text/javascript'>wb.$_auto_tooltip('warungbebasautotooltip');</script>


7. Simpan template.


Sekarang lihat sendiri hasilnya pada blog sobat. 
Keyword:Cara Membuat Tooltip Otomatis Semua Title, Cara Membuat Tooltip Otomatis Semua Title
Cara Membuat Tooltip Otomatis Semua Title 9out of 10 based on 10 ratings. 9 user reviews.
Label:

5 Cara Membuat Link Membuka Di TAB Baru


Pada beberapa waktu yang lalu blog ini telah membahas mengenai Cara Membuat Link Membuka Di Tab Baru. Di posting tersebut telah disebutkan bahwa untuk membuat link membuka di tab baru browser, Anda perlu menambahkan atribut target="_blank" pada setiap link yang mau Anda buat untuk membuka di tab baru.

Nah, bila Anda menginginkan semua link yang ada di blog Anda membuka di tab baru tanpa harus menambahkan atribut target="_blank"satu per satu ke kode HTML link, silakan simak caranya di bawah ini.
  1. Masuk ke akun Blogger Anda.
  2. Klik Rancangan > Edit HTML.
  3. Klik Download Template Lengkap untuk mem-backup template. Ini untuk mengantisipasi kalau-kalau nanti terjadi kesalahan dalam pengeditan.
  4. Cari kode <head>. Gunakan Ctrl + F untuk memudahkan pencarian.
  5. Letakkan kode <base target='_blank'/> di bawah kode <head>.
  6. Klik tombol SIMPAN TEMPLATE.
  7. Selesai.
Credit By : Rahman De Cheaterz


Ingat Jangan Lupa Sumbernya
Label:
Langganan: Postingan (Atom)
™Selamat Datang Sobat!Kunjungan Anda Sangat Berarti Bagi Saya. Dan Jangan Lupa Juga Kunjungin Balik Ya Blog Saya.™
 
--= [ Copyright © 2012 Rahman Chandra Modified By Rahman Blog Powered By Blogger ] =--