Followers

Saturday, March 27, 2010

Tazkirah : Hiasi diri dengan Islam

Jangan Biar Hal-Hal Yang Kecil Merosak Diri Anda 


Ramai orang bersedih hanya kerana hal remeh-temeh yang tidak bererti. Perhatikanlah orang-orang munafik; betapa rendahnya semangat dan azam mereka. Berikut ini adalah perkataan-perkataan mereka:
Janganlah kamu keluar beramai-ramai (untuk berperang) pada musim panas ini” (QS. At-Taubah: 81)
Izinkanlah aku (supaya tidak pergi berperang) dan janganlah engkau menjadikan daku dipengaruhi oleh  fitnah” (QS. At-Taubah: 49)
“Sesungguhnya rumah-rumah kami memerlukan perlindungan” (QS. Al-Ahzab: 13)
Kami takut bahawa kami akan ditimpa bencana(yang memaksa kami meminta bantuan mereka)” (QS. Al-Ma'idah: 52)
Allah dan Rasul-Nya tidak menjanjikan kepada kita melainkan perkara yang memperdayakan sahaja” (QS. Al-Ahzab: 12)
            Alangkah sempitnya hidung-hidung mereka, betapa sengsaranya jiwa-jiwa mereka. Hidup mereka hanya pada sebatas soal perut, pinggan, rumah dan istana. Mereka tidak pernah mahu menebarkan pandangan mereka ke angkasa kehidupan yang utama. Mereka juga tidak pernah memandang bintang-bintang keutamaan hidup. Kecemasan dan pengetahuan mereka hanya pada soal kenderaan, pakaian, kasut dan makanan.
            Cuba perhatikan, betapa ramainya manusia yang hidupnya dari pagi hingga petang hanya disibukkan oleh kecemasan dan kegelisahan mereka agar tidak dibenci isteri, anak atau kerabat terdekatnya atau agar tidak mendapat celaan atau mengalami keadaan yang menyedihkan. Ini semua, pada dasarnya merupakan musibah besar bagi manusia-manusia seperti itu. Betapa mereka sama sekali tidak memiliki tujuan-tujuan yang lebih mulia yang seharusnya menyibukkan mereka dan juga kepentingan- kepentingan agung yang seharusnya menghabisi seluruh waktu mereka.
            Padahal pepatah mengatakan: "Jika air telah keluar dari bejana, hawa kosong akan datang memenuhinya. " Maka dari itu, bila anda juga merasa seperti orang-orang tadi, renungkanlah kembali hal-hal yang selama ini telah menarik perhatian dan hidup anda, atau bahkan membuat anda resah setiap saat. Benarkah semuanya itu patut memperoleh perhatian dan kedudukan yang sedemikian besar dalam hidup anda? Mengapa anda harus rela mengorbankan fikiran, daging darah, ketenteraman dan juga waktu hanya untuk persoalan-persoalan remeh tadi?
            Ibarat orang berjual beli, apa yang anda lakukan itu sebenarnya suatu kebodohan dan kerugian besar yang dibayar murah. Para pakar jiwa sering mengatakan, "Buatlah batasan yang rasional (wajar) untuk setiap hari” Dan lebih tepat dari kalimat ini adalah firman Allah,
Allah telahpun menentukan kadar dan masa bagi berlakunya tiap-tiap sesuatu
(QS. Ath-Thalaq: 3)
            Dengan kata lain, letakkanlah setiap persoalan sesuai dengan ukurannya, nilai dan kadarnya. Janganlah sekali-kali anda melakukan kezaliman dan melampaui batas.
            Ibaratnya, bila tujuan utama orang-orang yang berbakti kepada Allah (ketika berada dibawah sebuah pohon) adalah untuk berjual beli, maka mereka akan mendapatkan redha Allah. Namun, bila salah seorang dari mereka hanya disibukkan dengan urusan untanya saja, hingga ia tidak sempat ikut berjual beli, maka yang akan ia peroleh adalah hanya kebinasaan dan kegagalan.
            Abaikanlah hal-hal remeh yang tak penting. Jangan sampai anda hanya disibukkan olehnya dan waktu anda habis kerananya. Dengan begitu, nescaya kebimbangan dan kecemasan akan selalu menjauhi anda. Dan hidup anda pun selalu riang ceria.
moga bermanfaat
Ilalliqa'

Thursday, March 11, 2010

TUTORIAL : Cute icon sebelah Post Title

ASSALAMUALAIKUM



1) Template > Edit HTML
2) Tekan F3 / CTRL+F, cari kod ni :

<a expr:href='data:post.url'><data:post.title/></a>

3. Copy kod bawah ni dan pastekan diANTARA kod <a expr:href='data:post.url'><data:post.title/></a> tadi

<img src="LinkGambar"/>


contoh

 <a expr:href='data:post.url'><img src="http://dl8.glitter-graphics.net/pub/545/545968m2zw47mkg0.gif"/><data:post.title/></a>

4. Preview ah kalau jadi saved !

nota kaki
AA : boleh tukar dengan code gambar/icon yang korang nak

**kalau kod <a expr:href='data:post.url'><data:post.title/></a> ada banyak, korang try and error mana yang jadi ok?!

:)

TUTORIAL : Open New Tab

ASSALAMUALAIKUM

ni kod untuk link. masudnya, kalau klik mana mana link kat blog korang, dia akan bukan new tab

1. Layout > Add A Gadget > HTML/Java Script

2. Copy code ni dan paste kat situ

<!-- 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("URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>

3. Save. Siap
insyaAllah jadi

Wednesday, March 10, 2010

TUTORIAL : Sidebar Title Bergambar

ASSALAMUALAIKUM



1) Template > Edit HTML

2) Tekan F3 / CTRL+F, cari kod ni :

h2 {

3) Kalau dah jumpa salah satu kod di atas, copy code bawah ni dan pastekan kat BAWAH kod yang korang cari tadi tuh

border:0px dotted #000000
background: url(URL BACKGROUND); 
text-align:center;
text-shadow: 3px 3px 4px #64FE2E;
-moz-border-radius: 1em 4em 1em 4em;               
border-radius: 1em 4em 1em 4em  

4) Preview dan kalau jadi save la


Nota kaki
AA : boleh tukar dengan url background yang korang nak
AA : boleh tukar : solid / dashed / dotted
AA : boleh tukar : left / right / center untuk kedudukan tajuk post korang
AA : tukar kod warna korang nak untuk border line title tuh
AA : jenis border
AA : warna shadow tulisan

kalau taknak tuka yang lain, korang masukkan url background je sbb yang lain, BZ da set kira ok kott

TUTORIAL : Post Title ada Shadow

ASSALAMUALAIKUM

1) Template > Edit HTML
2) Tekan F3 / CTRL+F, cari kod ni :

h3.post-title, .comments h4 {

3. Copy kod bawah ni dan pastekan kat BAWAH kod h3.post-title, .comments h4 { tadi

text-shadow: 3px 3px 4px #64FE2E;

4. Preview ah kalau jadi saved !

nota kaki
AA : boleh ubah ikut ketebalan shadow yang korang nak
AA : boleh ubah ikut warna korang nak SINI

Tuesday, March 9, 2010

TUTORIAL : Post Title bergambar V2

ASSALAMUALAIKUM



1) Template > Edit HTML

2) Tekan F3 / CTRL+F, cari kod ni :

h3.post-title, .comments h4 {

3) Copy code bawah ni dan pastekan kat BAWAH kod h3.post-title, .comments h4 { yang korang cari tadi tuh

border: 2px solid  #A4A4A4
background: url(URL BACKGROUND); 
text-align:center;
-moz-border-radius: 1em 4em 1em 4em;               
border-radius: 1em 4em 1em 4em;

4) Preview dan kalau jadi save la

Nota kaki
AA : boleh tukar dengan url background yang korang nak
AA : boleh tukar : solid / dashed / dotted


AA : tukar kod warna korang nak untuk border line title tuh
AA : boleh tukar center / right / left untuk kedudukan tulisan tajuk
AA : jenis border korang nak, bole tengok SINI
kalau korang tak nak tukar kod lain tu, korang just masukkan url background je. yang lain tu NZ dah settan cam dlm gambar

TUTORIAL : Post Title bergambar

ASSALAMUALAIKUM

1) Template > Edit HTML

2) Tekan F3 / CTRL+F, cari kod ni :

h3.post-title, .comments h4 {

3) Copy code bawah ni dan pastekan kat BAWAH kod h3.post-title, .comments h4 { yang korang cari tadi tuh

border: 2px dashed #A4A4A4
background: url(URL BACKGROUND); 

4) Preview dan kalau jadi save la

Nota kaki
AA : boleh tukar dengan url background yang korang nak
AA : boleh tukar : solid / dashed / dotted
AA : tukar kod warna korang nak untuk border line title tuh

Monday, March 8, 2010

TUTORIAL : Blockquote Senget bila cursor menyentuhnya


before

after
nak macam ni ?? jom buat!


1) Template > Edit HTML
2) Tekan F3 / CTRL+F, cari kod ni :
]]></b:skin>
ATAU

.post blockquote {

ATAU

blockquote:hover {

3) kalau korang jumpa kod ni ]]></b:skin>
Copy code bawah ni dan pastekan kat atas kod yang korang cari tadi

.post blockquote {
background: url(URL BACKGROUND KORANG);
border:3px solid  #E2A9F3;
-moz-border-radius-bottomright: 50px;      
border-bottom-right-radius: 50px;
colour:#FFFFFF}
blockquote:hover {
-webkit-border-radius: 30px 10px;
    -moz-border-radius: 30px 10px;
    -webkit-transform: skew(1.deg,1.5deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg); }
    border:3px dashed #000000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
}

-----------------
kalau korang jumpa kod ni .post blockquote {
Copy code bawah ni dan pastekan kat bawah kod yang korang cari tadi
background: url(URL BACKGROUND KORANG);
border:3px solid  #E2A9F3;
-moz-border-radius-bottomright: 50px;      
border-bottom-right-radius: 50px;
colour:#FFFFFF}
blockquote:hover {
-webkit-border-radius: 30px 10px;
    -moz-border-radius: 30px 10px;
    -webkit-transform: skew(1.deg,1.5deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg); }
    border:3px dashed #000000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
}

---------------
kalau korang jumpa kod ni .post blockquote {
Copy code bawah ni dan pastekan kat bawah kod yang korang cari tadi
-webkit-border-radius: 30px 10px;
    -moz-border-radius: 30px 10px;
    -webkit-transform: skew(1.deg,1.5deg);
    -moz-transform: rotate(4deg);
    -webkit-transform: rotate(4deg); }
    border:3px dashed #000000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
}

4. Preview dan kalau ok,save !kalautak, sila drop comment..heee V^^

NOTA KAKI
AA : cari url background korang sendiri eh
AA : ketebalan border
AA : garisan border (dashed/solid/dotted)
AA : warna garisan border
AA : jenis border (boleh rujuk sini)
AA : size rotate blockquote tu. Takyah tukar pun takpe

Sunday, March 7, 2010

TUTORIAL : Flash Blockquote

before

after cursor touch it


1) Template > Edit HTML
2) Tekan F3 / CTRL+F, cari kod ni :
]]></b:skin>
ATAU

.post blockquote {

3) kalau korang jumpa kod ni ]]></b:skin>
copy code bawah ni lak dan Paste kat atas kod yang korang dah cari tadi tu.

.post blockquote {
background: url(URL BACKGROUND KORANG NORMAL);
border:2px solid  #FF0000;
-moz-border-radius-bottomright: 50px;      
border-bottom-right-radius: 50px;
colour:#FFFFFF}
blockquote:hover {
background: url(URL BACKGROUND KORANG SEMASA CURSOR SENTUH) repeat right bottom ;
border:2px dashed  #FF0000;
-moz-border-radius: 25px 10px / 10px 25px;                 
border-radius: 25px 10px / 10px 25px;
}

>>>kalau korang jumpa kod ni .post blockquote {
copy code bawah ni lak dan Paste kat bawah kod yang korang dah cari tadi tu.
background: url(URL BACKGROUND KORANG NORMAL);
border:2px solid  #FF0000;
-moz-border-radius-bottomright: 50px;      
border-bottom-right-radius: 50px;
colour:#FFFFFF}
blockquote:hover {
background: url(URL BACKGROUND KORANG SEMASA CURSOR SENTUH) repeat right bottom ;
border:2px dashed  #FF0000;
-moz-border-radius: 25px 10px / 10px 25px;                 
border-radius: 25px 10px / 10px 25px;
}

4) Preview dan kalau puas ati boleh save !
AA : cari url background korang sendiri eh
AA : ketebalan border
AA : garisan border
AA : warna garisan border
AA : jenis border (boleh rujuk sini)


Saturday, March 6, 2010

TUTORIAL : Background untuk blockquote V2

  
ni tutorial sambungan dari yang INI ...kalau yang itu tak jadi boleh try yang ini pulak...

1. DASHBOARD > DESIGN > EDIT HTML > tick EXPAND WIDGET TEMPLATES

2. tekan CTRL+F di keyboard PC anda. cari

]]></b:skin>

3. kalau dah jumpa perkataan atas ni, sila copy code bawah ni dan paste kan kat atas code  ]]></b:skin> yang telah anda cari

.post blockquote {
background: url(URL BACKGROUND);
    border-top: 1px dashed #FF0080;
    border-left: 1px dashed #FF0080;
    border-right: 1px dashed #FF0080;
    border-bottom: 1px dashed #FF0080;
}

URL BACKGROUND - ganti dengan kod url gambar yang korang nak 
DASHED - boleh tukar dengan : DASHED, SOLID atau DOTTED
FF0080 - ganti dengan kod url warna yang korang nak .. ni untuk border dia 

4. siap ? save !!

free : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivBFhJJRE_h_vcg7TlXFp3089hJQXvRpdBG7NmqQ3DqzRnoRUXMVSAmmkGkzPPXLzs5oQynCd9n84HZB8fInTkRMX00j-T0pBUJaWxOtBwYYPdnGeL22bPet41fgfpaGhTwFszvUfJ5Jih/s1600/Untitled-2.png

TUTORIAL : Background untuk blockquote V1

nak buat blockquote korang ade background tak ? boleh try ni..

1. Dashboard > Design > Edit HTML

2. tekan CTRL+ F serentak dan cari kod berikut :

.post blockquote {

3. copy code bawah ni dan paste bawah code .post blockquote { .

background-image:url(url gambar);

4. Siap ?  Save :)

***url gambar ..boleh tukar dengan URL gambar korang sendiri

Thursday, March 4, 2010

TUTORIAL : Cute Icon muncul bila cursor menyentuh Blockquote

sebelum 

apabila disentuh oleh cursor

1. DASHBOARD > DESIGN > EDIT HTML

2. Tekan CTRL+F serentak dan cari kod bawah ni :

.post blockquote {

3. Copy code bawah ni :

blockquote:hover {
background-color: #
000000 ;
-webkit-transition-duration: 4.0s;
background-image:url(
URL ICON ANDA);
background-position:bottom right;
background-repeat:no-repeat;
 }

4. Paste kat bawah kod .post blockquote { tadi 

5. SAVE !

***ABC : tukar dengan warna korang nak untuk background blocquote selepas cursor menyentuhnya
***URL ICON ANDA : tukar dengan URL ICON yang akan keluar bila cursor menyentuh blockquote


Wednesday, March 3, 2010

TUTORIAL : Buat Blockqoute

HAI !! NAMA SAYA BZ
korang nampak tak blockquote atas ni ? cantik tak ??heheheee..tau tak macam mana nak buat ? kalau tak tau boleh ikut tutorial ini..senang je..

mula mula klik Dashboard > New post

1. pastu tulis lah ayat korang tu... bila korang nak letak ayat tu dalam blockquote, highlightkan ayat korang tu..
2. tekan yang kat no 2 tu....


3. dah siap menaip dengan penuh kepenatan tuh *heheh boleh lah publish

pastu tengok la, jadi tak ??

AUTOPING BY OTHERS