Home Blogskin Cerpen Linkies Tutobies D'BOARD

May 31, 2014

Tutorial : Masukkan Header Ke Dalam Blog


Assalamualaikum and annyeong! 

Sementara belum ngantok nih, NS nak share tutor espcially for new blogger yang baru nak berjinak-jinak dalam dunia blog nih. Senang je tutor ni. jangan takot, jangan segan. Ready?

1. Dashboard > Layout > Tekan EDIT seperti di bawah :


2. Lepas tu, akan keluar macam nie :


3. Kalau takde apa-apa aral, keluarla header kat blog korang. Selamat mencuba!

Tutorial : Letak Icon Comel Sebelah Comment


Assalamualaikum and annyeong! 

Pada malam yang indah nie(aceceh), NS nak share cara nak Letak Icon Comel Sebelah Comment. Di bawah nie terdapat contohnye, klik pada gambar untuk besarkan. Perhatian! tutorial ni hanya untuk pengguna blog TEMPLATE DESIGNER sahaja.



1. Dashboard > Template > Edit HTML

2. Tekan F3 dan cari kod nie :
<span class='post-comment-link'>
3. Dah jumpe? Ok, lepas tu korang copy pulak kod ni ye :
<img src="URL CUTE ICON"/> 
4. Then, korang paste di sebelah kod yang korang cari tadi. Faham tak? Kalau tak faham, bloeh tengok contoh di bawah.


5. Preview dulu. Kalau dah jadi, boleh la SAVE.

*kat bawah nie ade beberapa freebies URL CUTE ICON untuk diletakkan di sebelah komen. Kalau berkenan ambik la.


http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic000demoji_9266200decoojp.gif
 
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic011demoji_15430247decoojp.gif
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic016demoji_14841866decoojp.gif
 
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic012demoji_15496649decoojp.gif
http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic018demoji_416449decoojp.gif 
 http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic017demoji_895744decoojp.gif

Tutorial : Letak Ayat Di bawah Setiap Post


Assalamualaikum and annyeong!

Hari nie NS nak share cara nak letak ayat di bawah setiap post dalam blog korang. Nak tengok contoh. Ada kat bawah nie.


Let's go babe!

1. Dashboard > Template > Edit HTML

2. Tekan F3 dan cari kod ini <data:post.body/>

3. Copy kod di bawah nie :
<hr/><center>AYAT KORANG</center><hr/>

4. Paste di atas kod <data:post.body/> tadi.

5. Preview. Then, kalau dah puas hati, boleh la SAVE. Senang jekan. =)

Tutorial : YouTube Player


Assalamualaikum and annyeong! 

Ok, tujuan letak lagu dalam blog nie sebab nak hiburkan pengunjung yang singgah blog korang (tu pun kalau dieorang suka lagu korang, kalau tak suka boleh tekan butang PAUSE! kan, kan?). Tutor nie maybe ramai yang dah tahu. Contohnya seperti di bawah :


So, dengan cara nie, orang lain tak tahu lagu ape yang korang pasang.
So, jom kita mulakan!


1. Cari lagu yang korang suka di YOUTUBE

2. Lepas tu, ikut step di bawah nie :


1. Klik Share.
2. Klik Embed.
3. Tick Use old embed code.
4. Copy highlight text dalam box tue.

3. Lepas tu, log in ke blog korang.

4. Dashboard > Layout > Add a Gadget > Html/JavaScript

5. Then, pastkan kod tadi. Akan jadi macam nie :
<object width="560" height="349"><param name="movie" value="http://www.youtube.com/v/8UhFOwsXgQc?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/8UhFOwsXgQc?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="560" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object>
 6. Kalau korang tak nak nampakkan video, ikut step di bawah.
 <object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/8UhFOwsXgQc?fs=1&autoplay=1&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/8UhFOwsXgQc?fs=1&autoplay=1&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>
7. version 3 boleh digantikan dengan kod fs=1&autoplay=1 (kalau nak music tue dimainkan secara automatik)

8. width dan height boleh diubah ikut kesesuaian blog masing-masing.

9. Kalau dah puas hati, preview and then SAVE!

May 30, 2014

Tutorial : Double Dashed Link Hover (LIKE ME)


Assalamualaikum and annyeong!

Ape kebedalha Double Dashed Link Hover erk? Mesti korang tertanya-tanya kan. Nak tengok contoh? Hah, sila halakan CUSOR korang pada link di bawah.


Hah, yang tue lha DOUBLE DASHED link hover. Nak cuba? Jom~

1. Dashboard > Template > Edit HTML

2. Tekan F3 dan cari kod ni :
a:hover
3. Dekat bawah kod tu ade kod (biru) macam nie kan :


4. Dah jumpa? Then, padam kod berwarna biru tu, dan gantikan dengan kod di bawah.

border-top: 2px dashed #ff8fc1;
border-bottom: 2px dashed #ff8fc1;                                                                                                        
*warna merah tue, korang boleh tukarkan dengan kod warna faveret korang. Kod warna boleh dapatkan di SINI.

5. Done and SAVE! Lihatlah hasilnye (dah macam iklan produk kecantikkan pulak, LOL~)

Tutorial : Billy Player


Assalamualaikum and annyeong!

Firstly, tutor ni sebenarnya ada orang request. Dia tanya macam mana nak letak lagu dalam blog. NS tak tahu dia nak guna player yang mana satu for her blog, sebab memang berlambak player yang boleh mainkan lagu kesukaan korang. So, NS decide nak share player yang NS guna untuk blog ni. Bukan setakat comel jer, but very versetail uolls. Haha.


1. First, korang cari URL lagu kegemaran korang. Boleh klik SINI (bagi sesiapa yang tak tahu nak cari URL lagu)

2. Then, pergi ke site INI

3. Korang akan jumpe sebijik macam gambar kat bawah ni kan?? So, follow je step kat bawah yang NS dah flowkan.

4. Lepas korang klik generate code, akan keluar code macam gambar kat bawah.


5. Copy semua codes kat atas. Then, pergi ke Dashboard > Layout > Add a Gadget > HTML/JavaScript.

6. Pastekan codes tadi kat dalam kotak yang disediakan. Jangan lupa tekan SAVE yer~ DONE! Yeayyy! =)

Tutorial : Cara Nak Dapatkan URL Iron DJ


Assalamualaikum and annyeong!


Ok, hari nie NS nak share cara nak dapatkan URL di IronDJ. Kalau korang nak tahu, URL nie boleh digunakan untuk MP3 Player seperti Cute Mini MP3, AudioPlay Music Player dan Billy Player. Sesiapa yang berminat, let's start the tutor!

1. Pergi ke site INI

2. Taip tajuk lagu yang korang nak. Lihat contoh :


3. Bila dah keluar lagu pilihan korang, boleh la klik.


4. Nanti akan keluar gambar bawah nie.

5. Lepas tu, korang scroll ke bawah sikit dan akan jumpa HTML Embed box macam nie.


6. Jangan copy semua kod dalam HTML box tu. Just copy kod dari http://irondj hingga mp3.

7. Done! Selamat mencuba, yoppp!

May 27, 2014

Freebies : Simple Header Part 5 (Random)


Assalamualaikum and annyeong!

Okay, setelah begitu lama NS ber'hiatus' akhirnya, NS kembali dengan blog yang still sama designnyer. Haha. Then, dapat  idea nak buat freebies header. Really simple freebies ni. Kalau nak, just tekan right click. then save! Header nie berukuran :-

850x200





Kyaaaaa! Korang dah tengok comeback INFINITE LAST ROMEO?? Memang best and ohsem gitu. Eps, my L.KIM. Heee. So, bersempena dengan comeback dieorang, NS nak bagi gift sikit pada INSPIRIT di luar sana. Kepada non-inspirit pun boleh amik.

That's all.
Ppyeong!