Sunday, December 15, 2013

Cara Menambahkan Divider di Bagian Atas Blog

Halooo. . .
Udah lama nggak posting. Kali ini aku mau share soal divider yang ada di blogku.




Caranya :


 Buka Dashboard - - - Design - - - Edit html

 Tekan Ctrl + F, lalu cari tulisan ini :

</head>

 Copy Paste kode di bawah ini setelah kode di atas

<div style=" background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm8wFdSOMv6CC6aM1QhJB1L4Nmnl9UpXWAP7vzCuBg7b0G4B3fpUPeakWx4KO21n_Fwj14i5nztKEiqDY-nfYHef4_bvr7lj-mw5dj0rvEyA7erSLeLyLZIp-GseriU-gXtWqPHB9_6HzG/s1600/divider18.gif');   width: 100%;  height: 36px; z-index: 100; position: absolute; "></div>
 Klik preview, bila tak ada masalah, save.


NB :
warna ungu : alamat url divider
warna pink : tinggi divider


height : 27px


heigh : 46px



height : 50px




height :74px



height : 41px


height : 93px



height : 58px


height : 47px


height : 318px


height : 57px


height : 60px


height : 56px









Sunday, October 20, 2013

Cara Mengubah Cursor di Blog

Haloo
Hari ini aku mau share tutorial mengubah cursor di blog dengan mudah.

Langkah-langkah :
 Dashboard - layout - add a gadget - html/javascript.  lalu masukkan kode yang tertera di bawah ini  :
Sky Blue Bow Tie
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-9/oth802.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/04/sky-blue-bow-tie-4.html" target="_blank" title="Sky Blue Bow Tie"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sky Blue Bow Tie" style="position:absolute; top: 0px; right: 0px;" /></a>
Blinking Cute Box Cat 
<style type="text/css">body, a:hover {cursor: url(http://ani.cursors-4u.net/nature/nat-11/nat1040.ani), url(http://ani.cursors-4u.net/nature/nat-11/nat1035.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2013/02/16/blinking-cute-box-cat.html" target="_blank" title="Blinking Cute Box Cat"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blinking Cute Box Cat" style="position:absolute; top: 0px; right: 0px;" /></a>

Cute Happy Ghost 
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/holidays/hol-4/hol336.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/10/14/cute-happy-ghost.html" target="_blank" title="Cute Happy Ghost"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Happy Ghost" style="position:absolute; top: 0px; right: 0px;" /></a>
Pink Bobblehead Bunny
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1027.ani), url(http://cur.cursors-4u.net/nature/nat-11/nat1027.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/29/pink-bobblehead-bunny.html" target="_blank" title="Pink Bobblehead Bunny"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Pink Bobblehead Bunny" style="position:absolute; top: 0px; right: 0px;" /></a>
Purple Moustache
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth642.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/07/purple-moustache.html" target="_blank" title="Purple Moustache"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Purple Moustache" style="position:absolute; top: 0px; right: 0px;" /></a> 


 Untuk pilihan cursor yang lain, klik di sini.

Selamat Mencoba

First Post

Halooo ....
Selamat datang di blogku. Ini pos pertamaku lho.

Karena hobi utak-atik blog, dari template, layout, widget, jadi kepikiran nulis tutorial blog. Semoga bisa membantu.

 Happy Blogging