Mengganti Cursor di Blog

 Karena pada hari ini ku harus latihan sepak bola.., ku harus nulis posting dulu sebelum itu., kali ini ku mau posting yang ditujukan para blogger., "bagaimana cara mengganti cursor di blog?" ya seperti biasanya temenku tanya2 soal itu., ya ku posting aja biar puas..,  Karena waktuku cuma dikit, ku singkat aja. Caranya :

1. Login ke blog kamu.
2. Tata Letak >> pada elemen laman kamu klik add gadget >> HTML/Java Script.
3. Lalu coppas kode dibawah ni. ☼
   
   <style type="text/css">body {cursor:url("http://baykun.byethost15.com/cursorbiru.ico"),default}</style>
   
   
4. Lalu di Save.., dan liat hasilnya.
5. Jangan lupa comment.., hehe.
6. kalau gak bisa ulangin sekali-lagi.
   

AaAaAa = ganti dengan URL icon Cursor  Anda.

Semoga postingku ini bermanfaat bagi kalian yang membutuhkannya., thanks for visited..,

Memasang Gadget Tukar Font Pada Blog

  Okelah...., kali ini saya akan memposting "Memasang Gadget Tukar Font Pada Blog" sesuai request dari visitor Akatsuki Blog™, fatymazahra., kalian tau tidak Gadget Tukar Font seperti apa ? tidak tau ?? kasian...kasian...kasian...,. hehe..,  nih ku kasih tau apa Gadget Tukar Font itu :

         Sudah tau kan ?? blog kalian mau dipasang Gadget seperti itu.., mau ?? ya sudah deh ku kasih tau cara-caranya membuat Gadget seperti itu..,

1. Login ke Blog anda.
2. Klik Dasbor >> Rancangan/ Tata Letak.
3. Lalu klik Tambah Gadget >> Pilih HTML/ JavaScript.
4. Lalu masukan kode di bawah ini beserta kode menu dropdown di bawah ini :
 
<script> function go1(){ if (document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value != "none") { document.getElementById('main').style.fontSize =document.selecter2.select2.options [document.selecter2.select2.selectedIndex].value } } function go2(){ if (document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value != "none") { document.getElementById('main').style.fontFamily =document.selecter2.select3.options [document.selecter2.select3.selectedIndex].value } } </script> <form id="forma" method="POST" name="selecter2"> <select name="select3" onchange="go2()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="Times New Roman">Times New Roman </option><option value="Arial">Arial </option><option selected="selected" value="Book Antiqua">Book Antiqua </option><option value="Bookman Old Style">Bookman Old Style </option><option value="Century Gothic">Century Gothic </option><option value="Comic Sans Ms">Comic Sans Ms </option><option value="Tahoma">Tahoma </option><option selected="selected" value="Trebuchet Ms">Trebuchet Ms </option><option value="Verdana">Verdana </option></select> <select name="select2" onchange="go1()" size="1" style="font-family: verdana; font-size: 8pt;"> <option value="8px">8 </option><option value="9px">9 </option><option value="10px">10 </option><option value="11px">11 </option><option selected="selected" value="12px">12 </option><option value="14px">14 </option><option value="16px">16 </option><option value="18px">18 </option></select></form>
5. 
    Lalu Save..,

Hidden Chatbox

      Hidden Chatbox adalah sebuah tempat menyimpan atau meletakkan widget chatbox (Shoutmix, Shoutbox, dll) yang bisa bersembunyi. Contohnya seperti punyaku yang ada di sebelah kanan dan kiri., Manfaat dari Hidden Chatbox ini untuk menghemat template blog., Apakah kalian mau menggunakan cara seperti ini ? ya udah akan ku kasih tau caranya.
         Caranya sebagai berikut :

1. Login ke Blogspot >> Rancangan >> Elemen Laman 
2. Itu kan sudah langsung ke Elemen Laman terus Tambah Gadget >> Edit HTML/ Javasript
3. CopPas kode di bawah ini :
   
   Left Hidden Chatbox
   
   
   
   <!-- left hidden chatbox by http://DOPIND.blogspot.com/ START -->
   <style>
   #hcl {
   position:fixed;
   top:100px;
   left:0px;
   z-index:+1000;
   }
   * html #hcl {position:relative;}
   .hcltab {
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQtvK1sl43D9BtbA627kN_0N3kf8BLmj-UGj45au4jc4aFz-3FpSgdk68WsvLL3a4Q4H9NXzgmtBCHvVVVHtPTlET0pn04Mhp3D_tgtBXBEJ-w7HRXDOcLu-xKsAgpfA8hju_oHSXnDoc/s400/cbred-LEFT.png') no-repeat;
   }
   .hclcontent {
   float:left;
   border:2px solid #790909;
   background:#f3f6f7;
   padding:10px;
   }
   .hc-credit {font-size:9px}
   .hc-credit a {text-decoration:none}
   </style>
   <script type="text/javascript">
   function showHidehcl(){
   var hcl = document.getElementById("hcl");
   var w = hcl.offsetWidth;
   hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
   hcl.opened = !hcl.opened;
   }
   function movehcl(x0, xf){
   var hcl = document.getElementById("hcl");
   var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   hcl.style.left = x.toString() + "px";
   if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
   }
   </script>
   <div id="hcl">
   <div class="hclcontent">
   
   <!-- KODE SHOUTMIX ANDA DISINI -->
   
   <br />
   <div class="hc-credit">
   <span style="float:left">
   <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
   <a href="http://DOPIND.blogspot.com/2010/06/hidden-chatbox.html" target="_blank">
   Get this widget!
   </a>
   </span>
   <span style="float:right">
   <a href="javascript:showHidehcl()">
   [close]
   </a>
   </span>
   </div>
   </div>
   <div class="hcltab" onclick="showHidehcl()"> </div>
   
   </div>
   <script type="text/javascript">
   var hcl = document.getElementById("hcl");
   hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
   </script>
   <!-- left hidden chatbox by http://DOPIND.blogspot.com/ END -->
   
   
   Right Hidden Chatbox
   
   
   
   
   <!-- right hidden chatbox by http://DOPIND.blogspot.com/ START -->
   <style>
   #hcr {
   position:fixed;
   top:100px;
   z-index:+1000;
   }
   * html #hcr {position:relative;}
   .hcrtab {
   height:100px;
   width:30px;
   float:left;
   cursor:pointer;
   background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif4FTwa_FAk23l-gYWdo2Iu0KuVpQGnqO3wHqf3o3c-cAVAZtofPobiirFN8m1C6Evj5gjVpnWm9L8dqoZjRrCtBIBdG2Q_cXHv6JoLTGlNznONWbEGzYxynaRUiTfI7TE345eiuzipk0/s400/cbblue.png') no-repeat;
   }
   .hcrcontent {
   float:left;
   border:2px solid #003e82;
   background:#f3f6f7;
   padding:10px;
   }
   .hc-credit {font-size:9px}
   .hc-credit a {text-decoration:none}
   </style>
   <script type="text/javascript">
   function showHidehcr(){
   var hcr = document.getElementById("hcr");
   var w = hcr.offsetWidth;
   hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
   hcr.opened = !hcr.opened;
   }
   function movehcr(x0, xf){
   var hcr = document.getElementById("hcr");
   var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
   var dir = xf>x0 ? 1 : -1;
   var x = x0 + dx * dir;
   hcr.style.right = x.toString() + "px";
   if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
   }
   </script>
   <div id="hcr">
   <div class="hcrtab" onclick="showHidehcr()"> </div>
   <div class="hcrcontent">
   
   <!-- KODE SHOUTMIX ANDA DISINI -->
   
   <br />
   <div class="hc-credit">
   <span style="float:left">
   <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
   <a href="http://DOPIND.blogspot.com/2010/06/hidden-chatbox.html" target="_blank">
   Get this widget!
   </a>
   </span>
   <span style="float:right">
   <a href="javascript:showHidehcr()">
   [close]
   </a>
   </span>
   </div>
   </div>
   </div>
   <script type="text/javascript">
   var hcr = document.getElementById("hcr");
   hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
   </script>
   <!-- right hidden chatbox by http://DOPIND.blogspot.com/ END -->

Tulisan berwarna biru = Menunjukkan bahwa jarak tab dari atas
Tulisan berwarna biru muda = Tinggi dan lebar tab pembuka hidden chatbox
Tulisan berwarna kuning = Gambar yang dijadikan sebagai tab pembuka hidden chatbox

SemoGa pOstinG Q kali ini berManfAat bagi semua yang liat postingku ini dan jangan lupa tinggalkan komentar.., byE..,

Memberi Efek Salju Pada Blog

Bagi para blogger.., kalian pasti sudah liat blog yang ada efek saljunya.., bagi yang belum tahu cara menambahkan efek salju di blog. Saya akan memberitahu cara menambahkan efek salju pada blog.

Caranya sebagai berikut :

1. Buka blognya.
2. Lalu ke Dasbor >> Rancangan
3. Tambah Gadget
4. Pilih HTML / JavaScript
5. Lalu copy salah satu URL salju berikut :

>>> Salju Merah

<script src='http://agungosx.googlepages.com/saljumerah.js' type='text/javascript'></script>

>>> Salju Kuning

<script src='http://agungosx.googlepages.com/saljukuning.js' type='text/javascript'></script>

>>> Hijau Muda

<script src='http://agungosx.googlepages.com/greensalju.js' type='text/javascript'></script>

>>> Hijau Tua

<script src='http://agungosx.googlepages.com/saljuijotua.js' type='text/javascript'></script>

>>> Salju Merah Muda

<script src='http://agungosx.googlepages.com/pinksalju.js' type='text/javascript'></script>

>>> Salju Ungu

<script src='http://agungosx.googlepages.com/saljuungu.js' type='text/javascript'></script>

>>> Salju Biru Muda

<script src='http://agungosx.googlepages.com/saljubirumuda.js' type='text/javascript'></script>

>>> Salju Biru Tua

<script src='http://agungosx.googlepages.com/saljubiru.js' type='text/javascript'></script>

>>> Salju Coklat

<script src='http://agungosx.googlepages.com/saljucoklat.js' type='text/javascript'></script>

>>> Salju Orange

<script src='http://agungosx.googlepages.com/saljuorange.js' type='text/javascript'></script>

>>> Salju Hitam

<script src='http://agungosx.googlepages.com/saljuhitam.js' type='text/javascript'></script>

>>> Salju Putih

<script src='http://agungosx.googlepages.com/saljuputih.js' type='text/javascript'></script>

7. Save

8. Kalau berhasil comment ya....

Membuat Blog Intro (Gambar) di Blog

       Sebuah blog jarang di temukan menggunakan intro blog, karena mungkin memang susah membuatnya di blog tidak seperti di web.  Kebanyakan blog mulai dari halaman sampai halaman akhir template nya tidak berubah sama sekali, tetap itu aja seperti di halaman awal.  Sudah tau apa itu intro blog ?  Intro blog ini adalah template awal saat kita membuka blog, mungkin bisa di pasang gambar, banner blog ataupun hanya sekedar judul blog.

        Kadang desain atau tampilan blog yang berbeda dari blog lain itu sangat sering di kunjung, karena memang terlihat unik dan menarik perhatian pengunjung agar datang ke blog lagi dan lagi.  Nah.. salah satunya adalah membuat intro blog.  Demo nya bisa di lihat di link berikut http://mencobago.blogspot.com/ , tertarik kagak ? pastinya dong ^_^

Berikut langkah - langkah membuat intro blog

1. Login ke blogger
2. Lalu klik 'Design' > 'Edit HTML' > centang 'Expand Widget Templates'
3. Letakkan kode berikut di bawah kode <b:includable id='main'> (yang paling atas)
   
   
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
   <style>body{background-color:#ffffff;background-image:none;}#akatsukiblog{font-size:80px;padding-top:220px;text-align:center;color:#ff0000;}#navbar-iframe{display:none;}#layout_wrapper{display:none;}#outer-wrapper{display:none;}#deopradipta{padding-top:30px;text-align:center;font-size:14px;font-weight:bold;</style><b:else/><style>#deopradipta{display:none;}#akatsukiblog{display:none;}</style></b:if>
   
   
   #Ganti kode yang berwarna hijau dengan kode warna yang sesuai dengan gambar
   
   
4. Setelah itu letakkan lagi kode berikut di atas kode </body>
   
   
   <div id='akatsukiblog'><data:blog.pageTitle/></div><div id='deopradipta'><a expr:href='data:blog.homepageUrl + &quot;search/label/?max-results=3&quot;'><blink>Masuk ke Blog</blink></a></div>
   
   #Jika ingin memasang gambar ganti kode yang berwarna ungu dengan kode gambar
   
   
5. Setelah itu 'Save Template' dan lihat hasilnya .. makasih ^_^

Membuat Kursor Dikelilingi Bintang

     Langsung aja..  coz aku ngantuk berat sudah malem ini --".. :O hoaamm...

1. Ke Dashboard, trus klik Design, klik Add a Gadget

2. Klik 'HTML/JavaScript'

3. Pasang kode HTML dibawahini dalam 'HTML/JavaScript'

Untuk Bintang Warna Putih  :

<script src="http://sites.google.com/site/blogfuelblogfuel/widgets-js/bintang.putih.js" type="text/javascript"></script>

Untuk Bintang Warna Ungu  :

<script src="http://sites.google.com/site/blogfuelblogfuel/widgets-js/bintang.ungu.js" type="text/javascript"></script>

Untuk Bintang Warna Biru  :

<script src="http://sites.google.com/site/blogfuelblogfuel/widgets-js/bintang.biru.js" type="text/javascript"></script>

Untuk Bintang Warna Hijau  :

<script src="http://sites.google.com/site/blogfuelblogfuel/widgets-js/bintang.hijau.js" type="text/javascript"></script>

Untuk Bintang Warna Merah  :

<script src="http://sites.google.com/site/blogfuelblogfuel/widgets-js/bintang.merah.js" type="text/javascript"></script>

4. Lalu tekan Save .. dan liat hasilnya :D .. jangan lupa beri komentar kawan :)

Mengganti Cursor di Blog

Bosan yah klo Cursormu gambar panah terus ?? padahal kamu bukan atlet pemanah, hahahaha, saya sendiri juga bukan :P. Saya akan memberi tahu caranya mengganti panah tersebut, ehh maksud saya cursor :P

Berikut Langkah-langkah menggantinya :

1. Login ke www.blogger.com

2. Klik Tata Letak -> Edit HTML dan beri tanda centang Expand Widget Template


3. Lalu, cari kode body{

4. Setelah itu, paste kode dibawah ini setelah kode diatas

cursor: url("http://bohongan.gif"), default;


Boongan.gif diganti URL gambar cursormu, cari saja disini >>KLIK<<

5. Klik Simpan Template

Dan hasilnya bisa dliat dalam blogmu XD