me gustas: 03/25/2012 - 04/01/2012
Entry About Follow Dashboard




Contact Me

credits
Maret 27, 2012 | 0 Cloud(s)
Navigation kayak Aku



Assalamu 'alaikum and Hye!


Tutorial kali ini direquest oleh Albert. Bagi yang belum tahu, iniloh navigation:



Oke, langsung aja, search kode ini:

</style>

Copy kode dibawah ini dan paste dibawah kode </style> tadi:

 a.cute {background: #kode warna background kamu;padding: 2px;letter-spacing: 2px;display: inline-block;width: 190px;color: #kode warna tulisan di navigation;border: 1px #kode warna border kamu jenis border;}a.cute:hover {border: 1px #kode warna border kamu jenis border;background : #kode warna background kamu;color: #warna tulisan;}



Search lagi kode ini:


</td>

Oh ya, kode </td> itu kamu cari yang ada dibawah kode create sidebar kamu.


Copy kode dibawah ini dan paste di atas kode </td> tadi:

<div class="bar">
<div class="main-title">TITLE SIDEBAR</div><br>
<center><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML" title="About">About</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Linkies">Links</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML" title="Posts">Entries</a>
</div>
<br>

- BOLD itu kamu ubah dengan judul navigations kamu.
- UNDERLINE itu jangan kamu ubah, biarkan saja.
- Italic ubah dengan judul-judul page yang kamu mau.


Copy lagi code ini dan paste dibawah kode tadi:


<div id="me" style="display:none;">
<div class="main-title">JUDUL</div><br>
TULISKAN APA YANG INGIN KALIAN TULIS. JANGAN HILANGKAN KODE </DIV> ITU.
</div>
<div id="love" style="display:none;">
<div class="main-title">JUDUL</div><br>
<a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a>
</div>

<div id="you" style="display:none;">
<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>


PREVIEW dulu! Klik-klik page-page yang kalian bikin tadi. Bekerja atau nggak. Oh ya, credit untuk Jaja.


Wassalamu 'alaikum ....

Label: ,

Maret 26, 2012 | 2 Cloud(s)
Cursor 1



Assalamu 'alaikum....

Hye! Nisa punya freebies lagi, nih. Siapapun boleh ambil kok, tadi harus credit! Tapi terserahlah. Nisa nggak mau maksa dan pasti nggak ada yang mau dipaksa, kan? :).

1. Small Cursor with Outline
http://cur.cursors-4u.net/cursors/cur-9/cur819.cur


http://cur.cursors-4u.net/cursors/cur-9/cur818.cur

 http://cur.cursors-4u.net/cursors/cur-9/cur818.cur

 http://cur.cursors-4u.net/cursors/cur-9/cur820.cur



http://cur.cursors-4u.net/cursors/cur-9/cur820.cur
 http://cur.cursors-4u.net/cursors/cur-9/cur820.cur


2. Cursor with Bow Tie


http://cur.cursors-4u.net/cursors/cur-9/cur846.cur



http://cur.cursors-4u.net/cursors/cur-9/cur845.cur

http://cur.cursors-4u.net/cursors/cur-9/cur844.cur



http://cur.cursors-4u.net/cursors/cur-9/cur843.cur



http://cur.cursors-4u.net/cursors/cur-9/cur842.cur


http://cur.cursors-4u.net/cursors/cur-9/cur839.cur


Jangan lupa credit dan semoga suka, ya? :)

Label: ,

Maret 25, 2012 | 2 Cloud(s)
Cute Dividers (bonus freebies)




Assalamualaikum ....


Kali ini Nisa pengen share tentang dividers. Oh ya, tau nggak dividers itu apa? Nih, punya Nisa




Unyu, kan? Hehe. Tertarik???


1. Buka Dashboard > Template > Edit HTML


2. Search kode ini dengan F3,


<$blogitembody$>


3. Ketemu? Sekarang paste kode ini dibawah kode yang kamu search tadi.
<P></P><center><img style="widht:0px;"src="URL DIVIDERS KAMU"/></center>


5. Oh ya, aku juga punya freebies nih. Yang mau ambil boleh aja, asal dicredit.

http://dl4.glitter-graphics.net/pub/988/988834hh9o6vxkbm.gif
 http://dl10.glitter-graphics.net/pub/1430/1430600ou0p0w0kok.png

http://dl10.glitter-graphics.net/pub/1147/1147480t6phl13g44.gif

http://dl5.glitter-graphics.net/pub/909/909935t2qtku99z7.gif

Mau lebih banyak?? Klik ini.


Saya ingatkan sekali lagi, ya! Jangan lupa credit, taw!

Wassalamu 'alaikum....

Label: ,

Maret 25, 2012 | 0 Cloud(s)
Freebies: Dividers


Assalamu 'alaikum ....

Nisa pengin bagi-bagi freebies, boleh? Silakan ambil, dan jangan lupa credit, ya!

 http://dl.glitter-graphics.net/pub/129/129211n1bn6wc3td.gif
 http://dl9.glitter-graphics.net/pub/480/480419f38gzdedqd.gif
http://dl5.glitter-graphics.net/pub/989/989315m7e7csuumd.gif
 http://dl2.glitter-graphics.net/pub/571/571112djs7d0vv4i.gif
 http://dl.glitter-graphics.net/pub/727/727091d9cb9o8srt.gif
 http://dl3.glitter-graphics.net/pub/658/658733a2erak4138.gif
 http://dl2.glitter-graphics.net/pub/994/994472v9j970mrxj.gif

Saya ingatkan sekali lagi, jangan lupa credit taw!


Wassalamu 'alaikum.....

Label: ,

Maret 25, 2012 | 0 Cloud(s)
Teks Berbackground



Assalamu 'alaikum ....

Hari ini hari tarakhirku liburan :'( Besoknya udah harus ujian huhu. Jadi ya, kesempatannya cuma pagi ini. Siang nanti, harus belajar deh :)

By the way, ini dia yang harus disiapkan:

- Photoshop jenis apa saja.
- Background untuk teks kamu.
- Baca doa

Siap? Let's start!

1. Buka program Photoshop kamu. Buat file baru, isi width-nya 700 dan height-nya 300 pixels. Harus transparant, ya!

2. Sekarang, klik File > Open. Nah, kamu buka background yang sudah kamu siapkan tadi.

3. Nah, jadi ada dua layers kan? Klik layer background kamu. Terus, klik menu Edit > Define Pattern. Nanti akan keluar seperti dibawah ini, kan? Then, klik OK.


4. Sudah dipattern tuh :) Sekarang kamu tulis teksnya di layers yang kosong. Contohnya:


5. Kalau sudah menulis teks, sekarang kamu klik menu Layer > Layer Style > Blending Options.


6. Tick Pattern Overlay. Lalu, kamu klik kotak Pattern Overlay-nya. Seperti kotak yang aku birukan.


Lihat kotak warna coklat di gambar itu, kan? Nah, kamu tinggal pilih background yang tadi kamu Define Pattern-kan.


Kalau sudah, klik OK. Nah, kalau punyaku jadinya seperti ini





Selamat mencoba!



Wassalamu 'alaikum....

Label: ,

Maret 24, 2012 | 1 Cloud(s)
Fourth Skin Released!


Assalamu 'alaikum ....

Yeay-yeay! Skin keempatku sudah keluar! Just simple skin :) Tutorialnya, dari Jaja.

P E N A M P A K A N S K I N :


Very simple, right? Hehe. Yeah, itulah aku. It's me. Aku suka yang simpel-simpel.


Bagaimana menurutmu? Bagus atau jeleks? Whateverlah, up to you!


Oh ya, friends. Aku mau cerita, bukan soal Fourth Skin ya! Jadi gini. Hari Senin tuh aku mau MID Semesteran. Kebayang nggak sih, takutnnya! Takut apa? Takut nilai jelek!


Kalau nilai jelek, sebenernya aku tahu jawabannya. BELAJAR! Tapi masalahnya, aku punya penyakit M alias penyakit Malas yang susah dihilangkan. But, aku termasuk anak yang rajin, rajin dalam ber-blogging :p.


Aku pengen ngebahagiain orangtuaku. Cuma, ya itu. MALAS!


Ukh, coba aja semua manusia tuh dilahirkan normal tanpa ada penyakit 'M', ya enggak? Haha, ngehayal lagi deh ni anak.


Hufft, tapi kupikir aku akan mencoba untuk meng-terapi penyakitku dulu deh #hehe.


And, sekian dulu postinganku.


Wassalamualaikum ....

Label: , , ,

Maret 24, 2012 | 0 Cloud(s)
Welcome Alert


Assalamu 'alaikum ....

Kali ini akuh Nisa akan ajarin cara bikin 'Welcome Alert'. Contoh welcome alert-nya adalah:

(Klik gambar untuk memperbesar)

Printscreen diatas diambil dari greyaddict.blogspot.com, blog testerku :) Cuma ya, aku ubah lagi ke classic template #abaikan. Nih cara-caranya:

1. Dashboard > Design > Add gadget > HTML / Javascprit.

2. Paste kode ini di kotak HTML or Javascript itu.

<script> function MYALERT() {
alert("Welcome to my blog! Jangan lupa follow yea?"); } MYALERT()
</script>

- Bold itu perkataan kamu.

3. Preview dulu, baru save!

Wassalamu 'alaikum ....

Label: ,

Maret 23, 2012 | 0 Cloud(s)
Efek Blur (Photoshop)


Assalamu 'alaikum ....

Efek blur yang akan kita praktekkan ini menarik banget lho! Background objek yang tidak kalian perlukan boleh diblur sehingga sedikit tidak jelas. Dengan begini, kita dapat menunjukkan objek mana yang akan menjadi pusat perhatian dalam foto. Tertarik? Follow this steps!

1) Buka program Photoshop. Terserah mau versi apa. Next kamu open image yang mau diblurkan.

2) Klik Lasso Tool (L) atau liat seperti di gambar:


3) Kamu seleksi objek mana yang mau kamu jadikan pusat perhatian. Contohnya gambar ini:


4) Then, tekan ini: CRTL + Shift + i bersamaan. Keluar garis putus-putus berbentuk kotak, kan? Biarin aja, jangan di-undo.

5) Selanjutnya, kamu klik menu Layer > Blur > Lens Blur.

6) Jadi! Ini dia hasilnya :3 Aku bukan ahlinya Photoshop, jadi nggak terlalu rapih hehe :)


Ini buatanku, jadi nggak rapi banget *jangan ditiru*. Sekian dulu tutorku.

Babai and Assalamu 'alaikum!

Label: ,

Maret 23, 2012 | 0 Cloud(s)
Automatic New Tab


Assalamu 'alaikum ....
Coba deh kamu klik-klik semua link yang ada di blogku ini. Entar, keluar tab baru, kan? Nah, itu lho maksud judul di atas :). Menarik kan? Tenang saja, yuk. Let's start!

1) Login ke blog kamu. Keluar dashboard kan? Nah, kamu klik Template, terus klik Edit HTML.

2. Sekarang, kamu search kode ini menggunakan F3:
<head>
3. Selanjutnya, kamu paste kode ini dibawah kode <head>  tadi.
<base target='_blank'/>

4. PREVIEW dulu !!! 

5. Kamu klik-klik sendiri semua link yang ada di blog kamu. Kalau kode itu bekerja, kamu tinggal klik save.

Mudah, kan? Hehe. Aku undur diri dulu.

Wassalamu 'alaikum ....

Label: ,

Maret 23, 2012 | 0 Cloud(s)
Private Cbox


Assalamu 'alaikum!
Credit to; Kak Lettha. Makasih kak, udah jawab pertanyaanku.

1) Buka URL ini. Login ke account kamu > Klik Publish

2. Kamu scroll down page itu sampai kelihatan kode-kode cbox kamu.

(klik untuk memperbesar)


Yang aku biru-birukan itu, kamu ubah menjadi 0. Begitu pula, ubah yang aku kotakkan warna coklat itu.

3. Setelah diubah, copy semua kode itu tanpa ada kode yang ketinggalan. Next, paste di blog kamu. 

PREVIEW dulu !!! Kalau puas, baru Save :).

Wassalamu 'alaikum!

Label: ,

Maret 23, 2012 | 0 Cloud(s)
My Thirth Skin: Summer Time Gone!


Assalamu 'alaikum!
 Alhamdulillah, hari ini aku berhasil merilis skin ketigaku yang cacad banget, huhuhu -,- Kenapa aku bilang cacad, karena aku belum terbiasa bikin skin pake tutorialnya Jaja! HAHA. LOL. By the way, makasih ya, Kak.

Skinnya simpelll banged. Jangan ngejek ya, kalo udah liat penampakan skinnya! -_-

Penampakan:



Header skinnya aku sendiri yang bikin loh! Bagaimana menurutku? Bagus or Jeleks? Wat eper lah :D

Jangan lupa rate! Kalau nggak, aku marah loh :p


Label: ,

Maret 21, 2012 | 1 Cloud(s)
Edit Classic Template


Assalamu 'alaikum!

Heii~ Senangnya, dapat request pertama! Dari Blues-High alias Diva! Thanks untuk Kak Lettha untuk tutorialnya \m/

Dashboard > Design > Edit HTML

Scroll down page itu dan klik Revert to Old Template. Sekarang, kotak kode-kode di kotak Edit HTML sudah terdelete.

1. Taruh code dibawah ini dipaling atas kotak Edit HTML itu.
<html>
<head>
<center><img src="URL Header" /></center>
<title>//Nama Blog</title>


-Merah itu URL Header kamu. Harus direct link ya!
-Hijau itu title blog kamu.


2. Taruh kode bawah ini dibawah kode step 1 tadi.


<style type="text/css">
#navbar-iframe {display: none;}body {
background: url(URL background);
background-attachment:fixed;
font-family: arial;
font-size: 11px;
}
a:link, a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
border-bottom:1px solid #87689;
}
</style>
<body><br>



Oren itu coding for delete navbar
- Kuning URL background kamu
Merah warna link
Hijau warna link hover



3. Tekan F3 dan search kode </style>, terus paste kode bawah ini diatas </style> itu.


.main {
background:#ffffff;
color:#666666;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.h1 {
color:#FF9FCC;
font-size:18px;
padding:3px;
border-bottom:1px solid #c0c0c0;
}
.h2 {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}



Merah warna font dalam blog
Oren width setiap bagian blog, sidebar and main blog
Hijau radius kelengkungan layer blog, *kalau mau kotak kaku, delete coding itu*
- Biru warna font post title

- Pink size post title


4. Tekan F3 lagi terus cari kode <body> dan pastekan kode ini dibawahnya:
<table style="line-height: 17px;" width="850"  border="0" align="center" cellspacing="5">
<tbody><tr>



Merah itu spasi (jarak) antar rows column.
Oren itu kelebaran seluruh tables, meliputi main and sidebar.



5. Sekarang, paste lagi kode ini dibawah kode step 4 tadi  
<td valign="top" width:550px;">

<div class="main">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>



Oren bagian post title
Biru bagian date, comments
Green perkataan komentar
Magenta perkataan older post and newer post
Purple itu width main.



6. Waktunya bikin sidebar!
Dibawah step 5, paste kode dibawah ini:

<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>

Merah itu width sidebar
Blue judul/title sidebar
Green isi sidebar

Kalo mau nambah sidebar-sidebar yang lebih banyak, banyak dan lebih banyak lagi tinggal tambahin kode ini dibawah kode sidebar tadi:
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>

So, jadinya kayak gini:
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>



<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>


<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
</td>
Sampe banyak banget boleh loh xD tapi inget jangan sampe lupa nie code: </td>.  Okeh?


Selese deh! Tinggal kamu tambah code ini dipaliiiing bawah kotak Edit HTML:


</table></body></head></html>



Wassalamu 'alaikum!

Label: ,