.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #cccccc; background-color:#cccccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #cccccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; }

Kamis, 27 Desember 2012

Memperindah Tampilan Tumblr!

heyaa.. namaku Lenny, disini sih aku masih berstatus newbie :D jadi harap maklum yaa...
hari ini aku mau ngeshare gimana cara mempercantik Tumblr!


1. Mustache Cursor

Mustache Cursor ini guna nya jadi di cursor nya itu ada gambar kumis yang hitam gitu
Cara-Cara buat nya :
1) Copy ini :


<style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/mustache.png'), auto }</style>
<div><a style="position:fixed;z-index:9 !important;top:300px;left:3px;" href="http://www.totallylayouts.com/" title="Tumblr Mouse Cursors" target="_blank"><img 
src="http://www.totallylayouts.com/img/install_cursors.png" alt="Tumblr Mouse Cursors" /></a></div>


2) Copy link di atas pas awal-awal kolom DESCRIPTION tumblr . Untuk ke kolom deskripsi nya . kita klik cutomize theme dulu baru muncul DESCRIPTION nya...
3) Klik Save
  





Trus tadi kan cursor nya yg rainbow sparkle nah gue mau kasih sparkle nya yg 1 warna aja .. Jadi kaya gambar tadi..

Cara-Cara nya adalah :
1) Klik ini
2) Trus tinggal pilih2 deh tuh warna nya 
3) Klik Generate trus ntar kan muncul link sparkle cursor nya yaudah copy aja di kolom DESCRIPTION tadi. 
4) Klik Save  

2. Cursor
Nah kalo cursor ini ada macam-macam gambar.. Tinggal pilih di sini
Trus kalo mau ngecopy nya ke tumblr :
1) Ke Customize theme lagi
2) Edit HTML
3) Cari style= *bisa dengan cara CTRL+F
4) Trus copy link cursor nya di bawah </div> 
5) Klik Update Preview
Nah ada lagi nih link tempat-tempat cursor ..
Di http://theme-cursors.tumblr.com juga ada cursor yg bagus-bagus dan link-link cursor lain nya.. Bisa di search di google hehehe :D
Sumber : http://dancing-bellasxo.tumblr.com/

3. Clocks and Calendars
Kalo mau buat  jam dan kalender di tumblr bisa ke sini 
Terus copy aja ke kolom DESCRIPTION

4.Twitter Badge
Misalnya kalo kalian pengen pajang akun twitter kalian di profil tumblr kalian bisa kok.. Cara nya :
1) Isi semua data twitter kalian di sini 
2) Klik 'Update Code'
3) Trus nanti kan ada link nya.. Nah itu copy paste ke EDIT HTML dulu trus paste di antara <head> and </head> tags 

5. Energy saving mode.
Cara buat nya :
1) Copy link ini 
2) Copy dan Paste di antara <head> or </head>

6. Fade pictures effect 
Kalo ini kayaknya buat post tumblr kita jadi transparan gitu deh..
Cara nya :
1) Copy nih code
2) Setelah di Copy, Paste code tadi di bawah <style type=”text/css”>
3) Klik 'Update Preview'
Segitu dulu ya link-link untuk memperindah tumblr kalian,, selamat mencoba ;;) 

5 komentar:

  1. arigato gozaimasu,,
    plizz visit www.chukildabest.blogspot.com and purelifes.tumblr.com

    BalasHapus
  2. kalo ngasih themes gimana?
    bales dong

    BalasHapus
  3. iya nih g bisa dicopy,,
    kalo bkin tampilan blog kita jadi beberapa kolom gimana??

    BalasHapus