link di about
Posted on Sunday, 5 January 2014 @ 01:31 with 0 comments

Assalamualaikum, I didnt know nak letak title macam mana, so see the pic above;

Yang bawah sekali, abaikan gambar png yang tidak berkenaan ~

.lam {
margin-top:5px;
padding:2px;
margin:2px;
background:#F8FCFC;
border:1px solid #EDDFE0;
color:#fff;
width:58px;
display:inline-block;
text-align:center;
margin-bottom:1px;
font:11px Open Sans Condensed;
text-transform:uppercase;
letter-spacing:2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
padding:1px;
}
.lam:hover{
background:#eeeeee;
border:1px solid #EDDFE0;
color:#fff;
}
Pastekan sebelum </style>
<a class="lam" href="your link">Link</a>
<a class="lam" href="your link">Link</a>
<a class="lam" href="your link">Link</a>
<a class="lam" href="your link">Link</a>

Pastekan dekat about page, preview;

Biru : Replace wth your colour code
Cair: Adjust your own widht
kuning: replace with your word and links


Labels:




Scrollbar ber 'hover'
Posted on @ 00:57 with 0 comments


Assalamualaikum, Kalau nak tengok preview, at my blog ni dah ada, kalau dekatkan cursor dekat hover, nanti dia betukar warna right.


::-webkit-scrollbar-thumb:hover { background: #eeeeee; }

Copy and pastekan sebelum </style>

 merah: gantikan with your own code

Labels:




Letak 1 post di blog
Posted on Saturday, 21 December 2013 @ 20:06 with 0 comments


Hello ! This tutorial khas for ppl yang using my skins. I jst like very very  sorry sorry sorry. With my skins prob. lebih lebih lagi skins Flower. Skins Flower lah skin yang paling ramai orang upload. I'm jst so touched.

**Tekan gambar untuk lebih jelas.


  1. Pergi kat blog dashboard. Scroll hingga bawah sampai settings . Tekan Posts and comments.
  2. Column first sekali ada yang kotak tukan. tukar dengan bilangan post korang
  3. Dah tukar , save settings . Preview.

Labels:




Mendapatkan code Warna
Posted on @ 19:05 with 0 comments


Assalamualaikum. Tuto ni khas bagi pengguna Photoscape. Ok, If korang tengah blogwalking. And korang ada jumpa warna backgound blog dia comel sangat. Korang nak warna tu but tak tahu code tu. So this tutorial for u guys ~

  1. Pergi Photoscape
  2. Dekat menu tu, cari ' colour picker ' , Tekan.



  3. Dekatkan cursor dekat butang macam pensel tu. Tarik dekat background warna yang korang nak cari
  4. Then sila tengok gambar >



  5. Nanti code warna tu akan keluar. Copy code.
  6. So itulah code warna ualls. Perlu di ingatkan, Korang kena letak simbol hashtag ( # ) sebelum code tu.

Sekian. Btw, Mohon siapa yang ada masalah dengan my skins ~ plis jangan tanya dekat c-box. Seboleh bolehnya contact dekat twitter or facebook. Sebab kalau nak buat tuto, semua code susah nak jelaskan. Sebab Umum kan. Plus semua code bs berbeza, So susah nak jelaskan. Harap maaf.


Labels:




Mencari Link MP3 dengan mudah
Posted on Monday, 9 December 2013 @ 13:44 with 0 comments


Assalamualaikum

So, ramai kata problem banyak dekat Irondj. I dont know why. Plus saya pon dah stop pakai irondj cuz lama bebenar. So, I'll Teach you guys the easier way to find link MP3. Tutorial ni rasanya takde siapa yang pernah buat, hmmm, Maybeee  ~

  ( 1. Pergi ke Mp3skull.com
  ( 2. Pergi dekat search tu. Cari lagu yang korang nak. ( P.S- tak semua lagu maybe ada, sorry not sorry )



  ( 3. Dekat perkataan Download tu, Tekan Right click dekat mouse



  ( 4. Copy link adress



  ( 5. So benda yang korang copy, tulah link mp3.
  ( 6. Cara ni juga maybe boleh guna dekat website download yang lain. But tak semua.

Done. Tekan gambar untuk lebih jelas. Do comment :)

Labels:




Hide music mp3
Posted on Monday, 23 September 2013 @ 00:54 with 0 comments



Assalamualaikum



.mp3{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
top:10px;
overflow:hidden;
left:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}
.mp3:hover{
width:50px;
}
</style>
<div class="mp3">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k005.kiwi6.com/hotlink/zo4uctp5kl/---_lee_ji_soo_-_flying_petals.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
merah: gantikan dengan link mp3 uallls.
ctrl+f </style>
Paste sebelum </style>

Labels:




Header tulisan.
Posted on @ 00:10 with 0 comments


Assalamualaikum.
Hari tu ada orang tanya macam mana nak buat header tulisan. and now i'll beri tuto ituu :)
#flaw {
font-family: Impact;
font-size: 100px;
text-align: center;
background: #FFD1D1;
-webkit-background-clip: text;
background-clip: text;
color: rgba(0,0,0,0);
margin-top:0px;
margin-bottom:5px;
}

Copy code atas ni dan paste kan sebelum </style>

<div id="flaw">heloo</div>

Then pastekan pula code baru ni selepas <head>
Kalau tak jadi, boleh try paste SELEPAS </style>

HIJAU : Saiz tulisan/font
BIRU : warna tulisan
KUNING : Jenis font
MERAH : title

Hope membantu. Btw im so glad skin flower tu dapat sambutan.. Terharu sangaaaat tengok ramai orang pakai, if ada problem ask mee.. J
Btw sesape guna skin flower tu, jangan sesegan, tinggalkanlah link anda, cuz  I love stalk my own skins :P
K… hahahahahhaha, memang tak malu terserlah. Sekiaaann.



Labels:




Title Bergerak. (like me)
Posted on Wednesday, 12 June 2013 @ 21:59 with 0 comments

 
Hai, ni tuto macam mana nak buat title kat nev bar tu bergerak sepatah patah.. Ada orang tanya kat Ask fm. Hmm, tak tahu macam mana nak letak preview :(



BLOGSKINS
1. Tekan CTRL + F
2. Type <head>
3. Copy code bawah ni selepas code  <head>


<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){
this.length = n;
return this.length;
}

tb8_messages = new tb8_makeArray(3);

tb8_messages[0] = "Replace";
tb8_messages[1] = "With";
tb8_messages[2] = "your words."
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;

tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;

tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);

return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()</script>


Red : Gantikan dgn word anda .. 
Ask if problem.. :)

Labels:




Tutorial: Youtube to Mp3.
Posted on Friday, 7 June 2013 @ 13:09 with 2 comments


Assalamualaikum.. macam mana nak transfer/tukar kan youtube to mp3.. simple je caranya.

1. Pergi sini http://www.mp3fiber.com/index.php


2. Paste kan link youtube anda.. Then click download.


3. Wait......


4. Click Download now. wait.


5. Open.. DONE.

Problems??
@yupdiela

Labels:




Tutorial: Billy Music Player Mp3.
Posted on @ 12:28 with 5 comments


Assalamualaikum. Ppyong ~ ^_^ its holiday.. sikit lagi nak habis cuti.. Yeah I know, Dah lama dila menyepi right.. Sorry.. Malas actually xD
Well, Today its tuto letak lagu dalam blog. Well ni khas for bagi new blogger, even my friends pon tanya bout ni, but susah lah nak ajar without lappy :/
Ok, Let start it !


1. Cari link Mp3, tekan ini http://irondj.net/ 

2. Search tajuk lagu yang kita nak. As me, dila amik lagu Exo - Wolf. Kalau takde lagu yang kita nak, boleh upload sendiri.


3. Dah search, Click tajuknya... Seperti ditunjukkan pada gambar !!

4. Dah click, Scroll then anda akan jumpa HTML Embed tuu.. Tengok dalam gambar..


5. Copy code Mp3  yang lebih kurang macam yang dah di'highlight' pada gambar. Code lebih kurang macam ni:-


http://media.irondj.net/mix/file/35921/EXO_________Wolf__Music_Video__Korean_ver._.mp3

 6. Then pergi http://www.sheepproductions.com/billy/#


7. Paste Link mp3, Then ganerate code. copy code, paste at blog.. Done. 


Classic template (blogskins)
  1.  Dashboard > Template
  2. Paste it kat mana yang anda nak..



Template Designer.

  1. Dashboard > Design > Add A Gadget > HTML/JavaScript


Ask me if tak faham ^-^

Labels:




Navigation 2
Posted on Thursday, 18 April 2013 @ 00:29 with 1 comments

OPTION 1 OPTION 2 OPTION 3 OPTION 4

( Sentuh navi di atas untuk melihat hover )
Assalamualaikum 

<style>
a.Love {
font-family: pixel;
font-size:8px;
background:#f9f9f9;
border:1px solid #efefef;
text-transform:uppercase;
letter-spacing:1px;
color:#888;
width:90px;
padding:3px;
margin:2px;
text-align:center;
display:inline-block;
-webkit-transition: .2s;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
}
a.Love:hover {
color:#888;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur),auto;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
</style>
<a class="Love" href="LINK">OPTION 1</a>
<a class="Love" href="LINK">OPTION 2</a>
<a class="Love" href="LINK">OPTION 3</a>
<a class="Love" href="LINK">OPTION 4</a>


  • For copy, Press CTRL+C
  • Paste dekat HTML/GADGET untuk teplate designer. 
  • Blogskin's user boleh paste selepas </style>

Labels:




Navigation ( with HOVER ) 1
Posted on Wednesday, 17 April 2013 @ 23:42 with 0 comments

OPTION 1 OPTION 2 OPTION 3 OPTION 4

( Sentuh navi di atas untuk melihat hover )
Assalamualaikum.

<style>
a.Pola{
padding:5px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #aaa;
text-align:center;
width:70px;
background: #efefef;
display:inline-block;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
-moz-box-shadow:inset 200px 0px 0px #efefef;
-webkit-box-shadow:inset 200px 0px 0px #fff;
box-shadow:inset 200px 0px 0px #efefef;
}
 a.Pola:hover{
color: #fff;
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
padding-left : 5px;
-moz-box-shadow:inset -100px 0px -200px -0.5px #aaa;
-webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
box-shadow:inset -100px 0px 0px -0.5px #aaa;
}
</style>
<a class="Pola" href="LINK">OPTION 1</a>
<a class="Pola" href="LINK">OPTION 2</a>
<a class="Pola" href="LINK">OPTION 3</a>
<a class="Pola" href="LINK">OPTION 4</a>

  • Press CTRL+C for copy
  • Paste dekat HTML/GADGET untuk teplate designer. 
  • Blogskin's user boleh paste dekat mana-mana yang awak nak navi tu muncul.

Labels:




Status Updated (Like me)
Posted on Thursday, 11 April 2013 @ 11:08 with 0 comments



Assalamualaikum.

Put STATUS UPDATED like mee 


STATUS UPDATED!
Selamat Datang :D

<div style=' position:absolute; top:0px; left:3px; width:200px;'><center style='text-align: center;'><b>STATUS UPDATED!</b></center><div style='Background-image:url(URLIMG); repeat; padding: 3px; border:2px solid #000; filter:alpha(opacity=1.5); border-radius:5px;'><center><marquee>YOUR TEXT</marquee></center></div><div style=' position:absolute; top:50px; left:50px;'></div>

Tekan ctrl + C untuk copy. Paste bawah <head> bagi classic templates 
Blog Layout > Add Gadget > HTML/JavaScript > Paste kan code

Preview. Done.

 Merah : oleh tukar ikut suka.
Biru : Background gambar.
Hijau: Text
Pink : Warna border.

Labels:




Revert to classic templates
Posted on Friday, 29 March 2013 @ 17:54 with 2 comments


Assalamualaikum..

1. Pergi Template.

2. Scroll till bawah
3. ualls will se just like macam kat atas.. Tekan button yang dah digaris petk merah tu.

4. Paste kan kotak yang disediakan.. Done.


Labels:




How to use Blogskin.
Posted on @ 17:44 with 2 comments


Assalamualaikum. First at all, Sesaje nak buat tuto ni for sesape yang baru kat blogskin.

  1. Pergi kat BLOGSKINS
  2. Tengok gambar bawah :- 
    Klik gambar untuk lebih jelas.

    3. Scroll sampai nampak button macam kat bawah ni .
     4. Klik Blogger Main.
    5. Download. Process. Save kat note Pad.
    6. Tukar Template blog to Clasic template ~
    7. Scroll Template sampai bawah till jumpe bende macam kat bawah ni :3

    8. Nanti keluar macam ni...

    9. Just Copy and then paste kan.. Preview, Save. Done :))
Sorry if agak messy :/
Bye. Assalamualaikum.

Labels:




Tutorial: Header non-Transparent (PhotoScape)
Posted on Saturday, 2 March 2013 @ 12:11 with 5 comments


Assalamualaikum.
Hari tu, cik laylanaziera, Dia ada tanya macam mana nak buat header just like me ~
Ok, Saya cuma pandai buat header pakai PhotoScape je..
 Tak pandai sangat pakai Photoshop bagai ni.. T_T

  1. Firstly, Download Phoscape Download
  2. Then cari Editor (photoscape)
  3. Page Editor lebih kurang cam ni :- 

    4. Cari gambar yang berukuran header awak la..  Example : 720x300 or 900x372

5. Cari gambar yang nak dijadikan background.. Make sure gambar tu background dia kosong macam ni ;- 

6. Selalunya Gambar Anime banyak macam ni... Lepastu Insert gambar background 

7. tengok garis merah tu..  ( masukkan gambar )

8.Insert kan gambar...

9.Tengok garis garis bagai tu.. Pakai Paint brush and colour all background


10.Than masukkan tajuk blog yang anda nak tulis.. 


11.Kalau nak tambah effect just like gambar ni.. tengok ni.. 


So ni lah hasil nya.. Kalau nak letak garis garis tu pon just sama macam step ke 11.
So, ni je lah.. aku gila harap benda ni boleh tolong.. kalau ada tak faham boleh ask kat Ask FM, or kat comment or kat tagboard..

http://ask.fm/Yupdiela

Labels:








Hello ppl
hey there! i could just shut this blog down but it kind of have special place in my heart(?) how don't ask.


Archive



Shout


© 2015 - Basecode Qayyum. ▲▲▲