18 June 2011

Tutorial Icon Tepi Post Title

Assalamualaikum ! 

Tahu tak Daya rindu sgt2 blog Daya ni ..uwahhhh ! hari2 busy je , nak update pon susah tau .. Okey hari ni tutorial ape ye Daya nak bagi ?

Korang nampak tak dekat title entry ni ? Yang buku tutup bukak tu ? 

CONTOH



Macam mane nak buat ea ? Mari mari Daya tunjukkan !

 Dashboard -> Design -> Edit Html -> Tick Expand Widget

 Ctrl+F dan cari code <a expr:href='data:post.url'>

  Letakkan code dekat bawah ni , antara code <a expr:href='data:post.url'> dan  <data:post.title/></a>

<img src="URL ICON"/>


 Yang merah tu gantikan dengan icon yang korang suke .. Korang boleh pergi ke --> SINI

 Preview dulu , kalau tak ade error save kan aje okey .. Sekian dari Daya !




13 June 2011

Tutorial Cute Scrollbar

Yey akhirnya Daya buat jugak tutorial yang comel ni !

Adakah anda tahu ape itu Scrollbar ? ( ek ayat macam buku text pulak )
Kepada rakan blogger yang tidak tahu tu mari mari tengok gambar dibawah ..ehehe




Ye seperti yang korang tengok , tu laa scrollbar ..Macam mana nak buat ek ? Jum Daya ajar ~

 Dashboard -> Design -> Edit Html -> Tick Expands Widget

 Ctrl + F , cari code ]]></b:skin>

 Copy paste code dekat bawah ni pulak SEBELUM  ]]></b:skin>

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #F778A1;
}
::-webkit-scrollbar-thumb {
background-color: #FDEEF4;
-moz-border-radius: 10px;
border-radius: 10px;
}

 Okey yang warna HIJAU adalah warna background scrollbar korang and yang warna MERAH adalah warna scrollbar thumb korang .. Code yang Daya bagi ni , warna pink okey ..sama macam Daya punya ..

 Korang boleh ubah code warna tu dekat SINI

 Kalau korang nak scrollbar thumb korang ade border tambah code dekat bawah ni selepas  border-radius: 10px;

border: 1px solid #D16587

Yang merah tu code warna okey~

 Preview dulu lepas tu baru save okey dear !



12 June 2011

Tutorial Following Stars Pada Cursor

Okey perhatian ni bukan Sparkling Cursor ye .. Yang ni lain sikit .. Die bentuk bintang yang besar ( tak ade la besar sangat , sederhana pon tak sampai ) Lebih kurang macam gambar dekat bawah ni ...


How to do that ?

Here we go honey 

  Dashboard -> Design -> Add Gadget -> Html/JavaScript

 Copy salah satu code yang korang nak tu dalam ruangan Html/JavaScript

 Following star warna-warni ( colourful )

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/rainbows.js"></script>

 Following star warna biru ( blue )

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/blues.js"></script>

 Following stars warna ungu ( purple )

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/purples.js"></script>

 Klik laa save .. Kemudian lihat hasilnya .. ehehe bubye !

Tutorial Snow Effect

Di petang yang indah , satu lagi tutorial untuk korang.. Kali ni jadikan blog korang ditempat sejuk .. ehehehe
Maksudnya kesan salji dalam blog korang ..

Alright guys tanpa melengah masa untuk Daya solat , mari kita mulakan tutorial kita ye ~

 Dashboard -> Design -> Add Gadget -> Html/JavaScript

 Copy paste code dibawah dalam ruangan Html/JavaScript


Salji putih

<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>


Salji hitam

<script type="text/javascript" src="http://www.yourjavascript.com/03441140321/snow-black.js"></script>

 Siap edit ..Save aje .. Huh siap ponn ~

  Note : Kalau rase salji ni buat semak blog korang jew .. tak payah buat okey .. Dapat ringankan blog sikit ..


Tutorial Gerakkan Title Blog

Ape lah pulak yang Daya The Sixth nak buat kali ni kan .. huhu tengok la contohnye


Ni blog title korang kan .. Okey bayangkan die bergerak-gerak ..ehehe
Ramai blog ade macam tu kan .. huhuhu
Nak tahu macam mane ? mari mari ikut tutorial ni..

 Dashboard -> Design -> Add Gadget -> Html/JavaScript

 Copy paste code dibawah dalam ruangan Html / JavaScript


<script language=javascript>
msg = "Title Blog Yang Korang Nak";
msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>



 Tukar perkataan warna merah tu kepada title blog korang okey ..

 Klik save and there you go .. Title blog yang bergerak ...




Tutorial Download Photoscape Font

Holla holla ! eheheh macam kat pantai pulak kan .. huhu
Okey sebelum nih Daya ade buat tutorial cute header guna photoscape kan .. --> SINI
Tapi kalau korang perasan , photoscape tu ade font yang biase ade dekat komputer je kan .. alamak bosann nyew -,-
Dont worry .. Daya nak ajar dekat sini macam mane nak download font yang comel2 gitu ..

Mahaguru sedia mengajar ..muahahaha !

 First korang mestilah pergi ke SINI untuk download font yang comel2


Tekan Download (1) lepas tu , yang korang download tu mesti keluar dekat belah bawah kan..(macam dalam gambar, no 2 tu)
Klik (no 2 tu ) , tekan open..





Keluar lah macam ni , lepas tu korang kene tekan Extract To




Automatic dia akan keluar macam ni kan ? Kemudian korang kene Tick Display files In Explorer..Lepas
tu tekan OK ..

 Sekali lagi satu file lain akan terbuka


Klik 'heart' ( font yang Daya download ) ..Lepas tu tekan dekat tepi OPEN tu ..
Alaa yang butang arrow ke bawah tu..
Dah buka , korang tekan Windows Font Viewer

 


Keluar pulak benda ni .. Yang ni korang mesti tau ape nak buat kan kan kan..
Tekan laa INSTALL

 Lepas tu , three ! ehehe siap la sudah tutorial ni .. Korang bukak je Photoscape dan font yang korang download tu pon dah ade ..

 Sekian terima kasih banyak banyak banyak banyak ! ..