tutorial - cursor effect KAWAII ( special )

Hai Hai Hai . Selamat Pagi Bloggers ! HAHA . gembira betul satu malam tak tidur mengadap lappy layan blog , buat tuto ni kan . penat nak cari idea .

Haa . okayy . bepandukan tajuk entri ni macam nak gebang sangat . special ? takde laa istimewa sangat . cuma special sikit je . haha . nampak kan beza nya ? :D

Cursor Effect yg comel atau korean panggil ' KAWAII ' giteww haa . haha . contoh macam ni .tak payah cari contoh ni . kat blog Ira ni dah cukup bukti . kan kan ? ;)

tak ke COMEL kalau ada bende camni ikut kita punya cursor . wuwuwuu . * TERUJA + JAKUN . haha . maap ^_^

Okayy . kembali SERIOUS ! jom kita mulakan pengembaraan kita . Tuto ni agak susah taww . sebab bahasa Cine Jepun Korea .... err . pape je lahh . yang penting bukan BAHASA IBUNDA kita ( B. Melayu ) . hakhak .

1. 1st sekali pergi kat web CURSOR SWITCH ni . mehh tengok kat SINI
   
   
2. Nanti dia akan keluar mcam ni . so , tengok laa kat petak petak kecik yang ada icon comel comel . tu laa icon untuk cursor effect kita . pilih yang comel comel taw . comel macam IRA . haha .
3. Lepas pilih , klik kan kotak oren tuu . yang mcm Ira tunjuk tuu . 

                       4. Then dia keluar macam ni . COPY kod kat situ .
                       5. Sign in Blogger > Design > Layout > HTML / JavaScript
                       6. SAVE ! dan preview . comel kan blog korang ! haha .

*** ADDITIONAL INFORMATION :: kalau korang rasa semak . tapi saya nak delete . korang boleh switch ON ataupun OFF . ia akan ada kat blog korang bende ni . depends on kat mana korang letak gadget box tu . okayyy ? enjoyy itt :*

tutorial - Scroll Bar ;)

Tuto kali ni adalah tentang SCROLL BAR . macam yang korang tengok kat blog Ira ni ----->

AMARAN yang TAK beberapa nak KERAS ! :: untuk pengguna GOOGLE CHROME sahaja . perlu Ira ulang tak ? haha . tak payah laa eh .

Okayy . lets do !

1. Sign in Blogger > Design > Template > Edit HTML 
2. Cari kod ni . nak cari tekan Ctrl F
   
   ]]></b:skin
   
3. Copy ( Ctrl C ) kod di bawah ni dan Paste ( Ctrl V ) di atas / sebelum kod yang kat atas tadi tuu .
   

::-webkit-scrollbar {

height:12px;

width: 12px;

background: #FF1493;

}

::-webkit-scrollbar-thumb {

background-color: #BA55D3;

-moz-border-radius: 10px;

border-radius: 10px;

}

    4. Okay . korang boleh tukar warna scroll bar korang .

Yang MERAH tu , Warna background scroll bar 

Yang KUNING , Warna scroll bar 

** nak kod warna ? boleh refer HERE

OKAY ! SAVE dan SIAP . ce tengok ! jadi ke tidak . Kalau tak jadi , boleh marah Ira . hehe :D

 

tutorial - Auto Open Link in New tab

Haii you'ollss . Sementara Ira ada masa yang agak terluang ni . Ira akan buat Tuto sampai lebam ! 

So kali ni Ira nak buat tuto pasal macam apa yang dihebohkan dekat title tuu ;) . Auto Open Link in New tab ni bagi memudahkan kita / orang untuk bukak link dari blog kita terus ke new tab . tak payah laa RIGHT CLICK semata mata nak open in new tab . tak ke memalaskan jari giteww . haha . bukan malas , jimat tenaga ;)

Jangan nak bebel panjang lebar . mari kita mula ! wink wink ;)

1. Sign in Blogger > Design > Layout >  HTML / JavaScript .
2. Copy code kat bawah ni . Then PASTE kat HTML / JavaScript dan SAVE !

<!-- code for turning all non-blog links to new page links -->

<script type="text/javascript" language="javascript">

var arr = document.getElementsByTagName("a"); //get all links in the page

for(var i = 0; i < arr.length; i++)

{

if(arr[i].href.indexOf("Your URL") < 0 //not links that are 'inside' blog

&& arr[i].href.indexOf("javascript:") < 0) //not javascript links

arr[i].target = "_blank";

}

</script>

SELAMAT MENCUBA yaa :*

tutorial - SCM Music Player

Okayy . No need intro panjang lebaq kan ? Kalau nak tahu SCM music player macam mana . macam kat blog Ira ni lahh . senang je nak buat ! follow this easy step :)

1. Pergi SINI SINI SINI 
2. CHOOSE SKIN - PILIH mana yang korang nak . 
3. EDIT PLAYLIST - Isi TAJUK LAGU dan URL LAGU
   ** URL LAGU korang boleh dapat kat YOU TUBE . Copy Video URL ( right click )
   ** Nak letak banyak lagu pun boleh . ada banyak ruang tuu ;)
4. NEXT , CONFIGURE SETTING - SETTING je lah mengikut kemahuan korang .
5. DONE , COPY code yang dalam kotak tuu .

Okay . dah selesai buat playlist . Masukkan dalam blog kesayangan anda .

1. Sign in Blogger > Design > Layout > HTML / JavaScript
2. Pastekan code tadi dekat HTML / JavaScript 

SUSAH ke SENANG ? haha . enjoyy with it okengg ! ;)

tutorial - URL Image

Hai . okayy . kali ni Ira nak tunjuk cara mudah nak dapatkan URL image . mungkin ada cara lain yang lebih mudah . tapi bagi Ira , ni yang paling mudah .

Korang boleh pergi kat SINI . 

• CHOOSE FILE - pilih gambar yang korang nak URL nya tuu .
• jangan lupa click kat PRIVATE - nampak macam tak penting , tapi ianya penting .
• ADD MORE FILES - kalau nak upload lagi banyak . boleh upload banyak  banyak sekali gus .
• START UPLOADING - dah siap pilih gambar . boleh klik situ untuk mula upload .

**** kalau banyak gambar kita upload . memang lama sikit . hee .

Dah selesai UPLOAD tu . korang akan dapat hasil begini .

• Okay ni CONTOH .korang boleh COPY URL tu . ambil yang 'DIRECT LINK ' taww ;)

SO ? Senang ke Susah ? :D

Freebies - Polka Dot ( PART I )

Haii . Disini Ira nak bagi freebies background . Comel comel taw ! Sesuai untuk awak yang comel . Haha . Amik lah kalau nak ;)

Right Click untuk SAVE .

Untuk dapatkan image URL . boleh tengok Tuto yang SENANG dan MUDAH ini :)

HAA ! Banyak dan comel kan . haha . okay sayangss . enjoy with it ;)

tutorial - background blog

Hai ! Kali ni Ira nak bagi sedikit hadiah . Haha . Acecehh . Hadiah sangat lah kan ? Tuto kali ni untuk background blog . Seperti sedia maklum , semua mesti pandai tukar background kan ? Tapi , kepada newbie , mai Ira tunjuk . Just a simple and easy step ! Ada dua cara . So , terpulang nak ikut yang mana . dua dua senang je !


** Cara yang pertama

1. Sign in Blogger > Design > Template > Customise > 
2. Background > Upload Image

Okay , untuk senang faham . Tengok contoh ni

** Cara yang kedua

1. Sign in Blogger > Design / Layout > Add Gadget > HTML / JavaScript
2. Copy code di bawah ni . Dan Paste ke dalam HTML / JavaScript

<style type="text/css">body {background-image: url("URL GAMBAR KORANG");background-position: center;background-repeat: repeat;background-attachment: fixed; }</style>

Haa . Senang kan ? So hadiah yang Ira cakap tu Ira nak bagi Freebies kat korang . Background blog yang cantik (kot) . Haha . Try laa husya ;)