Friday, 30 November 2012

Blogskin : Blue wonderland


My blog skin are free to use...You don’t have to pay anything :-)
But because of this, they come with rules.Please follow the rules as I have put in a lot of effort into creating the best blog skin I can for you guys.

What you can do to this skin...

✔ edit the theme as much as you like
✔ move the credits onto another page within the blog ( make it visible)

What you can't do to this skin...

✘  Remove any credit in the skin
✘  Steal or claim my blog skin as your own
✘  Redistribute my blog skin
✘  Use my skin as a base code for your skin



Features :
✿  Music player
✿  Comment box
✿  Navigation
✿  Header

Do comments okay... ^^,

Tuesday, 27 November 2012

Header like mine


Assalamualaikum dan selamat malam... ^^, Disebabkan tengah rajin sangat nak buat header tergeraklah hati nak bagi dua header yang lebih kurang macam yang saya pakai sekarang nie...header ni jenis yang bersambung dengan body...warna biru dan satu lagi warna-warni... kalau nak guna credit dan comment dulu... ^^,

Saiz : 900 x 400... ( besar kan?)


http://i.imgur.com/vDSpn.png


http://i.imgur.com/JMP8C.png

Tolong jangan re-freebies atau ambil tanpa komen...

Sunday, 25 November 2012

Tutorial letak greeting image


Assalamualaikum... seperti yang dijanjikan tadi... saya akan buat tutor cara nak buat greeting image pada setiap post...Malas nak buat intro panjang-panjang...straight to the point...

Template designer :

1. Dashboard > Design > Edit HTML > Tick expand widget template .


2. Tekan ctrl+f serentak then search code ni ;
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>


3. Then, copy and paste code bawah ni dekat atas code no 2 tadi tu ;
<center><img src='URL IMAGE'/></center>
4. Perkataan URL IMAGE tu kalian tukar dengan URL GREETING TEXT kalian....

5. Preview and save =)


Blogskin :


1. Dashboard > Template

2. Tekan Ctrl + f serentak dan cari code <$blogitembody$>

3. Sekarang copy code ni pulak
<center><img src="URL IMG"/></center>
 4. Paste sebelum code <$blogitembody$> tadi.

5. Preview. Bila dah jadi save...  Good luck... ^^,


Credit : Atiqah and Fatin . . .  

Greeting text (assalamualaikum)

Cantikkan masjid nie... ^^,
Assalamualaikum dan selamat sejahtera pembaca blog... nampak tak kelainan  pada blog saya ni? ^^,  saya tukar background dngan header. . . makin kawaii ke makin semak blog nie? saya memang susah nak puas hati dengan blog saya nie...Ok... sekarang saya nak bagi greeting text 'assalamualaikum'...nanti saya buat tutor cara nak letak greeting text....












Cara download : klik image -> right click -> save image as...
Jangan lupa jawab salam... beri salam sunat, jawab salam wajib...

Friday, 23 November 2012

Cute mp3 player


Assalamualaikum dan hai semua... tadi ada orang tanya macam mana nak letak lagu dalam blog... ok saya bagi cara yang simple jelah.. mula-mula pergi sini.

Lepastu cari macam gambar ni ( mini ).
Klik gambar untuk besarkan
Lepastu tekan pada generator.


Mp3 tu gantikan dengan url lagu... boleh amik kat SINI
kalau nak Autoplay tukar 0 kepada 1.. Category boleh tukar kepada colors kalau nak cantekkan...pilih laa warna apa-apa... warna ambil kat Sini

Cara nak amik url lagu :
Tekan pada tajuk lagu.. kalau nak search lagu tekan pada search bar mcm bwah nie...



Lepastu akan keluar macam bawah nie..


Scroll ke bawah dan cari macam bawah ni dan copy..

Nie contoh kod nya...Amik part yang saya merahkan...

<strong>Yuna - Penakut </strong><br /><object type="application/x-shockwave-flash" data="http://s6779.gridserver.com/assets/id/player/player_mp3_
maxi.swf" width="203" height="20"> <param name="wmode" value="transparent"/> <param name="movie" value="http://s6779.gridserver.com/assets/id/player/player_mp3_
maxi.swf" /> <param name="bgcolor" value="#ffffff" /><param name="FlashVars" value="mp3=http://media.irondj.net/mix/file/29287/Yuna_-_Penakut.mp3&showstop=1&showvolume=1&showloading=
always&volumeheight=9&width=203&height=20" /></object> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Firondj.net%2Fusers%2F12261%2F
mixes%2F29287&layout=button_count&show_faces=true
&width=70&action=like&font=arial&colorscheme=dark&
height=20" scrolling="no" frameborder="
0" style="border:none; overflow:hidden;
width:70px; height:20px;" allowTransparency="true"></iframe>
<br />  <ahref="http://irondj.net/users/12261/mixes/29287">download
</a>  / <a href="http://click.linksynergy.com/fs-bin/stat?id=l6vzrRhlsiE&offerid=146261&type=3&subid=0&tmpid=
1826&RD_
PARM1=https%253A%252F%252F
itunes.apple.
com%252Fus%252Falbum%252Flullabies%252Fi
d51572236
2%253Fi%253D515722474%2526uo%253
D4%2526partner
Id%253D30" target="itunes_store" title="Buy: Penakut ">iTunes</a> / <a href="http://irondj.net">iron dj</a> 

Lepastu letaklah kat tempat url mp3 tadi...
Akhir sekali pergi balik ke mp3 player generator tadi dan copy html


paste pada mana mana bahagian sidebar pada template...
Kalau template designer pulak add gadget - HTML/javascript dan paste kod tu...

Thursday, 22 November 2012

Background (Random)


Assalamualaikum dan hai semua... da lame tak update stuff... Jadi, sekarang nak bagi background random... saye maen pilih je gambar ape2 yang saya rasa cantik...









Kalau nak comment dulu yer... kalau tak nak comment pown tak ape...

10 Gambaran Al-Quran Mengenai Sikap Yahudi




1. Bangsa yang pertama kali kafir kepada Nabi Muhammad SAW.(Al-Baqarah: 41).
2. Bangsa yang suka memutar belitkan kebenaran (Al-Baqarah: 42).
3. Bangsa yang diperingatkan Allah dengan keingkaran terhadap nikmat Allah (Al-Baqarah: 47-48).
4. Bangsa yang pernah diuji dalam perhambaan raja-raja mesir (Al-Baqarah: 49).
5. Bangsa yang menyembah berhala ditengah bimbingan Nabinya (Al-Baqarah: 51).
6. Bangsa yang diperintahkan untuk membunuh diri masal (Al-Baqarah: 54).
7. Bangsa yang pertama kali mengingkari sifat ghaib dan paham materialisme (Al-Baqarah: 55-56).
8. Bangsa yang suka berbuat aniaya di tengah nikmat Allah (Al-Baqarah: 57).
9. Bangsa yang paling cerewet dengan Nabinya (Al-Baqarah: 61).
10. Bangsa yang cepat melanggar janji Allah (Al-Baqarah: 65)

Sunday, 18 November 2012

Cbox With Background



Assalamualaikum dan hai awak semua... disebabkan tak de kerja sekarang ni so, nak buat tutorial lah ...
This tutorial is about the cbox with background like below...


  1. Log in your cbox account click here
  2. Then click on Look & Feel and choose  Colours & Fonts like below...

     3.  Next, delete the color code at Main bg and alt.bg let it empty and then click apply at bottom of the page....refer below picture if you not understand...



Done ? ok next copy below code...

<center><div style="width:250px; background:url(http://i.imgur.com/tDtge.png); padding:5px; border:2px solid #FFE0E5; border-radius:10px;">
YOUR CBOX CODE HERE</div></center>

Edit the code

Blue text : The width of your cbox...
Fuchsia text : Background image URL
Orange text : Color code find here
Red text : Put your cbox code...
(Follow below instruction if you don't know how to take the cbox code)

  1. Go here...
  2. Copy the code on step 3...
  3. Replace the red text with the cbox code 
All done...preview and save happily... ;-)

Sorry sebab bagi code salah sebelum nie... :-( kalau tak jadi informlah yer...kalau dah jadi commentlah...

Monday, 12 November 2012

10 Golongan Yang Solatnya Tidak Diterima Oleh Allah S.W.T




Rasulullah S.A.W. telah bersabda yang bermaksud : “Sesiapa yang memelihara solat, maka solat itu sebagai cahaya baginya, petunjuk dan jalan selamat dan barangsiapa yang tidak memelihara solat, maka sesungguhnya solat itu tidak menjadi cahaya, dan tidak juga menjadi petunjuk dan jalan selamat baginya.” (Tabyinul Mahaarim)

Rasulullah S.A.W telah bersabda bahwa : “10 orang solatnya tidak diterima oleh Allah S.W.T, antaranya :

1. Orang lelaki yang solat sendirian tanpa membaca sesuatu.

2. Orang lelaki yang mengerjakan solat tetapi tidak mengeluarkan zakat.

3. Orang lelaki yang menjadi imam, padahal orang yang menjadi makmum membencinya.

4. Orang lelaki yang melarikan diri.

5. Orang lelaki yang minum arak tanpa mahu meninggalkannya (Taubat).

6. Orang perempuan yang suaminya marah kepadanya.

7. Orang perempuan yang mengerjakan solat tanpa memakai tudung.


8. Imam atau pemimpin yang sombong dan zalim menganiaya.

9. Orang-orang yang suka makan ‘riba’.

Sabda Rasulullah S.A.W yang bermaksud : “Barang siapa yang solatnya itu tidak dapat menahannya dari melakukan perbuatan keji dan mungkar, maka sesungguhnya solatnya itu hanya menambahkan kemurkaan Allah S.W.T dan jauh dari Allah.”

Hassan r.a berkata : “Kalau solat kamu itu tidak dapat menahan kamu dari melakukan perbuatan mungkar dan keji, maka sesungguhnya kamu dianggap orang yang tidak mengerjakan solat. Dan pada hari kiamat nanti solatmu itu akan dilemparkan semula ke arah mukamu seperti satu bungkusan kain tebal yang buruk.”

Sunday, 11 November 2012

Four Scrollbar style



Assalamualaikum...blog saya dah bertukar wajah ( lagi =,= )...hehe... kali ni saya nak bagi jenis-jenis scrollbar yang boleh digunakan silalah guna...

Note : This scrollbar only work in chrome and safari browser...

Firstly :
For blogskin Search  </style> using ctrl+f  or f3 and search  ]]></b:skin> if you're using template designer..
Blogskins / Classic template : Paste the codes before / above  </style>
Template designer : Paste the codes before / above  ]]></b:skin>

Style no.1...

::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 15px;
background: #FFD0DA ;
border: 3px solid #FFFFFF;
-moz-border-radius: 100%;
border-radius: 100%;
}
::-webkit-scrollbar-track-piece {
background-color: #FFD0DA;
border: 7px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFD0DA;
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/yummy/55.gif);
background-size:300%;
}

Style no.2...
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 15px;
background: #FFB4B4;
}
::-webkit-scrollbar-track-piece {
background-color: #D1F7B6;
border: 6px solid #FFFFDF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFFFFF;
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/stripes2/232.gif);
background-size:500%;
background-position:0% 0%;
}
::-webkit-scrollbar-thumb:vertical:hover, ::-webkit-scrollbar-thumb:horizontal:hover {
background-size:100%;
}

Style no.3...
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 15px;
border-radius:10px;
background:url(http://www.dolliehost.com/dolliecrave/backgrounds/plaincolor/71.gif);
border: 2px solid #FFFFD7;
}
::-webkit-scrollbar-track-piece {
background-color: #FFFFD7;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:#FFFFFF;
background-image:url(http://www.dolliehost.com/dolliecrave/backgrounds/plaincolor/71.gif);
border: 3px solid #FFFFD7;
}

Style no.4...
::-webkit-scrollbar {
width: 15px;
height: 15px;
background-color:#FFFFFF;
}
::-webkit-scrollbar-button:end:increment {
background-image:url(http://www.dolliehost.com/dolliecrave/scrollbars/arrowdown.png);
background-repeat: no-repeat;background-position:center;
box-shadow: inset 0 0 2px 1px #DDDDDD;
}
::-webkit-scrollbar-button:start:decrement {
background-image: url(http://www.dolliehost.com/dolliecrave/scrollbars/arrowup.png);
background-repeat: no-repeat;background-position:center;
box-shadow: inset 0 0 2px 1px #DDDDDD;
}
::-webkit-scrollbar-thumb {
background-color:#E5CBFF;
border:0px solid #E5E5E5;
border-radius:0px;
}
::-webkit-scrollbar-track {
background:#FFFFFF;
border-radius:0%;
box-shadow: inset 0 0 2px 1px #DDDDDD;
}

Customize the style :
Blue text : Color code FIND HERE
Orange text : Width and height of the scrollbar
Red text : Background image URL

........PREVIEW AND SAVE IT HAPPILY........
Do comments and never re-post this tutorial
......That's all see you next time ^^......

Friday, 9 November 2012

Tutorial : Agree or disagree


Assalamualaikum...hari ni saya nak buat tutorial yang agak rumit iaitu agree or disagree...
contohnya macam bawah ni...


Tutorial ni untuk blogskin sahaja...
Mula2 dashboard->template

Copy code bawah nie dan paste atas kod tutorial...

<div id="rules" style="display: none;">
<u><center>Agree or not</center></u><br><br>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="Url image bagi rules" width="450" /></div><br>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;">
<img src="BULLET" />&nbsp; YOUR RULES<br>
<img src="BULLET"/>&nbsp; YOUR RULES<br>
<img src="BULLET" />&nbsp; YOUR RULES<br>
<img src="BULLET" />&nbsp; YOUR RULES<br>
<img src="BULLET" />&nbsp; YOUR RULES<br>
<br><br></div>
<div style="text-align: center;">
<span onClick="document.getElementById('page').innerHTML=
document.getElementById
('stuff').innerHTML">AGREE</span> // <span onClick="document.getElementById('page').innerHTML=document.
getElementById('diary').innerHTML"><b><u>DISAGREE
</u></b></span><br> </div>

Note:
Url image bagi rules : Tukar dengan imej apa2 yang dikehendaki...(boleh ambil bawah ni)

Click gambar dan copy image url


Bullet : Tukar dengan url bullet
YOUR RULES : tukar dengan ayat anda
page : Tukar dengan anda punya (kalau tak tahu) search code bawah ni
onClick="document.getElementById('
Ambil ayat lepas itu contoh saya punya
onClick="document.getElementById('entry')
So, Gantikan page dengan entry

stuff  : gantikan dengan id page tutorial anda
diary : gantikan dengan id page home anda
Tahu tak id page tu apa? kalau tak tahu contohnya yang saya highlight kat bawah ni

<a class="tablo" onclick="document.getElementById('page').innerHTML=
document.getElementById
('diary').innerHTML" >Diary</a>

kemudian yang terakhir search code tutorial anda (contoh macam bawah ni)

<a class="tablo" onclick="document.getElementById('page').innerHTML=
document.getElementById
('stuff').innerHTML" >Stuff</a>


Yang saya highlight tu stuff tukar dengan rules

Kemudian preview dan save...

Wednesday, 7 November 2012

Editing my sister blog..^^

Assalamualaikum dan hai semua...bosannya cuti.....tahun depan dah msuk form 4....klaw PMR x dpt 6A ke atas kena buang sekolah....Adoi...=,= ( ok dah lari tajuk )
yes! akhirnya setelah berhari-hari akhirnya siap jugak mengedit blog adik nie..Nak tengok x hasilnya?  taraa!




Lawa tak? kalau nak tengok blog dia klik >SINI< kalau x lawa pown ngangguk jelar...hehe...jgn copy apa2  dari blog tu taw...kalau copy kena denda ! Ok x penting pown post ni sorry menyemakkan dashboard anda...sekian....wassalam.....

Tuesday, 6 November 2012

Make cursor using photoshop


Assalamualaikum and hola people...:-) Ok sekarang saya nak buat tuto pasal cara buat cursor pulak..senang je sebenarnya.. kalau nak buat cursor mesti ada photoshop kalau tak ade pergi


1.Save cursor to be edited ( Only save the image preview not the cursor )
   Download from here or just save the one that I have find below...

Tiny Pointer Tiny Pink Pointer Tiny Blue Pointer

Firstly open your photoshop no matter cs3, cs4 or etc...Then,open the cursor that you have save...


After opening, copy the cursor...
Copy by pressing (ctrl + A) then press (ctrl + C)


After copying, create a new file... File > New
Next, choose size for the cursor example: width : 60 , height : 30



Paste the cursor that has been copied using ctrl + V...Then move the cursor to the top left corner of the file..



After that, add anything that you want to the cursor...Example text or picture...
After you done, upload your cursor here Imgur or photobucket...


Want this cursor? Just take it... :-) do leave your comment...

 Ok..itu sahaja..sekian.. tak faham? tanyalah... ;-)